@charset "utf-8";
/* CSS Document */
#fond{
  background: url('../images/fondFenetre.jpg') no-repeat center fixed, url('../images/fondFenetreLow.jpg') no-repeat center fixed; 
  background-size:cover;
}
.logosRonds{border-color:#ffcc00; opacity:1;}

#declencheurGauche:hover>.flecheGauche , .declencheurGauche:hover>.flecheGauche {color:#ffcc00; 
-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:#ffcc00;
-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;}
#sousTitrageMenu{color:#eee;}

#marge{height:401px; text-align:center; color:#fff;}
article, #article, .article{width:80%}
#blocAnnexe, .blocAnnexe{width:28%; text-align:right; padding:0; font-size:1.1em;background-color:rgba(120,120,120,0.0);}
#page1 #blocAnnexe{position:absolute; right:0; margin-top:-220px;}
.blocAdresse{margin-top:1px;}
.contact{font-size:1.2em;}
#blocAnnexe2{margin-top:-450px; line-height:0.7; text-align:justify;}
#page2 article img{border-radius:10px;}
#contenuArticle{ height: 400px; margin-top: -150px;position: absolute; width: 337px; z-index: 20;}
#presentation{margin-left:25px; margin-right:15px;}
/**************************** formulaire ********************************/
.petit{font-size:0.7em;}
.jaune{color:#ffcc00;}
#boutonEnvoi{margin-left:315px;position:relative; z-index:600;}
#boutonEnvoi input{background-color: #666; color: #F3CD00; padding:3px; border-radius:3px; cursor:pointer;box-shadow:2px 1px 3px #606060; -moz-box-shadow:2px 1px 3px #606060; -webkit-box-shadow:2px 1px 3px #606060; border:solid 1px;}
#boutonEnvoi input:hover{background-color:#333; color:#FC3; box-shadow:1px 0px 1px #606060; -moz-box-shadow:1px 0px 1px #606060; -webkit-box-shadow:1px 0px 1px #606060;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-ms-transition:all 0.7s ease-out;
-o-transition:all 0.7s ease-out;
transition: all 0.7s ease-out;}
.contact:hover{border:none;}
#cacheFormulaire{
	height:380px; margin:-22px 0 0 -20px; width:430px;	
}
textarea{height:100px; width:394px; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; background-color:rgba(255,255,255,0.3);}
a:link, a:visited{text-decoration:none; color:#fff;}
a:hover{color:#ffcc00; cursor:pointer;}
a:active{text-decoration:none; color:#fff;}
#declencheurDroit{z-index:0;}/*pour permettre au lien d'être actif dessous !*/
#page2 article{width:35%; text-align:justify; line-height:1.2; }
.prest{line-height:1;}
.serre{line-height:0.9;}
.petitpetit{font-size:0.6em;}
.remerciements{font-size:1.2em!important; padding-top:50px; height:419px;}
.g-recaptcha{margin-left:85px; margin-top:-116px; margin-bottom:50px;}
@media screen and (max-width:1010px) {
	#page1 #blocAnnexe{text-align:left; width:70%!important; margin-bottom:0; padding:10px 0 30px 30px; text-align:left; font-size:1.4em; position:absolute; z-index:300;}
	#page2{margin-top:-150px!important;}
	#page2 article{font-size:1.2em; margin-top:-120px!important; text-align:justify; width:92%!important}	
	#page2 article img{max-width:100%;}
	#page1 #article.remerciements{display:none!important;}		
}

@media screen and (max-width:450px) {
	#page1 #blocAnnexe{max-width:80%!important;}
}

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