@charset "utf-8";
/* CSS Document */
#fond{
  background: url('../images/fondPiscine2.jpg') no-repeat center fixed, url('../images/fondPiscine2Low.jpg') no-repeat center fixed; 
  background-size:cover;
}
.logosRonds{border-color:#9db902; opacity:1;}
#declencheurGauche:hover>.flecheGauche , .declencheurGauche:hover>.flecheGauche {color:#9db902; 
-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:#9db902; 
-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;}
.flecheGauche, .gris{color:#ccc;}
#page2 .gris{color:#ccc!important;}

.blocAnnexe, #blocAnnexe2 {margin-top:45px; width:41%; background-color:rgba(0,0,0,0.05);}
.blocAnnexe ul{margin-top:10px;}
.decale{margin-left:30px;}
.teteDeListe{margin-top:10px; }
.bot{margin-bottom:10px;}
h1,h2, #article{ color:#ffffff;}
ul{list-style:none;}
.onze{font-size:11px;}
.annexeForm{padding:15px 25px 0px!important;}
#article2{margin-left:400px; padding-left: 32px; margin-top:-295px; }
#article3{height:100%; position:absolute;}
#page2 aside{margin-top:0px; width:30%; font-size:1.1em;}
#page1 #article{height:78.5%;}

@media screen and (max-width:1010px) {
	#article2{padding-left:0;}
	#page1 aside{border:solid 1px #fff; padding:20px 20px 50px 30px;}
	#page2 aside{margin-top:-150px!important;}
}

@media screen and (max-width:500px) {
	#article2{margin-top:75px!important;}
}

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