@font-face {  font-family: 'robotoblack'; src: url('/fonts/roboto-black-webfont.eot');
    src: url('/fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),  url('/fonts/roboto-black-webfont.woff2') format('woff2'),
         url('/fonts/roboto-black-webfont.woff') format('woff'),  url('/fonts/roboto-black-webfont.ttf') format('truetype'),   url('/fonts/roboto-black-webfont.svg#robotoblack') format('svg');
    font-weight: normal; font-style: normal;}
@font-face {  font-family: 'robotolight';  src: url('/fonts/roboto-light-webfont.eot');
    src: url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),   url('/fonts/roboto-light-webfont.woff2') format('woff2'),
         url('/fonts/roboto-light-webfont.woff') format('woff'),  url('/fonts/roboto-light-webfont.ttf') format('truetype'),   url('/fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotolight_italic';  src: url('/fonts/roboto-lightitalic-webfont.eot');
    src: url('/fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),  url('/fonts/roboto-lightitalic-webfont.woff2') format('woff2'),
         url('/fonts/roboto-lightitalic-webfont.woff') format('woff'),  url('/fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
         url('/fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal; font-style: normal;}
@font-face { font-family: 'robotoregular';  src: url('/fonts/roboto-regular-webfont.eot');
    src: url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('/fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('/fonts/roboto-regular-webfont.woff') format('woff'),  url('/fonts/roboto-regular-webfont.ttf') format('truetype'),  url('/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal; font-style: normal;}
@font-face {  font-family: 'robotobold'; src: url('/fonts/Roboto-Bold-webfont.eot');
    src: url('/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('/fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('/fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal; font-style: normal; }

html, body { height: 100%; width: 100%;}
body {min-height:100%; padding:0; margin:0; font-family:'robotoregular', Arial, Helvetica, sans-serif; /*font-size:100%;*/ color:#323132;}
#conteneur{  min-height:100%; width:100%; float:left; }
.page{margin:0 auto; width:1280px; }
img{border:0; max-width:100%; } #map{ max-width:100% ;} #map img{  max-width: none !important;}
.width100pc{width:100%;} .invisible{display:none;}

video { height: auto; width: 100%;}
video { position: absolute;  top: 0; right: 0; bottom: 0; left: 0; object-fit: cover;}
audio, canvas, video { display: inline-block;}

a, p, td, li{ }
.uppercase{text-transform:uppercase;}
h1, h2, h3, h4{ font-weight:normal;}
h1{ font-size:230%; color:#000000;  margin:20px 0 15px 0; font-family: 'robotolight'; }
h2{ font-size:170%; color:#B10D10; margin:18px 0;  font-family: 'robotolight'; }
h3{ font-size:140%; margin:15px 0; color:#482f3f;  font-family: 'robotolight'; }
h4{ font-size:120%; }
a{ color:#B10D10;text-decoration:none; }
a:hover{ text-decoration:underline; }
.legende{ font-size:10px; color:#666666; margin-top:2px; }
.image_simple, .image_gauche, .image_droite,
.image_simple a, .image_gauche a, .image_droite a{ position:relative; display:block}
.legende a.thickbox img{ display:none}
.image-loupe{ position:absolute; right:45%; top:42%; width:36px; height:36px;
background:rgba(255,255,255,1) url(/charte/zoom.png) center center no-repeat; opacity:0.6}
a.thickbox:hover .image-loupe{ opacity:0.8}
strong{  font-family: 'robotobold'; font-weight: normal; }
.image_ombree{ width:auto; }
.image_ombree img{box-shadow:0px 0px 4px rgba(106,106,106,1.00); -moz-box-shadow:0px 0px 4px rgba(106,106,106,1.00); -webkit-box-shadow:0px 0px 4px rgba(106,106,106,1.00); }
ul.enligne, #nuagedetags ul{margin:0; padding:0; list-style-type:none; }
ul.enligne li{ list-style-type:none; margin:0; padding:0; display:inline; }
.invisible, #menuLat-cache #titre_rub, #menuLat-cache .menuLat{display:none;}
.notxt{font-size:0px; color:transparent;}
.accordion .contenu-bloc{display:none; position:relative; z-index:2}
.accordion .btn-bloc{cursor:pointer; position:relative; z-index:3}

th{ background:#482f3f; color:#fff}
tr{ background:rgba(72, 47, 63, 0.1); }
td{ padding:2px 6px }

.abs { position: absolute; top: auto; left: auto; right: auto; bottom: auto;}

.light{ font-family: 'robotolight';}
.italic{ font-family: 'robotolight_italic';}
.black{ font-family: 'robotoblack';}
.bg-gris{ background:#B6ACB2; width:100%; float:left;}
#z-contenu .bg-gris{ top:0; bottom:0; left:0; width:25%; z-index:0}

#btn_up{ display:none; background: rgba(0,0,0,0.9) url("/charte/retour-haut.png") center 10px no-repeat; box-shadow: 2px 3px 7px #323232; color: white;
 cursor: pointer; font-size: 70%; line-height: 1.15em;  padding: 35px 0 5px 0; position: fixed; right: 0; text-align: center; bottom:40px;
text-transform: uppercase; width: 68px; z-index: 501; }
.haut-page{ display:none}

#sthoverbuttons{ top:auto !important; bottom:70px}

.conteneur1{ top:0; bottom:0; left:0; right:0}
.page-int .conteneur1{ bottom:auto; height:500px; position:relative}
.conteneur2{ top:100%; left:0; right:0 }
.page-int .conteneur2{ position:relative ; top:auto; left:0; right:0 }

/* moteur */
.z-form{float:right; width:50px;}
.z-form form{position:relative; z-index:100}
.loupe{ background:url(/charte/ok.png) center center no-repeat;}
.z-form.accordion .btn-bloc.icon{ height: 50px; width: 50px; float:left;}
.z-form .input-saisie{color:#ffffff; border:none; width:170px; height:36px; text-indent:10px;  font-style:italic; 
background:rgba(0, 0, 0, 0.8)}
.z-form .ok{position:absolute; right:3px; top:5px; cursor:pointer}
.z-form .contenu-bloc{ position:absolute; top:50px; right:0; z-index:100}
input.ok{ background:none; border:none; color:#fff;  font-family: 'robotoblack'; font-size:20px}

/* favori */
.favoris a{ width:50px; position:relative;height:50px; float:right;background:url(/charte/panier.png) center center no-repeat;}
#totalFavoris{ position:absolute; bottom:10px; right:2px; border-radius:16px; background:#b10d10; color:#ffffff; 
width:16px; height:16px; line-height:16px; text-align:center; font-size:80%}

#header{ top:0; left:0; right:0; z-index:2000}
#zone-haut{ top:0; left:0; right:0; height:50px;
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,1) 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,1))); 
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 70%,rgba(0,0,0,1) 100%); 
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 70%,rgba(0,0,0,1) 100%); 
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 70%,rgba(0,0,0,1) 100%); 
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 70%,rgba(0,0,0,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );  }
#logo{ top:26px; left:30px}
.tel a{ color:#fff; float:right; margin:60px 15px 0 0 ; cursor:pointer; text-shadow:0 1px 3px rgba(0, 0, 0, 0.8)}
.langues{ position:absolute; top:90px; right:15px;}
.langues a{ float:left; margin:0 0 0 6px }

#diaporama{ top:0; bottom:0; left:0; right:0; overflow:hidden}
#bis-video{ position:absolute; top:0; left:0; bottom:0; right:0; }
video{ width:100%; height:100%; float:left; background-size:cover; float!left; background-repeat:no-repeat;
background-position:center center}
#bis_container{ position:absolute; left:0; right:0; top:40%; text-align:center;}
.bis_image{position:absolute; top:0px; left:0; width:100%; height:100%; text-align:center; z-index:-2;background-repeat:no-repeat; background-position:center center; background-size:cover;}
.bis_title{ font-family: 'robotolight'; color:#fff; font-size:4.2em; text-shadow: 0 1px 5px rgba(0,0,0,0.8); margin:0}
.bis_description{ font-family: 'robotolight'; color:#fff; font-size:1.5em; text-shadow: 0 1px 5px rgba(0,0,0,0.8);}
.bis_description span{ font-size:1.7em;}
#diaporama iframe{ width:100%; height:100%}
.bis_image img{ max-width:130%; max-height:140%; min-width:100%; min-height:100%; text-align:center}

#bandeau{ width:100%; position:relative ; height:500px; overflow:hidden}
.bandeau{width:100%; height:500px; position:absolute; top:0; left:0; z-index:-20;
 background-image:url(/charte/bandeau.jpg); background-repeat:no-repeat; background-position: center center; background-size:cover }

#zone-bas{ background: rgba(0,0,0,0.7); height:80px; height:50px; bottom:0; left:0; right:0; z-index:11}
.page-int #zone-bas{ height:36px; }

#footer{ width:100%; float:left; color:#ffffff}
#footer *{ color:#ffffff; font-size:97%}
#footer h3{ margin:0; font-size:190%}
#footer p{ margin:4px 0 20px 0}
.footer1{ width:100%; float:left; min-height:380px; background:url(/charte/bg-footer.jpg) no-repeat center center / cover;}
.footer2{ width:100%; float:left; text-align:center; border-bottom:15px solid #000000 }
.partenaire{ width:100%; float:left; text-align:center; height:92px; line-height:92px; padding:26px 0}
.page-int .partenaire{height:68px; line-height:68px; padding:18px 0}
.partenaire img{ vertical-align:middle; margin:0 15px}
.footerG{ text-align:right; float:left;  width:30% !important; margin:30px 0 !important; padding-right:3% !important;
border-right:1px solid #fff}
.footerD{ float:left; margin:30px 0 !important; width:58% !important; padding-left:3% !important;
text-align:left; }
#footer li, #footer ul{ list-style-type:none; margin:0; padding:0; display:inline; }
#footer ul li ul{ display:none}
.PLAN0 a{ text-transform:uppercase; font-family: 'robotobold'; }
.PLAN1 a{ font-family: 'robotolight';  }
.PLAN0, .PLAN1{ width:100%; float:left}

.reseaux-sociaux{ float:left; margin:30px 15px; margin:15px 15px; padding-left:60px}
.page-int .reseaux-sociaux{ margin:8px 15px;}
.reseaux-sociaux a{ float:left; width:20px; height:20px; margin-right:10px; background-image:url(/charte/reseaux.png); background-repeat:non-repeat; }
a.facebook{ background-position: left top;}
a.pinterest{ background-position: -28px top;}
a.google{ background-position: right top; display:none}
.reseaux-sociaux a.Instagram, .reseaux-sociaux a.Linkdin{ background: none}


/* Menu */
#menu{ display:block; text-align:right; float:right; position:relative; vertical-align: baseline;}
#menu dl, #menu dd, #menu ul, #menu li{ margin: 0; padding: 0; list-style-type: none; }
#menu dl { position:relative; text-align:center; height:50px; display:inline-block;}
#menu dl:last-child{ background-image:none }
nav dl, nav dt, nav dd, nav ul, nav li{ margin:0; padding:0; list-style-type: none;}
nav ul, nav li{ float:left; clear:both; width:100%;}
nav dl dt a{display:block; font-size:100%; color:#ffffff; height:20px; padding:20px 15px 10px 15px }
nav dl.menu0active_ dt a{color:#FF9000;}
nav dl dt a:hover{ text-decoration:none; color:#FFffff; }
/*survol*/
nav dd{clear:both; position:absolute; height:0px; overflow:hidden; opacity:0; z-index:200; top:50px;  
left:-10px;  background-color: rgba(0,0,0,0.8); min-width:140px;}
nav dl:hover dd{ height:auto; opacity:1; overflow:visible; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;}
nav dd ul{ text-align:center; padding:0 10px}
nav dd a{color:rgba(255, 255, 255, 1); display:block; padding:6px; margin:0 0 2px 0; font-size:95% }

#pave{ width:100%; float:left; margin: 15px 0; text-align:center}
.pave{ width:23%; /*float:left; */margin: 15px 1%; height:266px; overflow:hidden; position:relative; max-width:276px; display:inline-block}
.liste_pos, .chevron{ display:none}
.titre-pave{ position:absolute; z-index:10; width:100%; float:left; text-align:center; top:22px; background:rgba(255,255,255,0.7); padding:4px 0}
.slide-thumbnail{ width:100%; float:left;}
.pave .slide-details{ position:absolute; top:266px; left:0; right:0; height:180px; padding:86px 2% 0 2%; width:96%; text-align:center; }
.pave:hover .slide-details{ position:absolute; top:0; float:left; background:rgba(0,0,0,0.7); color:#ffffff ; transition: 0.6s all 0s}
.slide-details *{ color:#ffffff ;}
.News_resume{ font-size:95%}
.News_titre{ font-family: 'robotoblack'; padding-bottom:10px;}
.News_lien a{ font-size:0; z-index:11; display:block; width:100%; height:264px; float:left; position:absolute; top:0; left:0; right:0; }
.pave-actu{ position:relative}
.rss{ position:absolute; top:26px; right:12px; z-index:12}

/* social wall */
.socialwall{ margin:15px 0 15px 1%; width:99%; float:left}
.socialwall li.titre{ float:left !important; font-size:150%; text-transform:uppercase; height:40px; line-height:40px; padding: 20px 15px 0 5px !important}

/* zone centrale accueil */
.bloc-centre{ width:100%; float:left; margin: 15px 0}
.bloc-centre .block_content{ width:25% !important}
.bloc-za{ position:relative;  width:100%; float:left;}
.bloc-za a{ display:block; }
.image-za{ width:100%;float:left; height:300px; overflow:hidden}
.image-za img{ max-width:none; min-width:100%; /*height:100%*/}
.text-za{ position:absolute; left:0; right:0; bottom:0; text-align:center; padding:20px 3px 16px 3px;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 60%, rgba(0,0,0,0.7) 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(60%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.7))); 
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 100%); background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 100%); 
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 60%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); 
}
.text-za strong{ text-transform:uppercase}
.bloc-za *{ color:#fff}
.bloc-za p{ margin:0}

#zc{ width:100%; float:left; padding:15px 0}
.page-int #zc{ width:100%; float:left; padding: 0}
.page-int #z-contenu{ position:relative; width:100%; float:left; }
.page-int .z-contenu{ width:70%; float:right; padding:30px 0}

/* FIL D'ARIANE */
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #div_lien_yahoo {text-decoration:none; line-height:1em; font-size:98%; color:#fff; }
#div_lien_yahoo{width:75%; float:left; padding:8px 0 8px 25%}

#colG{ width:25%; float:left; position:relative; z-index:1}

/* MENU LATERAL */
#menuLat{width:88%; float:left; clear:both; text-align:right; padding:25px 10% 20px 2%;}
.haut_menuLat, .bas_menuLat{display:none}
#titre_rub{  width:100%; float:left; padding:12px 0 8px 0; color:#ffffff; text-transform:uppercase; font-size:180%; margin-bottom:10px;  font-family: 'robotolight';}
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; clear:both;}
.menuLat a{ text-decoration:none; display:block; color:#222; font-family: 'robotolight';  }

li.menuG-2, li.menuGactive-2{ padding:8px 0; font-size:130%; }
li.menuGactive-2 a, li.menuG-2 a:hover{ color:#fff; }
li.menuGactive-2 a{ font-family: 'robotobold'; }
li.menuG-3 a, li.menuGactive-3 a{ padding:6px 0; font-size:18px ; color:#222;  font-family: 'robotolight'; }
li.menuGactive-3 a, li.menuG-3 a:hover{ color:#fff; }
li.menuGactive-3 a{ font-family: 'robotobold';}
li.menuGactive-2 ul a::before{ content:"• " }
li.menuG-4, li.menuGactive-4{margin:0; padding:5px 0; font-size:16px ; font-family: 'robotolight'; }
li.menuG-4 a, li.menuGactive-4 a{  color:#222}
li.menuGactive-4 a, li.menuG-4 a:hover{ color:#fff; font-family: 'robotobold';}
li.menuGactive-3 ul a::before{ content:"- "; }

#newsletter{ width:240px !important; float:right; }
#newsletter h4{ text-transform:uppercase}
#newsletter form *{ color:#333333 !important }
#newsletter form{ position:relative; width:100%; float:right;}
#newsletter input{height:32px; border:0; float:left; padding:0}
#newsletter input.input-saisie{ width:100%; text-indent:5px; }
#newsletter input.ok{background:#84A703 url(/charte/ok-letter.png) center center no-repeat;height:32px; width:32px; position:absolute; top:0; right:0;  
font-size:0px; cursor:pointer}

/* zone etirable */
.menu-rap{ top:120px; bottom:100px; right:0; z-index:5000; min-height:280px }
.menu-rap .block_content{ display:block; display:table; position:absolute; top:20%; right:0; bottom:0; left: auto; }
.menu-rap .bloc_isole{  display:block }
.menu-rap a{transition-duration: 0.6s;padding:3px 5px; height:22px; line-height:22px; width:32px; float:right;
font-size:13px; margin-bottom:5px; position:relative; border-bottom: 2px solid rgba(0,0,0,0.5)}
.menu-rap a:before { content: ''; border-left: 6px solid transparent;
 border-top: 28px solid #000; position: absolute; top: 0; left:-6px }
.menu-rap .bloc_isole > div{ display:block; position:relative; transition-duration: 0.6s;  width:32px; float:right;
 position:relative; }
.menu-rap .bloc_isole > div a{ display:block; color:#fff; }
.menu-rap .bloc_isole > div img{ position:absolute; right:4px; top:2px}
.menu-rap .bloc_isole > div span{ position:absolute; right:-140px; top:2px}
.menu-rap .bloc_isole > div a:hover{ width:148px; }
.menu-rap .bloc_isole > div a:hover span{ right:42px; transition-duration: 0.6s;}

.menu-rap .bloc:nth-child(1) a{ background:#A201FF; }
.menu-rap .bloc:nth-child(2) a{ background:#01B4FF}
.menu-rap .bloc:nth-child(3) a{ background:#00D5AF}
.menu-rap .bloc:nth-child(4) a{ background:#9BD500}
.menu-rap .bloc:nth-child(5) a{ background:#FFC000}
.menu-rap .bloc:nth-child(6) a{ background:#FF7E00}
.menu-rap .bloc:nth-child(7) a{ background:#FF0000}
.menu-rap .bloc:nth-child(8) a{ background:#960000}
.menu-rap .bloc:nth-child(9) a{ background:#000;}
.menu-rap .bloc:nth-child(1) a:before{ border-top:28px solid #A201FF}
.menu-rap .bloc:nth-child(2) a:before{ border-top:28px solid #01B4FF}
.menu-rap .bloc:nth-child(3) a:before{ border-top:28px solid #00D5AF}
.menu-rap .bloc:nth-child(4) a:before{ border-top:28px solid #9BD500}
.menu-rap .bloc:nth-child(5) a:before{ border-top:28px solid #FFC000}
.menu-rap .bloc:nth-child(6) a:before{ border-top:28px solid #FF7E00}
.menu-rap .bloc:nth-child(7) a:before{ border-top:28px solid #FF0000}
.menu-rap .bloc:nth-child(8) a:before{ border-top:28px solid #960000}
.menu-rap .bloc:nth-child(9) a:before{ border-top:28px solid #000000}

/* @group -600PX */@media (min-width:800px){
.menu-rap .bloc_isole > div span{ right:38px; }
.menu-rap .bloc_isole > div a{ width:136px; }
}
/* @group -600PX */@media (min-width: 602px){
   /*  .menu-rap.abs{ position: fixed} */
}

/* SITRA */

/* liste */
.ListeSitra{ width:104%; float:right; }
.DetailSitra{ width:29.3%; margin:15px 0 15px 4%; float:left; height:240px; overflow:hidden; position:relative;
text-align:center}
.DetailSitra *{ color:#ffffff; }
.DetailSitra{ }
.MultimediaSitraPrincipal{ position:absolute; top:0; left:0; height:240px; text-align:center; width:100%; float:left; background:#b6acb2 }
.MultimediaSitraPrincipal img{ /*max-width:none; */ object-fit:cover;text-align:center; min-width:100%; min-height:90%}
.ListeSitra span.SitraClassement{ width:100%; float:left}
.TitreSitraHebergement{ width:98%; padding:5px 1%; float:left; position:relative;
color:#ffffff; background:rgba(72,47,63,0.8);  font-family: 'robotolight'; }
.SitraDescriptif{ -webkit-transition: 0.6s all 0s; -o-transition: 0.6s all 0s; transition: 0.6s all 0s; 
 font-size:12px; position:absolute; top:250px;  height:0; width:94%; padding:10px 3%; }
.DetailSitra:hover .SitraDescriptif{ position:relative; top:0;  background:rgba(72,47,63,0.8);  height:220px; float:left; }
.tarif_semaine span, .Sitra-date span{ text-align:right; color:#ffffff; font-size:0.85em; position:absolute; bottom:0; left:0; width:96%; padding:3px 2%;
background: -moz-linear-gradient(left,  rgba(72,47,63,0) 0%, rgba(72,47,63,0.8) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(72,47,63,0)), color-stop(100%,rgba(72,47,63,0.8))); 
background: -webkit-linear-gradient(left,  rgba(72,47,63,0) 0%,rgba(72,47,63,0.8) 100%); background: -o-linear-gradient(left,  rgba(72,47,63,0) 0%,rgba(72,47,63,0.8) 100%); 
background: -ms-linear-gradient(left,  rgba(72,47,63,0) 0%,rgba(72,47,63,0.8) 100%); background: linear-gradient(to right,  rgba(72,47,63,0) 0%,rgba(72,47,63,0.8) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00482f3f', endColorstr='#cc482f3f',GradientType=1 ); }
.DetailSitra:hover .tarif_semaine{ display:none}
.LienSitraDetail input, .LienSitraDetail a{ display:none; padding:7px 0; position:absolute; bottom:0; left:0; width:100%; background:rgba(182,172,178,0.8); 
cursor:pointer; border:none;  font-family: 'robotoregular'; font-size:105%}
.DetailSitra:hover .LienSitraDetail input, .DetailSitra:hover .LienSitraDetail a{ display:block}

/* Détail */
.ficheSitra{ width:100%; float:right; }
.SitraTitrePrincipal{background:rgba(72,47,63,0.8); color:#fff; padding:6px 4% 2px 2%; display:block; width:94%;float:left;}
.SitraTitrePrincipal h1{color:#fff; font-size:200%; line-height:160%; margin:0; float:left}
.SitraTitrePrincipal span{ float:left}
.titre-sitra{ font-family: 'robotobold'; color:#482f3f; width:100%; float:left; margin:15px 0 6px 0; font-size:120%}
.ligne-sitra{ width:100%; float:left; margin:6px 0}
.ficheSitra ul{ margin:0; padding-left:16px}
.lib-sitra{ font-family: 'robotobold'}

.SitraTarifs{ width:100%; margin:10px 0}
#div-capacite .ligne-sitra{ width:48%; margin-right:2%}
#div-modepaiement .ligne-sitra{ width:auto; margin-right:20px; }
#div_presta .ligne-sitra li{ width:31%; margin-right:2%; float:left}

.conteneur_dispo{ width:100%; float:left}
.conteneur_dispo iframe{float:left}

.langues-sitra img, .chaine-sitra img, .label-sitra img, .img-confort img{ margin:3px 8px 3px 0}
#div-type-hotel{ font-family:"robotobold"; font-size:110%}

/* onglet */
.fiche-onglets{ width:99.8%; float:left; background:rgba(72, 47, 63, 0.8); border: 1px solid #482f3f; border-bottom:none}
.fiche-onglets ul{margin:0; padding:0; list-style-type:none; }
.fiche-onglets li{ list-style-type:none; display:inline; }
.fiche-onglets li a{ color:#fff; float:left; text-decoration:none; font-size:120%; margin:0 1px 0 0; padding:10px 20px; }
.fiche-onglets li.courant a, .fiche-onglets li:hover a{ color:#482f3f; background:#ffffff}
.contenu_onglet{ border: 1px solid #482f3f; width:93.8%; padding:20px 3%; float:left; border-top:none}

.bloc-gauche{ width:49%; float:left}
/* map */
#div_carte{ width:48%; float:right}
#map_fiche{ width:100%; float:left; height:300px}
#map_fiche img{ max-width:none}

/* diaporama sitra */
#diapo-int{ width:100%; float:left; height:280px; position:relative}
.ter_image{ height:280px; }
#diapo-int .anythingSlider{width:100% !important; height:280px !important}
#diapo-int .thumbNav{bottom:inherit; top:2em;}
#ter_container{position:relative; top:0px; left:0; height:100%; z-index:201; width:100%}
.ter_image{position:absolute; z-index:200; top:0px; left:0; width:100%; height:100%; text-align:center; z-index:14;background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ter_image{opacity:0.8;}
#image-fond{position:absolute; height:100%; width:100%; top:0; left:0;  z-index:19;  background:no-repeat;  background-size:auto 100%; background-position:center center;  }
/*puces*/
#ter_position{position:absolute; bottom:1em; width:100%; text-align:center; z-index:20;}
#ter_position{  height:30px}
ul.thumbNav{padding:0; margin:0; list-style-type:none;}
.thumbNav a{cursor:pointer;  overflow:hidden; text-indent:-100px;  color:transparent; width:14px; height:14px; line-height:14px; display:inline-table;}
.thumbNav li{list-style-type:none; padding:0; display:inline; margin:0 2px;}
*+html .thumbNav li, *+html .thumbNav a{float:left; display:block;}
#ter_position .thumbNav a{background:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px}
#ter_position .thumbNav a:hover, #ter_position .thumbNav a.cur{ background:#482f3f; }
/*fleches*/
div.anythingSlider .arrow, #ter_next, #ter_back{  top:50%; position:absolute; z-index:2; margin-top:-23px; width:21px; height:46px; cursor:pointer; 
opacity:0.8;  text-align:center;outline:0;text-indent:-9999px;}
#ter_next{right:1%; background:url(/charte/next.png) center center no-repeat;}
#ter_back{left:1%; background:url(/charte/prev.png) center center no-repeat;}
#ter_next:hover, #ter_back:hover{opacity:1;}
#ter_next, #ter_back{width:21px; height:46px;}

/*legende*/
.jquery_slide_details, #ter_caption{position:absolute; z-index:10; background-color:rgba(0,0,0,0.7); opacity:0.9; color:#fff;}
.jquery_slide_details{top:1em; left:0;}
#ter_caption{ bottom:4em; left:0;}
.ter_title span{ display:table; padding:0.6em 2em; font-size:140%; font-weight:bold}
.affiche-contenu #ter_next, .affiche-contenu #ter_back{ display:none;}

/* navigation Sitra */
.NavigationSitra{ width:100%; float:left; background:#b6acb2}
.NavigationSitra input, .NavigationSitra a{ border:0; background:rgba(255,255,255,0.8); margin:1px; float:left; height:34px; line-height:34px; padding:0 20px; 
color:#482f3f; font-size:14px; text-decoration:none;  font-family: 'robotoblack'; cursor:pointer}
.Retour{ float:right}

#voirsuite{ position:absolute; z-index:12; right:20px; top:-42px; width:60px; height:30px; background:url(/charte/voir-suite.png) center center no-repeat; opacity: 0.5; cursor:pointer}
#voirsuite:hover{ opacity: 1;}
#voirsuite{animation: bounce 1s ease infinite;}
@keyframes bounce{ /*from {top: -54px;}  50%  {top: -59px;} to   {top: -54px;}; from {opacity: 0.8;}  50%  {opacity: 0.5;} to   {opacity: 0.8;} */}

/* favoris */
.ajout-fav{ float:right}
.vide-carnet a, .retour_liste a{ margin:10px 0 10px 4%;display:block; text-align:center;background:rgba(0, 0, 0, 0.7); color:#fff; padding:6px 25px;}
.retour_liste a{ margin:10px 0 ;}
.bloc-carnet .LienSitraDetail a{ width:50%}
.bloc-carnet .LienSitraDetail a.supp-carnet{left:auto; right:0}
a .ajouter_carnet-voyage{ float:right; margin-right:-2%}

/* Carte interactive */
#map_fiche{ width:97% !important; float:left; border:1px solid #999999;
 padding:0 1% !important; background:#eeeeee}
.englobe_elmt{ width:100%; float:left; margin-top:10px;}
.elmt_carte{ height:26px; width:30%; float:left; margin:3px 1% 3px 0.3%; padding: 4px 1%; background:#dddddd}
.elmt_carte input{ margin:8px 6px; float:left}
.elmt_carte img{ float:left; margin-right:5px}
.elmt_carte label{ line-height:30px; float:left; }
/* */
.gm-style-iw h2{ font-size:200%; color:#000000;  margin:5px 0 15px 0; font-family: 'robotolight'; }
.gm-style-iw img{ float:left; margin-right:15px}

/* moteur agenda */
.moteur-agenda{ background:rgba(0,0,0,0.1); width:94%; float:left; margin-bottom:10px; padding:10px 3%;}
.list-agenda{ margin-bottom:10px; width:48%; float:left; }
.list-agenda select{ padding:5px; }
.periode-agenda{ margin-bottom:15px; width:48%; float:left; }
.periode-agenda span{ margin-right:20px;}
.periode-agenda label{ margin-right:8px;}
.submit-agenda{ text-align:center;}
.submit-agenda input{ border:none; padding:5px 60px; background:rgba(72, 47, 63, 0.8); 
 font-family: 'robotoblack'; color:#ffffff; cursor:pointer}

/* thickbox */
#TB_caption{ padding:15px}
#TB_prev, #TB_next{ cursor:pointer; position:absolute; top:40%; font-size:0; height:76px; width:40px;}
#TB_prev{ left:15px; background:rgba(255,255,255,0.4) url(/images/gauche.png) center center no-repeat;}
#TB_next{  right:15px; background:rgba(255,255,255,0.4) url(/images/droite.png) center center no-repeat;}

/* moteur Sitra */
.englobe-moteur-sitra{ width:94%; float:left; background:rgba(0,0,0,0.1); padding:6px 3% ; position:relative}
.englobe-moteur-sitra .ligne-sitra{ margin:12px 0}
.englobe-moteur-sitra select, .moteur-resa input{ padding:6px}
.englobe-moteur-sitra label{ position:relative; float:left; height:32px; padding:2px 4px; line-height:32px;
background:rgba(255,255,255,0.7); margin-right:20px; }
.englobe-moteur-sitra .titre-sitra{ width:auto; margin:4px 30px 0 0; height:32px }
.datedebut, .datefin { float:left; margin:0 15px 0 0;}
.englobe-moteur-sitra .liste-classement, .englobe-moteur-sitra .criteres-sitra{  float:left; margin:0 10px 0 0;}
.moteur-service, .moteur-access{ float:left; width:auto; margin-right:20px;}

.valider-formulaire{ width:100%; float:left; margin:15px 0; text-align:center;}
.valider-formulaire input{ border:none; padding:5px 46px; background:rgba(72, 47, 63, 0.8); 
 font-family: 'robotoblack'; color:#ffffff; cursor:pointer}
.valider-formulaire input:hover{ background:rgba(72, 47, 63, 0.95); }
.no-result{ width:100%; float:left; margin:15px 0; text-align:center; /* font-family: 'robotoblack'; */ font-size:120%; color:#DB0000}

/* Carto */
#gmap{ width:100%; float:left; margin:15px 0;}
.Carte_affichage{ width:100%; float:left; }
.Carte_gmap, .Carte_gmap iframe{ width:100% !important;; float:left; }
.Carte_affichage form, .Carte_affichage table{ width:100%; float:left; }

/*-----post-it-----*/
.popup-actu{position:fixed; left:0; top:50%; margin-top:-138px; z-index:2000; }
.popup-actu .titre-actu{cursor:pointer;  text-indent:-1000px; overflow:hidden; background:url(/charte/flash.png) no-repeat; background-size:auto 100% ; width:30px; height:118px; float:left}
.popup-actu .titre-actu.active{background:url(/charte/flash2.png) no-repeat; }
.contenu-actu{position:relative;float:left;  background:rgba(0,0,0,0.8); text-align:center; padding:12px 6px; /*opacity:0*/ }
.contenu-actu *{ color:#fff}
.actu-titre{ font-family: 'robotoblack'; width:96%; margin:10px 2%; font-size:130%}
.popup-desactive .contenu-actu{ display:none}

/*----- fin post-it-----*/

.modale-favoris{ position:absolute; top:50px; right:30px; background:rgba(0,0,0,0.7); color:#ffffff; padding:40px; z-index:2000}


a.icon.en{ display:block}

#cookieChoiceInfo{ top: auto !important; left:50% !important; right:0; bottom: 60px; width:44% !important}

.bloc-news{ width:100%; float:left}

.titre_album{ background:#277FC2; color:#ffffff; padding:3px; margin:5px 0px;}
.album_bloc{  margin:5px 10px 5px 0 !important; height:142px; width:160px; position:relative; overflow:hidden}
.album_bloc img{ width:100%; margin:0;}
.album_bloc span.titre_album{ position:absolute; bottom:0;background:#444; color:#ffffff; padding:1% 2% 0% 2%; text-align:center; width:96%; float:left; margin:0}
.retour_famille{ background:#444; color:#ffffff; padding:3px 10px}
.image_album{ margin:5px 10px 5px 0 !important; padding:5px 0; background:#ccc; text-align:center; width:270px; min-height:220px}
.image_album img{ max-height:160px}
.nom_photo{ float:left; line-height:0.8em;padding:5px; width:100%}




/*--------- Vidéos 100%  -----*/
.page-accueil #diaporama {
 background: #000 url(/charte/vue-cordon-mt-blanc.jpg) center center no-repeat; background-size: 100% auto; background-size: cover;
  /* position: fixed; */   top: 0; right: 0; bottom: 0; left: 0;  }

.video-background {
 /* background: #000;
   position: fixed; */
  top: 0; right: 0; bottom: 0; left: 0;

}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*pointer-events: none;*/
}
.video-background iframe { z-index:10}
#vidtop-content {
        top: 0;
        color: #fff;
}
.vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0,0,0,0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; }
.vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; }
.vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0,0,0,0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; }
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}


/* CSS Leaflet */
.leaflet-marker-icon {width: 26px; height: 28px;font-weight: bold;line-height: 26px;font-size: 14px;text-align:center;text-shadow: -1px 0 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff;background-repeat:no-repeat;background-position: center top;}
.leaflet-popup-content, .leaflet-popup-content-wrapper, .leaflet-popup-tip{ width:auto !important; float:left}
.mycluster { background-image: url("/charte/icon-map-marker.png") no-repeat 25px 35px;}



.moteur-resa{ position: absolute; bottom:10%; left:10%; right:10%; text-align:center; z-index:300; font-size:1.1rem}
.englobe-moteur-sitra .moteur-resa{ position: relative; bottom:auto; left:auto; right:auto; text-align:center; z-index:300; font-size:1.1rem}
.moteur-tabs a {  color: #fff;  font-weight: 800;  font-size: 130; margin:10px; display: inline-block; cursor:pointer}
.moteur-tabs a.active{text-decoration:underline}
.moteur-resa-form input{   font-size:.95rem;border:none; border-right: 2px solid #ddd; padding:10px 8px; margin:4px 8px; }
input.valid-rech{background: #B22217; color:#ffffff; font-weight:700; border:none;; padding:10px 20px; border-radius:20px; cursor:pointer; margin-right:0} 
.moteur-resa-form input[type="number"]{min-width:140px } 

.sitra-lien-resa a{background: #B22217; display: inline-block;color: #ffffff;
font-weight: 700;border: none;padding: 10px 20px;border-radius: 20px;cursor: pointer;margin-right: 0;}
.sitra-lien-resa a:hover{background: #522217; }
 .ListeSitra .sitra-lien-resa a{ position: absolute; z-index: 1; bottom:30px; right:10px; padding:6px 20px; font-size:90%}
 
 
 
 
 
 /* css illicobilite */

 :root{
	--logo_text: #4d4d4d;
	--logo_text_hover: #ffffff00;
	--backgound: rgb(255, 255, 255);
	}
  
  .gray{
	filter: grayscale(1);
  }
  
  .inverter{
	filter: invert(1);
  }
  
#custom-accessibility-menu {
    position: fixed;
    display: flex;
    flex-direction: row-reverse;
    align-items: end;
    z-index: 5001;
    bottom: 120px;
    right: -1px;
}
  
  #bt_menu_acessibilite {
	font-size: 16px;
	margin: 5px;
	cursor: pointer;
	border: none;
	color: var(--logo_text);
	text-align:start;
	padding: 5px;
  }
  
  #bt_menu_acessibilite svg{
	fill: var(--logo_text);
	padding-right: 5px;
	height: 20px;
	width: 20px;
  }
  
  #bt_menu_acessibilite:hover {
	background-color: var(--logo_text_hover);
	color: var(--logo_text);
  }
  
  .bt_accesibilite{
	display: flex;
	padding: 10px;
	padding-right: 20px;
	background-color: var(--backgound);
	border-radius: 10px 0 0 10px;
	height: min-content;
	border: 2px solid var(--logo_text);
	position: relative;
	right: -2px;
  }
  
  .bt_accesibilite svg{
	width: 30px;
	height: 30px;
	fill: var(--logo_text)!important;
  }
  
  .menu_acessibilite{
	display: none;
	flex-direction: column;
	padding: 10px;
	background-color: var(--backgound);
	border-radius: 10px 0 0 0;
	float: left;
	border: 2px solid var(--logo_text);
	text-align: center;
	max-width: 280px;
	min-width: 0;
  }
  
  .liensoulines{
	text-decoration: underline!important;
  }
  
  .title_acessibilite{
	font-weight: 600;
	font-size: 25px;
	color: var(--logo_text);
	margin: 0;
	margin-bottom: 15px; 
  }
  
  @font-face {
	font-family: 'opendyslexic';
	src: url('../fonts/dyslexic.ttf');
  
  } 
  
  .opendyslexic{
	font-family: 'opendyslexic', eulexia!important;
  }
  
  
:root{
    --logo-recherche: #c1964f;
}




.bt_image_recherche svg{
    fill: #ffffff;
    height: 30px;
    width: 35px;
}

.bt_image_recherche{
    margin-left: 10px;
    width: 40px;
    height: 40px;
    float: right;
    position: relative;
    padding: 5px;
    display: flex;
    align-items: center;
}

.menu_recherche{
    position: absolute;
}

#illicosearch-search {
    border: solid 2px;
    border-radius: 10px;
    padding: 15px;
    font-size: 12px!important;
    text-transform: uppercase;
    font-weight: 700!important;
    display: none;
	position:absolute;
	top: 60px;
	right:0;
}

#illicosearch-response{
    background-color: white;
    position:absolute;
    max-width: 60vw;
    min-width: 3px;
    top:120px;
    right:0;
    display: none;
}

.resultat{
    margin-top: 20px;
    background-color: white;
    padding: 10px;
    border-radius: 15px;
	min-height: 0px;
	max-height: 600px;
	overflow:auto;
    padding: 10px;

}

.suggestionrecherche {
    padding: 15px;
    background-color: #c1964f29;
    border-radius: 10px;
    margin-bottom: 10px;
    margin: 10px;
}

.suggestionrecherche strong {
    display: block;
	color:#c1964f;
	font-family: "Montserrat", sans-serif;
}

.suggestionrecherche p {
    display: inline-block;
    margin: 5px;
    background-color: #fff;
    padding: 10px;
    border-radius: 7px;
    cursor: pointer;
	font-family: "Montserrat", sans-serif!important;
	font-weight:600!important;
	color:#c1964f;
}

.suggestionrecherche p:hover {
    background-color: #c1964f;
    color: #fff;
}

.titlerecherche {
    color: #c1964f;
    font-weight: 800;
    font-size: 18px!important;
    margin-bottom: 5px;
    line-height: 1.2em;
    font-family: "Montserrat", sans-serif;
    display: flex!important;
}

.articlerecherche {
    border: 2px solid #f6e6ea;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    padding: 15px;
    overflow: hidden;
    margin-top: 5px;
	min-width:500px;
}

.articlerecherche:hover .titlerecherche {
    color: #000;
}

.articlerecherche .html {
    font-size: 12px!important;
    line-height: 18px;
    margin: 0px;
	color: #000;
	font-family: "Montserrat", sans-serif;
}

.imagerecherche {
    height: 110px;
    width: 110px;
    min-height: 80px;
    min-width: 80px;
    top: 0px;
    margin-right: 15px;
    float: left;
    display: flex;
    justify-content: center;
    align-content: center;
}

.imagerecherche img {
    object-fit: cover;
    border-radius: 7px !important;


}


@media (max-width: 720px) {

    .imagerecherche {
        max-width: 80px;
        max-height: 80px;
        display:flex;
        justify-content: center;
        margin-bottom: 10px;

    }

    .articlerecherche a {
        width: 100%;
        overflow: hidden;
    }

    .articlerecherche .titlerecherche {
        font-size: 14px;
    }

    .articlerecherche .autor {
        font-size: 12px;
    }



    .articlerecherche .html {
        font-size: 12px;
    }
}