@charset "utf-8";
/* CSS Document */

#fond{
  background: url('../images/fondFac.jpg') no-repeat center fixed, url('../images/fondFacLow.jpg') no-repeat center fixed; 
  background-size:cover;
}
.logosRonds{border-color:#956206;}
#declencheurGauche:hover>.flecheGauche , .declencheurGauche:hover>.flecheGauche {color:#956206; 
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
-ms-transition:color 0.5s ease-out;
-o-transition:color 0.5s ease-out;
transition: color 0.5s ease-out;}
#declencheurDroit:hover>.flecheDroite , .declencheurDroit:hover>.flecheDroite {color:#956206; 
-webkit-transition: color 0.5s ease-out;
-moz-transition: color 0.5s ease-out;
-ms-transition:color 0.5s ease-out;
-o-transition:color 0.5s ease-out;
transition: color 0.5s ease-out;}
#page2 .flecheGauche, #page2 #situation2{opacity:0.4!important;}
#blocAnnexe{ margin-top:-170px; background-color:rgba(120,120,120,0.2); padding:15px 30px 40px 30px; }
#page1 article ul li h2{font-size:1em;}
#ligne2 #photographie a:hover{color:#d50337;}

#marge{ min-height:400px;width:350px;}
#fondSombre {background-color: rgba(0, 0, 0, 0.9);}
#marge video{position:absolute; z-index:500; margin-left:165px;}
.guillemetsOuvrant{color:#fff;}
article ul{list-style:none; margin-top: 8px;}
article{font-size:1em!important;}
article ul li{margin-left:10px;}

@media screen and (max-width:1200px) and (orientation:landscape){
		 #fond{ background: url('../images/800/fondFac.jpg') no-repeat ;}
}
@media screen and (max-height:550px){
			/* #fond{ background: url('../images/500/fondFac.jpg')no-repeat ;}*/
}

@media screen and (max-width:1010px) {
#blocAnnexe{width:55%!important;}
}