@import url(../../common/css/common.css);

/* SLIDER */
.slider_accueil{position:relative; top:-1px; overflow:hidden;}
.slider_img{display:none; position:	absolute;}
/*.over_img{display:none; position:absolute; left:50%; margin-left: -345px;top:100px; z-index:9; text-align:center; text-shadow: 0px 0px 14px #1084b6; -webkit-text-shadow: 0px 0px 14px #1084b6; -moz-text-shadow: 0px 0px 14px #1084b6; -o-text-shadow: 0px 0px 14px #1084b6;}
.over_img p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:35px; font-weight:bold; font-style:italic; color:#fff; }
.over_img h1{ font-family:Bevan; font-size:75px; font-weight:bold; color:#fff; }*/
.over_img{display:none; position:absolute; left:50%; margin-left: -345px;top:100px; z-index:9; text-align:center; text-shadow: 0px 0px 14px #fff; -webkit-text-shadow: 0px 0px 14px #fff; -moz-text-shadow: 0px 0px 14px #fff; -o-text-shadow: 0px 0px 14px #fff;}
.over_img p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:35px; font-weight:bold; font-style:italic; color:#474747; }
.over_img h1{ font-family:Bevan; font-size:75px; font-weight:bold; color:#474747; }
.slider_cache{position:relative; overflow:hidden; background: url(../../common/img/background-body.jpg) repeat; z-index:9}
.loader{text-align:center; position:absolute; left:50%; margin-left:-85px; top:-100px; z-index:2;}
.loader_gif{text-align:center;}
.loader_txt{ color:#007eff; font-size: 1.8em; font-family:Georgia, "Times New Roman", Times, serif; }
.img_accueil_mobile{display:none;}
.arrow{ width:150px; height:200px; z-index:15; bottom:40%; cursor:pointer; position:absolute;  }
.prev{ background:url(../../common/img/slider_arrow_left.png) no-repeat center left; left:20px; }
.next{ background:url(../../common/img/slider_arrow_right.png) no-repeat center right; right:20px; }
.brochures{ position:absolute; width:319px; height:222px; z-index:8; right:50px; bottom:0; }
.brochures img{ position:absolute; width:100%; }
.brochures div{ margin-top:175px; margin-left:78px; }
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}

@-o-keyframes rotate {
  from {
    -o-transform: rotate(0deg);
  }
  to { 
    -o-transform: rotate(360deg);
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0deg);
  }
  to { 
    -moz-transform: rotate(360deg);
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to { 
    transform: rotate(360deg);
  }
}

#loading img{
	-webkit-animation-name:rotate; 
	-webkit-animation-duration:1.5s; 
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-o-animation-name:rotate; 
	-o-animation-duration:1.5s; 
	-o-animation-iteration-count:infinite;
	-o-animation-timing-function:linear;
	-moz-animation-name:rotate; 
	-moz-animation-duration:1.5s; 
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	-ms-animation-name:rotate; 
	-ms-animation-duration:1.5s; 
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:linear;
}

@media screen and (min-width:1000px) and (max-width:1209px){
	.over_img{top:50px;}
}

@media screen and (max-width:1020px){
	.brochures{ width:250px; height:171px; }
	.brochures div{ margin-top:98px; margin-left:49px; }
}

@media screen and (max-width:999px){
	.over_img{top:50px; margin-left:-270px; }
	.over_img p{ font-size:25px; }
	.over_img h1{ font-size:50px; }
}

@media screen and (min-width:600px) and (max-width:939px){
	.over_img{width:500px;margin-left:-250px;}
}

@media screen and (min-width:730px) and (max-width:939px){
	.slider_accueil .center{left:0;margin-left:0;}
}

@media screen and (max-width:768px){
	.over_img{ top:65px; }
	.arrow{ bottom:24%; }
	.brochures{ width:217px; height:151px; right:10px; }
	.brochures div{ margin-top:81px; margin-left:31px; }
}

@media screen and (max-width:750px){
	.slider_accueil{ display:none; }
	.over_img{ top:50px; margin-left:-235px; }
	.over_img p{ font-size:15px; }
	.over_img h1{ font-size:29px; }
	.img_accueil_mobile{display:block;}
	.img_accueil_mobile img{display:block;margin:auto;width:100%;}
}

@media screen and (max-width:620px){
	.over_img{ margin-left:-135px; }
}

/* TIMELINE */
.timeline{position:relative;margin-top:-40px; width:100%;}
.timeline ul{ height:28px;width:115px;margin:0 auto;}
.timeline li{display:inline-block;vertical-align:top;width:10%;margin-left:14px;}
.timeline li a{ display:block; width:20px; height:20px; background:#ffffff; border-radius:10px; }
.timeline li a:hover,
.timeline li a:focus,
.timeline li a.actif{background:#ffd200;}

/* PAGE GLOBALE */

.ContentPane{ padding-top:30px; }
.pictosPratique{ display:none; width:100%; }
.pictosPratique .pictoContainer{ width:30%; display:inline-block; vertical-align:top; text-align:center; margin-left:1.3%; margin-right:1.3%; }
.pictosPratique span{ width:49px; height:47px; display:block; margin-bottom:75px; }
.pictosPratique .first{ background:url(../../common/img/picto-dormir.png) center center no-repeat; }
.pictosPratique .second{ background:url(../../common/img/picto-manger.png) center center no-repeat; }
.pictosPratique .third{ background:url(../../common/img/picto-carte-resp.png) center center no-repeat; }
.pictosPratique .text{ font-family:Bevan; font-size:14px; color:#1186ff; line-height:17px; }
.pictosPratique .btnGreen{ margin-top:25px; margin-left:36%; }
.ContentLeft{ width:48%; margin-right:1%; display:inline-block; vertical-align:top; margin-top: 35px; }
.ContentRight{ width:48%; margin-left:1%; display:inline-block; vertical-align:top; margin-top: 35px; }
.ContentLeft .btnBlue,.ContentLeft .btnGreen, .ContentRight .btnBlue, .ContentRight .btnGreen{ margin-top:30px; }
.mapBackground{ background:url(../../Images/background-carte.png) top right no-repeat; width:100%; }
.linksMapHome{ height:400px; width:100%; position:relative; }
.mapLinks{ display:block; position:absolute; }
.mapFirst{ height:42px; width:93px; top:155px; right:181px; }
.mapSecond{ height:44px; width:118px; top:96px; right:32px; }
.mapThird{ height:29px; width:79px; top:196px; right:9px; }
.stepBackground{ background:url(../../common/img/steps.png) no-repeat center 55px; }
.scotchBox{ position:relative; margin-right:17px; width:22.8%; vertical-align:top; display:inline-block; }
.scotchBox img{ width:100%; }
.scotchBox:after{ content: ""; width: 80px; height: 39px; background:url(../../common/img/scotch.png) no-repeat; top: -19px; left:75px; position: absolute; }
.scotchBox span{ color:#fff; background:#323232; display:block; text-align:center; height:46px; padding-top:25px; line-height:1; font-family:Bevan; font-size:14px; margin-top:-3px; }
.scotchBox span:hover{ color:#fff; }
.scotchBoxLast{ margin-right:0; }
.listeHome ul li{ display:inline-block; margin-right:35px; margin-top:45px; }
.listeHome ul li:last-child{ margin-right:0; }
.listeHome ul li a{ color:#007eff; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; text-decoration:underline; }
.aaParagraphePageBlack a:hover, .listeHome ul li a:hover{ text-decoration:none; }
.Prefooter table, .Prefooter tbody{  }
.preFooterContent ul li{ margin-right:40px; margin-bottom:30px; }
.PreFooterLeft{ width:56%; margin-right:1%; margin-bottom:80px; display:inline-block; vertical-align:top; margin-top: 35px; }
.PreFooterRight{ width:41%; margin-right:1%; margin-bottom:80px; display:inline-block; vertical-align:top; margin-top: 35px; }

/* - Container / - mise en avant */
/*.actu_container_home{ background:#d0e7ff; border-radius:8px; color:#474747;  padding:45px 30px 30px 45px; }
.actu_container_home img{ float:left; border: 11px solid #fff; margin-right:25px; }
.actu_container_home span{ font-size:14px; font-family:Bevan; color:#728a94; }
.actu_container_home .titrepagenoir{ font-family: Bevan; font-size: 26px; color: #474747; }
.actu_container_home .textenoir{ margin-bottom:25px; }
.actu_container_home a{ padding:10px 12px; background:#25a45e; top:0; font-family:Bevan; color:#fff; font-size:14px; border-radius:5px; border-bottom: 4px solid #128b48; position:relative; text-shadow: 0 1px 0 #0067d1; transition:all 0.1s; }
.actu_container_home a:hover{ color:#FFF; top:3px; border-bottom: 2px solid #128b48; text-shadow: 0 -1px 1px #0067d1; transition:all 0.1s; }
.actu_container_home a:active{ top:5px; border-bottom: 0px solid; }*/

/* - Container / - mise en avant Objtour */
.actu_container_home{ background:#d0e7ff; border-radius:8px; color:#474747;  padding:45px 30px 45px 45px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#474747; }
.actu_container_home .img_oi_home{ float:left; border: 11px solid #fff; margin-right:25px; }
.actu_container_home .exergue_oi_home{ font-family: Bevan; font-size: 26px; color: #474747; }
.actu_container_home .dd_oi_nav_section_title{ font-family: Bevan; font-size: 20px; color: #474747;  }
.actu_container_home .rmArticle{ margin-bottom:25px; }


@media screen and (max-width:1055px){
	.textNormal h2{ margin-bottom:14px; }	
}

@media screen and (max-width:768px){
	.scotchBox:after{ left:46px; }
	.actu_container_home .img_oi_home{ float:none; margin-bottom:15px; }
	.actu_container_home{ padding:45px 30px 30px 5%; text-align:center; }
}

@media screen and (max-width:750px){
	.pictosPratique{ display:block; }
	.PreFooterRight{ display:none; }
	.ContentLeft h2,
	.ContentLeft .btnBlue,
	.listeHome{ text-align:center; }
	.ContentLeft,
	.PreFooterLeft{ text-align:justify; }
	.ContentLeft img{ margin-left:15%; }
	.PreFooterLeft{ width:98%; margin-top:0; }
	.ContentLeft{ width:98%; }
	.ContentLeft img{ width:70%; }
	.ContentRight{ display:none; }
	.mapBackground{ background:none; }
	.scotchBox{ width:140px; margin-bottom:35px; margin-left:20px; margin-right:0; width:43%; }
	.scotchBox:after { left: 28%; }
	.polaroidSet{ width:98%; }
	.listeHome ul li{ display:block; margin-top: 20px; margin-right:0; }
}

@media screen and (max-width:640px){
	.pictosPratique .btnGreen{ margin-left:34%; }
}

@media screen and (max-width:480px){
	.pictosPratique .btnGreen{ margin-left:29%; }
}

@media screen and (max-width:320px){
	.pictosPratique .btnGreen{ margin-left:18%; }
	.scotchBox{ width:41%; }
	.scotchBox:after { left: 18%; }
	.ContentLeft img{ width:100%; margin-left:0; }
}