@charset "utf-8";
/* CSS Document */
#fond{
  background: url('../images/fondBilbao4.jpg') no-repeat center fixed, url('../images/fondBilbao4Low.jpg') no-repeat center fixed; 
  background-size:cover;
}
.logosRonds{border-color:#05B9E6;}
#declencheurGauche:hover>.flecheGauche , .declencheurGauche:hover>.flecheGauche {color:#05B9E6; 
-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:#05B9E6; 
-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;}
#article{ font-size:1.2em;}
#article ul li h2{font-size:1em;}
#blocAnnexe{ margin-top:-260px;}
#marge{ min-height:400px;}
#blocAnnexe { margin-top:-187px; padding:15px 25px 40px 40px; width:20%}
#blocAnnexe ul{margin-top:10px;} 
#blocAnnexe ul{margin-top:10px;}
#diaporama {width:480px; margin:auto;}
#diaporama img {position: absolute;}
#marcheArret {font-size: 18px; margin-top: 310px;margin-left:200px; position: absolute; text-align: center; width:50px; z-index: 1800;cursor:pointer;color:#ffffff;}
#machinerie{}
#imagePrecedente{text-align:left; position:absolute; z-index:801; margin-top:0px; margin-left:0px; padding-top:300px; cursor:pointer; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; width:255px; height:150px;}
#imageSuivante{ position:absolute; z-index:802;  margin-top:0px;  margin-left:225px; padding-top:300px; padding-left:215px; width:55px; cursor:pointer; font-weight:bold;font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#ffffff; height:150px;}
#boutonAvance, #boutonRecule{visibility:hidden;}
#lectureStop{position:absolute; width:260px; margin-top:330px; margin-left:190px; color:#777; font-size:8px;}

ul{list-style:none;}
.decale{margin-left:10px;}
.guillemetsOuvrant{color:#fff;}

@media screen and (max-width:1010px) {

	#page2 #diaporama{ width:450px!important; max-width:100%!important; margin:30% auto!important;}
	}
	
@media screen and (max-width:830px) {
	#page2{margin-top:250px!important; width:100%;}
	#diaporama img{position:absolute; left:0;}
	
	}
	
@media screen and (max-width:400px) {
	#page2{margin-top:350px!important;}
	#page1 aside{max-width:80%!important;}
}

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