body{overflow-x:hidden;overflow-y:scroll;}

#header{width:100%;height:109px;background:#000;position:fixed;top:0;left:0;z-index:9999;border-bottom:2px solid #ffc26f}

#header #logo{position:absolute;left:35px;top:0;display:block;width:264px;height:111px;background:url(../img/logov2.jpg) no-repeat left top;
background-size: contain;}


#header div.custom{position:absolute;left:320px;top:40px;color:#FFF;font-size:22px;}

#header #main_menu, #header #link_menu{position:absolute;right:20px;top:60px}

#header #main_menu{top:77px}

#header #link_menu{top:10px}

#header ul.nav li, #footer ul.menu li{float:left;list-style:none}

#header #main_menu li.item-101{display:none}

#header #main_menu li a{color:#ffc26f;text-transform:uppercase;font-size:14px;color:#FFF;padding:10px 14px;margin-right:2px;}

#header #main_menu li a:hover, #header #main_menu li.active a{border-bottom:5px solid #ffc26f}

#header #link_menu li a{color:#a6a6a6;padding:10px;font-size:13px}

#header #link_menu li a:hover, #header #link_menu li.active a{color:#fff}

/*#header div.mobile{background:#000;display:none;}*/

#header #mobile_menu{display:none;}

#header li a img{border:none}

#footer{width:100%;height:40px;background:#000;position:fixed;bottom:0;left:0;z-index:999;border-top:2px solid #ffc26f}

#footer a.altimax{float:right;margin-right:35px;margin-top:12px;background:url(../img/altimax.png) no-repeat left top;display:block;width:60px;height:15px}

#footer a.altimax span{display:none}

#footer ul.menu{margin-left:25px;margin-right:25px;margin-top:10px;float:left;border-right:1px solid #FFF;padding-right:20px;}

#footer ul.menu li a{color:#fff;padding:10px;font-size:13px}

#footer div.meteo{color:#fff;}

#footer div.meteo a{color:#fff;}

#footer .btn_meteo{
  background:none;
  color:#fff;
  border:none;
  cursor: pointer;
  padding-top:12px;
  padding-bottom:10px;
  font-size:13px;
}

.meteoWidget{
  display: none;
  padding:20px 10px 10px 10px;
  position: absolute;
  bottom:42px;
  left:364px;
  width:179px;
  height:177px;
  background:#000;
}
.meteoWidget.show{
  display: block;
}

.closeMeteo{
  border: none;
  position:absolute;
  right:10px;
  top:0;
  background: none;
}

.closeMeteo::before{
  content:'x';
  color:#fff;
  font-size: 20px;
  cursor: pointer;
}

#plemx-root{
  margin-top:10px;
}
 .meteoWidget a{
   color:#fff;
   font-size:11px;
 }


.item-101  #bg{width:100%;height:100%;background:#CCC;position:fixed;top:0;left:-50px;padding-right:50px;z-index:1}

.item-101 #bg img{position:absolute;top:0;left:0;min-height:105%;min-width:105%;}

#bg{
  width:calc(59% - 40px);
  height:100%;
  background-color:#CCC;
  position:fixed;
  top:0;
  left:0;
  z-index:1;
  background-position:50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}



#event_bg{
  position:fixed;
  left:0px;
  bottom:40px;
  z-index:995;
  color:#FFF;
  width:100%;
  height:200px;
  /*background:url(../img/event_bg.png) repeat-x left top;*/
  padding-bottom:25px;

}

@media screen and (max-width : 879px) {
  #event_bg{
    margin-top:25px!important;
  }
}




#event{
  position:relative;
  z-index:998;
  color:#FFF;
  width:calc(59% - 40px);
  min-height:100px;
  padding-bottom:25px;
  border-top:1px solid rgba(255, 255, 255, 0.5);
}

.item-101 #event{
  width: 100%;
}

.eventTitle{
  display: inline-block;
  margin-left:35px;
  padding-bottom:10px;
  font-size:18px;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing : 2px;
}

.Slider-Command{
  display: inline-block;
  margin-left: 10px;
}

.slick-track, .slick-list{
  height: 100%;
}

#event ul{/*font-family: 'Patrick Hand', cursive;*/
height: 191px;}

#event ul li{
  box-sizing: border-box;
  list-style:none;
  float:left;
  padding :25px 29px;
  width:calc((100vw / 4) - 5px);
  height:100%;
  border-right:1px solid rgba(255, 255, 255, 0.5);
}

#event ul li a span.date{
  display: block;
  color:#FFF;
  font-size:15px;
  background: #fabf69;
  text-transform: uppercase;
  color: #333041;
  padding:5px 10px;
  font-size: 10px;
  border-radius:10px;
}

#event ul li a span.title{
  display: block;
  color:#FFF;
  font-size:16px;
  text-transform:uppercase;
  line-height:20px;
  margin-top:25px;
}

