@charset "utf-8";
/* CSS Document */
#fond{
  background: url('../images/fondBilbao2.jpg') no-repeat center fixed, url('../images/fondBilbao2Low.jpg') no-repeat center fixed; 
  background-size:cover;
}
.logosRonds{border-color:#e46c15;}
#page3 h1{color:#fff; font-size:1.7em;}

#declencheurGauche:hover>.flecheGauche , .declencheurGauche:hover>.flecheGauche {color:#e46c15; opacity:0.9;
-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:#e46c15; opacity:0.9;
-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;}

#blocAnnexe, .blocAnnexe{margin-top:-492px;
    padding: 10px 20px 40px 25px;
    width: 25%;}
#page1 aside{width:25%}
#page2 aside{margin-top:-360px; padding:15px; font-size:1em;}
#page2 aside ul{font-size:1em;}

#marge{min-width:870px; min-height:390px; background-color:rgba(255,255,255,0.5);}
.presentation{width:400px; margin:10px; background-color:#ffffff; display:inline-flex; min-height:200px;}
.legende{display:table-cell; vertical-align:middle; text-align:center;width:200px; height:200px;}
#marge{padding:10px 10px 0px 10px; overflow:hidden; -webkit-box-shadow:2px 1px 3px #606060; box-shadow:2px 1px 3px #606060; }
#contenant{height:365px; }
.verbatim2 ul li{margin-top:0px;}
.scroll-track{
 height:10px;
 width:10px;
 background:#999999;
}

.verbatim2 ul{margin-left:10px;}
#contenuArticle{ height: 400px; margin-top:-100px;position: absolute; width: 337px; z-index: 20;}

ul{list-style:none;}
.decale{margin-left:20px;}
.gras{font-weight:bold;}

ul li{margin-top:10px; font-size:0.7em;}
#page2 aside ul li{font-size:1em;}
.reperes{letter-spacing:1.1px; font-size:1.1em; color:#777; margin-bottom:20px;}
a, a:link, a:visited, a:active{color:#fff;  text-decoration:none;}
a:hover ,.liens:hover > .sousTitre{color:#e46c15; text-decoration:none;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition:all 0.4s ease-out;
-o-transition:all 0.4s ease-out;
transition: all 0.4s ease-out;}

#article, .article{width:66%; height:100%}

.liens{float:left; width:30%; margin-right:5%; margin-top:20px; position:absolute; z-index:60; text-align:center; line-height:1.1; }	
#liens2 {margin-left:35.25%;}
#liens3{margin-left:70.5%;}

#liens4{width:100%; margin-top:0px; position:absolute; z-index:60;}

#contenantArticle, #contenantArticle2{position:relative; height:230px; }
.sousTitre{font-size:1.2em; text-align:justify;}
.special{font-size:1.1em;}
.descrip{font-size:0.8em; text-align:justify;}
#offre{   background-color:rgba(0,0,0,0.05);
    color: #fff;
    font-size: 1.2em;
	border-radius: 5px;
	 padding: 0px 22px 20px;
	 margin-top:-275px;
	 margin-left:623px;
	 text-align:center;
	 /*border:1px solid #fff;*/
}
#offre img, #offre2 img{border-radius:80px; border:solid 2px #ffffff; -webkit-transform: scale(0.6); -ms-transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6);}
#legendeOffre, #legendeOffre2{text-align:center; margin-top:-20px; line-height:0.8em;}
#offre:hover> img, #offre2:hover> img{border-color:#e46c15;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
#offre:hover .orange, #offre2:hover .orange{color:#fff;}
#offre:hover, #offre2:hover{/*text-decoration:underline;*/ color:#e46c15; background-color:rgba(0,0,0,0.1);  -webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition: all 0.5s ease-out;}
#offre2{display:none;}


@media screen and (max-width:1010px) {
	#page1 article{height:400px; margin-bottom:100px;}
	#page1 aside{border:solid 1px #fff; margin-top:-100px; margin-bottom:100px; width:60%!important;}
	#page2 aside{color:#fff; opacity:1; font-size:1.2em; margin-top:150px!important;}
	#page3 #contenantArticle{height:auto; }
	#page3 .liens{text-align:left;}
	#offre{position:absolute;z-index:800;}
	#offre{display:none!important;}
	#offre2{display:block;}
}



@media screen and (max-width:500px) {
	#page1 article{margin-bottom:150px;}
	#page1 aside{margin-top:250px!important;}
	#page2 aside{margin-top:350px!important;}
	#page3 .sousTitre{text-align:left;}
	#page3 .titre{margin-bottom:0; padding-bottom:0;}
}
@media screen and (max-width:1200px) and (orientation:landscape){
		 #fond{ background: url('../images/800/fondBilbao2.jpg') no-repeat center fixed;}
}
@media screen and (max-height:550px){
			/* #fond{ background: url('../images/500/fondBilbao2.jpg')no-repeat center fixed;}*/
}