﻿
body{
    background:#AF8E65;
    font-family:"Lucida Grande","Helvetica,Arial","Verdana","sans-serif";
    overflow:hidden;
}

li {
    margin-top:20px;
    -webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
    box-shadow: 1px 1px 5px 1px #7e7e7e; 
}

.sousligne {
    text-decoration: underline;
}

#cam, #unit, #contact, #cav, #geo, #log, #pre {
    position: absolute;
    background-color: #C4E9FB;
    -webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
    box-shadow: 1px 1px 5px 1px #7e7e7e; 
}
#camB, #unitB, #contactB, #cavB, #geoB, #logB, #preB {
    position: absolute;
    background-color: #89B440;
    -webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
    box-shadow: 1px 1px 5px 1px #7e7e7e; 
}

#cam {
    overflow:hidden;
    z-index:10;
}
    #cam p {
        position:absolute;
        font-size: 30px;
        color:#89b43f;
    }
    #cam img { 
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
      }

#unit {
    overflow:hidden;
    z-index:9;
    top: 170px;
    left: 456px;
}
    #unit p {
        position:absolute;
        font-size: 30px;
        color:#89b43f
    }
        #unit img { 
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
      }
#contact {
    z-index:4;
    color:#89b43f;
    text-align:center;
}
#cav {
    overflow:hidden;
    z-index:7;
}
    #cav p {
        position:absolute;
        font-size: 30px;
        color:#89b43f
    }
      #cav img { 
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
      }

#geo {
    overflow:hidden;
    z-index:5; 
}
    #geo p {
        margin-top: 40px;
        font-size: 30px;
        color:#89b43f;
    }
	    #geo img {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
#log {
    overflow:hidden;
    z-index:8;
}
    #log p {
        position:absolute;
        font-size: 30px;
        color:#89b43f
    }
           #log img { 
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
      }
#pre {
    text-align:justify;
    z-index:6; 
}
    #pre p {
        color:#653705;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
    }


/*SOUS DIV*/


#camB {
    color:white;
    text-decoration:underline;
	overflow:hidden;
    z-index:9;
}

#camB a {
    color:white;
}

    #camB li:hover {
        background-color:#AF8E65;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }


#unitB {
    z-index:8;
    color:white;
}

#unitB a {
    color:white;
}

    #unitB li:hover {
        background-color:#AF8E65;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }

#contactB {
    z-index:3;
    color:white; 
}
    #contactB li:hover {
        background-color:#AF8E65;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }

#cavB {
    z-index:6;
    color:white; 
}

    #cavB li:hover {
        background-color:#AF8E65;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }
	#cavB a{
	color:white;
	}

#geoB {
    z-index:4;
    color:white;
    text-decoration:underline;
    overflow:hidden;
}

    #geoB li:hover {
        background-color:#AF8E65;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }
    #geoB a{
    color:white;
    }
#logB {
    z-index:7;
    color:white;
    text-decoration:underline;
    overflow-x: hidden;
    overflow-y: scroll;
}
    #logB li:hover {
        background-color:#AF8E65;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }
    #logB a {
    color:white;
    }
    #logB img{
    position:absolute;
    top:0;
    }

#visuG {
    color:white;
    z-index:30;
    position: absolute;
    background: #AF8E65;
    opacity:0.9;
    -webkit-border-radius: 0px 400px 400px 0px;
    border-radius: 0px 400px 400px 0px; 
}
    #visuG li {
        list-style-type: none;
        -webkit-box-shadow: 0px 0px 0px 0px ;
        box-shadow: 0px 0px 0px 0px ;
    }
#visuD {
    color:#fff;
    z-index:30;
    position: absolute;
    background: #AF8E65;
    opacity:0.9;
    -webkit-border-radius: 400px 0px 0px 400px;
    border-radius: 400px 0px 0px 400px; 
}
    #visuD li {
        list-style-type: none;
        -webkit-box-shadow: 0px 0px 0px 0px ;
        box-shadow: 0px 0px 0px 0px ;
    }

#end {
    z-index: 99;
}

/*pages php*/
#title{
	font-size:25px;
    color:white;
    position: absolute;
    top:0;
    left:0;
    background-color: #89B440;
    -webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
    box-shadow: 1px 1px 5px 1px #7e7e7e; 
}
.bold{
	font-size:20px;
	font-weight:bold;
	margin-left:10px;
	margin-top:-5px;
	border-top:2px solid #80684a;
	}
#text{
	overflow-y:scroll;
	overflow-x:hidden;
    color:#653705;
    position: absolute;
    background-color: #C4E9FB;
    -webkit-box-shadow: 1px 1px 5px 1px #7e7e7e;
    box-shadow: 1px 1px 5px 1px #7e7e7e;
}
#text img{
	margin-left:-10px;
	}
#index{
    overflow-x:hidden;
    overflow-y:scroll;
	position:absolute;
    background-color:#e3c99a;
	  border: 1px dashed #C0C0C0;
	  width: 260px;
	  height: 450px;
	}
    #index a {
        color: #653705;
    }
#back {
    position: absolute;
	z-index:3;
}

#flecheHaut, #flecheHaut1, #flecheHaut2{
position:absolute;
}

#fleche, #fleche1, #fleche2 {
    position: absolute;
    top: 0;
    left: 0;
}
	
	#fleches {
	opacity:0.2;
    position: absolute;
    top: 0;
    left: 0;
}
	#fleches:hover{
	opacity:1;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
	}


    #index li:hover {
        background-color:#AF8E65;
        -webkit-transition: background 250ms ease-in-out;
        -moz-transition: background 250ms ease-in-out;
        -ms-transition: background 250ms ease-in-out;
        -o-transition: background 250ms ease-in-out;
        transition: background 250ms ease-in-out;
    }
#masque {
    position:absolute;
    top:0px;
    left:0px;
    z-index:99;
    height: 1000px;
    width: 1920px;
    background-color: black;
    opacity: 0.2;
}
