html{font-size:90%}
html, body { height: 100%; width: 100%;}
body {min-height:100%; padding:0; margin:0; font-family: 'sinkin_sans400_regular', Arial, Helvetica, sans-serif; color:#191E38;}
#conteneur{  min-height:100%; width:100%; float:left; }
.page{margin:0 auto; width:1180px; }
img{border:0; max-width:100%; } #map{ max-width:100% ;} #map img{  max-width: none !important;}
.width100pc{width:100%;} .invisible{display:none;}
.uppercase{text-transform:uppercase;}
h1, h2, h3, h4{ font-weight:normal;}
h1{ font-size:220%; color:#191E38;  margin:20px 0; font-family: 'Baloo', cursive; }
h1 strong{ font-family: 'Baloo', cursive; }
h1.h1{ display:none; position:relative; font-size:0; text-indent:-5000px}
h2{ font-family: 'Baloo', cursive;  font-size:180%; margin:18px 0; color:#191E38 }
.full-width h2{ color:#E5B62D}
table h2{ color:#191E38 }
h3{ font-size:1.3em; margin:15px 0;  }
h4{ font-size:1.3em; }
a{ color:#E5B62D; font-family: 'sinkin_sans700_bold';text-decoration:none; }
a:hover{ text-decoration:underline; }
.legende{ font-size:10px; color:#666666; margin-top:2px; }
.image_simple, .image_gauche, .image_droite{ position:relative}
.legende a.thickbox img{ display:none}
.legende a.thickbox{ position:absolute; right:0; top:0; width:36px; height:36px; background:rgba(255,255,255,1) url(/charte/zoom.png) center center no-repeat; opacity:0.6}
.legende a.thickbox:hover{ opacity:0.8}
strong, b{    font-weight: normal; font-family: 'sinkin_sans600_semibold'; }
sub{ font-size:80%; line-height:80%}
.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, #menuLat-cache .haut_menuLat, #menuLat-cache .bas_menuLat, #titre_rub,
.menuLat, .haut_menuLat, .bas_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}
.blocfr, .blocde, .blocen, .blocit, .bloces{ display:none }
.page-fr .blocfr{ display:block }
.page-de .blocde{ display:block }
.page-en .blocen{ display:block }
.page-it .blocit{ display:block }
.page-es .bloces{ display:block }
.page-de .entreprise, .page-de .adherents{ display:none}
.page-en .entreprise, .page-en .adherents{ display:none}
.page-it .entreprise, .page-it .adherents{ display:none}
.page-es .entreprise, .page-es .adherents{ display:none}
.abs { position: absolute; top: auto; left: auto; right: auto; bottom: auto;}
.show-md{ display:block}.show-sm{ display:none}
.left{ float:left}.right{ float:right}
.txt-gris{ color:#fff}
.txt-blanc{ color:#ffffff}
.icon-left{  float:left;}.icon-right{ float:right}
th,td{margin:0;padding:0;}
table{border-collapse:collapse; border-spacing:0; border-radius:5px}
th{ color:#191E38}td{ padding:2px 8px }
.ombre{box-shadow:0px 0px 8px rgba(0,0,0,.3); -moz-box-shadow:0px 0px 8px rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.3); }
table.ombre{ position:relative}
table.ombre::before{ position:absolute; top:30px; left:-60px; content:url(/charte/titre-spe.png);
transform: rotate(-90deg);}
table.ombre::after{ position:absolute; bottom:20px; right:-50px; content:url(/charte/titre-spe.png);
transform: rotate(-90deg); width:40px; height:30px; overflow: hidden}
.z-contenu .block_content ul{ padding-left:0}
.z-contenu .block_content li{position: relative; list-style-type:none; padding-left:0}
.z-contenu .block_content li::before{content:url(/charte/titre-spe.png); width: 15px;height: 15px; margin:1px;overflow: hidden;
float:left}
#moteur_destination_general li::before{ display:none}

.full-width{ width: 99.55vw; position: relative; margin-left: -50vw; left: 50%;float:left;
padding-top:30px; padding-bottom:30px}
.bg-fonce{ background:#191E38}
.bg-fonce h1, .bg-fonce p{ color:#fff}
.bg-clair{ background:#E5E5E5}

.page-accueil .bloc_centre{ margin:0}
.page-accueil .bloc_centre img{ /*! display:block */}
#btn_up{ display:none; background: rgba(0,0,0,0.65) url("/charte/reseaux.png") center -708px no-repeat; box-shadow: 2px 3px 5px #555555; color: white;
 cursor: pointer; font-size: 70%; line-height: 1.15em;  padding: 35px 0 5px 0; position: fixed; right: 0; text-align: center; bottom:180px;text-transform: uppercase; width: 68px; z-index: 501; }
.haut-page{ display:none}
.icon{ background-repeat: no-repeat}
/* Header */
#header{ width:100%; float:left; position:relative}
.page-accueil #header{ height:630px;}
.logo{ float:left; margin-top:-25px; background:#ffffff; padding-right:15px}
#zone-haut{ width:100%; float:left; background:#ffffff; color:#191E38; padding:6px 0; font-size:70%;position:relative; z-index:100}
.slogan{ float:right; margin:0 15px}
#lien-haut{ float:right}
.lien-haut{ float:left; margin:0 8px}
.lien-haut .icon{ width:16px; height:16px; float:left;  background-image: url(/charte/lang.png); background-size: auto; }
.entreprise .icon{ background-position: center -142px}
.compte-client .icon, .adherents .icon, .deconnexion .icon { background-position: center -173px}
.compte-client.show-sm .icon { background-position: center -210px; width:19px; height:19px;}
.lien-haut a{ color:#191E38}
#zone-haut .logo{ margin-left:20px}
#zone-menu{ width:100%; float:left; background:#ffffff; padding:8px 0 0 0; height:88px; position:relative;
  z-index:100}
.page-adherent #zone-menu{ height:auto}
#zone-menu .page{ border-top:1px solid #E5E5E5;}
#zone-bas{ width:100%; float:left; background:#191E38; bottom:0; left:0; right:0; z-index:2; }
.page-int #zone-bas{ position:relative}
.intro{  width:100%; float:left; padding:15px 0; text-align:center; }
.titre1{ font-size:220%; color:#191E38;  margin:10px 0; font-family: 'Baloo', cursive; }
.text1{ font-size:110%}
/*langues*/
.langues{position:relative; float:left; z-index:30; padding:0 3px; }
.langues img{ width:14px;}
.langues.accordion .btn-bloc{float:right; margin:0 4px; cursor:pointer }
.langues .contenu-bloc{ clear:both; width:74px; position:absolute; top:0; right:100%; padding:0 3px; background:#ffffff}
.langues .contenu-bloc a{ display:inline-block}
.langues .icon{ width:14px; height:10px; float:left; background-image: url(/charte/lang.png); background-size: 14px auto; margin:4px 0 4px 0}
#fr .icon{ background-position: center top}
#de .icon{ background-position: center -28px}
#en .icon{ background-position: center -15px}
#it .icon{ background-position: center -41px}
#es .icon{ background-position: center -57px}

#diaporama{ top:0; bottom:0; left:0; right:0; overflow:hidden; }
#bis_container{ left:0; right:0; top:0; bottom:0;text-align:left;}
.bis_image{position:absolute; 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;}
/*fleches*/
#bis_back, #bis_next{  cursor:pointer; position:absolute; height:64px; width:42px; top:46%; z-index:10; background-image:url(/charte/reseaux.png); background-repeat: no-repeat;  }
#bis_back{background-position: center -422px; left:10px; }
#bis_next{background-position: center -512px; right:10px; }
/*puces slider*/
#bis_position{ text-align:right; position:absolute; right:18px; bottom:105px; z-index:10; }
.jFlowControl, .thumbNav a, .thumbNav a{background:#ffffff; text-align:right; overflow:hidden; text-indent:-10000px;  color:transparent; width:12px; line-height:10px; height:12px; display:inline-table; -webkit-border-radius: 14px; border-radius: 14px;}
.jFlowSelected, .thumbNav a:hover, .thumbNav a.cur{ background:#E5B62D; }
ul.thumbNav{ margin:0; padding:0}
.thumbNav li{list-style-type:none; padding:0; display:inline; margin:0 4px; }
*+html .thumbNav li, *+html .thumbNav a{float:left; display:block; }
/* txt */
#bis_caption{ position:absolute; top:40%; width:100%; left:0}
.bis_title{  color:#fff; font-size:3.6em; text-shadow: 0 1px 3px rgba(0,0,0,.75); margin:0}
/* .bis_title a{color:#fff; text-decoration:none;} */
#firstline{  color:#fff; font-size:1.8em; text-shadow: 0 1px 3px rgba(0,0,0,1); text-transform:uppercase; }
#bis_link {position: absolute; width:100%; z-index:1; }
#bis_link a{display: block; width: 100%; height: 630px;}
/* .lien-diapo{cursor:pointer;} */
/* diapo adherant */
.page-adherent #diaporama{ position:relative;height:310px; float:left; top:auto; bottom:auto; left:auto; right:auto; overflow:hidden; width:100%; }
.page-adherent #bis_caption{ top:10px; display:none }
.page-adherent .bis_title{  color:#C10F29; font-size:2.5em; }
.page-adherent #firstline{  color:#555555; font-size:1.3em;  }
.page-adherent .jFlowControl, .page-adherent .thumbNav a, .page-adherent .thumbNav a{background:#ccc; text-indent:-10000px;  }
.page-adherent .jFlowSelected, .page-adherent .thumbNav a:hover, .page-adherent .thumbNav a.cur{ background:#B10D10; }
.page-adherent #bis_position{ top:auto; bottom:15px}
.page-adherent #bis_link a {height: 310px;}


/* Menu */
#menu{ display:block; text-align:right; float:right; position:relative; vertical-align:middle;}
#menu dl, #menu dd, #menu ul, #menu li{ margin: 0; padding: 0; list-style-type: none; }
#menu dl { position:relative; text-align:center; 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:#191E38; height:30px; padding:30px 15px 28px 15px;
font-family: 'sinkin_sans600_semibold'; }
.page-adherent nav dl dt a{font-size:90%; height:30px; padding:30px 10px 28px 10px;
font-family: 'sinkin_sans600_semibold'; }
nav dl.menu0active dt a{color:#C10F29;}
nav dl dt a:hover{ text-decoration:none; color:#E5B62D; }
/*survol*/
nav dd{clear:both; position:absolute; height:0px; overflow:hidden; opacity:0; z-index:200; top:100%;  right:-5%;  background-color: rgba(255,255,255,0.75); width:110%; 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:#000000; display:block; padding:6px; margin:0 0 2px 0; font-size:95% }
nav dd a:hover{color:#C10F29;}
/* contenu */
#zc{ width:100%; float:left; padding-top:30px; padding-bottom:30px }
.page-int .z-contenu{ padding:10px 0 25px 0;  width:100%; float:left;}
.bloc-fidelite{ width:100%; float:left; background:#EBE7E3; padding:30px 0}
.bloc-nuit1{ width:40%}
.bloc-nuit2{ width:60%; text-align:center}
.bloc-nuit3{ float:left ; width:25%; display:none}
.bloc-nuit1 h2{ margin-bottom:0}
.bloc-nuit1 p{  font-size:90%;  }
.bloc-nuit1 img{ margin: 10px auto}
.lien-connect{ width:100%; float:left; margin:30px 0}
.lien-connect a{ background:#E5B62D; color:#ffffff; padding:8px 45px; font-family: 'Baloo', cursive; 
border-radius:30px; font-size:110%}
/* accueil */
.page-accueil .bloc_isole{ margin:0}
.bloc-accueil{ float:left; margin:40px 0 30px 0; width:100%; position:relative; }
#bons-plans{ margin:0 5% !important}
.bloc-accueil-img{ position:relative; height:220px; overflow:hidden}
/* .bloc-accueil-img img{ max-width:155%; } */
.bloc-accueil-titre{ font-family: 'Baloo', cursive; font-size:120%; margin:10px 0}
.bloc-accueil-txt p{ margin:0}
.bloc-accueil-txt{ width:100%; float:left; /*! margin-top:15px; */ font-size:75%}
.bloc-accueil-lien{ float:left;  margin:15px 0px }
a.bt-rouge, .lancer_recherche input, .enlarge-btn, .reduce-btn, .bouton-rouge{ background: #E5B62D ;color: #FFF; padding: 5px 15px; 
  display:inline-block; font-family: 'Baloo', cursive; border:none}
.bloc-accueil a.bt-rouge, .lancer_recherche input, .bouton-rouge{border-radius:30px;}
/* FIL D'ARIANE */
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #div_lien_yahoo {text-decoration:none; font-size:0.95em; color:#191E38;font-family: 'sinkin_sans500_medium'; }
#div_lien_yahoo{width:100%; float:left; margin:15px 0px 25px; font-family: 'sinkin_sans500_medium';}
a.lien_yahoo:last-child{ color:#E5B62D; font-family: 'sinkin_sans700_bold';}
/* FOOTER *//* liens rapides */
.footer-haut{ text-align:center; color:#000000;  width:100%; float:left; background:#E5E5E5; padding:15px 0}
.lien-rap{ width:25%}
.lien-rap .icon{ width:100%; height:46px; float:left; background-image: url(/charte/reseaux.png); background-size: auto; }
.lien-rap1 .icon{ background-position: center top}
.lien-rap2 .icon{ background-position: center -40px}
.lien-rap3 .icon{ background-position: center -84px}
.lien-rap4 .icon{ background-position: center -130px}
.lien-rap5 .icon{ background-position: center -176px}
.lien-rap5{ display:none}
.footer-haut a{ display:block; color:#191E38 }
.footer-haut p{ margin:8px 0}
#footer{ width:100%; float:left;}
#footer li, #footer ul{ list-style-type:none; margin:0; padding:0; display:inline; }
.plan-site{  width:100%; float:left; background:#191E38; padding:15px 0}
.footer-bas{  width:100%; float:left; background:#191E38; }
.footer-bas .page{ border-top:4px solid #DDD8D4; }
.footer-bas .left, .footer-bas .right{ padding:10px 0; line-height:32px; }
.footer-bas .icon{ width:26px; height:26px; float:left; background-image: url(/charte/reseaux.png); background-size: auto; margin:0 3px }
.footer-bas .left img{ float:left; margin-right:10px}
#facebook .icon{ background-position: center -234px}
#twitter .icon{ background-position: center -278px}
#google .icon{ background-position: center -315px; display:none}
#instagram .icon{ background-position: center -353px}
.plan-footer{ width:20%}
.plan-site *{  color:#ffffff; }
.plan-site a{  display:block}
.plan-site .PLAN0 a{ font-family: 'Baloo', cursive;margin:15px 0; font-size:115%;}
.plan-site .PLAN1 a{ font-size:80%; margin:6px 0; font-family: 'sinkin_sans300_light'; }
/* plan du site */
.z-contenu .PLAN0 a{ font-size:1.5em; text-transform:uppercase; margin:18px 0; padding:6px 0; background:url(/charte/titre-spe.png) left bottom no-repeat;width:100%; float:left; color:#000000}
li.PLAN1, liPLAN2{margin:0; padding:0; list-style-type:none; }
.z-contenu .PLAN1 a{  font-size:1.2em}
/* ------ CARTE FIDELITE / ADHERENT------- */
#signature{ color:#ffffff;  font-size:200%; font-family: 'Baloo', cursive; padding:15px 0 50px 0; background: #191E38 url(/charte/titre-spe.png) center 92% no-repeat; float:left; width:100%}

fieldset{ margin:15px 0; padding:25px; border:1px solid #e2e2e2 }
legend{ color:#191E38;  font-family: 'Baloo', cursive; font-size:160%; padding:0 10px}
legend p{ margin:0}
input, select{ padding:5px 10px; border-radius:30px; }
input{ border:1px solid #d5d5d5}
input[type="checkbox"], input[type="radio"]{ -webkit-appearance: none; -moz-appearance: none; 
appearance: none;border-radius:50%; width:16px; height:16px; padding:0; position:relative; margin:0 4px 0 0}
input[type="checkbox"]:checked::after, input[type="radio"]:checked::after{  content: '✔';  position: absolute;  top: -2px; 
  left: 2px;  font-size: 12px;  color: #1d1d1b; }
.page-adherent input[type="checkbox"], .page-adherent input[type="radio"]{ -webkit-appearance: none; -moz-appearance: none; 
appearance: none;border-radius:50%; width:22px; height:22px; padding:0; position:relative; margin:0 5px 0 0; background:#ffffff;  border: 2px solid #1d1d1b; top:2px; top:2px;}
.page-adherent input[type="checkbox"]:checked::after, .page-adherent input[type="radio"]:checked::after{  content: '✔';  position: absolute;  top: -1px; 
  left: 3px;  font-size: 15px;  color: #1d1d1b; }

select {  -webkit-appearance: none; -moz-appearance: none;  -ms-appearance: none;  appearance: none;
  outline: 0;  box-shadow: none; border: 1px solid #d5d5d5 !important; position: relative;  cursor: pointer;
background:url(/charte/select.png) right center no-repeat; padding-right:22px !important;
background-position: center right 5px;}
select::-ms-expand {  display: none;}



.bt-ok{ margin:10px 0}
.bt-ok input{ float:left; background:rgba(0,0,0,0.75); color:#ffffff; border:none; padding:2px 18px; cursor:pointer}
.titre_onglet{ cursor:pointer; width:92%; float:left; padding:6px 2% 6px 6%; margin:6px 0 0 0 ;
background:rgba(0,0,0,0.5) url(/charte/fleches-up-down.png) 8px 12px no-repeat; color:#ffffff}
.contenu_onglet{ width:92%; float:left; padding:10px 2% 10px 6%; margin-bottom:10px; background:rgba(0,0,0,0.1)}
/* ------ HOTEL ------ */
/*recherche */
#moteur_carte #map{ float:left; width:100%; height:400px}
#nbre-hotel-trouve { font-size: 130%; display:none;}
/* liste hotel */
.colonne_g_liste_hotel{ width:23%; float:left;}
.colonne_d_liste_hotel, .liste_hotels_info_region{ width:74%; float:right}
.carto_region{ width:100%; float:left; font-size:0.8em; margin-bottom:2em;}
.region_carto{ height:200px; width:100%; }
#map_region{ height:100%; width:100%; float:left}
.colonne_g_liste_hotel h2{clear:both; margin:0; background:#191E38; font-size:130%; text-align:center; 
  padding:10px 0; color:#ffffff; border-radius:6px 6px 0 0}
.enlarge-btn, .reduce-btn { position: absolute; z-index: 100; bottom: 5px; right: 5px; cursor: pointer; }
.moteur_recap_bloc{ background:#F2F2F2; font-size:0.8em; padding:10px; border-radius: 0 0 6px 6px}
.moteur_recap_bloc>div{margin:15px 0}
.moteur_recap_bloc>div:before{margin-right:10px;}
.moteur_recap_bloc .etablissement-recap:before{content:url(/charte/map-rouge.png); }
.moteur_recap_bloc .date-recap:before{content:url(/charte/calendar-rouge.png);}
.moteur_recap_bloc .date-recap > div {display:inline; }
.moteur_recap_bloc .date-recap > div.date-arr:after{content:"-"; margin:0 3px;}
.moteur_recap_bloc .recap-chambre:before{content:url(/charte/user-rouge.png); }
.moteur_recap_bloc>div.modif_criteres{ text-align:center;  margin-top: 2em ; }
.modif_criteres a{ background:#E5B62D; padding: 4px 10px; border-radius: 30px; font-size:120%;
font-family: 'Baloo', cursive; color:#ffffff}
.bloc_hotel{ background:#F2F2F2; width:100%; float:left; margin:20px 0 60px; 
  height:250px; border-radius:5px; overflow:hidden }
.bloc_hotel:after{content: ""; width: 102%;margin: 40px 0;border-top: 1px solid #E5E5E5; float: left;display: table;}
.photo_hotel{ width:28%; float:left; height:250px; margin-right:3%;  overflow:hidden; position:relative;}
.photo_hotel img{ max-width:none; min-width:100%; min-height:100%;}
.photo_hotel .lien_detail { position: absolute; bottom: 25px; width: 60%; left: 20%; }
.photo_hotel .lien_detail a { display: block; text-align: center; color: rgb(0, 0, 0); 
border-radius: 30px;font-family: 'Baloo', cursive; padding: 3px 6px; }
.bloc_hotel_centre{ width:46%; float:left; height:250px;  overflow:hidden}
.titre_hotel{ display:block; margin:18px 0 0 0 ; color:#191E38;  font-size:150%; font-family: 'Baloo', cursive; }
.titre_hotel a{ color:#191E38; font-family: 'Baloo', cursive; font-size:120%;}
.nb_kilometres{ display:block; color:#191E38; font-size:80%; margin:0 0 5px 0; width:100%; float:left;}
.adresse_hotel, .form-itineraire{ font-size:82%;   display:block}
.adresse_hotel{padding:2px 0 6px 20px; background:url(/charte/map.png) left top no-repeat; margin:8px 0;
width:100%; float:left;}
.form-itineraire{background:url(/charte/itineraire.png) left center no-repeat; padding:5px 0 2px 36px;
width:100%; float:left;}
.form-itineraire:after{content:""; display:table; width:100%;}
.form-itineraire *{float:left;}
.form-itineraire label { margin-right: 10px;}
.form-itineraire input{ height: 22px; line-height:22px; overflow: hidden; border:1px solid #191E38; 
  padding: 0 10px !important;margin: 0px !important;}
.form-itineraire input.bt-form-itineraire { background: #191E38 url("/charte/loupe-blanche.png") no-repeat center; height:22px; width: 22px; border:1px solid #191E38;  text-indent: 150px; margin-left:-22px !important;}
.coord_telephone{ width:100%; float:left; }
.bloc_hotel_centre .description{ font-size:78%; padding-top:10px; line-height:115%;width:100%; float:left;}
.bloc_hotel_droite{ float:right; width:20%; margin:15px 0; border-left:1px solid #E5E5E5; padding:15px 10px }
.tarif-liste{ display:block; margin:0; text-align:center}
.libelle-tarif, .tarif-indisponible{ display:block; font-size:85%; color:#191E38;}
#bloc_hotel_detail1 .libelle-tarif, #bloc_hotel_detail1 .tarif-indisponible{ color:#ffffff;}
.tarif-indisponible{margin-bottom:1em}
.bloc_hotel .tarif, .tarif-liste .tarif{ display:block; font-size:250%; color:#191E38; font-family: 'Baloo', cursive;}
#bloc_hotel_detail1 .bloc_hotel .tarif, #bloc_hotel_detail1 .tarif-liste .tarif{ color:#ffffff;}
.boutons_lien{  text-align:center; }
.boutons_lien a{ -webkit-border-radius: 30px; border-radius: 30px; display:inline-block; 
  font-family: 'Baloo', cursive; margin:5px 0; padding:8px 12px; font-size:110%}
.lien_detail_reserver a{ background:#E5B62D; color:#ffffff}
.lien_detail a{ background:#ffffff; color:#191E38}
#offres_speciales .lien_detail a{background:#E5B62D;color:#ffffff; padding: 8px 20px;}
#bloc_hotel_detail1 .libelle-tarif, #bloc_hotel_detail1 .tarif-indisponible, .bloc_hotel_droite .tarif-indisponible, 
.bloc_hotel_droite .libelle-tarif, .bloc_hotel_droite .tarif-liste .tarif{ color:#ffffff;}
/* Formulaire elargir recherche */
.form-elarg-rech{ width:100%; float:left; text-align:center; background: #f1f1f1; padding:10px 1%; border-radius:5px}
.elmt-form-elarg-rech { display:inline}
.elmt-form-elarg-rech label { color: #191E38; padding:0 10px; font-size:90%}
.form-elarg-rech select{ padding:2px; border-radius:30px; border:1px solid #191E38}
.btn-form-elarg-rech { display:inline; margin-left: 10px; }
.btn-form-elarg-rech input { color: #FFFFFF; background-color: #E5B62D;cursor: pointer; 
  padding:2px 10px; font-family: 'Baloo', cursive;}
/* liste chambres */
.liste-chambre{ width:100%; float:left; padding:25px 0 0 0; margin:25px 0 0 0; border-top:1px solid #ddd; }
.img-room{ width:28%; float:left; margin:0 15px 15px 0; border-radius:5px; overflow:hidden}
.img-room img{ width:100%}
.name-room{ color:#E5B62D;font-family: 'Baloo', cursive;font-size: 150%; }
.description-room, .other-room{ font-size:90%; margin:10px 0}
.aff-tarif{ color:#000000;  width:100%; padding:10px 15px; margin:5px 0; float:left; background:#f2f2f2;
border-radius:5px}
.room-rate-description{ float:left;  font-family: 'sinkin_sans700_bold'; margin:10px}
.room-price{ float:right; text-align:right}
.room-price span{ color:#191E38;font-family: 'Baloo', cursive;font-size: 240%; }
.room-price a{ background:#E5B62D; color:#fff; font-family: 'Baloo', cursive; 
  border:none; padding: 5px 15px; border-radius:30px; float:right; margin:6px 10px}
.room-conditions{  width:100%; float:left; margin:10px 0;  color:#191E38;   }
.titre-condition{cursor:pointer; font-family: 'sinkin_sans700_bold'; color:#191E38}
.options{ padding:15px 0; width:100%; float:left}
.titre-option, .titre-commentaire{ color:#191E38;font-family: 'Baloo', cursive;font-size: 130%;  }
.contenu-cdt{ display:block !important;}
/* Panier */
.affiche-reservit{ width:100%; float:left; position:relative}
.panier-reservation{ margin:5px 0; position:relative; float:right; width:32%}
.panier-reservation2{  background:#f2f2f2; float:right;width:377px !important ; z-index:10; border-radius:5px;
overflow:hidden}
.panier-reservation2 h3{ color:#fff; background:#191E38;font-family: 'Baloo', cursive;font-size: 160%;
margin:0; padding:10px; text-align:center; text-transform:none}
.panier-reservation2 > div{/* padding:10px 0; margin:10px 20px;*/ padding:10px 20px; display:block;}
.aff-reservit{ width:65% ; float:left; margin:5px 0}
.aff-reservit h3{ color:#191E38;  font-family: 'Baloo', cursive; font-size:160%}
.panier-reserv a{background:#B10D10;  color:#ffffff; font-size:90%;padding:4px 10px; border-radius:4px; }
.detail-reserv{ font-size:80%; width:100%; margin:0; }
.libelle-panier, .libelle-total-panier{ max-width:70%; float:left; }
.libelle-total-panier{ color:#191E38;  font-family: 'Baloo', cursive; font-size:130%;}
.montant-panier, .montant-total-panier, .ligne-option span{ float:right; color:#191E38;  font-family: 'Baloo', cursive; font-size:130%;}
.montant-total-panier{ font-size:160%; line-height:130%}
.bloc-total-panier{  width:100%; float:left; font-size:140%; padding: 15px 20px; color:#fff; }
.liste-options{  width:100%; padding:15px 2%; margin:5px 0; float:left; background:#f2f2f2; border-radius:5px}
.liste-options input[type="checkbox"]{ -webkit-appearance: none; -moz-appearance: none; float:left;
appearance: none;border-radius:50%; border:1px solid #191E38; width:20px; height:20px; padding:0; position:relative;}
.liste-options input[type="checkbox"]:checked::after{  content: '✔';  position: absolute;  top: -2px; 
  left: 2px;  font-size: 16px;  color: #1d1d1b; }

.prix-option-total{ float:right; color:#191E38;  font-family: 'Baloo', cursive; font-size:130%;}
.reservit_bt{ width:100%; float:left; text-align:center ;  margin:10px 0; }
.reservit_bt a{ display:inline-block; background:#B10D10;color:#ffffff; padding:4px 20px; }
.commentaires{ width:100%; float:left; margin:5px 0}
.commentaires .liste-options {   padding: 0;  margin: 10px 0;  background: none;
    border-radius: 5px; }
.commentaires textarea{ width:100%}
.valid{width:100%; float:left; margin:10px 0; text-align:center}
.valid input{ background:#E5B62D; color:#ffffff; padding:10px 20px; border:none;border-radius:30px; 
cursor:pointer; font-family: 'Baloo', cursive; font-size:140%;}
.bloc-total{ color:#ffffff; background:#191E38; padding:4px 20px; font-size:160%; text-align:right;
  border-radius:5px; font-family: 'Baloo', cursive;  }
#prix-total{ padding-left:10px; font-size:120%; font-size:180%;}
.choix-finaliser a{ margin:5px 0; color:#191E38; background:none; text-align:left;  font-family: 'sinkin_sans700_bold';
  padding:4px 8px 4px 66px; line-height:130%;vertical-align:middle; display:inline-block; }
.choix-finaliser a:hover{background:#B10D10}
.choix-finaliser:hover a, .choix-finaliser.active a{background:none; text-decoration:none; color:#fff}
.choix-finaliser a span{ font-size:70%; display:block;  font-family: 'sinkin_sans400_regular'; line-height:normal;}
.infos_sejour .sejour-date{ font-weight:bold}
.panier-reserv, .infos_sejour{ border-top:1px solid #e5e5e5; display:inline}
.ss-titre-panier{color:#191E38;  font-family: 'Baloo', cursive; font-size:130%; }
.ss-titre-panier a{ color:#191E38;  text-decoration: none; font-size:140%;  font-family: 'Baloo', cursive;}
.infos_hotel .adresse_hotel{ margin:2px 0; padding-bottom:0}
.num-chambre{ font-size:130%; max-width:70%; color:#191E38; font-family: 'sinkin_sans700_bold'; 
  font-size:110%;}
.panier-reserv a.sup-chambre-panier{background:url(/charte/bt-supp.png) center center no-repeat; padding:12px; font-size:0}
.panier-reserv a.voir-cdt-resa-popup-ch,.chambre-courante a.voir-cdt-resa-popup-ch{color:#323132;background:none;padding:0;border-radius:0}
.infos_hotel .telephone_hotel .icon-coord{ display:none}

.bloc-option-chambre{ width:100%; float:left; }
.ligne-option{ width:100%; float:left;  margin:10px 0}
.ligne-option span{ float:right}
.info{ width:100%; float:left; text-align:center;  margin:10px 0}
/* offre speciale */
.texte_offre_spe{ width:69%; float:right; font-size:1.2em; margin:10px 0 0 0; padding:6px 0; background:url(/charte/titre-spe.png) left bottom no-repeat;}
#offres_speciales .pictos_services li{ font-size:0; float:left; margin: 5px 10px 5px 0}
/* pagination */
#pagination{ width:96%; float:left; padding:10px 2%; background:#f1f1f1; margin-bottom:15px}
/* connexion */
#Div_contenu{ width:96%; float:left; background:#f1f1f1; padding:20px 2%}
#Div_erreur{  width:100%; float:left;}
#Div_erreur font{ width:96%; float:left; background:#B10D10; color:#ffffff ; padding:20px 2%}
/* */
.google-tag{ width:0; height:0; overflow:hidden; position:absolute; left:0; bottom:0}
/*-- Detail hotel --*/
#bloc_hotel_detail1{ width:100%; float:left;}
#bloc_hotel_detail1 .titre_hotel{margin-bottom:1em}
.detail_proximite{ display: block;color:#191E38;font-size: 14px;margin: 0 0 5px 0;width: 100%;float: left; font-family: 'sinkin_sans400_regular', Arial, Helvetica, sans-serif;}
#bloc_hotel_detail1 .form-itineraire input{ height: 22px;}
#bloc_hotel_detail1 .form-itineraire{background-position:left top;}
.retour_page_prec, .lien_retour_dep{ width:31%; float:left; margin:20px 0; text-align:center}
.lien_retour_dep{ float:right}
.retour_page_prec a, .lien_retour_dep a{ background:#E5E5E5; color:#7F7F7F;padding:6px; display:block; }
.retour_page_prec a:hover, .lien_retour_dep a:hover{ background:#b10d10; color:#ffffff; text-decoration:none }
.coordonnees_detail{ width:100%; float:left; position:relative}
.infos_droites{ width:31%; float:right; text-align:center; background:#191E38; padding-top:20px;
border-radius:5px; }
.lien_detail_reservit{ width:100%; float:left; margin:20px 0 50px 0; }
.lien_detail_reservit a{ background:#E5B62D; color:#ffffff; border-radius:30px;  padding:6px 20px;
font-family: 'Baloo', cursive;}
.coordonnees_hotel{width:100%; float:left;padding:20px 0; background:#E5E5E5; margin-top:15px;
border-radius:0 0 5px 5px; }
.coordonnees_hotel a{ color:#E5B62D}
.proprietaire_hotel{ width:100%; float:left; margin-bottom:14px; }
.proprietaire_nom{ text-transform:uppercase}
.proprietaire_photo{ width:70px; margin:-56px auto 10px auto; height:70px; border-radius:60px; border:1px solid #ffffff; overflow:hidden; background:#fff}
.Libelle_fiche_hotel h1{ font-size: 200%; margin-bottom:0}
.Libelle_fiche_hotel .adresse_hotel{ margin: 0 0 15px 0; background:url(/charte/map.png) left top no-repeat; padding-left:20px}
.bt-coord{ cursor: pointer; margin:5px 0}
.icon-coord{  padding:8px 4px 12px 16px; }
.telephone_hotel .icon-coord{ background:url(/charte/phone.png) 0px center no-repeat;}
.email_hotel .icon-coord{ background:url(/charte/mail.png) 0px center no-repeat;}
.site_hotel .icon-coord{ background:url(/charte/web-site.png) 0px center no-repeat;}
/* RSLIDES - ancien diaporama des fiches hotel */
.diaporama-rslides{ width:65%; float:left; margin:15px 0; position:relative}
.rslides1 img{  width:100%; }
.rslides1 a{ display:block}
ul.rslides1, ul.rslides1_tabs{margin:0; padding:0; list-style-type:none; width:100%; float:left;}
ul.rslides1{height:400px; overflow:hidden}
ul.rslides1 li{ height:400px; overflow:hidden; list-style-type:none; margin:0; padding:0; width:100%; float:left;}
ul.rslides1_tabs{ margin:0; z-index:5; position:relative}
ul.rslides1_tabs li{ float:right; opacity:0.5 ; height:60px; margin:6px 0 0 6px}
ul.rslides1_tabs img{height:60px; }
ul.rslides1_tabs li.rslides_here, ul.rslides1_tabs li:hover{opacity:1; background:#bfbfbf}
/*fleches*/
.rslides_nav{  cursor:pointer; position:absolute; height:64px; width:42px; top:35%; z-index:10; font-size:0}
.rslides_nav.prev{background:url(/charte/left.png) no-repeat left top; left:10px; }
.rslides_nav.next{background:url(/charte/right.png) no-repeat left top; right:10px; }
/* carouFredSel - nouveau diaporama des fiches hotel */
#slider { height: 470px; width: 65%; float: left; margin: 10px 0px; position: relative; }
#wrapper { height: 470px; width: 100%; position: absolute; }
#carousel-wrapper{background:#E5E5E5}
#carousel { width: 767px !important; height: 470px !important; overflow: hidden; }
#carousel img { display: block; float: left; height:400px }
#pager-wrapper { width: 100%; overflow: hidden; padding: 4px 0 0 0; }
.caroufredsel_wrapper{ width:100% !important; }
#pager{ right:0 !important; left: auto !important; text-align:right !important}
#pager img { cursor: pointer; display: block; max-width: 100%; height: 50px; padding: 0; margin: 2px 0 0 4px !important; float: right; }
#pager img:hover { opacity:0.5; }
#pager img.selected { opacity:0.5; }
.slider-nav{  cursor:pointer; position:absolute; height:64px; width:42px; top:35%; z-index:10; font-size:0}
.slider-nav.prev{background:url(/charte/left.png) no-repeat left top; left:10px; }
.slider-nav.next{background:url(/charte/right.png) no-repeat left top; right:10px; }
.z-contenu .accordion{ width:65%; float:left; background:#F2F2F2; margin:20px 0}
.z-contenu .btn-bloc{ width:100%; float:left}
.z-contenu .btn-bloc h3{ border-bottom:1px solid #ffffff; padding:14px 20px 14px 50px; margin:0; 
  font-size:130%; color:#191E38; display:block; font-family: 'Baloo', cursive;}
.z-contenu .btn-bloc h3:hover, .z-contenu .btn-bloc.active h3{ background-color:#191E38; color:#ffffff;
border-radius:5px 5px 0 0}
.z-contenu .contenu-bloc{ padding:15px 4%; width:100%; float:left; border-bottom:1px solid #ffffff;}
.z-contenu .contenu-bloc h3{ padding:0; margin:10px 0; border:none}
.Carte_lei, #map_fiche{ width:100% !important; float:left}
#elargir{ display:none}
.liste_pictos{ width:100%; float:left}
.liste_pictos ul{ margin:0; padding:0; list-style-type:none; }
.liste_pictos li{ min-width:50%; float:left; padding:5px 5px 5px 0}
.wrapper_services li{ width:48%; float:left; margin-right:2%}
#block_info > div{ display:block; padding:15px 0; border-bottom:1px solid #ccc; text-align:right; font-family: 'sinkin_sans700_bold'; }
#block_info span{   margin-right: 10px; float:left; text-align:left; font-family: 'sinkin_sans400_regular';}
.contenu-bloc .texte_offre_spe{ width:100%}
.z-contenu .btn-bloc h3{ background-repeat:no-repeat; background-position: 12px center}
.btn-bloc.description h3{ background-image:url(/charte/li-des.png)}
.btn-bloc.description.active h3, .btn-bloc.description h3:hover{ background-image:url(/charte/li-des2.png)}
.btn-bloc.infos h3{ background-image:url(/charte/li-inf.png)}
.btn-bloc.infos.active h3, .btn-bloc.infos h3:hover{ background-image:url(/charte/li-inf2.png)}
.btn-bloc.localisation h3{ background-image:url(/charte/li-loc.png)}
.btn-bloc.localisation.active h3, .btn-bloc.localisation h3:hover{ background-image:url(/charte/li-loc2.png)}
.btn-bloc.services h3{ background-image:url(/charte/li-ser.png)}
.btn-bloc.services.active h3, .btn-bloc.services h3:hover{ background-image:url(/charte/li-ser2.png)}
.btn-bloc.offres h3{ background-image:url(/charte/li-off.png)}
.btn-bloc.offres.active h3, .btn-bloc.offres h3:hover{ background-image:url(/charte/li-off2.png)}
.btn-bloc.avis h3{ background-image:url(/charte/li-avi.png)}
.btn-bloc.avis.active h3, .btn-bloc.avis h3:hover{ background-image:url(/charte/li-avi2.png)}
.btn-bloc.story h3{ background-image:url(/charte/li-story.png)}
.btn-bloc.story.active h3, .btn-bloc.story h3:hover{ background-image:url(/charte/li-story2.png)}
.liste_hotels_info_region{ display:none}
.btn-bloc.ecoscore h3{ background-image:url(/charte/planete.png)}
.btn-bloc.ecoscore.active h3, .btn-bloc.ecoscore h3:hover{ background-image:url(/charte/planete2.png)}
.contenu-bloc.ecoscore > span{ display: block}
/* Jquery */
.ui-widget{ font-size:0.85em !important; }
.ui-menu .ui-menu-item{ padding:3px 1em 2px 0.4em !important}
#moteur_destination{ width:100%; float:left; }
#moteur_carte{ width:100%; float:left;}
.infobulle, .infoBox{ width:150px; height:auto; float:left; padding:10px; background:#ffffff; border: 1px solid #cccccc; border-radius:0 10px 0 10px;  font-size:12px;}
.nom-hotel{ font-weight:bold;}
.contenu-bulle{ margin-top:5px;}
.lancer_recherche{width:100%; float:left; margin:15px 0}
#moteur_service{ width:100%; float:left; margin:15px 0}
#moteur_service a{ color:#191E38}
#moteur_service ul, #moteur_access ul{ width:100%; float:left; margin:15px 0; padding:0; list-style-type:none; }
#moteur_service li.pictos_services_moteur, #moteur_access li{ margin:3px 1% 3px 0; padding:4px 2% 4px 0;  line-height:16px; float:left; width:31.33%;  }
#moteur_access{ width:100%; float:left;}
/* moteur de recherche haut */
.moteur-hotels{  width:100%; float:left; margin:20px 0; padding:0 }
#moteur_recherche2{  width:100%; float:left; margin:0; position:relative; font-size:16px;}
#moteur_recherche2 #moteur_destination{ width:100%; float:left; -webkit-border-radius: 30px; border-radius: 30px; background:#fff; overflow:hidden; line-height:28px;   }
.moteur-hotels .icon-left{ float:left; padding:3px 0 3px 4px }
.moteur-hotels input{ border:none; padding: 3px; outline: none; font-size:16px;  color: #191E38;}
.moteur-hotels input.date_sejour{ padding-left:90px; margin-left:-90px; background: none; max-width:180px }
.moteur-hotels input.date_depart{ padding-left:90px; margin-left:-90px; background: none; max-width:180px }
.moteur-ville{ float:left; border-right:1px solid #ccc !important;  height:50px; padding:10px 0;}
.moteur-ville input{min-width: 180px;max-width:200px; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.debut_sejour, .depart_sejour{ border-right:1px solid #ccc !important;  float:left ; background:url(/charte/calendar.png) 6px center no-repeat; height:50px; padding:10px 0 10px 30px}
.debut_sejour input, .depart_sejour input{ max-width:90px; }
#recap-chambre{float:left ; background:url(/charte/people.png) 6px center no-repeat; height:50px; padding:10px 0 10px 30px}
#moteur_recherche_ch{ float:right; background: #E5B62D; color: #ffffff; font-size: 120%; padding: 0 20px; 
  cursor:pointer;height:50px; line-height:50px; border-radius:30px;
font-family: 'Baloo', cursive; }
#block-form-ch{ position:absolute; padding:20px 25px; background:#fff; left:0; right:0;top:100%; 
  z-index:99; border:1px solid #E5E5E5}
.chambre-liste{ padding:10px; border-bottom:1px solid #ddd; }
#block-form-ch span{ margin-right:10px; min-width:25%; display:inline-block}
.chambre-titre{padding:14px 0 0 3px; border-bottom:1px solid #ddd;}
.chambre-titre span{  }
.chambre-liste .chambre-num{ padding:0 20px 0 20px}
.age_enfant input{ background:#eee; text-align:center}
#block-form-ch a{ padding:5px; float:left; font-size:12px}
#ui-datepicker-div{ z-index:500000000 !important}
/* formulaire hotel */
#Div_contenucatalogue .coordonnees_detail{ width:100%; float:left; background:#E5E5E5}
#Div_contenucatalogue .coordonnees_hotel{ width:68%; padding:10px 0; }
/* PAGINATION */
.pagination{text-align:center; color:#4b4b4b; line-height:22px; padding:2px; margin:7px; }
.pagination ul, .pagination li{list-style-type:none; margin:0 ; padding:0}
.pagination li, .pagination li a{ width:30px; height:30px; line-height:24px !important; text-align:center !important;
border-radius:30px}
.pagination li{ display:inline-block; background:none; margin: 1px; font-family:'sinkin_sans700_bold'; border-radius:30px;
  width:30px; height:30px; border:2px solid transparent; color:#323132 !important; }
.pagination li::before{ display:none}
.pagination li a, .pagination li:hover a{ color:#323132 !important; background:none; }
.pagination li:hover, .pagination li:hover a, .pagination li.active{ border-color: #E5B62D} 

.jplist-pagesbox button, .jplist-pagingnext button, .jplist-pagingprev button{  
 background:#f1f1f1 !important; color:#323132 !important; text-shadow:none !important;
font-family:'sinkin_sans700_bold'; border-radius:30px; width:30px; height:30px; border:2px solid transparent }
.jplist-pagesbox button:hover, .jplist-pagesbox button.jplist-current, .jplist-pagingnext button:hover, .jplist-pagingprev button:hover{ 
 border-color: #E5B62D}

/* Formulaire Offres speciales */
.form-offres-spe{ display:block; margin-bottom:15px}
.elmt-form-offres-spe { float: left; margin: 3px 15px 10px 0; }
.btn-form-offres-spe { margin: 3px; float:right;  }
.btn-form-offres-spe input { border: none; cursor: pointer; 
 background: #E5B62D; color: #ffffff; font-size: 120%; padding: 5px 20px; 
  cursor:pointer;border-radius:30px;
font-family: 'Baloo', cursive;}
.form-offres-spe-tris { float:left; margin:4px 0; clear:both}
.form-offres-spe-comment{ float:left; margin: 6px 10px 0 0; font-weight:bold}
/* checkbox images */
.form-offres-spe ul { list-style-type: none;}
.form-offres-spe li { display: inline-block;}
.form-offres-spe input[type="checkbox"][id^="cat_"] { display: none;}
.form-offres-spe label { border: 1px solid #191E38; border-radius:50%;padding: 8px; line-height: 18px;display: inline-block; position: relative; margin: 5px; cursor: pointer; }
.form-offres-spe label:before { background-color: white; color: white; content: " "; display: block; border-radius: 50%; border: 1px solid grey; position: absolute; top: -5px; left: -5px; width: 25px; height: 25px; text-align: center; line-height: 28px; transition-duration: 0.4s; transform: scale(0); z-index: 1;}
.form-offres-spe label img { height: 18px; width: 18px; transition-duration: 0.2s; transform-origin: 50% 50%;}
.form-offres-spe :checked + label { border-color: #ddd;}
.form-offres-spe :checked + label:before { content: "\002713"; background-color: #C10F29; transform: scale(1);}
.form-offres-spe :checked + label img { transform: scale(0.8); }
/* boutons solution Pro */
.soluce-pro{ width:100%; float:left; margin-bottom:15px}
a.bt-soluce-pro{ display:block; width:30%; float:left; color:#7F7F7F; background-color:#E5E5E5; text-align:center;   padding:48px 1% 14px 1%; text-transform:uppercase; background-position: center 12px; background-repeat:no-repeat;}
a.bt-groupe{ margin:0 2%}
a.bt-soluce-pro.bt-active, a.bt-soluce-pro:hover{ background-color:#C10F29; color:#fff; text-decoration:none }
a.bt-societe{ background-image: url(/charte/societe.png)}
a.bt-societe:hover, a.bt-societe.bt-active{ background-image: url(/charte/societe2.png)}
a.bt-groupe{ background-image: url(/charte/groupe.png)}
a.bt-groupe:hover, a.bt-groupe.bt-active{ background-image: url(/charte/groupe2.png)}
a.bt-seminaire{ background-image: url(/charte/seminaire.png)}
a.bt-seminaire:hover, a.bt-seminaire.bt-active{ background-image: url(/charte/seminaire2.png)}
/* menuLat */
#menuLat{ display:none}
.page-fidelite #menuLat, .page-adherent #menuLat{ display:block}
#menuLat.non-connecte{display:none;}
.menuLat{ margin-bottom:25px; width:100%; float:left;display:table; }
.menuLat ul, .menuLat li{ list-style-type:none; margin:0; padding:0; display:inline; }
.menuLat ul { display: table; width: 100%; float:left; }
.menuLat li { display: table-cell; text-align : center; padding-right:10px }
.menuLat ul ul li{ padding-top:10px }
.menuLat li:last-child{ padding:0}
.menuLat a{ display:block; min-width:100px; color:#191E38; background-color:rgba(229, 229, 229, .3); text-align:center; 
  padding:16px 1%; font-family: 'sinkin_sans700_bold'; text-decoration:none; border-radius:5px}
.menuLat a:hover, .menuLat .menuGactive-2 a{ background-color:#191E38; color:#fff; text-decoration:none }
.page-fidelite .menuLat li:first-child{ text-indent:-5000px; }
.page-fidelite .menuLat li:first-child a{ min-width:32px; color:#7F7F7F; background:rgba(229, 229, 229, .3) url(/charte/home.png) center center no-repeat; 
  height:100%; position:relative; display:block  }
.page-fidelite .menuLat li:first-child a:hover{ background:#191E38 url(/charte/home2.png) center center no-repeat; }

/* moteur liste */
.jplist-panel{ width:74%; float:right; padding:0 0 15px 0; margin-bottom:10px; border-bottom:1px solid #ccc}
.jplist-panel br{ display:none}
.jplist-drop-down{ border:1px solid #e5e5e5 !important; box-shadow:none !important; background:#fff !important; width:31% !important; margin:0 1% !important;
border-radius:30px !important; color: #191E38 !important;}
.jplist-group{ width:97%; margin:15px 1% !important; border:none !important;}
.jplist-label{ font-size:150%; border:none !important; background:none !important; color:#191E38;font-family: 'Baloo', cursive;}
.jplist-drop-down ul{ width:100% !important}
.jplist-panel .jplist-group input, .jplist-panel .jplist-group label {  height: 16px !important;  line-height: 16px !important;}
/* pagination */
.jplist-pagesbox button, .jplist-pagingnext button, .jplist-pagingprev button{  
 background:#f1f1f1 !important; color:#323132 !important; text-shadow:none !important;
font-family:'sinkin_sans700_bold'; border-radius:30px; width:30px; height:30px; border:2px solid transparent }
.jplist-pagesbox button:hover, .jplist-pagesbox button.jplist-current, .jplist-pagingnext button:hover, .jplist-pagingprev button:hover{ 
 border-color: #E5B62D}
/* final resa*/ 
.bloc-choix-finaliser{ width:100%; float:left; margin-bottom:15px}
.choix-finaliser { width:32%; float:left; background-color:#efefef; height:118px; line-height:110px;
  background-position:10px center; background-repeat:no-repeat; border-radius:5px}
.choix-finaliser:hover, .choix-finaliser.active{background-color:#191E38;}
#reservit-creer{ margin:0 2%}
#reservit-connecter{ background-image:url(/charte/deja-compte.png)}
#reservit-creer{ background-image:url(/charte/cree-compte.png)}
#reservit-direct{ background-image:url(/charte/sans-compte.png)}

.jplist-drop-down .jplist-dd-panel::after { top:0}
.jplist-drop-down .jplist-dd-panel{width: 180px !important}
/* modifs demande du 20/07/2016 */
.bt-coord.bt-tel{ display:none}
.tel-clair.invisible{ display:block !important}
.tel-clair.invisible a, .telephone_hotel a{ background:#E5B62D url(/charte/phone-bl.png) 8px center no-repeat; 
  padding:2px 20px 2px 30px ; color:#fff; border-radius:30px;font-family: 'Baloo', cursive;}

.trophee{ float:left; margin:10px 10px 0 0}
.trophee img{ max-height:90px}

/* modif description chambre */
.RateDescription{font-size:90%}
.RateDescription .info-status-error-message{margin-bottom:5px;font-weight:bold;}

/* detail news */
.bloc-news { float: left; width: 100%; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid; }

.bloc-liste-options{ width:100%; margin:5px 0; float:left;}
.bloc-liste-options.image{  padding:5px 0}
.bloc-liste-options.image .liste-options{ width:66%;  float:right; margin-top:2vw}
.liste-options-img{ float:left; width:28%;}
.liste-options-img img{ max-width:95%}

/* Cookies */
#cookieChoiceInfo{ top: auto !important; left:27% !important; right:auto; bottom: 54px; width:40% !important}

img.picto-offre{ float:left; width:90px}
.reservit-ref-resa{font-size:1.3em}

/* vinivi */
.note-attribue{ float:left;}
.note-attribue h3, .les-avis h3{ font-family: 'Baloo', cursive;}
.note-services{ float:right; font-size:95%;  margin-top:8px}
.note-services img{ float:left}
.note-services span{ margin-left:6px}
.note-services .etoile-moyenne{ clear:left}
.les-avis{ width:100%; float:left; margin-top:20px}
.commentaire-avis{ width:100%; float:left; font-size:80%; margin-top:15px; color:#666}
.notes{ float:left; text-align:center}
.pourcent{ float:right; text-align:center}
.notes-moyenne{ color:#191E38; font-family: 'sinkin_sans700_bold';}
.big{ font-size:250%;   color:#E5B62D; font-family: 'sinkin_sans700_bold';}
.avis1, .avis2{ width:100%; float:left; padding:15px 0}
.les-avis .etoile-moyenne, .avis-pays, .avis-nom, .avis-date{ float:left; margin-right:10px}
.avis-nom{ font-family: 'sinkin_sans700_bold';}
.avis-text{ width:100%; float:left}
.avis2{ background:#F4F4F4}
.avis-pays img{ width:18px; }

img.picto-offre{ float:left; width:90px}

.avis2-reponse{ width:96%; float:left; margin:10px 0 10px 4%}
.avis-titre{}
.jplist-panel-vinivi{ width:100%; float:left; margin:10px 0}
.jplist-pagingprev, .jplist-pagingmid, .jplist-pagingnext{ float:left}

.Libelle_fiche_hotel{ padding-right:130px;}
.note-moyenne-vinivi{ float:right; display:block; margin-top:-64px; text-align:right; line-height:1em}
.nb-avis{ font-size:0.95em; float:left; margin:0 3px; font-family: 'sinkin_sans700_bold'; }
.note-moyenne-vinivi img{ width:16px; height:16px; }
a#goto_avis_vinivi{ display:block; font-size:80%; color: #191E38; font-family: 'sinkin_sans400_regular';}

/* 2017-10-16 */
.block-promo{ padding:12px 15px; background: #f2f2f2; border-radius: 5px;}
.block-promo input { border-radius: 30px;  }
.block-promo input[type="text"]{border:1px solid #191E38;}
.block-promo input[type="submit"]{ background:#E5B62D; color:#fff; font-family: 'Baloo', cursive; 
  border:none; padding: 4px 15px;}
.block-promo *{ display:inline-block; color:#191E38}
.titre-code-promo{ }
.aff_code_promo{ padding:6px 12px; background:#fff; margin:0 12px; border-radius: 5px; }
.aff_code_promo a{ font-weight:bold; padding: 5px; }

/*	jp 2018/01/24	*/
.coordonnees_hotel .trophes-principaux img{margin:4px; max-height:70px}
.bloc_hotel_droite .trophes-principaux{ text-align:center}
.bloc_hotel_droite .trophes-principaux img{margin:2px; width:50px}

/*	flexslider*/
#slider {  height: 500px;  width: 65%;  float: left; margin: 0 0 10px 0px;  position: relative;}
.flexslider {   margin: 0;  background: none;  border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.flexslider .slides > li{ text-align:center; background: #E5E5E5; overflow:hidden; max-height: 500px;  }
.flexslider .slides > li img {  width: auto; max-height: 510px;  text-align:center; margin:0 auto }
.flex-direction-nav a {     opacity: 1; margin:0}
.flex-direction-nav .flex-prev {  left: 10px;}
.flex-direction-nav .flex-next {  right: 10px;}
#carousel-ch {width: 65% !important;height: 60px !important;overflow: hidden; position:relative}
#carousel-ch .slides li {width: auto !important; height: 60px !important; cursor:pointer}
#carousel-ch .slides li img{ max-width:100%; max-height: 60px}
#carousel-ch .flex-direction-nav a{ background:rgba( 255,255,255,0.8); top:0; bottom:0; height:60px; width:20px; padding:0 6px}
#carousel-ch .flex-direction-nav a::before{ line-height:60px; font-size:30px}
#carousel-ch .flex-direction-nav .flex-prev {  left: 0;}
#carousel-ch .flex-direction-nav .flex-next {  right: 0;}

.img-room ol.flex-control-nav{ position:absolute; left:0; right:0; bottom:0 ; background:rgba( 255,255,255,0.3);}
.img-room .flex-control-nav li{ margin:6px}
.img-room .flex-direction-nav{ display:none}

.page-adherent .footer-haut{ display:none}

.libelle-meilleur-tarif{ display:block; font-size:90%; color:#fff;margin-bottom:3px;}

/* JP info bulle */
.tooltip{position: relative;/*background: #eaeaea;*/cursor: help;display: inline-block;text-decoration: none;color: #222;outline: none;font-weight:normal;}
.tooltip span{visibility: hidden;position: absolute;bottom: 22px;left: 50%;z-index: 999;width: 220px;margin-left: -110px;padding: 5px;border: 2px solid #ccc;opacity: 1;
  background-color: #ddd;}
.tooltip:hover{border: 0; /* IE6 fix */}
.tooltip:hover span{visibility: visible;}
.tooltip span:before,.tooltip span:after{content: "";position: absolute;z-index: 1000;bottom: -7px;left: 50%;margin-left: -8px;border-top: 8px solid #ddd;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 0;}
.tooltip span:before{border-top-color: #ccc;bottom: -8px;}
.tooltip .info-img{vertical-align: middle;}

/* 2018-11 MCC */
.liste-points{ width:69%; float:left; padding:10px}
.remboursement-carte{ width:30%; float:left; padding: 10px; font-size:160%; text-align: center;
vertical-align: bottom; color:#191E38; font-family: 'Baloo', cursive;}
.prix-gros{ font-size:180%}
.lib-info-carte{ width:100%; float:left; padding:15px; font-size:110% }
.prix-euro{ vertical-align: top}
.hotel_exterieur, .pts_nonattrib, .hotel_courant, .hotel_siege,
.bonus_exterieur, .bonus_courant, .bonus_siege{background-color: #fff;border-radius:5px;
    margin: 5px 1px 5px 6px;  width: 14%;  height: 44px;  font-size: 140%; }
.hotel_exterieur a, .hotel_courant a, .hotel_siege a, .pts_nonattrib b,
.bonus_exterieur a, .bonus_courant a, .bonus_siege a{ height:44px; line-height:40px; background-color: #fff}

/* 2018-12- JP */
.valid-obligatoire-client{overflow: auto;max-height: 50vh;border:1px solid #E5E5E5;padding:15px;float:left;margin:20px 0;}
.bouton-lien{background: #C10F29;color: #fff;font-size: 80%;padding: 8px 15px;text-transform: uppercase;border-radius: 5px;}

/* MCC 2018-12 */
.ss-titre-carte, .info-titre-parrainage, .statut-membre{ width:100%; float:left; color: #191E38; }
.affiche-news-client{ width:100%; float:left;margin:0 0 10px 0; padding:10px 20px; border:2px solid #D3D1D1;
position:relative}
.coordonnees{ padding-bottom:25px !important;}
.lien-modifier{ float:left; margin:15px 0}
.lien-modifier a, .convertir_carte a, .parrainage a{ padding:6px 15px;  float:right; color:#fff; background:rgba(229, 182, 45, 1);
  border-radius:30px; font-family: 'Baloo', cursive; font-size:120% }

 .num_client, .ville_client, .identite_client { line-height:140%;
    background: none; text-align: left; padding: 0; width:auto; float: none; margin: 0;}
    .identite_client { font-size:140%; font-family: 'sinkin_sans600_semibold'; color:rgba(25, 30, 56, 1)}

/* jp 2019-01   cgu */
table.container th h1 {font-weight: bold;font-size: 1em;text-align: left;color: #FFFFFF;}
table.container td {font-weight: normal; font-size: 1em;-webkit-box-shadow: 0 2px 2px -2px #0E1119;-moz-box-shadow: 0 2px 2px -2px #0E1119;box-shadow: 0 2px 2px -2px #0E1119;}
table.container {text-align: left;overflow: hidden;width: 80%;margin: 0 auto;display: table;padding: 0 0 8em 0;}
table.container td, .container th { padding-bottom: 2%;  padding-top: 2%; padding-left:2%;  }

/* Background-color of the odd rows */
table.container tr:nth-child(odd) { background-color: #FFFFFF;}

/* Background-color of the even rows */
table.container tr:nth-child(even) {  background-color: #EFEFEF;}
table.container th {  background-color: #BF1D34;}
table.container td:first-child { color: #333333; }

.ui-datepicker .ui-datepicker-header {    border:none;background:none;color: #191E38; }
.ui-state-default {  border: 1px solid #fff !important;background:none;font-weight: normal; border-radius:30px}
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { border:1px solid #E5B62D !important; background:#E5B62D !important;
 color:#fff !important;}


/*	jp info membre	*/
/*correctif*/
.infos_droites {  background: none; padding-top:0}
.tarif-liste{  background: #191E38; padding-top: 20px; padding-bottom:5px; border-radius:5px 5px 0 0}
.tarif-liste .libelle-meilleur-tarif{ margin:0}
.lien_detail_reservit{ background: #191E38; margin:0; padding:20px 0 65px 0; }
.coordonnees_hotel{padding:20px 0 20px 0; background:#E5E5E5; margin-top:0;border-radius:0 0 5px 5px; }
.list-item .tarif-liste .tarif{ font-size: 220%}
.list-item .bloc_hotel_droite{ margin:0; border-left:1px solid #E5E5E5; padding:0 }
.list-item .tarif-liste{ padding-top: 12px; padding-bottom:0; }
.list-item .boutons_lien{ margin-top:3px}
.list-item .boutons_lien a{ margin:2px 0; padding:3px 12px; font-size:110%}

.infos_droites .infos-membre{float:left;width:100%;padding:20px;text-align:left;background:#E5E5E5;
border-radius:5px; margin:20px 0}
.infos_droites .infos-membre .titre-membre {font-weight:bold;}
.infos_droites .infos-membre .logo-membre {text-align:right;}
.infos_droites .infos-membre ul {margin: 0;padding: 0;list-style-image: url("/charte/puce-etoile.png");list-style-position: inside;}
.infos_droites .infos-membre .lien-membre {text-align:center;margin-top:10px;}
.infos_droites .infos-membre .lien-membre a{padding:2px 20px 2px 30px;background:#E5B62D;color:#ffffff;border-radius: 30px;font-family: 'Baloo', cursive;}

/*  jp infos flash accueil	*/
#info-flash-accueil{top: 116px;padding: 10px 5%;background: rgba(25, 30, 56, .5);color: #fff;z-index: 50;font-size:120%;width: 100%;}
#info-flash-accueil #content-info-flash-accueil:before{ content:"i" ; position:relative; width:40px; height:40px; line-height:40px; 
  border:3px solid #E5B62D; border-radius:50%;float:left; text-align:center; color:#E5B62D; font-size:160%; margin:6px;font-weight:bold}

.covid{ display:inline-block; vertical-align: top}
.covid19{ text-align: center; }
.covid19 img{ margin:4px; display:block;}
.list-item .covid19 img{ width:44px; margin:2px 3px}
.list-item .trophes-principaux img{ width:44px; margin:0 3px}
.covid_report{ font-size:70%; max-width:80px; display:block; text-align:center; }
#bloc_hotel_detail1 .covid_report::before{content:"Ouverture au "}
.list-item .covid_report{ font-size:60%}
.list-item .tarif-indisponible { font-size:70%}
.list-item .tarif-indisponible p{ margin:0}

.chez-nous{ width:100%; float:left; padding:25px 0; text-align:center; font-size:115%; line-height: 120%}
.chez-nous a{ color: #191E38; font-family: 'sinkin_sans400_regular', Arial, Helvetica, sans-serif;}
.bloc-nous{ margin:15px 0}

/* marie - ajout onglet horaires */
.btn-bloc.horaires h3{ background-image:url(/charte/li-horaires.png)}
.btn-bloc.horaires.active h3, .btn-bloc.horaires h3:hover{ background-image:url(/charte/li-horaires2.png)}
.titre-bloc-horaires-r, .titre-bloc-horaires-pj{padding: 10px 20px 8px 40px; font-family: 'Baloo', cursive; font-size:150%; margin-top:10px}
.titre-bloc-horaires-r{ background:url(/charte/reception.png) left center no-repeat}
.titre-bloc-horaires-pj{ background:url(/charte/ptit-dej.png) left center no-repeat}

.bloc-parrainage .parrainage{ text-align: center; margin:15px 0}
.bloc-parrainage .parrainage > div{ display: block; width:100%; float:left}
.bloc-parrainage .parrainage > div a{ margin:10px 0; float:none; display:inline-block}
.parrainage-h a{ background: #191E38}

/* 2021-02-19 */
input[type="checkbox"], input[type="radio"]{ border: 2px solid #1d1d1b; }

/* 2021-04-12 */
 body #tarteaucitronRoot #tarteaucitronAlertBig{ background:rgba(100,100,100,.8); bottom:0; top:0; left:0; right:0; width:100%; padding:0}
body #tarteaucitronAlertBig #tarteaucitronPersonalize, body #tarteaucitron #tarteaucitronPrivacyUrl {    background: #E5B62D; border-radius: 30px;font-family: 'Baloo', cursive !important; font-size: 18px; margin:5px;  margin-top: 73px;}
body #tarteaucitronRoot #tarteaucitronAllDenied, body #tarteaucitronAlertBig #tarteaucitronCloseAlert{ background: #666666 !important; border-radius: 30px; font-style: normal;  font-weight: 400; font-family: 'Baloo', cursive !important; font-size: 17px; }

@media (max-width: 1024px){
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{ display:block; width:100%; text-align:center}
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitron #tarteaucitronPrivacyUrl{padding: 2px 10px;}
}

body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{ text-align:center; width:100%; display:block; padding:25vh 0 0 0; /*! display:flex; */ }
body #tarteaucitronRoot div.accueil-cookies{display:block; background:rgba(255,255,255,.9); padding:30px 30px 100px 30px;  margin:0 auto; border-radius:30px; max-width:580px; margin-bottom:-70px;     max-height: 12em;
    overflow: auto}
#tarteaucitronRoot span.titre-cookies{ font-family: 'Baloo', cursive !important; font-size: 22px;  display:block}
body #tarteaucitronRoot ul{ list-style: initial; margin: initial; padding: initial; margin:10px 0;margin-left:16px}

#erreur_param{ color: #f00;}

/* 2021-04-12 */
/*
body #tarteaucitronRoot{ text-align:center; display: flex; align-items: center; bottom:0}
body #tarteaucitronRoot #tarteaucitronAlertBig::before{ background:rgba(0,0,0,.6); bottom:0; top:0; right:0; left:50%; height:100vh; width:100vw; position: absolute; content:"";z-index:10;   top: 50%;   transform: translateY(-50%) translateX(-50%);}
body #tarteaucitronRoot #tarteaucitronAlertBig{ background:rgba(255,255,255,.9); padding:30px;  margin:auto; position:relative; top:auto; right:auto; bottom:auto; left:auto; width:auto; border-radius:30px; z-index:30000000}
body #tarteaucitronRoot #tarteaucitronAlertBig::after{ background:rgba(255,255,255,.9); padding:30px;  margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; width:auto; border-radius:30px; content:""; z-index:10 }
body #tarteaucitronRoot #tarteaucitronAlertBig *{ position: relative; z-index:1000000000}
body #tarteaucitronAlertBig #tarteaucitronPersonalize, body #tarteaucitron #tarteaucitronPrivacyUrl {    background: #E5B62D; border-radius: 30px;font-family: 'Baloo', cursive !important; font-size: 18px; margin:5px ; float:right }
body #tarteaucitronRoot #tarteaucitronAllDenied, body #tarteaucitronAlertBig #tarteaucitronCloseAlert{ background: #666666 !important; border-radius: 30px; font-style: normal;  font-weight: 400; font-family: 'Baloo', cursive !important; font-size: 17px; float:left; margin:5px ; }
body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{color:#000000}
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{ display:block; text-align:center; margin:15px 5px}
@media (max-width: 1024px){
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{ display:block; width:100%; text-align:center}
  #tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitron #tarteaucitronPrivacyUrl{padding: 2px 10px;}
}
*/

/* 2021-10-06 */
.room-rate-description img{ float: left; margin-right:10px}


.z-contenu .liste-chambre .accordion{ width:100%; }
.room-price span.prix-reduit{ font-size:170%; text-decoration: line-through; opacity:.8}
.room-rate-description form{ position: relative}
.room-rate-description img.loading{ position: absolute; bottom:100%; left:0; right:0}

.mention-reserver{  font-family: 'sinkin_sans700_bold'; text-align: center; font-size:110%}
.titre-cdt-res{font-family: 'sinkin_sans500_medium_italic'; margin:12px 0}

.erreur {border: 3px solid #191e38;color: #191e38;}

.rate-info-summary{font-size:80%;font-family: sinkin_sans400_regular, Arial, Helvetica, sans-serif;}

/* accesaffinity */
.accesaffinity{ width:100%; float:left; margin:10px 0;  }
.accesaffinity .bloc-avantage{ width:100%; float:left; margin:0 0 10px 0; border:2px solid #191E38; padding:10px; text-align:center; border-radius:20px }
.accesaffinity a{ display: block; margin:10px; cursor:pointer}
.accesaffinity a button{  cursor:pointer}

/*  spotlights  */
.spotlights{ width:100%; float:left; margin:10px 0}

.owl-carousel{ float:left}
.owl-carousel .item{ text-align: center; }
.owl-carousel .item a{font-family: 'sinkin_sans400_regular'; color:#000; text-decoration: none }
.owl-carousel .News_titre{font-family: 'sinkin_sans700_bold'; line-height: 130%; margin-top:10px}
.owl-carousel .News_resume{ font-size:80%}
.page .owl-carousel .owl-nav button.owl-next, .page .owl-carousel .owl-nav button.owl-prev, .page .owl-carousel button.owl-dot { }
.owl-nav span {  font-size:36px; line-height:22px; height:22px;width:22px; display: inline-block}

.owl-carousel .owl-item{ padding:1px}
.owl-item .item, .owl-item > a{ text-align: center; display: block; height: 100%;border:1px solid #191E38; margin:1px; width:100%; padding:5px; border-radius:15px }
.owl-carousel .owl-stage{display:flex; align-items:stretch}

/* avis 2022-03-01 */

.avis2-left{ float:left; width:100%}
.avis2-right {  float: left;  width: 100%; margin:5px 0}
.avis2-right .sub-avis > div{ display:block; float:none; margin:0; font-size:80%; border-bottom:1px solid #191E38; padding:3px 0}
.avis2-right .sub-avis > div { text-align: right; width:100%; float:left}
.avis2-right .sub-avis > div span{ float:left}
.avis2-right .sub-avis > div img{ width:14px; height:14px}



@media (min-width: 980px){
.avis2-left{ float:left; width:56%}
.avis2-right{ float:right; width:40%}
}

/* 2022-06-27 */
.z-contenu .accordion .autre-tarif h3{ color: #fff;background: #191E38;}
.z-contenu .accordion .autre-tarif h3:hover, .z-contenu .accordion .autre-tarif.active h3{ color: #191E38;background: #f2f2f2;}

/* 2022/06/30 */
.favoris{ background:#E5E5E5; padding:4px; display: inline-block; border-radius:50%; position:relative;  margin-bottom:10px;color:#191E38; height:34px; 
  font-family: 'Baloo', cursive;font-size: 110%; }
.favoris.active{ background:#191E38;  display: inline-block; position:relative; color:#E5B62D}
.favoris span::before{ content:url(/charte/coeur.svg); position:relative; width:26px; float: left; /*! margin-right:4px */}
.favoris.active span::before{ content:url(/charte/coeur-ok.svg); position:relative;}

.favoris span::after{ content:"Ajouter"; position:relative; }
.favoris.active span::after{ content:"Retirer"; position:relative; }

.mes-reservations .ligne-hotel {   margin: 2px 0;  padding: 5px 0; }
.mes-reservations .hotel-lib{ max-width:100%; padding-right:200px}
.mes-reservations .detail-hotel {  float: right;  width: auto;  text-align: center;  position: relative;  top: auto;  right: auto; margin-top:-40px}
.mes-reservations .favoris.active, .mes-reservations .favoris {  border-radius: 20px;margin-bottom: 5px; }

.favoris-deconnecte{ background:#E5E5E5; padding:2px; display: inline-block; border-radius:50%; position:relative;  margin-bottom:10px;color:#191E38; height:34px; width:34px;
  font-family: 'Baloo', cursive;font-size: 110%; }
.favoris-deconnecte > span:first-child::before{ content:url(/charte/coeur-no-connect.svg); position:relative; width:30px; float: left; /*! margin-right:4px */}
.favoris-deconnecte .hidden{ display: none}
.favoris-deconnecte:active .hidden, .favoris-deconnecte:hover .hidden{ display: block; position: absolute; top:100%; left:0;right:auto; bottom:auto;background:#E5E5E5; 
padding:10px 15px; z-index:10; min-width: 380px; border-radius:12px}
.favoris-deconnecte a{ font-size:90%} 

.list .favoris span::after, #bloc_hotel_detail1 .favoris span::after{ display: none}
.bloc_hotel_centre{ position: relative}
.titre_hotel{ padding-right: 66px}
.list .favoris, #bloc_hotel_detail1 .favoris{ position: absolute; top:10px; right:38px}
#bloc_hotel_detail1 .favoris{ top:0}

/* @group -1180PX */@media (min-width: 856px){ 
.Libelle_fiche_hotel h1 {  padding-right: 28%; }
  #bloc_hotel_detail1 .favoris{ right:35%; top:15px}
}

.visually-hidden {  position: absolute !important;  overflow: hidden;  clip: rect(1px,1px,1px,1px);  width: 1px;  height: 1px;  word-wrap: normal;}

.social-container {  position: absolute;  top: 10px;  right: 0;  z-index: 11; float:right}
.social-link-item {background:#E5E5E5; padding:6px; display: inline-block; border-radius:50%; position:relative;  margin-bottom:10px;color:#191E38; height:34px; 
  font-family: 'Baloo', cursive;font-size: 110%; border:0; width: 34px}
.social-link-item::before{ content:url(/charte/share.svg); position:relative;width:18px; float: left; height: 18px }

.social-share-list {  display: none;  position: absolute;  top: 2.1875rem;  right: 0;  z-index: 2;}
.social-container:hover .social-share-list {  display: block;}
.social-share {display: block; margin: 6px 0; padding: 10px 10px !important;background-color: #fff;  border-radius: .625rem;list-style:none; min-width:150px}
.u-shadow {  box-shadow: 0px 4px 10px 0px rgba(32,42,39,.09);}
.social-share-link {  display: inline-block;  align-items: center;  margin:2px 0; font-family: 'sinkin_sans400_regular', Arial, Helvetica, sans-serif;
color: #191E38;}
.social-share li::before{ display:none !important;}
.social-share-link span{display: inline-block; font-size: 90% ; line-height: 20px; height: 20px; float:left}

#floatingSocialShare{ position: relative; z-index: 100;}

img.social-svg {    margin-right: 8px;    width: 20px;    height: 20px; display: inline-block}

/* 2022-07-06 */
.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor:progress;
}

.has-spinner.active .spinner {
    opacity: 1;
    width: auto;
}

.has-spinner.btn.active .spinner {
  min-width: 20px;
  box-sizing: border-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0.5, 0.5, 0.5) infinite;
  border-color: #fff #fff transparent;
  left: 5px;
  top: 6px;
  vertical-align:middle;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


@media (max-width: 577px){
  
  .bloc_hotel_centre{ overflow: visible}
}


#Eco_logo{ width:100%; float: left; text-align: center; margin:10px 0 }
#Eco_logo svg{ width:220px}



.reserver-autre-chambre {  width: 100%;  float: left;  margin: 10px 0;  text-align: center;}
.reserver-autre-chambre a{  background: #E5B62D;  color: #ffffff;  padding: 8px 16px;  border: none;
  border-radius: 30px;  cursor: pointer;  font-family: 'Baloo', cursive;  font-size: 130%;}
select.nbre_chambre{ border:2px solid #191E38 !important; color:#191E38; font-family: 'Baloo', cursive;  font-size: 120%; line-height: 80%;
color:#ffffff; background-color: #191E38}
select.nbre_chambre option{font-family: 'sinkin_sans400_regular', Arial, Helvetica, sans-serif;font-size: 80%; line-height: 80% ; }

.info-carte label > div{ margin:10px 0; padding:5px 0}
.valide-carte{ text-align: center}
.valide-carte input {  padding: 10px 20px; font-size:100%; cursor:pointer}
.valide-carte input:hover{ background:#333333; color:#ffffff}

.valide-carte input[type="submit"]{color: #191E38}
.valide-carte input[type="submit"]:hover{ background:#333333; color:#ffffff}

/* 20 12 2022 */
.info-tarif{float: left;width: 100%;text-align: right;padding: 10px 15px;font-size: 80%;color: #9d9d9d}

/* jp 06 2023 */
.info-promo{float: left;width: 100%;padding: 0px 15px 10px 15p;font-size: 80%;color: #9d9d9d}

/* jp 13/02/2023 */
.showpwd {background: url("images/eye-close.svg") no-repeat;display: block;height: 16px;width: 24px;margin-top: 2px;background-size: 20px;}
.eye-open {background: url("images/eye-open.svg") no-repeat;display: block;height: 16px;width: 24px;margin-top: 2px;background-size: 20px;}
i.showpwd {border: none;display: inline-block;margin-left: -2em;background-position: center;vertical-align: middle;margin-top: 0;cursor: pointer;}
#edit-pass {display: inline-block;}

.btn-info{ width:22px; height:22px; border-radius:50%; background: #E5B62D; cursor:pointer;
color: #fff;font-size: 100%; display:inline-block; text-align:center; line-height:22px}
.btn-info:hover{  ;background: #E58C2D;}

.form-employe input[type='text']:read-only,.form-employe input[type='password']:read-only {
  background-color: #e9a8a8;
  color: white;
}



/* FAQ */
.z-contenu .accordion.faq {  width: 100%;  float: left; margin: 10px 0;}
.z-contenu .faq .btn-bloc h3 {  background-image:none;padding: 10px 20px; }
.z-contenu .faq .btn-bloc h3::before { content: url("/images/down.png"); margin-right:10px}
.z-contenu .faq .btn-bloc.active h3::before { content: url("/images/up.png"); margin-right:10px}
.z-contenu .faq .btn-bloc h3 img{ display:none}
h2.titrefaq{font-family: 'sinkin_sans400_regular', Arial, Helvetica, sans-serif; font-size: 150%;margin: 8px 0 6px 0;}
.questfaq{ display: block; color: #191E38; line-height:125%; margin:5px 0; width:100%; float:left; 
border:1px dotted #191E38; border-radius:10px; padding:10px}
.faq .contenu-bloc img{ margin:5px 15px}

.faq-quest, .faq-rep, .questfaq{display:none}


/* MC 2023-04-07 */
.Eco_logo_Global{ text-align: center; width:100%; float:left}
.Eco_logo_Global svg{ margin: 0 auto}

@media (max-width: 600px){
  .z-contenu .contenu-bloc {    padding: 10px 3%;}
  .z-contenu .contenu-bloc h3{ font-size:110%}
  .fiche_webcim_onglets ul{ display: block}
  .fiche_webcim_onglets li{ width: 100%}
  .fiche_webcim_onglets li a{ padding: 10px}
}


/* assurance - MC 2023-05-25 */
.assurance{ width:100%; float:left; margin: 10px 0;padding: 15px;border: 1px solid #e2e2e2; display: flex ;
  justify-content: flex-start; align-items: flex-start}
.assurance *{ margin:0; padding:0}
.assurance img{ display: inline-block;  margin:10px;  max-height:120px; }
.assurance > div{ display: inline-block;  margin:10px;}
.assurance > a{ display: inline-block;  margin:10px;}
.valide-assurance{ min-width:80px; background:#1d1d1b; padding:10px; border-radius:10px}
.valide-assurance *{ color:#ffffff !important; border-color: #ffffff !important;}
.valide-assurance input[type="checkbox"]:checked::after{ color:#ffffff !important; }
.text-assurance{ font-size: 90%; font-weight: normal}
.lien-assurance{ font-size: 90%; font-weight: normal}
/* logos HCC - MC 2023-05-25 */
.type-h{ position: absolute; z-index:20; top:20px; left:30px; }
.type-l{ background: #ffffff; padding:10px; display: block; text-align: center; border-radius:10px}
.type-l img{ display: block; max-height:50px; margin:0 auto}
.type-h .hidden{  display: none ;  position: absolute; z-index:20; top:100%; left:0; margin:4px 0;
 background: #ffffff; padding:10px 15px; border-radius:10px; width:200%; font-size:85%}
.type-h .hidden p{ margin:5px 0}
.type-h:hover .hidden{ display: block} 


/* Ajout GE 14/11/2023 - Partie Spinner*/
.admin_box a {
  background: #E5B62D;
  color: #fff;
  font-family: 'Baloo', cursive;
  border: none;
  padding: 5px 15px;
  border-radius: 30px;
  margin: 6px 10px;
  float: left;
  text-decoration: none;
}
.spinner {
  display: inline-block;
  opacity: 0;
  width: 0;
  -webkit-transition: opacity 0.25s, width 0.25s;
  -moz-transition: opacity 0.25s, width 0.25s;
  -o-transition: opacity 0.25s, width 0.25s;
  transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
  cursor:progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  width: auto;
}


.has-spinner.btn.active .spinner {
min-width: 20px;
box-sizing: border-box;
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0.5, 0.5, 0.5) infinite;
border-color: #fff #fff transparent;
left: 5px;
top: 6px;
vertical-align:middle;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}