#event ul li a{
  display: block;
  height: 100%;
}

.slick-arrowDefault{
  display: inline-block;
  height: 30px;
  width:30px;
  background: #fabf69;
  border-radius: 50%;
  color:#000;
  text-align: center;
  border: none;
  font-size:17px;
  cursor: pointer;
  padding:5px;
  line-height: 0;
}

.slick-arrowDefault:hover{
  background:#fff;
}

#event ul li a:hover .title{color:#fabf69}




#content{position:absolute;left:0;top: 110px;width:100%;height:100%;z-index:999;} /* top:0; */

.item-101 #content{
  height:calc(100% - 153px);
}

#content #welcome, #content #choix{position:absolute;left:50%;top:30%;z-index:999;width:350px;height:350px;margin-left:-175px;margin-top:-200px;color:#fff}

#content #welcome{cursor:pointer;background:url(../img/welcome.png) no-repeat center center;display:none}

#content #choix {/*display:none*/}

#content #choix div.centre{background:url(../img/choix.png) no-repeat center center;cursor:pointer;width:144px;height:124px;position:absolute;left:50%;top:75px;margin-left:-72px}

body.en-GB #content #choix div.centre{background:url(../img/choix-uk.png) no-repeat center center}

#content #choix div.centre span{display:none}

#content #choix a{cursor:pointer;display:block;width:95px;font-size:12px;text-align:center;display:none;color:#fff}

#content #choix a:hover{color:#ffc26f;text-decoration:underline}

#content #choix a.indiv{background:url(../img/indiv.png) no-repeat left top;position:absolute;left:0;top:0;padding-top:105px;padding-right:40px;width:60px}

#content #choix a.scolaire{background:url(../img/scolaire.png) no-repeat right top;position:absolute;right:0;top:0;padding-top:105px;padding-left:40px;width:60px}

#content #choix a.groupe{background:url(../img/groupe.png) no-repeat center top;position:absolute;left:125px;bottom:0;padding-top:115px}

#content #bg_page{position:fixed;z-index:50;top:110px;/*right:-45%;*/right:0;width:41%;height:100%;background:url(../img/bg_page.png) repeat;padding:0px 20px;}

#content #page{position:absolute;z-index:997;top:0px;/*right:-45%;*/right:0;width:41%;padding:0px 20px;padding-bottom:105px;padding-top:40px;}

#content #page form fieldset{background:#fff;margin-bottom:20px;padding:20px;border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

#content #page form fieldset.ok{background:#0C0;color:#FFF}

#content #page form fieldset.error{background:#F30;color:#FFF}

#content #page form .display{display:none;}

#content #page form fieldset p{color:#333;overflow:hidden;margin:5px 0;}

#content #page form fieldset p label{float:left;width:120px;font-weight:bold}

#content #page form fieldset p label span{color:#F00}

#content #page form fieldset p input[type=text], #content #page form fieldset p select{width:180px;background:#CCC;border:none;padding:2px 5px}

#content #page form fieldset p input.ref{display:none}

#content #page form fieldset p textarea{width:180px;height:120px;background:#CCC;border:none;padding:2px 5px;resize:none}

#content #page h1{color:#fff; background:#ffc26f;display:inline;padding:2px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

#content #page p{color:#FFF;margin-top:20px;font-size:13px; line-height: 1.7em;}

#content #page .content_bulle {overflow:hidden;width:250px;}

#content #page .content_bulle h3{ color:#333;margin:0;margin-bottom:10px;}

#content #page .content_bulle h3 a{ color:#333;}

#content #page .content_bulle p{ color:#333;font-size:12px;margin:0;}

#content #page .content_bulle a.plusInfo{margin-top:2px;display:inline-block;background:#FFC26F;color:#666;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:5px 10px;}

#content #page .content_bulle img{ float:left; border:1px solid #CCC; margin-right:10px; margin-bottom:10px; }

#content #sous_menu{position:fixed;top:155px;right:41%;margin-right:60px;z-index:996;}

#content #sous_menu li{list-style:none;text-align:right;margin-bottom:15px;}

#content #sous_menu li a{color:#FFF;background:#000;padding:5px 15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

#content #sous_menu li a:hover, #content #sous_menu li.active a{color:#000;background:#ffc26f;}

#video{position:fixed;bottom:55px;right:-420px;width:492px;height:315px;z-index:999}

#video a.open{position:absolute;left:0px;top:120px;z-index:2;background:url(../img/video.png) no-repeat left center;width:42px;height:50px;}

#video a.close{position:absolute;right:5px;top:-30px;z-index:2;background:url(../img/close.png) no-repeat left center;width:12px;height:12px;}

#video a span{display:none}

#video iframe{position:relative;z-index:1;margin-left:72px;}

#map-canvas{width:100%;height:400px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#FFF;margin-top:20px;}

#content #page .listing-item{background:#fff;margin-bottom:20px;margin-top:10px;padding:20px;order:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;overflow:hidden}

#content #page .listing-item p{color:#333;margin-top:10px;}

#content #page .listing-item h2{margin:0;border-bottom: 1px solid #FFC26F;color:#666;/*margin-right:205px;*/padding-bottom:10px;line-height:19px }

#content #page .listing-item h2 a{color:#666}

#content #page .listing-item .visuel{float:right}

#content #page .listing-item .visuel img{border:1px solid #CCC;margin-left:20px;}

#content #page .listing-item .plusInfo, #content #page .en_avant_1 .btn-retour{color:#333;font-weight:normal;font-size:12px;background:#FFC26F;padding:2px 10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

#content #page .paginationControl{margin-top:20px;margin-bottom:20px;}

#content #page .paginationControl a{padding:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}

#content #page .paginationControl a.current{color:#333;font-weight:normal;background:#FFC26F;}

#content #page .paginationControl a:hover{color:#333;font-weight:normal;background:#DDD;}

#content #page .paginationControl a.precedent:hover, #content #page .paginationControl a.suivant:hover{color:#DDD;font-weight:bold;background:none;}

#content #page .fiche-item .en_avant_1{overflow:hidden;margin-top:20px;}

#content #page .fiche-item .en_avant_1 .visuel{float:right;margin-left:20px;width:306px}

#content #page .fiche-item .en_avant_1 .visuel img{border:1px solid #CCC;float:left;}

#content #page .fiche-item .en_avant_1 p{color:#333;margin-top:10px;}

#content #page #plan{position:relative;margin-top:20px;overflow:hidden;display:block}

#content #page #plan a{position:absolute;display:block;min-width:40px;min-height:40px;cursor:pointer;background:url(../img/plan.png) no-repeat left bottom}

#content #page #plan a.porche{bottom:14%;left:14%;}

#content #page #plan a.mandrin{bottom:41%;left:10%;}

#content #page #plan a.gours{bottom:69%;left:22%;}

#content #page #plan a.lac{bottom:88%;left:25%;}

#content #page #plan a.coupole{bottom:56%;left:20%;}

#content #page #plan a.fontaine{bottom:46%;left:85%;}

#content #page #plan a.cheminee{bottom:46%;left:66%;}

#content #page .galery{margin-top:40px;text-align:center}

#content #page .galery a img{padding:10px;width:200px;height:200px;}

#sharebutton{float: right;position: relative;top: 15px;margin-right: 19px;z-index: 998;}

a[title="Faboba : Création de composantJoomla"] {display: none!important;}

.mod-languages{position: relative;float: right;top: 47px;right: 26px;}

.meteo { margin-top:10px}
.meteo img {vertical-align:middle}
.meteo span.temperature {font-size:11px;margin-left:5px}

#page .en_avant_1 table.thema { border-collapse:inherit }
#page .en_avant_1 table.thema tr td { color:#666; border:none; background: none; }
#page .en_avant_1 table.thema tr td a{display:block;padding:4px;position:relative;}
#page .en_avant_1 table.thema tr td a.check{background:#DDD;color:#444}
#page .en_avant_1 table.thema tr td a input {display:none}
#page .en_avant_1 table.thema tr td a strong {}

 #page #form_resa>#type_visiteur{display: none;}

.item-146 #page #form_resa #type_visiteur input[value='indiv']{display: none;}
.item-146 #page #form_resa #type_visiteur #indiv_lab{display: none;}

#page .nav{display:none}

.Overlay{
  display: none;
  background:rgba(0, 0, 0, 0.9);
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:9999;
}
.Overlay.active{
  display: block;
}

.Overlay-fermer{
  background: transparent;
  color:#fff;
  border:none;
  font-size:30px;
  margin-bottom:10px;
}
.Overlay-fermer::before{
    content:'x';

}

.Overlay-conteneurGlobal{
  position:fixed;
  left:50%;
  margin-left:-45vw;
  width:90vw;
  min-height:90vh;
}

.Overlay-conteneurContenu{
    background:#fff;
    width:100%;
    height:100%;
    text-align: center;
    padding:10px;
    box-sizing: border-box;
}
.Overlay-conteneurContenu iframe{
  width:100%;
  height:auto;
}

button.btn_envoyer{
  padding:7px 15px;
  background : #ffc26f;
  border:none;
  border-radius: 5px;
  cursor: pointer;
  margin-top:10px;
  font-size:15px;
  text-transform: uppercase;
}

button.btn_envoyer:hover{
  color:#ffc26f;
  background:#000;
}

/*accueil vidéo*/
#video-home{
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
}

.video-container  {
  position: absolute;
  top:111px;
  left:0;
  right: 0;
  bottom:0;
  width: 100%;
  height: calc(100% - 153px);
  z-index: -1;
  overflow: hidden;
}




/*body.en #main_menu li.item-104 {display:none;}
body.item-104 .mod-languages {display:none;}*/