/* --- PAGE --- */
@font-face {
   font-family: 'Gotham';
   src: url('/fonts/Gotham-Medium.woff2') format('woff2'),
   url('/fonts/Gotham-Medium.woff') format('woff'),
   url('/fonts/Gotham-Medium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'Gotham';
   src: url('/fonts/Gotham-Bold.woff2') format('woff2'),
   url('/fonts/Gotham-Bold.woff') format('woff'),
   url('/fonts/Gotham-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: 'Gotham';
   src: url('/fonts/Gotham-Light.woff2') format('woff2'),
   url('/fonts/Gotham-Light.woff') format('woff'),
   url('/fonts/Gotham-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Gotham';
   src: url('/fonts/Gotham-Book.woff2') format('woff2'),
   url('/fonts/Gotham-Book.woff') format('woff'),
   url('/fonts/Gotham-Book.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Minion Pro';
   src: url('/fonts/MinionPro-Regular.woff2') format('woff2'),
   url('/fonts/MinionPro-Regular.woff') format('woff'),
   url('/fonts/MinionPro-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('/fonts/Montserrat-Regular.woff2') format('woff2'),
   url('/fonts/Montserrat-Regular.woff') format('woff'),
   url('/fonts/Montserrat-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('/fonts/Montserrat-Thin.woff2') format('woff2'),
   url('/fonts/Montserrat-Thin.woff') format('woff'),
   url('/fonts/Montserrat-Thin.ttf') format('truetype');
   font-weight: 100;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('/fonts/Montserrat-Light.woff2') format('woff2'),
   url('/fonts/Montserrat-Light.woff') format('woff'),
   url('/fonts/Montserrat-Light.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Montserrat';
   src: url('/fonts/Montserrat-Bold.woff2') format('woff2'),
   url('/fonts/Montserrat-Bold.woff') format('woff'),
   url('/fonts/Montserrat-Bold.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
}



body {
   margin:0;
   font-size: 12pt;
   font-family: 'Montserrat',sans-serif;
	background: #FFFFFF;
   color:#333;
   overflow-x:hidden;
}
*{
    box-sizing: border-box;
   font-family: 'Montserrat',sans-serif;
}
input:focus,select:focus,textarea:focus,button:focus{outline: none;}
legend{color:#EEE;}
#all {margin-left:auto;margin-right:auto;position:relative;}
#content,#footer_actu,#div_actu,#menutop{max-width:1550px;margin:auto;}

.home #content, .pageHotel #content{max-width:none;}
.home #main, .pageHotel #main{max-width:1550px;margin:auto;}
.home .mask_home, .pageHotel .mask_home{width:auto;max-width:none;}

#all #diaporama img{
   display: inline;
   object-fit: cover;
   object-position: center;
   width: 100%;
   height: 100%;
   left: 0;
   position: relative;
   margin: 0;
}


#bodylink,#bodylink a{position: absolute;height: 100%;width: 100%;z-index: 1;display:block;}
#allbg {}

#all #hotel_faq .question{
   background: #f9f9f9;
   color: #000;
   font-size: 18px;
   padding: 13px;
   border-bottom: solid 1px #292726;
   position:relative;
   margin-bottom:0;
   margin-top:20px;
}
#all #hotel_faq .question::after{
   content: "+";
   position: absolute;
   right: 15px;
   font-weight: normal;
   font-size: 30px;
}
#all #hotel_faq .question.open{
   border:none;
}
#all #hotel_faq .question.open::after{
   content: "-";
}

#all #hotel_faq .reponse{
   padding: 5px 25px;
   background: #f9f9f9;
   border-bottom: solid 1px #292726;
}

#moteur_ulm{
   background: #e20055;
   color: #FFF;
   text-align: center;
   position: absolute;
   padding: 10px;
   width: 320px;
   left:50%;
   transform:translate(-50%)
}
#moteur_ulm .head{font-weight:bold;font-size:14px;}
#moteur_ulm .content_ulm{padding:6px;font-size:12px;}
#moteur_ulm .btn a{
   display:inline-block;
   background:#FFF;
   padding:6px;
}

.bloc_columns{
   display:flex;
   justify-content: center;
   flex-wrap: wrap;
}
.bloc_columns.equal div{
   flex-grow:1;

}
#bdn_cookies{color:#50211b;text-align:center;font-size:11px;padding:2px 0px;right:0px;z-index:1001;position:fixed;    bottom: 20px;}
#bdn_cookies #bulle_cookies{background:url(/img/fond_cookies.png);background-size: contain;background-repeat:no-repeat;width: 330px;height: 285px;padding: 1px;}
#bdn_cookies #head_bulle_cookie{    margin: 30px 0 15px 0;font-size: 15px;line-height: 18px;}
#bdn_cookies #body_bulle_cookie{display: flex;    padding: 0 5px 0 20px;flex-direction: row-reverse;}
#bdn_cookies #body_bulle_cookie .left_bulle img{    width: 130px;}
#bdn_cookies #body_bulle_cookie .right_bulle{font-size: 14px;padding: 0px 9px;line-height: 18px;}
#bdn_cookies #footer_bulle_cookie{ text-align: left;
   padding: 0 35px;
   margin-top: 5px;}
#bdn_cookies #footer_bulle_cookie button:first-child{background:#50211b;border:none;border-radius:10px 0 0 0;color:#fff;    font-size: 13px;padding: 5px 20px;text-transform: uppercase;vertical-align: middle;}
#bdn_cookies #footer_bulle_cookie button:first-child:hover{background:#9e8a89;}
#bdn_cookies #footer_bulle_cookie button:last-child{background:#9e8a89;border:none;border-radius:0 0 10px 0;color:#fff;    font-size: 13px;padding: 5px 20px;text-transform: uppercase;vertical-align: middle;}
#bdn_cookies #footer_bulle_cookie button:last-child:hover{background:#50211b;}


.preload{display:none;}
#preload1{background:url(/img/btn_resa_hover.png);}

input:not([type]), input[type="text"], input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"],textarea{
   padding-left: 2px;
   border: 2px inset #EEE;
}
select{border-radius: 5px;}
.link:hover{cursor:pointer;}
.display_hide{display:none;}
#formulaire{margin-left: 255px;}
/* --- TETIERE --- */
#header {
   position:relative;
   z-index: 1000;
}
#header.front, .popupOpen #header{
   z-index:50000;
}

#mainHeader{
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: space-evenly;
   flex-direction: row;
   margin: auto;
   padding: 8px 30px;
}

#mainHeader .left{
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: flex-start;
   flex-direction: row;
   flex-grow: 2;
   flex-shrink: 1;
   width:100%;
}
#baseline{
   text-align: left;
   font-size: 25px;
   font-weight: 300;
   padding: 0px 20px;
   line-height: 26px;
}
#logoGammes{
   width: 220px;
   flex-shrink: 0;
}
#logoGammes img{
   width:65px;
   margin: 2px;
}

#logo img{
   width:110px;
}

#menuLinks{
   display: flex;
   align-content: center;
   align-items: flex-start;
   justify-content: end;
   flex-direction: row;
   flex-grow: 2;
   flex-shrink: 1;
   width: 100%;
}
#fastLines, #fastLinesMoteur{
   display:flex;
}
.fastLine{
   flex-grow:1;
   height:20px;
}
#fastLinesMoteur .fastLine{
   height:10px;
}
.fastLine.first{
   background: linear-gradient(to right, #2f4e0c, #a6c83d);
}
.fastLine.second{
   background: linear-gradient(to right, #88102a, #eb5985);
}
.fastLine.third{
   background: linear-gradient(to right, #012936, #618595);
}


#hotelMainPage{
   display:flex;
   align-items: flex-start;
}
#hotelMainPage .rightPart{
   width: 500px;
   box-shadow: 1px 1px 3px #CCC;
   margin: 0 20px;
   padding: 12px 25px;
   border-radius: 10px;
   position: sticky;
   top: 0px;
}

#menuLinks{

}
#menuLinks .menuLink{
   text-align: center;
   margin: 0 5px;
   text-decoration: none;
   display: flex;
   align-items: center;
   border: solid 2px #333;
   border-radius: 10px;
   height: 60px;
   padding-left: 15px;
   width: 225px;
   cursor:pointer;
}
#menuLinks #languages.menuLink{
   border:none;
   width: auto;
}
#menuLinks .menuLink:hover, #menuLinks .menuLink.open{
   border-color: #a12241;
}
#menuLinks .menuLink:hover .label, #menuLinks .menuLink.open .label{
   font-weight: bold;
}
#menuLinks .menuLink .label{
   color: #000;
   margin: 0 20px;
   font-weight: 400;
   font-size: 20px;
   vertical-align: middle;
}
#menuLinks .menuLink img{
   vertical-align: middle;
}
#menuLinks .menuLink .popup{
   display:none;
   position: absolute;
   background: #FFF;
   margin-left: -90px;
   border-radius: 5px;
   box-shadow: 1px 1px 3px #EEE;
   top: 100%;
   margin-top: -20px;
   width: 300px;
}

#menuLinks .menuLink .close{
   font-weight: bold;
   text-align: right;
   font-size: 20px;
   padding: 5px 8px;
}
#menuLinks .menuLink a{
   display: block;
   padding: 14px 8px;
   text-align: left;
   text-decoration: none;
   border-bottom: solid 2px #EEE;
}
#menuLinks .menuLink a:hover{
   background:#EEE;
}
#menuLogo{display:none;}
#menuLinks > .close{
   display:none;
   font-weight: bold;
   font-size: 20px;
   position: absolute;
   right: 10px;
   cursor:pointer;
}

#languages .lang{
   display:flex;
   align-items: center;
   text-decoration:none;
}
#languages .lang .label{
   border:none;
   padding:0;
   margin:0 8px;
   color:#000 !important;
}

.shrink{
   max-width: 1550px;
   position: relative;
   margin: auto;
}

#carteResa{
   background: #FFF;
   position: relative;
   margin-top: 20px;
   border-radius: 10px;
   z-index: 500;
   box-shadow: 1px 1px 3px #999;
}
.home #carteResa{
   margin-top:-37px;
}
.search #carteResa{
   position: absolute;
   right: 0;
}

#carteMain{
   width:100%;
   height:270px;
   border-radius: 0px 0px 12px 12px;
}
.pageGamme #carteMain{
   height:400px;
}

#searchMap{
   position: absolute;
   margin-top: -31px;
   color: #FFF;
   margin-left: 15px;
   z-index: 1000;
   background: rgba(0, 0, 0, 0.4);
   padding: 6px;
   border-radius: 10px 10px 0 0;
}
#searchMap img{
   vertical-align: middle;
   margin-right:8px;
}
#hotelTitle{
   display: flex;
   position: absolute;
   top: -90px;
   right: 0;
   left: 0;
}
#hotelTitle h1, #hotelTitleRight h1{
   width:800px;
   max-width:100%;
   flex-shrink: 1;
   margin: 0;
   font-size: 32px;
   line-height: 35px;
   text-align: left;
   color: #FFF;
   text-shadow: 0px 0px 4px #000;
   font-weight: bold;
   letter-spacing: 1px;
}
#hotelTitle .gamme, #hotelTitleRight .gamme{
   width:80px;
}
#hotelTitle .gamme img, #hotelTitleRight .gamme img{
   width:80px;
}
#hotelTitleRight{
   width:100%;
   display: flex;
   align-items: center;
}
#hotelTitleRight h1{
   color:#000;
   font-size: 25px;
   text-shadow: none;
   margin-left:15px;
   line-height: 27px;
}

#hotelMainPage #layer_top{
   flex-shrink: 1;
   flex-grow: 1;
   width: 0;
   font-size: 14px;
}


.hotel_carte{width:400px;background:#FFF;}
.hotel_carte.lite{width:250px;}
.hotel_carte .etoile.nb_1,.hotel_carte .etoile2.nb_1{width: 24px;height: 21px;background: url(/img/etoile-hotel.png);}
.hotel_carte .etoile.nb_2,.hotel_carte .etoile2.nb_2{width: 52px;height: 21px;background: url(/img/etoile-hotel.png);}
.hotel_carte .etoile.nb_3,.hotel_carte .etoile2.nb_3{width: 78px;height: 21px;background: url(/img/etoile-hotel.png);}
.hotel_carte .etoile.nb_4,.hotel_carte .etoile2.nb_4{width: 105px;height: 21px;background: url(/img/etoile-hotel.png);}
.hotel_carte .vignette{width:140px;height:140px;margin:0px;}
.hotel_carte .vignette img{width:140px;min-height:140px;object-fit: cover;}
.hotel_carte .right{display:inline-block;text-align:left;width:260px;height:140px;}
.hotel_carte .titre{text-transform:uppercase;font-size:12px;color:#e50058;font-weight:bold;}
.hotel_carte .top{padding:10px 15px;min-height:90px;}
.hotel_carte .top a{color:#000;font-weight:bold;}
.hotel_carte .top .addr{margin:5px 0px;}
.hotel_carte .from{
   background:#EDEDED;
   width:150px;
   text-align:center;
   display:inline-block;
   line-height:30px;
   height:30px;
}
.hotel_carte .from.complet{
   position: absolute;
   left: 0px;
   width: 140px;
   bottom: 0px;
}
.hotel_carte .from .prix{color:#e50058;font-weight:bold;font-size:18px;display:inline-block;vertical-align:top;margin-left:5px;}
.hotel_carte .btn_resa{display:inline-block;vertical-align:top;margin:0px;width:110px;}
.hotel_carte .btn_resa.complet{display:block;width:auto;}
#all .hotel_carte .btn_resa a{margin:0px;display:block;padding:7px 0px;font-size:12px;text-align:center;}
#all .hotel_carte .btn_resa.complet a{padding:6px 0px;}

#moteur_resa input[type='text'], #moteur_resa .input{
   border:none;
   padding:5px 8px;
   font-weight: 400;
   font-size: 16px;
   font-family: 'Montserrat';
   text-align: left;
   padding-left: 45px;
}
#moteur_resa select{padding:5px 15px;border-radius: 0;border: 2px solid #000;font-weight: bold;font-family: 'Comfortaa',verdana,sans-serif;}
#moteur_resa .erreur_dest{
   display:none;
   position:absolute;
   background:#9a0000;
   font-size:16px;
   padding:5px;
   color:#FFF;
   border-radius:4px;
   margin-top:-10px;
   z-index:5000;
   margin-left:15px;
}
#moteur_resa .champs, #moteur_resa_disabled .champs{
   margin:0;
   text-align: center;
   display:flex;
}
#moteur_resa .champ,#moteur_resa_disabled .champ{
   display:inline-block;
   vertical-align:baseline;
   position:relative;
   text-align:left;
   margin: 0;
   padding:20px 5px;
   width: 47%;
   box-sizing: border-box;
   border-right: solid 2px #EEE;
}
#moteur_resa .champ:last-child{
   border-right: none;
}
#moteur_resa .champ.destination::after, #moteur_resa .champ.checkindate::after, #moteur_resa .champ.checkoutdate::after, #moteur_resa .champ.occupancy::after{
   content:"";
   display:block;
   width:20px;
   height:20px;
   background:url(/img/picto-search.png)no-repeat;
   background-size: contain;
   position:absolute;
   top:26px;
   left:20px;
   z-index: 40000;
}

#moteur_resa .champ.checkindate::after, #moteur_resa .champ.checkoutdate::after{
   background:url(/img/pictoCalendar.png)no-repeat;
   background-size: contain;
}
#moteur_resa .champ.occupancy::after {
   background:url(/img/pictoTypo.png)no-repeat;
   background-size: contain;
}



#moteur_resa input[type="submit"]{
   background: linear-gradient(to right, #88102a, #eb5985);
   margin: 0px;
   font-size: 16px;
   padding: 6px 20px;
   border-radius: 10px;
   color:#FFF;
   text-underline-offset: 4px;
   text-transform: uppercase;
   font-weight: 300;
   border: none;
   cursor:pointer;
}

#moteur_resa input[type="submit"]:hover{
   opacity:0.85;
}
#moteur_resa.home .checkoutdate{}

#open_occupancy{cursor:pointer;}
#bloc_occupancy{
   display: none;
   position: absolute;
   right: 0px;
   z-index: 99999;
   background: #FFF;
   cursor: default;
   width: 110%;
   border: solid 1px #000;
   border-radius: 25px;
   box-shadow: 1px 1px 6px #999;
}
.choose_qty{
   display:inline-block;
   vertical-align: top;
   padding: 5px 0px;
}
.change_qty{
   width: 27px;
   height: 31px;
   background: #393837;
   line-height: 33px;
   display: inline-block;
   text-align: center;
   color: #FFF;
   font-size: 25px;
   font-weight: 400;
   vertical-align: middle;
   cursor:pointer;
}
.choose_qty input{padding: 6px 0px;vertical-align: middle;width: 57px;text-align:center;color: #000;line-height: 27px;background:#FFF;border:solid 1px #393837;font-size: 22px;}
#bloc_occupancy .choose_qty input{
   padding: 2px 4px 0px 4px;
   border: solid 1px #393837;
   width: 25px;
   font-weight: bold;
}
#bloc_occupancy .line_ch{padding:10px 20px;}
#bloc_occupancy .th{text-align:right;}
#bloc_occupancy .nb{}
#bloc_occupancy .nb .head{text-align:left;font-weight: bold;text-transform: uppercase;}
#bloc_occupancy .line{
   display:flex;
   align-items: center;
   justify-content: flex-start;
}
#bloc_occupancy .line .libelle{
   margin-right:10px;
}
#bloc_occupancy .children_age, #bloc_occupancy .bloc_selects{display:inline-block;vertical-align:middle;text-align:center;width:110px;font-weight: bold;}
#bloc_occupancy .btn{margin-bottom: 5px;}
#bloc_occupancy .btn .btn_link{margin:0px;border: none;width: 190px;box-sizing: border-box;text-align: center;font-size: 12px;}
#bloc_occupancy .btn .add_room, #bloc_occupancy .btn .save{
   background: #FFF;
   color: #000;
   text-transform: none;
   border: solid 1px #000;
   display: block;
   margin: auto;
   border-radius: 20px;
   font-size: 15px;
   padding: 6px 0;
   margin: 5px auto;
   width:90%;
}
#bloc_occupancy .btn .add_room:hover{
   background:linear-gradient(to right, #88102a, #eb5985);
   color:#FFF;
}
#bloc_occupancy .btn .save{
   background: #000;
   color: #FFF;
   font-weight:bold;
   text-transform: uppercase;
   margin-top:10px;
}
#all #bloc_occupancy .btn .save:hover{
   background:linear-gradient(to right, #88102a, #eb5985);
   color:#FFF;
}



#moteur_resa .champ.destination{display:block;}
#moteur_resa .champ.submit{text-align: center;}
#moteur_resa .champ.destination input{
   width: 100%;
   position: relative;
   padding-left: 50px;
   text-align: left;
}
#moteur_resa input::placeholder{color: #000;}
#moteur_resa .champ.code_promo input{
   width: 150px;
   padding-left: 22px;
}
#moteur_resa .champ.checkindate input, #moteur_resa .champ.checkoutdate input{
   width: 100%;
   position: relative;
   z-index:8000;
   border:none;
   text-align: left;
   padding-left: 45px;
}
.ui-datepicker-trigger{
   position: absolute;
   left: 10px;
   top: 50%;
   transform: translateY(-50%);
}

#moteur_resa .champ.destination input{
   padding-left:40px;
}
#moteur_resa.search .champ.checkindate input, #moteur_resa.search .champ.checkoutdate input{
   padding-left: 30px;
   padding-right: 0px;
}
#moteur_resa.search .champ.checkindate::after, #moteur_resa.search .champ.checkoutdate::after{
   left:10px;
}

#fasthotel_comparateur .centimes{
   font-size: 14px;
   display: inline-block;
   vertical-align: top;
}




#moteur_resa .champ.destination,  #moteur_resa .champ.submit, #moteur_resa .champ.occupancy {
   width: 24%;
}
#moteur_resa .champ.checkindate, #moteur_resa .champ.checkoutdate{
   width:14%;
}
.search #moteur_resa .champ.occupancy {
   width: 30%;
}
.search #moteur_resa .champ.submit {
   width: 20%;
}
.search #moteur_resa .champ.checkindate, .search #moteur_resa .champ.checkoutdate{
   width:13%;
}


.datepick_price a:after{content:'-';display:block;font-size:11px;}
.datepick_price a[data-price]:after{content:attr(data-price);}
.datepick_price a[data-noprice]:after{content:'';color:#cc1531;}
#moteur_resa label, #moteur_resa_disabled .label{display:block;margin-bottom:7px;}
#moteur_resa .criteres{
   padding:10px 8px;
   font-size:14px;
   background:#666;
   color:#FFF;
   font-weight:bold;
   cursor:pointer;
}
.page #moteur_resa.aff_crit{height:130px;margin-top:-140px;}
#moteur_resa .criteres_bloc.aff_crit{display:block;}
#moteur_resa .criteres_bloc.choix_criteres.aff_crit{display:inline-block;}
#moteur_resa .choix_criteres{width:515px;padding:5px 0px;text-align:left;}
.select_like{
   display:block;
   font-size:14px;
   text-align:center;
   padding:11px 10px;
   cursor:pointer;
   position:relative;
   background:#FFF;
   font-weight:bold;
   padding-right:30px;
}
.select_drop{
   position:absolute;
   display:none;
   background:#FFF;
   height:140px;
   overflow:auto;
   white-space:nowrap;
}
.select_drop.show{display:block;}
.select_drop .li:hover{background:#7fb9e3;}
.select_drop .li.sel{background:#e50058;color:#FFF;}
#moteur_resa .select_drop .li label{display:block;margin:0px;font-size:14px;padding:5px 0px;}
.select_drop .li input{margin:5px;width:15px;height:15px;vertical-align:middle;}
#moteur_resa .select_like{width:230px;text-align:left;}
#moteur_resa .select_like.open_bloc_chd{width: 75px;}
#moteur_resa.chambres .select_like.open_bloc_chd{width: 90px;text-align: center;}
.bloc_chd{text-align:right;}
#moteur_resa .bloc_chd label{display: inline-block;width: 90px;}
#moteur_resa.chambres .bloc_chd label{width: 80px;}
#moteur_resa .bloc_chd select{margin:5px;background-color: #fff;}
.affchambres.page #all #moteur_resa.chambres select{width:60px;}
#moteur_resa_disabled .value{background:#FFF;padding:11px 12px;width:91px;cursor:pointer;}
#change_moteur{padding:10px 7px;}
#moteur_resa_disabled .checkindate .value,#moteur_resa_disabled .checkoutdate .value{width:121px;}


.hide{display: none;}


.blocArticle{
   display:flex;
   margin:50px 0;

}
.blocArticle .vignette{
   width:50%;
   float:none;
   border-radius: 8px;
   margin:0;
   display:block;
   margin-right:40px;
}
.blocArticle .vignette img{
   width:100%;
   height: 100%;
   object-fit: cover;
}
.blocArticle .content{
   width:50%;
   text-align:left;
}
#promotions{margin-top:20px;}
#promotions .promotion{
   max-width:498px;
   height:250px;
   position:relative;
}

.bloc_promo_img{
   height:250px;
   border-radius: 20px;
   position:relative;
   overflow: hidden;
}
.bloc_promo_img img{
   object-fit: cover;
   width: 100%;
   height: 100%;
}
#promotions .bpb_texte{
   position:absolute;
   left:0px;
   bottom:20px;
   padding:0 15px;
}
#promotions .bpb_texte a{
   color: #FFF;
   text-shadow: 0px 0px 4px #000;
   font-size: 23px;
   line-height: 23px;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
}

h1.title, .h1.title{
   text-transform: uppercase;
   border-bottom: solid 1px #000;
   font-weight: bold;
   font-size:32px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   line-height: 100%;
}

.flex{
   display:flex;
   align-items: center;
   justify-content: space-around;
   flex-wrap: wrap;
}
#hotel_map .carte{
   overflow: hidden;
   height: 300px;
   flex-grow: 1;
}

#gammeHome{
   margin-top:40px;
}
#gammes{
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
#gammes .gamme{
   text-align: center;
   font-size: 18px;
}
#gammes .gamme img{
   width:320px;
   max-width: 100%;
}
#gammes .gamme p{margin:8px 0;}
#gammes .gamme a.link{
   font-size:20px;
   font-weight: bold;
   text-transform: uppercase;
   display: inline-block;
   margin-top: 5px;
}
#gammes .gamme.g1 a.link{
    background: linear-gradient(to right, #2f4e0c, #a6c83d);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
#gammes .gamme.g2 a.link{
   background: linear-gradient(to right, #88102a, #eb5985);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
#gammes .gamme.g3 a.link{
   background: linear-gradient(to right, #012936, #618595);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

#topDestination{
   background: #000;
   border-radius: 20px;
   color: #FFF;
   margin: 30px 0;
   display: flex;
   flex-direction: row;
   align-items: center;
   padding: 12px;
   font-size: 20px;
   overflow: hidden;
   position: relative;
}
#topDestination .label{
   width: 470px;
   font-size: 30px;
   text-align: center;
   text-transform: uppercase;
   border-right: solid 2px #999;
   padding: 8px 0;
   padding-right: 20px;
   margin-right: 20px;
   position: relative;
}
#topDestination .label::after{
   content: "";
   display: block;
   background: linear-gradient(90deg, black, transparent);
   width: 80px;
   height: 100%;
   position: absolute;
   top: 0;
   left: 100%;
   z-index: 100;
}
#topDestination a{
   display:inline-block;
   color: #FFF;
   text-decoration: none;
   margin:0 20px;
   vertical-align: top;
   position:relative;
}
#topDestination a:after{
   content: "";
   display: block;
   position: absolute;
   right: -21px;
   height: 16px;
   top: 50%;
   background: #888;
   width: 1px;
   margin-top: -8px;
}
#topDestination a b{
   font-weight:bold;
}

#topDestination .bx-wrapper, #topDestinationTicker{height:48px;}

.g1 .colorGamme{color:#a6c83d !important;}
.g2 .colorGamme{color:#eb5985 !important;}
.g3 .colorGamme{color:#618595 !important;}
.borderGamme{border:solid 2px #000;}
.g1 .borderGamme{border-color:#a6c83d !important;}
.g2 .borderGamme{border-color:#eb5985 !important;}
.g3 .borderGamme{border-color:#618595 !important;}

.g1 .colorGammeGradient, .g1 #fastcomp_officiel_price.complet.colorGammeGradient{
   background: linear-gradient(to right, #2f4e0c, #a6c83d);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.g2 .colorGammeGradient, .g2 #fastcomp_officiel_price.complet.colorGammeGradient{
   background: linear-gradient(to right, #88102a, #eb5985);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.g3 .colorGammeGradient, .g3 #fastcomp_officiel_price.complet.colorGammeGradient{
   background: linear-gradient(to right, #012936, #618595);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.g0 .bgcolorGammeGradient{
   background: linear-gradient(to right, #d5d4d4, #f6f6f6);
}
.g1 .bgcolorGammeGradient{
   background: linear-gradient(to right, #2f4e0c, #a6c83d);
}
.g2 .bgcolorGammeGradient{
   background: linear-gradient(to right, #88102a, #eb5985);
}
.g3 .bgcolorGammeGradient{
   background: linear-gradient(to right, #012936, #618595);
}



#miniActu{
   display: flex;
   justify-content: space-around;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
   margin:75px 0;
}
.miniActu{
   display:flex;
   align-items: center;
   justify-content: center;
   margin: 10px;
}
.miniActu .vignette{
   float: none;
   width: 50px;
   height: 35px;
   margin: 0;
   margin-right: 20px;
   text-align: center;
}
.miniActu .vignette img{
   max-width:100%;
   height:100%;
   object-fit: contain;
}
#miniActu .miniActu a{
   color: #000;
   font-weight: bold;
   font-size: 21px;
   line-height: 22px;
   text-transform: uppercase;
   max-width:150px;
   flex-shrink:1;
}

#actualites{
   margin:40px 0;
}
#actualites .slide{
   max-width: 450px;
}
#actualites .title{
   margin-bottom:50px;
}
#actualites .slide .slideContent{
   display:flex;
   width: 450px;
}
#actualites .slide .img{
   width: 230px;
   height: 180px;
   margin-right:10px;
   border-radius: 12px;
   position: relative;
   overflow: hidden;
}
#actualites .slide .vignette{
   width:100%;
   height:180px;
   margin:0;
}
#actualites .slide .vignette img{
   width:100%;
   height: 100%;
   object-fit: cover;
}
#actualites .slide .content{
   width:220px;
}
#actualites .slide .titre{
   font-weight:bold;
   font-size: 18px;
}
#actualites .slide .texte{
   font-size:15px;
}
#actualites .slide .soustitre a{
   color:#000;
   text-decoration:none;
   font-weight:bold;
   font-size: 18px;
}



#all .slide_fixed{position:absolute;z-index:1;right:0px;margin-top: 20px;}
#all .slide_fixed.alone{position:relative;transition: .8s;}
#all .slide_fixed.fixed{position:fixed;right:3%;}
#situation_content{padding-bottom:20px;}
#situation_content .vignette{margin:10px 0px;height:200px;}
.hide_map {display: none;}
#bloc_right{
   max-width:430px;
   overflow:auto;
   margin-top: 20px;
   margin-right:10px;
}

#carte_situation_holder{
   width:100%;
   height:100%;
   margin: 25px 0;
   border: solid 3px #999;
   border-radius: 30px;
   position: relative;
}
#carte_situation{
   width:100%;
   height:100%;
   border-radius: 30px;
}

.search #carteResa{
   left: 50px;
   right:20px;
   width: auto;
   margin-top: 10px;
}

.liste_hotels{
   display:flex;
}


.liste_page{transition:height 0.5s;overflow:hidden;}
.liste_page .slide{left:0px;position:relative;transition:left 1s;white-space:nowrap;}
#liste_hotel .hotel_page{width:870px;white-space:normal;display:inline-block;vertical-align:top;}
#liste_pagination{text-align:center;margin:0px 0px 50px 0px;}


.no-js #liste_pagination{display:none;}
.no-js .liste_page .slide{max-width:100%;white-space:normal;}
.no-js .liste_page .activites_page{min-width:100%;display:block;}
.bloc_page{
   background:#FFF;
   border:solid 1px #e50058;
   color:#e50058;
   width:40px;
   line-height:40px;
   text-align:center;
   display:inline-block;
   vertical-align:middle;
   margin:4px;
   cursor:pointer;
   font-weight: 700;
   transition: .2s;
}
.bloc_page.none{display:none;}
.bloc_page.prec{margin-left:0px;background:#e50058;transition: .2s;}
.bloc_page.suiv{margin-right:0px;background:#e50058;transition: .2s;}
.bloc_page.suiv:hover,.bloc_page.prec:hover{opacity: .8;background:#e50058;}
.bloc_page img{vertical-align:middle;width: 24px;filter: brightness(0) invert(1);}
.pages{
   display:inline-block;
   vertical-align:middle;
   width:500px;
}
.bloc_page:hover{background:#f5f5f5;}
.bloc_page.sel{background:#e50058;color:#FFF;}
.affloc #bloc_texte{padding-bottom:40px;}

.promoCarte.flex{
   align-items: flex-start;
   margin-bottom:20px;
}
.promoCarte.flex #carte_promo{
   flex-grow: 1;
}

h3{
   font-size:22px;
}

.liste_hotel .flex{
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: space-between;
}
.liste_hotel .bloc{
   position:relative;
   text-align:left;
   background: #FFF;
   margin:5px;
   width:400px;
   border-radius: 12px;
   box-shadow: 2px 2px 8px #666;
   overflow: hidden;
   margin-bottom: 25px;
}
.liste_hotel .bloc_content{
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   margin: 10px 0;
}
.liste_hotel .gamme{
   width:80px;
   height:80px;
   flex-shrink:0;
   margin: 10px;
}
.liste_hotel .gamme img{width:100%;height:100%;object-fit: contain;}
.liste_hotel .bloc_content a{
   color:#000;
}
.liste_hotel .bloc_content h3{
   display:flex;
   align-items: flex-start;
   font-size: 18px;
   text-transform: uppercase;
   flex-direction: column;
   margin: 12px 0;
   padding-right: 15px;
}
.liste_hotel .bloc_content h3 .vmiddle{
   flex-grow: 1;
   flex-shrink: 1;
}
.liste_hotel .bloc_content h3 .etoiles{
   margin-left:2px;
   margin-top: -2px;
   vertical-align: middle;
}
.liste_hotel .vignette{
   float: none;
   width: auto;
   margin: 0;
   height: 200px;
   border-radius: 12px 12px 0 0;
}
.liste_hotel .vignette img{
   width:100%;
   height:100%;
   object-fit: cover;
}
.liste_hotel .bloc_resa .line{
   display:flex;
   align-items: center;
   justify-content: space-between;
   padding: 0 15px;
   margin-bottom:20px;
}
.liste_hotel .bloc_resa .prix{
   color:#000;
   font-size: 14px;
   text-transform: uppercase;
}
.liste_hotel .bloc_resa .prix b{
   font-size: 30px;
   margin-left:8px;
   display:inline-block;
   vertical-align: middle;
}


.liste_hotel .bloc_resa .prix .centimes{
   font-size: 14px;
   display: inline-block;
   vertical-align: top;
}

#all .liste_hotel .bloc_resa .btn_link{
   margin: 0px;
   font-size: 16px;
   padding: 6px 20px;
   border-radius: 10px;
   color: #FFF;
   text-underline-offset: 4px;
   text-transform: uppercase;
   font-weight: 300;
   border: none;
   cursor: pointer;
}
.liste_hotel .bloc_resa .recap{
   font-size: 12px;
   padding: 12px;
   background: #F5F5F5;
}



#mainPhoto .vignette{
   margin:20px 0;
   width:100%;
   float:none;
}
#mainPhoto .vignette img{
   width:100%;
   height:100%;
   object-fit: cover;
}
.pageSituation #promotions{margin-bottom:30px;}

.twinColumn{
   display:flex;
   justify-content: space-between;
   align-items: flex-start;
}
.twinColumn .column{
   width:48%;
   flex-grow: 1;
}
.twinColumn .column.quarter{
   max-width: 500px;
   margin-left:20px;
}

#div_actu{
   position: relative;
  /*  background: linear-gradient(to bottom,#E20055,#B4074B);*/
   height: 150px;
   z-index: 5;
   overflow: hidden;
}
#div_actu .bx-wrapper{margin: auto;}
#div_actu_bg{
   background: linear-gradient(to bottom,#E20055,#B4074B);
}
#div_actu .padd{
   width:80%;
   margin:auto;
   height: 100%;
   max-width:1450px;
}
#div_actu .fasti{
  /* background: url(/img/fasti_vert.png) no-repeat left center;*/
   height: 100%;
   position: absolute;
   width: 142px;
   margin-left: 50px;
}
#div_actu .news{width:23%;min-width:220px;margin-right:2%;float:left;padding: 25px 0px;background: url(/img/sep.png) no-repeat right center;}
#div_actu .img{text-align:center;line-height:97px;background:#EEE;border-radius:80px;height:100px;width:100px;float: left;max-width:45%;}
#div_actu .img img{max-width:80px;max-height:80px;float:none;margin:0px;vertical-align: middle;}
#div_actu .texte{width:55%;float:right;text-align:center;line-height: 100px;height: 100px;}
#div_actu .texte a{color:#FFF;font-size:14px;text-decoration:none;vertical-align: middle;display: inline-block;line-height: 18px;}

#div_actu .bx-viewport{position:relative;z-index:11;}
#div_actu .bx-controls{
   position: absolute;
   z-index: 10;
   left: 1%;
   width: 98%;
   margin-top: -115px;
}
#div_actu .bx-controls .bx-next{float:right;}


#footer_actu{width: 95%;margin: auto;margin-top: 5px;height: 140px;}
#footer_actu .news{float: left;width: 25%;height:140px;}
#footer_actu a{text-decoration:none;vertical-align: middle;display: inline-block;line-height: 18px;}
#footer_actu .titre{color:#c3044f;font-weight:bold;font-size:20px;}
#footer_actu .res{color:#000;font-size:16px;}
#footer_actu .texte{line-height: 140px;width: 50%;float: left;}
#footer_actu .img{float:left;width: 50%;text-align: center;}
#footer_actu img{max-height:150px;max-width: 140px;}


#div_avis_client .avis{
   margin-bottom: 8px;
   padding: 8px;
   clear:both;
}
#div_avis_client .avis .logo{
   float: left;
   width: 75px;
   height: 75px;
   margin-right: 5px;
   font-size: 30px;
   font-weight: bold;
   font-weight: b;
   line-height: 75px;
   text-align: center;
}
#div_avis_client .avis .texte{
   float: left;
   width: 620px;
   background: #EEE;
   padding: 5px;
   height: 60px;
   overflow: hidden;
   padding-bottom: 12px;
   border-left: solid 5px #E20055;
}
#div_avis_client .avis .lire_suite{
   position:absolute;
   background:#EEE;
   color:#E20055;
   margin-left: 80px;
   margin-top: 61px;
   width: 620px;
   padding-left: 10px;
   opacity:0;
   border-left: solid 5px #E20055;
}
#div_avis_client .avis .note div{
   width: 12px;
   height: 12px;
   float: left;
   background: #58E058;
   border-radius: 10px;
   margin-right: 5px;
   margin-top: 2px;
}
#div_avis_client .avis .note div.hidden{visibility:hidden;}
#div_avis_client .avis h1{
   font-size: 15px;
   font-weight: bold;
   margin: 5px 0px;
}
#div_avis_client .avis p{
   margin: 5px 0px;
}
#div_avis_client .avis .credit{
   font-size:10px;color:#666;
}

#bloc_last_see{
   height:0px;
   left:61px;
   overflow:hidden;
   position: absolute;
   background: #FFF;
   border-radius: 0px 0px 8px 8px;
   border-color: #CCC;
   border-style: solid;
   border-width:0px;
}
#last_see #bloc_last_see h2 a{font-size:12px;}
#last_see{}
#last_see h2{font-size: 9px;text-align: left;margin:0px;}
#menu #last_see span{color:#666;}
#last_see .fl{margin-right: 8px;}
#bloc_last_see div{overflow: hidden;height: 42px;}
#bloc_last_see hr{padding-top:0px;}
#icon_home {float:right; height:20px; padding:0 10px;}
#fidelite_login { float:right; height:20px; width:128px;padding: 3px 8px;background: #333;border-bottom: solid 2px #666;border-radius: 0px 0px 20px 20px;margin: 0px 8px;text-align: center;}
#view_resa { float:right; height:20px;width:115px;padding: 3px 8px;background: #333;border-bottom: solid 2px #666;border-radius: 0px 0px 20px 20px;margin: 0px 8px;text-align: center;}
#view_resa a { font-size:0.8em; color:#FFF; text-decoration:none; }
#fidelite_login a { font-size:0.8em; color:#FFF; text-decoration:none; }


#filtre_fidele{
   width: 750px;
   float: right;
   border: solid 2px #C36;
   border-radius: 15px;
   overflow: hidden;
   margin-right: 10px;
}
#filtre_fidele .image{height:150px;float:left;width:300px;}
#filtre_fidele .image img{max-height: 100%;width: 100%;}
#filtre_fidele .texte{float:right;height: 126px;width:420px;}
#filtre_fidele .titre{padding: 4px 0px;text-align: center;font-size: 24px;color: #FFF;font-weight: bold;font-style: italic;}
#filtre_fidele .menu{padding: 5px 0px;text-align:center;font-size:28px;color:#FFF;}
#filtre_fidele .menu .price{font-size:30px;font-weight: bold;}
#filtre_fidele .soustitre{padding: 5px 0px;text-align:center;font-size:20px;color:#FFF;}
#filtre_fidele .pic{height: 60px;position: absolute;margin-top: -8px;margin-left: 6px;}
#filtre_fidele .more{background:white;color:#C36;text-decoration:underline;float:right;clear: right;padding: 4px 35px;font-weight:bold;cursor:pointer;}

#texte_fidelite{
   overflow: hidden;
   clear: both;
   float: right;
   margin-right: 10px;
   width: 690px;
   padding: 0px 30px;
   border: solid 2px #C36;
   border-radius: 15px;
   display:none;
   margin-top: -2px;
}

#bloc_idees_sejours{
  clear: both;
   width: 770px;
   margin: auto;
   padding: 10px;
   border-top: solid 1px #C36;
}
#bloc_idees_sejours .titre_idees a{text-decoration:none;}
#bloc_idees_sejours .titre_idees h2 .right{float: right;}

#contenu_standard p img{max-width:100%;}

#contenu_standard #bloc_idee_sejour h1{margin-bottom: 5px;}
.div_bgw{height:384px;overflow:auto;background:#FFF;color:#000;padding: 8px;}
.mask_hotel ul img{display:none;}
.mask_hotel{height:420px;width:100%;margin-bottom: 10px;position: relative;margin-top:15px}
.mask_hotel #diaporama{height:420px;max-width:100%;max-height:100%;}
.mask_hotel #diaporama .container_skitter{overflow: hidden;min-width: 100%;max-width: 100%;max-height:100%;min-height:100%;}
.mask_hotel #diaporama .container_skitter img{position:absolute;max-height:100%;min-width:100%;}

.mask_pack{height:350px;}
.mask_pack #diaporama{width:1024px;height:350px;}
.mask_pack #diaporama img{width:1024px;max-width:1024px;height:350px;}

.rhino-btn{z-index:15;margin-top:-150px;margin-top: -200px;}
.rhino-btn.rhino-prev{margin-left: 30px;}
.rhino-btn.rhino-next{margin-left: 950px;}
.mask_pack .texte{
   position: absolute;
   z-index: 15;
   top: 50px;
   right: 100px;
   background: #FFF;
   background: rgba(255, 255, 255, 0.8);
   color: #000;
   padding: 15px 8px;
   border-radius: 5px;
   font-weight: bold;
}
.mask_pack .texte .reserv{
   background: #000;
   padding: 8px 18px;
   position: absolute;
   font-size: 18px;
   right: -10px;
   margin-top: 5px;
}
.mask_pack .texte .reserv a{color:#FFF;}

.hotel_infos{
   background: #525252;
   color: #FFF;
   float: left;
   width: 35%;
   height: 173px;
}
.hotel_infos .titre{
         padding: 15px 18px;
    font-size: 15px;
    float: left;
    color: #a6c83d;
}
.hotel_infos .adresse{clear:both;padding: 0px 20px;font-size: 12px;}
.hotel_infos .phone{padding: 10px 20px;font-size: 12px;}
.hotel_infos .phone img{vertical-align:middle;}
.hotel_infos .see_hotel{background: #FFF;float: right;margin-top: -45px;margin-right: 13px;border-radius:30px 0px 30px 0px;}
.hotel_infos .see_hotel a{color:#525252;text-decoration:none;display:block;padding:8px 10px;font-weight:bold;font-size:12px;}
.hotel_infos .see_hotel_map{    margin-top: 10px;
    position: absolute;
    left: 30%;}
.hotel_pic{
   float: left;
   width: 20%;
   height:173px;
   overflow:hidden;
}
.hotel_pic img{max-height:100%;min-width: 100%;}

.hotel_promo{float:left;width:45%;}
.hotel_promo .legend{
   text-align:center;
   color:#FFF;
   display:flex;
}
.hotel_promo .legend div{padding:2px 0px;height:32px;overflow:hidden;line-height:32px;flex-grow: 1;}
.hotel_promo .legend div span{
   font-size: 14px;
   vertical-align: middle;
   display: inline-block;
   line-height: 14px;
   font-weight:bold;
}
.hotel_promo .legend .c2{padding:2px 5px;cursor:pointer;}
.hotel_promo .legend .c3{padding:2px 5px;cursor:pointer;}
.hotel_promo .legend .c2 span{font-size:13px;}
.hotel_promo .legend .c3 span{font-size:11px;}

.hotel_promo .legend .n0{background:#333;}
.hotel_promo .legend .n1{background:#525252;}
.hotel_promo .legend .n2{background:#333;}
.hotel_promo .promo_txt p{margin:0px;}
.hotel_promo .promo{clear:both;overflow:hidden;max-height:140px;padding: 6px 15px;}
.actu_inline{height:173px;border:solid 1px #666;clear: both;margin-bottom: 15px;}

#main .read_more a{
   display: block;
   background-color: #E20055;
   color: #FFF;
   padding: 5px 20px;
   margin-left: -15px;
   text-decoration: none;
   font-weight: bold;
   margin-top: 7px;
   float: left;
   border-radius: 0px 30px 0px 0px;
}

#affiner_recherche{
   background-color: #525252;
   color: #FFF;
   padding: 15px;
   width: 264px;
   text-align: center;
   height: 350px;
}
#affiner_recherche .head{
   padding: 10px 5px;
   font-weight: bold;
   background-color: #FFF;
   color: #E20055;
   border-radius: 8px;
   box-shadow: inset 1px 1px 4px #333;
   margin-top: 15px;
}
#affiner_recherche select{padding: 4px 4px;width: 220px;}
#affiner_recherche .select{padding: 8px;margin-top: 20px;}
#affiner_recherche label{
   font-weight: bold;
   color: #CCC;
   font-size: 15px;
   display:block;
   margin-bottom: 5px;
   margin-top: 10px;
}

#maCartePromo{float:right;}

#carte_promo .infobulle{
   padding: 0;
   background: none;
   border: none;
}

/* --- MENU CATEGORIES (Horizontal) --- */
#menu {height:45px;z-index: 500;position: relative;}
#menu a { color:#000; }
#menu a.white { color:#FFF;font-weight:bold; }

/* --- PIED DE PAGE --- */
#footer {
   color:#FFF;
   font-size:0.85em;
   clear:both;
   padding:40px 0;
   background:#292726;
}
#footer .shrink{
   display:flex;
   align-items: center;
   justify-content: space-around;
}
#footer .footerLogo img{
   width:100px;
}
.footerSocial{
   text-align: center;
}
.footerSocial .listing{
   display:flex;
   align-items: center;
   justify-content: space-around;
}
.footerSocial .listing a{
   display:inline-block;
   padding:6px;
   margin:5px;
}

#menutop{
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   align-items: flex-start;
   justify-content: center;
}
#menutop a{margin:2px 0;}


#menutop .sousMenu{
   margin: 10px 50px;
}
#menutop .sousMenu .head{
   font-weight: bold;
   font-size: 16px;
   text-transform: uppercase;
   margin-bottom:10px;
}
#menutop .sousMenu .links{
   display: flex;
   flex-direction: column;
}

#footer #menuLinks .menuLink .label{color:#FFF;border-color:#FFF;}
#footer #menuLinks .menuLink .popup{bottom: 8px;}

#credit{position:absolute;bottom:5px;text-align:center;color:#DDD;width:100%;}
#credit a{color:#DDD;text-decoration:none;}
#footer_ville {}
#footer a {color:#FFF;}
#footer_txt{background: #333;clear:both;text-align:center;}
#footer_txt p {padding:10px;clear:left;font-weight:bold;margin-bottom: 0px;}
#footer_link{margin: 0px;float: left;width: 190px;border-right: solid 1px grey;margin-right: 20px;}
#footer_link p{margin:0px;}
/* --- PIED DE PAGE VILLES --- */
#footer_ville {padding: 10px;text-align:center;background: #333;overflow: hidden;}
#footer_ville a.prev {display:block;float:left;width:20px}
#footer_ville a.next {display:block;float:right;width:20px}
.carrousel_ville {position:relative;text-align:center;width: 95%;min-width: 95%;}
.carrousel_ville a{font-size:10px;}
.carrousel_ville a:link {color:white}
.carrousel_ville a:visited {color:white}
.carrousel_ville li {display:block;width:150px;}

#menuFooter{
   display: flex;
   margin: 10px 0;
   align-items: center;
   position: relative;
   z-index: 100;
}
#menuFooter #menuLinks{
   width:50%;
   justify-content: center;
}
#menuFooter .footerSocial{
   width:50%;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: left;
   font-size: 18px;
   text-transform: uppercase;
}
#menuFooter .footerSocial .listing{
   margin-left:20px;
}
#miniActuFooter{
   display:flex;
   flex-wrap: wrap;
   width: 420px;
}
#miniActuFooter .miniActu{
   background: #FFF;
   padding: 5px;
   border-radius: 8px;
   margin: 5px 10px;
   width: 185px;
}
#miniActuFooter .miniActu .vignette{
   width: 35px;
   margin-right: 10px;
   text-align: center;
   flex-shrink: 0;
}
#miniActuFooter .miniActu .titre{
   color:#000;
   flex-grow: 1;
   font-weight: bold;
}

/* --- CONTENU --- */

#content {text-align:left;padding-top: 1px;}
.form_contact{background:#E0E0E0;padding: 40px 60px;border-radius:15px;}
.form_contact input{width: 90%;}
.form_contact .first, .form_contact .second, .form_contact .third{display:inline-block;width: 30%;margin-right: 3%;vertical-align: middle;}

.form_contact .first{line-height: 23px;border-right:solid 1px #333;}
.form_contact .first .img{width:15px;height: 15px;margin-right:5px;float:left;text-align: center;clear: both;}
.form_contact .first img{vertical-align:middle;}

.form_contact .titre{
   padding: 2px 30px;
   margin-top: 10px;
   margin-bottom: 10px;
   border-radius: 30px 0px 30px 0px;
   color: #FFF;
   font-size: 20px;
   background: #a6c83d;
   width: 185px;
   text-align: center
}
.form_contact .third textarea{width:95%;}
.form_contact .third p{margin-bottom:5px;}
.form_contact .third p.center{margin-top:5px;}
.form_contact .submit{
   width: 200px;
   border: none;
   border-radius: 5px;
   color: #FFF;
   font-size: 22px;
   cursor: pointer;
   padding: 4px 0px;
}

#mainPhoto{margin-bottom: 10px;}

.form_contact.guide .second{line-height: 32px;}
.form_contact.guide .second label{width:50%;float:left;clear:both;display:block;}
.form_contact.guide .second input{width:44%;}

.formulaire_contact_check {
   display: flex;
   align-items: center;
}

#check_send {
   width: 20px;
}

.pack_type{text-align:center;color:#FFF;font-weight:bold;}
.pack_type label{height:auto;/*background: #222;box-shadow: 5px 5px 8px #333;*/}
.pack_type label:hover{cursor:pointer;/*background: #333;box-shadow: 5px 5px 8px #444;*/}
.pack_type input[type="checkbox"]{cursor:pointer;}
#pack_submit{text-align: center;}
table.all{width:100%;}
#pack_submit input{
   background: #333;
   color: #FFF;
   border: solid 1px #CCC;
   padding: 3px 8px;
   border-radius: 5px;
}


#main {
   min-height: 460px;
   position: relative;
   background: #FFF;
   z-index: 49;
}
#main .padd{padding: 12px 8px;}
.home #main .padd{padding: 12px 0;}
#contenu_standard { padding-left:20px; padding-right:20px; overflow:hidden; position:relative;}

#ariane {font-size:0.8em;}
#ariane div{display:inline;}
#ariane a{color:#666;}
#liensuivant {margin-bottom:20px; padding-right:20px; padding-top:5px; border-top:solid 1px #DDD; float:right; font-style:italic;}
.article {border-top:solid 1px #DDD;margin-top:10px;padding-top:10px;clear:left;}
.article hover{border-top:solid 1px #DDD;margin-top:10px;padding-top:10px;clear:left;opacity:0.8}
.space {height:10px;width:510px;}

/* --- MENU RUBRIQUE --- */
div#menutop { padding-top:10px; padding-left:0px }
div#menutop ul {padding: 0; margin:0; margin-right:0px; float:left; display:block; width:100%;}
div#menutop ul.niveau1 {width:33%;border-right:solid 1px grey;text-align:center;height: 141px;}
div#menutop ul.niveau1:nth-child(1) {text-align:center;}
div#menutop ul.niveau1:nth-child(2) {text-align:center;}
div#menutop ul.niveau1:nth-child(3) {text-align:center;border-right:solid 0px grey;}
div#menutop li:hover {}
div#menutop li.sousmenu{padding: 0px 10px;}
div#menutop ul li {position:relative; list-style:none;}
div#menutop ul.niveau2 li {}
div#menutop ul.niveau2 a { font-weight:normal; }
div#menutop ul.niveau2 a:hover { text-decoration:underline; }
div#menutop ul ul { display:inline;}
div#menutop li a {text-decoration:none; padding: 2px 6px 2px 6px; display:block; }
div#menutop li.sousmenu:hover ul.niveau2 {display:block;}

div#menutop .soc{width: 180px;margin: 5px auto;height: 50px;font-weight: bold;}
div#menutop .soc div{float:left;}
/* --- FACEBOOK --- */
#facebook {text-align: center;padding-left:10px; float:right;font-weight:bold; }
#facebook img {  margin-right:10px; vertical-align:middle; }
#facebook a { line-height:2em; font-weight:normal;float:left;margin:6px;}
#facebook_plugin {width: 240px;
height: 97px;
clear: both;
margin-bottom: 10px;
margin-left: 35px;
background: #FFF;}
/* --- NAVIGATION --- */
#search_footer {font: 14px  'Comfortaa', cursive;color:#DDD;}

/* --- TEXTES --- */
h1,.h1 {margin-top:20px;margin-left:0px;font-size: 1.8em;font-weight:bold; color:#000;}
.blocArticle{
   font-size:17px;
}
.blocArticle h1{
   margin-top:0;
}
#all .btn_link{
   display:inline-block;
   margin: 0px;
   font-size: 16px;
   padding: 6px 30px;
   border-radius: 16px;
   color: #FFF;
   text-transform: uppercase;
   font-weight: 300;
   border: none;
   cursor: pointer;
   text-decoration: none;
}
#all .btn_link:hover{opacity:0.85;}
#all .blocArticle .btn_link{
   padding: 12px 30px;
   margin-top:10px;
}

#contenu_standard h1 {margin-left:0;}
#contenu_standard.situation h1 {    background: #515151;
    color: #FFF;
    text-align: center;
    padding: 10px 0px;}
#contenu_standard.situation h1.ville {margin-bottom:0px;}


/*h2 {font: bold 1.2em  'Comfortaa', cursive;}*/
h2,#all h2 a {    margin-top: 5px;
margin-bottom: 10px;
    font-size: 17px;
    font-weight: bold;
    color: #E20055;}
p, td, li {}
a:link {color:#71C1FF;color:#E20055;text-decoration:none;}
a:visited {color:#71C1FF;color:#E20055;text-decoration:none;}
a:hover {color:#71C1FF;color:#E20055;text-decoration:underline;}
.petit {font: 11px  'Comfortaa', cursive;color:#DDD;}
.right {text-align:right;}
.center {text-align:center;}
select {font-size:9pt;}
input {font-size:9pt;}
hr {height:1px;}


/* --- Situation --- */
#ariane.situ{background: #515151;position: absolute;color: #FFF;padding: 5px 10px;width: 100%;left:0px;margin-top: 0px;margin-left:0px;z-index: 14;}
#ariane.situ h1{display:inline;}
#ariane.situ h1,#ariane.situ a{color: #FFF;}
#contenu_standard.situation{padding:0px;}
#situ_resume{overflow: hidden;float: left;background: #FFF;width: 60%;height: 284px;color: #333;}
#situ_resume .texte{max-height:270px;overflow:hidden;padding:8px;}
/* --- MESSAGES --- */
.erreur {background-color:#FCC;padding:3px;color:#F00;margin-bottom:10px;border:solid 1px #F00;}
.succes {background-color:#CFC;padding:3px;color:#390;margin-bottom:10px;border:solid 1px #390;}
.info {background-color:#EEE;padding:10px;color:#999;margin-bottom:10px;border:solid 1px #CCC;}

/* --- IMAGES - GALERIES --- */
img {border:none;}
.galerie {clear:both;}
.vignette {padding:0px;float: left;width:120px; margin: 2px 15px 10px 0;overflow: hidden;}
.vignette a:hover {text-decoration:none;}
.vignette_pdf {width:75px;height:75px;margin: 2px 15px 10px 0;}

/* --- LIENS --- */
#liens {border:solid 1px purple;}
.lien {clear:left;}
#liens h3 {}
#liens p {}
#liens a {}

/* --- DIAPORAMA --- */
#diaporama_mask{position:absolute;margin:0;margin-left:-3px;width:28px;height:260px;overflow:hidden;z-index:2;}
.mask{margin-left:0px;position:relative;width:756px;height:260px;overflow:hidden;}
.mask img{position:absolute;display:block;}

/* --- MENU BAS --- */
.menu_chat { margin-top:8px; margin-left:20px; padding-bottom:5px; margin-bottom:10px; width:200px; border-bottom:solid 1px white;}
.menu_earlybooking_title { clear:both; background:url("/images/icones/ico-early.png") no-repeat 25px 0; height:29px; padding-left:59px;  padding-top:5px; text-transform:uppercase; font-size:1.1em; font-weight:bold; }
.menu_earlybooking_txt { margin-left:20px; width:200px; float:left; font-size:0.7em; font-weight:bold; padding-bottom:7px; border-bottom:solid 1px white; }

/* --- HOTEL --- */
.header_hotel { display:block; margin:0;  margin-bottom:-5px;font-size:0.8em; line-height:22px; }
.header_hotel h1{margin-left: 0px;color: #E20055;padding: 5px 10px;margin-top: 0px;margin-bottom: 0px;font-size:33px;line-height: 33px;}
.header_hotel.f2 h1{color: #32313a;}
.header_hotel span{vertical-align: middle;}
.subheader_hotel a{text-decoration:none;color:#000;}
html #fasthotel_comparateur.fastcomp_loaded .fastcomp_head .fastcomp_close{top:13px;right:0;}
.subheader_hotel_btn{
   display: flex;
   align-items: center;
   font-size: 13px;
   margin: 10px 0;
}
.subheader_hotel img{vertical-align:middle;}
.etoiles1 {margin-left:10px; margin-right:10px; padding-left:26px; height:22px; background:url("/img/etoile-hotel.png") no-repeat;}
.etoiles2 {margin-left:10px; margin-right:10px; padding-left:52px; height:22px; background:url("/img/etoile-hotel.png") no-repeat;}
.etoiles3 {margin-left:10px; margin-right:10px; padding-left:78px; height:22px; background:url("/img/etoile-hotel.png") no-repeat;}
.etoiles4 {margin-left:10px; margin-right:10px; padding-left:104px; height:22px; background:url("/img/etoile-hotel.png") no-repeat;}
.etoiles5 {margin-left:10px; margin-right:10px; padding-left:130px; height:22px; background:url("/img/etoile-hotel.png") no-repeat;}


.hotel_note{
   margin-left: 10px;
   display:flex;
   align-items: center;
}
.hotel_note .note_max{display: inline-block;position:absolute;width:92px;height:17px;background:url(/img/etoile-note.png);background-position:0px 50px;text-indent: -9999px;}
.hotel_note .note{display: inline-block;position:absolute;max-width:92px;height:17px;background:url(/img/etoile-note.png);text-indent: -9999px;}
.hotel_note .count{margin-left: 20px;}

#hotel_avis .comments{}
#hotel_avis .comments .slide{padding:5px 0px;}
#hotel_avis .comment{margin:auto;width:95%;background: #EEE;padding: 7px;border-bottom: solid 1px #CCC;}
#hotel_avis .comment .flex{flex-wrap: nowrap;}
#hotel_avis .comment .flex_grow{flex-shrink: 1;}
#hotel_avis .comment .name{}
#hotel_avis .comment .name b{font-size:16px;}
#hotel_avis .comment .texte{font-size: 12px;margin-top:15px;font-style: italic;}
#hotel_avis .comment .date{font-weight:bold;font-style: none;}
#hotel_avis .bx-controls{margin: 8px auto;}

.flex_grow{flex-grow: 1;}

#hotel_avis .comment .div_note{
   background: #FFF;
   font-size: 20px;
   text-align: center;
   border: solid 1px #333;
   box-shadow: 2px 2px 8px #666;
   padding: 10px;
   border-radius: 12px;
   margin: 0 30px;
   line-height: 25px;
   width: 90px;
}
#hotel_avis .comment .div_note b{
   font-size: 30px;
}
#hotel_avis .comment .note_max{display: inline-block;position:absolute;width:92px;height:17px;background:url(/img/etoile-note.png);background-position:0px 50px;text-indent: -9999px;margin-top: 4px;}
#hotel_avis .comment .note{display: inline-block;position:absolute;max-width:92px;height:17px;background:url(/img/etoile-note.png);text-indent: -9999px;margin-top: 4px;}

.etoiles{margin-left:10px; margin-right:10px;height:22px;font-size:30px;display: inline-block;vertical-align: top;}
.etoiles.f1{/*background:url("/img/etoile-hotel-rouge.png") no-repeat;*/}
.etoiles.f2{/*background:url("/img/etoile-hotel-rouge.png") no-repeat;*/}
.f1.etoiles1 {padding-left: 26px;}
.f1.etoiles2 {padding-left: 52px;}
.f1.etoiles3 {padding-left: 78px;}
.f1.etoiles4 {padding-left:104px;}
.f1.etoiles5 {padding-left:130px;}
.f2.etoiles1 {padding-left: 26px;}
.f2.etoiles2 {padding-left: 52px;}
.f2.etoiles3 {padding-left: 78px;}
.f2.etoiles4 {padding-left:104px;}
.f2.etoiles5 {padding-left:130px;}
/* --- NAVBAR HOTEL --- */
#nbh {
   position: sticky;
   top: 0;
   text-align:right;
   overflow: hidden;
   clear: both;
   margin-left: 0%;
   width: 100%;
   background: #FFF;
   padding-bottom: 10px;
   z-index: 100;
}
#nbh ul li.n a {text-decoration: none;padding: 11px 12px;display: block;text-align: center;font-size:15px;}
#nbh ul li.n a span {color:#000;text-transform: uppercase;}

#navbarhotel {
   margin:0px;
   padding: 0;
   display:flex;
   flex-wrap: wrap;
}
#navbarhotel li {
   list-style:none;
   margin-right:7px;
   overflow: hidden;
   padding-right: 10px;
}
#navbarhotel li::after {
   content:"";
   display:block;
   height:5px;
   margin:0 8px;
   margin-top:-8px;
   background: linear-gradient(to right, #d5d4d4, #f6f6f6);
}
#navbarhotel.g1 li:hover::after{
   background: linear-gradient(to right, #2f4e0c, #a6c83d);
}
#navbarhotel.g2 li:hover::after{
   background: linear-gradient(to right, #88102a, #eb5985);
}
#navbarhotel.g3 li:hover::after{
   background: linear-gradient(to right, #012936, #618595);
}
#navbarhotel li:hover {

}
#navbarhotel li.goto_offre{display:none;}



#linePictures{
   display: flex;
   align-items: center;
   margin:10px 0;
}
#see_pic{
   width: 100%;
   display: grid;
   align-items: center;
   grid-template-columns: 25% 25% 25% 25%;
}
#see_pic a{
   margin: 5px;
   position: relative;
}
#see_pic a:nth-child(1){
   grid-column: 1 / 3;
   grid-row: 1 / 3
}
#see_pic a:nth-child(1) .img{
   height: 370px;
}
#see_pic a:nth-child(2){
   grid-column: 3;
   grid-row: 1;
}
#see_pic a:nth-child(3){
   grid-column: 4;
   grid-row: 1;
}
#see_pic a:nth-child(4){
   grid-column: 3;
   grid-row: 2;
}
#see_pic a:nth-child(5){
   grid-column: 4;
   grid-row: 2;
}
#see_pic .img{
   width: 100%;
   height:180px;
   object-fit: cover;
   object-position: center;
}
#see_pic a{
   color:#333;
   display: flex;
   align-items: center;
}
#see_pic .labelAll{
   font-size: 14px;
   position: absolute;
   background: #FFF;
   border-radius: 10px;
   right: 10px;
   bottom: 10px;
   padding: 4px 15px;
   display: flex;
   align-items: center;
   font-weight: bold;
}
.tcenter{text-align: center;}
#see_pic .labelAll img{
   margin-right:5px;
}
#see_pic .seeAll{
   display:none;
}
html #fasthotel_comparateur{
   position: relative;
   margin: 10px;
   padding: 0;
   border: solid 2px #000;
   box-shadow: 2px 2px 8px #666;
   border-radius: 16px;
}
#fasthotel_comparateur .fastcomp_head .fastcomp_close{
   display:none;
}

.fastcomp_tarifs{
   display: flex;
   align-items: center;
   justify-content: center;
   grid-column: 2;
   grid-row: 1 / 3;
   background: #333333;
   border-left: solid 3px #FFF;
   flex-direction: column;
}

#hotelMainPage #moteur_resa .champ.destination::after, #hotelMainPage #moteur_resa .champ.checkindate::after, #hotelMainPage #moteur_resa .champ.checkoutdate::after, #hotelMainPage #moteur_resa .champ.occupancy::after{
   top:16px;
}

#hotelMainPage #moteur_resa{
   margin-bottom:20px;
   box-shadow: 0px 0px 5px #DDD;
   border-radius: 10px;
}
#fastLinesMoteur{
   border-radius: 10px 10px 0 0;
   overflow: hidden;
}
#hotelMainPage  #moteur_resa .champs{
   flex-wrap: wrap;
   padding: 0 20px;
}
#hotelMainPage #moteur_resa .champ{
   padding: 10px 5px;
}
#hotelMainPage #moteur_resa .champ.destination{
   width:100%;
   border-right: none;
   border-bottom: solid 2px #EEE;
}
#hotelMainPage #moteur_resa .champ.checkindate, #hotelMainPage #moteur_resa .champ.checkoutdate{
   width:50%;
   border-bottom: solid 2px #EEE;
}
#hotelMainPage #moteur_resa .champ.checkoutdate{
   border-right: none;
}
#hotelMainPage #moteur_resa .champ.occupancy{
   width:65%;
   border-right: none;
}
#hotelMainPage #moteur_resa .champ.submit{
   width:35%;
}
#hotelMainPage #moteur_resa input[type="submit"]{
   padding: 6px;
   width: 100%;
}


#all #fasthotel_comparateur{
   margin:0 20px;
}


#placeholderComparateur{
   height:80px;
   margin:10px 0;
}
#all #placeholderComparateur #fasthotel_comparateur{
   position: relative;
   top: 0;
   left: 0;
   border: none;
   box-shadow: 0px 0px 5px #DDD;
   border-radius: 10px;
   margin: 0;
   width: 100%;
}
#all #placeholderComparateur #fasthotel_comparateur .fastcomp_action{
   display:none;
}
#all #placeholderComparateur #fasthotel_comparateur .fastcomp_tarifs{
   background: #FFF;
   border-left:solid 3px #EEE;
}
#all #placeholderComparateur #fasthotel_comparateur .fastcomp_tarif{
   border-bottom: solid 2px #EEE;
   justify-content: center;
   width:100%;
}
#all #placeholderComparateur #fasthotel_comparateur .fastcomp_tarif:last-child{
   border-bottom: none;
}
#all #placeholderComparateur #fasthotel_comparateur .fastcomp_label, #all #placeholderComparateur #fasthotel_comparateur .fastcomp_price{
   color:#000;
}


#all #fasthotel_comparateur{
   position: absolute;
   top: 200px;
   right: 50px;
   background: #FFF;
   margin:0;
   box-shadow: none;
   bottom: auto;
}



#all #fasthotel_comparateur.fastcomp_loaded, #all #fasthotel_comparateur .fastcomp_content{
   width:450px;
}
#all #fasthotel_comparateur .fastcomp_tarif{
   display: flex;
   align-items: center;
   color:#FFF;
   border: none;
}
#all #fasthotel_comparateur .fastcomp_label{
   width:auto;
   margin-right:5px;
   font-size: 14px;
   color:#FFF;
}
#all #fasthotel_comparateur .fastcomp_price{width:auto;font-weight: bold;}
#all #fasthotel_comparateur .fastcomp_head, #all #fasthotel_comparateur .fastcomp_content{background:none;}
#all #fasthotel_comparateur .fastcomp_head .fastcomp_head_libelle{
   color:#000;
}
#all .fastcomp_content {
   display: grid;
   grid-template-columns: 320px 130px;
}
#all .fastcomp_head{
   padding: 6px 10px;
   display: flex;
   flex-direction: row-reverse;
   justify-content: flex-end;
   align-items: center;
   grid-column: 1;
   grid-row: 1;
}
#all #fasthotel_comparateur .fastcomp_action {
   padding: 10px 10px;
   grid-column: 1;
   grid-row: 2;
}
#all #fasthotel_comparateur .fastcomp_head .fastcomp_head_libelle{
   font-size: 17px;
   width:auto;
}
#all #fasthotel_comparateur .fastcomp_head .fastcomp_head_libelle b{
   font-weight: normal;
   font-size: 17px;
}
#all #fasthotel_comparateur #fastcomp_officiel_price{
   font-size: 32px;
   font-weight: bold;
   width:120px;
}
#all #fasthotel_comparateur #fastcomp_officiel_price.complet{
   font-size: 22px;
}
#all #fasthotel_comparateur .fastcomp_head{
   padding: 12px 5px;
}
#all #fastcomp_officiel_price.complet{
   font-size: 20px;
   font-weight: bold;
}

#all #fasthotel_comparateur .fastcomp_action input{
   width:130px;
}
#all #fasthotel_comparateur .fastcomp_link_resa{
   background: linear-gradient(to right, #88102a, #eb5985);
   font-size: 16px;
   padding: 10px 30px;
   border-radius: 10px;
   color: #FFF;
   text-underline-offset: 4px;
   text-transform: uppercase;
   font-weight: 300;
   border: none;
   cursor: pointer;
   width: auto;
}


.hotel_note{font-weight: bold;}
.hotel_note b{font-size:16px;}

.hotel_action{
   display: flex;
   align-items: center;
   margin: 10px 0;
}

.hotel_flex{
   display: flex;
   align-items: flex-start;
   justify-content: center;
}
.hotel_flex .hotel_presentation{
   width:50%;
}
.hotel_flex .hotel_service_bloc{
   width:50%;
   padding:0 80px;
}

#resa_tarif{
   position: absolute;
   background: url(/img/tarif-hotel.png);
   width:150px;
   height:133px;
   margin-top: -430px;
   z-index: 124;
   color: #FFF;
   padding: 28px 5px;
   text-align:center;
   border-radius: 0px 30px 30px 0px;
}
#resa_tarif a{
   color: #FFF;
   font-size: 18px;
   text-decoration:none;
}
#resa_tarif .price{font-size:50px;}
#resa_tarif .from{font-size:20px;}
#resa_tarif .eur{font-size:30px;position: relative;top: -18px;}

/* --- LAYER ET SOUS-LAYER --- */
#hotel_visite{text-align:center;}
#hotel_map .hotel_contact{
   padding: 8px 30px;
   margin: 10px 0;
   border-radius: 16px;
   color: #FFF;
   font-size: 20px;
   display: block;
   width:260px;
   text-transform: uppercase;
   font-weight: 300;
}
.flexContactHotel{
   align-items: stretch;
}
.flexContactHotel #carte_mbg.gmap3{
   height:100%;
}
#hotel_map .adresse{
   box-shadow: 0px 0px 5px #DDD;
   border-radius: 10px;
   width: 400px;
   margin-left: 20px;
   flex-shrink: 0;
}
#hotel_map .adresse .head{
   font-weight: bold;
   font-size: 20px;
   justify-content: space-between;
   padding: 5px 25px;
   text-transform: uppercase;
}
#hotel_map .adresse .head img{
   margin-right:15px;
   vertical-align: middle;
}
#hotel_map .geo{
   text-align: center;
   display: flex;
   justify-content: space-between;
   padding: 5px 25px;
}
#hotel_map .hotelContactAction{
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 5px 25px;
}
#hotel_map hr{
   padding-top:0;
}
#hotel_map .hotelContactAction a{
   color:#000;
   text-transform: uppercase;
   font-weight:bold;
}
#hotel_map .hotelContactAction img{
   margin-right:10px;
   vertical-align: middle;
}

.retour_top{float:right;clear: both;}
.retour_top a{color:#a6c83d;}

#hotel_desc .hotel_services{
   padding: 5px 30px;
   border-radius: 16px;
   color: #FFF;
   font-size: 20px;
   width: 165px;
   text-align: center;
   margin: 10px auto;
   margin-bottom:30px;
   text-transform: uppercase;
   font-weight: 300;

}
#main .tel{
   font-weight:bold;
   vertical-align: middle;
}
#hotel_desc .hotel_action{margin-bottom:30px;}
#layer_descriptif{margin-bottom:5px;margin-right: 175px;}
#hotel_desc .hotel_action a{color:#333;margin-right:5px;vertical-align: middle;}

#hotel_map #slide_it{
   clear: both;
   padding: 5px 20px;
   margin: 10px auto;
   border-radius: 10px;
   color: #FFF;
   font-size: 18px;
   width: 165px;
   text-align: center;
   display: block;
   text-transform: uppercase;
   font-weight: 300;
}

#hotel_tarif .hotel_resa{
   padding: 8px 30px;
   margin: 10px;
   border-radius: 16px;
   color: #FFF;
   font-size: 20px;
   display: inline-block;
   font-weight: 300;
   text-transform: uppercase;
}

#hotel_desc .service_pic{
   float: left;
   width: 85px;
   text-align: center;
   height: 140px;
   font-size: 11px;
   min-width: 70px;
   line-height: 14px;
}
#hotel_desc .service_pic img{max-width:95%;}
#hotel_desc .service_li{
   float: left;
   margin: 10px 0px;
   width:33%;
}
#hotel_desc .service_li ul{margin:5px 0px;}
#all #slide_services{
   background:none;
   margin:8px auto;
   color:#333;
   text-transform: uppercase;
   display: block;
   text-align: center;
   font-weight:300;
}

#layer h2{clear:both;text-align:left;text-transform:uppercase;}
#layer h2 img{vertical-align:middle;}
#souslayer { float:left; width:590px; margin:0; padding:0; overflow:auto; }
#menuseminaire { float:right; text-align:left; margin:0; height:290px; width:130px;}
#navbarseminaire li { margin-top:5px; padding-left:0; display:block; height:30px; width:100px; background-color:#666; border:solid 2px #DDD; color:#FFF; text-align:center; line-height:30px; font-weight:bold; }
#navbarseminaire a { color:#FFF; }
#navbarseminaire{ list-style:none; padding:0;margin:0; }
.tarif_seminaire { width:100%; }
.small { font-size:0.8em;font-weight:normal; }
.hotel_left { float:left; }
.hotel_left .share_this fieldset{padding: 7px;}
.hotel_descriptif_l { float:left; margin-left:10px; width:350px; font-size:0.8em; }
.hotel_descriptif_r { float:left; margin-left:10px; width:350px; font-size:0.8em; }

.hotel_descriptif_l h4 img, .hotel_descriptif_r h4 img{margin-top: -8px;margin-right: 5px;float: left;}
.hotel_descriptif_l h4, .hotel_descriptif_r h4{height: 20px;}
.hotel_descriptif_l ul, .hotel_descriptif_r ul{
   list-style-image:url("/img/services/fleche-orange.png");
}



.hotel_trivago { float:right; margin-top:10px; margin-right:20px; width:185px; }
div.tarifs{border: solid 1px #ccc;border-radius: 20px;width:100%; margin-bottom:20px; }
div.tarifs table {width:100%;}
div.tarifs table th {text-align:center;}
div.tarifs table td { padding:4px; border:none; font-size:0.7em; color:#333;}
div.tarifs table td.ttarifs { white-space: nowrap; }
.label {font-weight:bold}
ul.noindent {margin-left:13px; padding:0}
.hotel_seminaire { float:left; margin-top:10px; margin-left:10px; width:580px; font-weight:bold; font-size:0.8em }
.tarif_seminaire table { border:solid 1px black; }
.tarif_seminaire th { padding:3px; margin:0; background:#DDD;border:solid 1px black;}
.tarif_seminaire td { padding:3px; margin:0; border:solid 1px black; }
#mapframe { float:left;width:367px;font-size: 11px;margin: 8px;}
#acces { float:left;margin-top:10px; width:185px; font-size:10px;  }
#gps_coord{
   position: absolute;
   margin-left: 572px;
   margin-top: 50px;
   width: 165px;
   border: solid 1px #CCC;
   padding: 5px;
   border-radius: 5px;
}
#acces span.label,#a_proximite span.label,#gps_coord span.label{display: block;height:18px;}
#layer .picto,.layer .picto{margin-top: -8px;margin-right: 5px;float: left;}

#a_proximite { float:left;margin-top:10px;width:185px; font-size:10px; }
#mapframeitiframe { height:460px;width:98%; overflow:hidden; margin:auto;}

.clear{clear:both;}
/* --- HOME --- */
#resa_checkin { color:#fff;}
#home_chat { clear:left; float:left; height:47px; width:383px; background:url("/images/home-chat-bg.png");}
.home_earlybooking_title { clear:both; float:left; height:29px; width:130px; padding-left:55px;  padding-top:12px; text-transform:uppercase; font-size:1em; font-weight:bold;}
.home_earlybooking_txt {width:170px; padding-top:9px; float:left; font-size:0.7em; font-weight:bold; }
#home_early_booking { float:left; height:47px; width:366px; background:url("/images/home-earlybooking-bg.png"); }
.chat_title { margin-left:10px;  margin-top:4px; float:left; }
.chat_txt {  margin-left:10px; margin-top:8px; width:200px; float:left; font-size:0.7em; font-weight:bold; }
#home_newsletter { float:right; height:47px; width:241px;background:url("/images/home-newsletter-bg.png");}
#home_newsletter_bouton {margin-top:7px;margin-left:40px;background:url("/images/bg-newsletter.png");width:195px;height:25px;color:#FFF;text-align:center;line-height:23px;}
#home_newsletter_bouton a { line-height:30px; color:#FFF; }
#newsletter_bouton {margin-top:10px;margin-left:20px;background:url("/images/bg-newsletter.png");width:195px;height:25px;color:#FFF;text-align:center;line-height:23px;}
#home_month {
position: relative;
    margin-left: 10px;
    clear: left;
    float: left;
    height: 183px;
    width: 400px;
    background: #EEEEEE;
    border: solid 1px #cccccc;
    margin-bottom: 10px;
    border-radius: 1px;
    margin-top: 30px;
    min-width: 204px;
    max-width: 30%;
}
#home_month .bx-viewport{overflow:visible !important;}
#home_month .bx-controls{position: absolute;margin-top: -16px;margin-left: 270px;z-index: 200;}
#home_month .slide{height:180px;}
#home_top {
   margin-left:10px;
   position: absolute;
   left: 50%;
   margin-left: -200px;
   height:183px;
   width:400px;
    background: #EEEEEE;
    border: solid 1px #cccccc;
   margin-bottom:10px;
   border-radius: 1px;
   margin-top: 30px;
   min-width:204px;
   max-width: 30%;
}
#home_top div.bloc_top{
   height: 51px;
   background: #FFF;
   padding-bottom: 2px;
}
#home_top div.bloc_top .dest{width:100%;border-top:solid 2px #999;padding: 3px 0px;}

#home_top div.bloc_top.bt1{}
#home_top div.bloc_top.bt1 .dest{border:none;}

#home_top div img{width:45px;height:45px;}
#home_top div .vignette{width:45px;height:45px;margin:0px;margin-right:8px;overflow:hidden;margin-top: 1px;border-radius:50px;margin-left: 5px;margin-right: 10px;}
#home_top a{
   color:#000;
   font-weight:bold;
   font-size: 13px;
   line-height: 45px;
   display: block;
   height: 100%;
   width: 100%;
   text-decoration: none;
}
#home_top a span.tarif{margin-right: 10px;text-align:center;color:#333;font-size: 16px;display: block;float: right;line-height: 26px;}
#home_top a span span{display:block;color:#990000;line-height: 22px;}


#home_nwsl {
   position:relative;
   margin-left:10px;
   float:left;
   width:290px;
	background: #AA0465;
	/*background: -webkit-gradient(linear,left top, left bottom,from(#9D3B6B),to(#FFFFFF));
	background: -webkit-linear-gradient(top,#9D3B6B,#FFFFFF);
	background: -moz-linear-gradient(top,#9D3B6B,#FFFFFF);
	background: -o-linear-gradient(top,#9D3B6B,#FFFFFF);
	background: linear-gradient(top,#9D3B6B,#FFFFFF);
   box-shadow: 3px 3px 8px #AA0465;*/
   margin-top: 6px;
   border-radius: 15px;
   color:#000;
   font-weight:bold;
   height: 330px;
   max-width: 30%;
   min-width:280px;
}
#home_nwsl form{padding: 5px 10px;border-top: solid 2px #000;background:#FFF;}
#home_nwsl form input, #home_news .more{
   font-weight: bold;
   font-size: 11px;
   box-shadow: 0px 0px 2px #000 inset;
   padding: 3px 5px;
   background: #FFF;
}

#home_nwsl form input[type=submit]{
   padding: 2px 10px;
   color: #000;
}
#home_news{padding-bottom: 10px;}
#home_news img{max-height: 100px;max-width: 100px;margin-top: 8px;}
#home_news .news{height: 100px;background:#FFF;border-top: solid 2px #000;padding:5px 0px;text-align:center;padding-right: 5px;}
#home_news .news.n1{border-bottom: solid 2px #000;}
#home_news .news hr{display:none;}
#home_news .news .titre{display: block;font-size: 12px;text-align:center;font-weight: bold;color: #000;overflow: hidden;}
#home_news .news p{margin: 0px;max-height: 45px;overflow: hidden;}
#home_news .more{
   display: block;
   padding: 3px 10px;
   margin: auto;
   width: 90px;
   text-align: center;
   float: right;
   border-radius:5px;
   margin-right: 5px;
   color:#000;
   border:inset 2px #EEE;
   margin-top: 8px;
   position: absolute;
   margin-left: 170px;
}

#home_promo {
   position:relative;
   margin-right:2%;
   float:right;
   height:183px;
   width:400px;
    background: #EEEEEE;
    border: solid 1px #cccccc;
    margin-bottom: 10px;
   margin-top: 30px;
   min-width:204px;
   max-width: 30%;

}
#side_promo {
   position:relative;
   width:100%;
   max-width: 450px;
   background: #f9f9f9;
   border-radius: 10px;
   margin-top: 10px;
}

#side_promo .titre{
   font-size: 20px;
   font-weight: bold;
   text-align: center;
   padding: 10px 0;
   text-transform: uppercase;
}

#side_promo .promo{
   padding:5px;
   display: flex;
}
#side_promo .bloc_promo_img{
   border-radius: 10px;
   margin-right:10px;
}
#side_promo .promoTitle{
   font-weight:bold;
   color:#000;
}


#home_promo .bx-controls{position: absolute;margin-top: -45px;margin-left: 270px;}
.bx-pager-item {display: inline-block;}
.bx-pager-item a{
   text-indent: -9999em;
   background: #CCC;
   padding: 5px;
   margin: 0 8px 0 0;
   cursor: pointer;
   border-radius: 10px;
   font-size: 0px;
   display: block;
   height: 0;
}
.bx-pager-item a.active{background:#999;}


.bloc_header .fasti_legend{height:2px;}
.bloc_header.month a{color:#FFF;text-decoration:none;}
.bloc_header.month .bpb_texte{text-align:center;font-size: 15px;position: relative;top: 20px;height: 125px;}
.bloc_header.month .bpb_texte a{color:#000;text-decoration:none;}


.bloc_header {font-size:0.9em; margin-bottom:17px;}
.bloc_header h2{margin-top:5px;font-size:18px;color:#333;text-transform:uppercase;font-weight:bold;}
.bloc_header.top h2,.bloc_header.nwsl h2{text-align:center}

img.home_bloc { width:232px; height:124px; margin-left:6px; }
.bloc_promo_content {max-height: 45px;overflow: hidden;}
.bloc_promo_content .resume { font-size:0.8em; }
.bloc_promo_content h2 {font-size: 13px;text-align: center;margin:0; }
.bloc_promo_content h2 a{font-size: 13px;color:#E20055;}
.plusinfos { position:absolute; bottom:10px; right:10px; font-size:0.7em; padding-left:20px; width:78px; height:15px; background:url("/images/bg-infos.png"); }
.carrousel_promo { width:100%;height: 190px;}


/*Side promo*/
#side_promo .bx-viewport{margin-bottom: 20px;}
#side_promo .bx-controls{position: absolute;margin-top: -20px;margin-left: 230px;}
#side_promo .carrousel_promo{height:160px;}
#side_promo .bloc_promo_img{
   max-height: 140px;
   width:180px;
   flex-shrink: 0;
}
#side_promo p{
   margin: 5px 0;
   font-size: 15px;
}

/* --- OFFRES BIEN ETRE --- */
.photo_gauche { float:left; margin-right:20px;max-width: 35%;}
.chapo { font-weight:bold; font-size: 11px;font-style:italic;display: block;}
#filtre { position:absolute; right:10px; top:10px; }
.fl { float:left; margin-right:5px; }
hr { clear:both; border:0; border-bottom:solid 2px #DDD; padding-top:5px; margin-bottom:5px; }
.black a { color:#FFF;}
.black a:hover { text-decoration:none;}
.actu_date { display:block; padding:3px; margin-bottom:3px; font-size:0.7em; color:#7D7669;font-weight:bold; background:#F3F3F0;border-top:solid 1px #CFCFCD; }

/* --- NEWS FAST HOTEL --- */
.news2 { float:left; width:320px;}
.news3 { float:left; margin-left:20px; padding-left:20px; width:320px; border-left:dotted 2px #DDD; }
h4 { margin-bottom:0; }

/* --- EMPLOI --- */
#classic { width:100%; }
#classic th { background:#333; color:#FFF; padding:5px; text-align:center; font-size:0.8em; }
#classic td { background:#FFF; border:solid 1px #E4DCCE; padding:5px;color: #333;}
#classic2 td { padding:5px; background:#FFF; }
#classic2 td.right { border-bottom:solid 1px #999; color:#999; }

/* --- GALLERIFFIC (PAGE HOTEL) --- */
#container {height:260px;position:relative;margin-left: 235px;}
#container_info_hotel {margin-left:10px;background:url(/images/arrondi-hotel.png) no-repeat;padding-left:40px;padding-top:10px;width:150px;height:250px;font-size:0.9em;font-weight:bold;line-height:1.4em;overflow:hidden;}
#container_info_hotel span.tel { font-size:0.9em;}

#info_pratique{
   width: 700px;
   margin-left: 260px;
   margin-top: 20px;
   padding: 5px 15px;
}
#info_pratique .left{float:left;width: 400px;}
#info_pratique .left .share_this{margin-top: 5px;margin-bottom: 5px;width: 480px;overflow: hidden;}
#info_pratique .left .share_this .share{height: 24px;margin-right: 15px;margin-top: 5px;max-width:100px;}


#info_pratique .mail{position: absolute;left: 50%;margin-left: 100px;margin-top: 10px;}
#info_pratique .mail img{border:none;}
#info_pratique .right{float: left;width: 300px;text-align: right;}
#info_pratique .right .share_this{float: right;}
#info_pratique .right .share_this .share{width:32px;overflow:hidden;}
#info_pratique .right .share_this .share img{margin-left:-10px;}
#info_pratique .right .tel{font-size: 17px;color: #FFF;font-weight: bold;text-shadow: 1px 1px #999;}

#info_pratique .left .titre{font-size:18px;color:#FFFFFF;}


#hotel_tarif .ch_tarif{text-align:center;margin-bottom: 15px;min-width: 100px;border-right: solid 2px #333;}
#hotel_tarif .ch_tarif:last-child{border-right: none;}
#hotel_tarif .ch_tarif .bed{padding:10px;color:#444;font-size:14px;}
#hotel_tarif .ch_tarif .bed img{max-width:100%;height: 100px;}
#hotel_tarif .ch_tarif .price{font-weight:bold;font-size:25px;color:#E20055;display: block;}
#hotel_tarif .ch_tarif .legend{padding:2px 0px;width:100%;margin-top:5px;border-radius:30px 0px 30px 0px;color:#333;font-size:12px;}
#hotel_tarif .mtg{text-align:center;}

#hotel_prox #li_hotel_situ{border: none;padding: 0px;height:auto;width:100%;overflow: visible;}
#hotel_prox #li_hotel_situ .flex{
   justify-content: space-between;
}
#layer .title{margin-top:40px;}

.promotion .resume{
   margin: 0;
   font-size: 15px;
}

.li_hotel_situ_bloc{
   width:310px;
   margin: 10px 0;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0px 0px 5px #DDD;
}
.li_hotel_situ_bloc .flex{
   justify-content: space-between;
   flex-wrap: nowrap;
}
.li_hotel_situ_bloc .gamme{
   margin-right:6px;
}
.li_hotel_situ_bloc .gamme img{
   width:70px;
   margin-left:4px;
}
#all .hotelName{line-height: 100%;margin-bottom:4px;}
#all .hotelName a{color:#000;font-size:12px;}
.li_hotel_situ_bloc .pictures{
   width:100%;
}
.li_hotel_situ_bloc .pictures a{
   width:100%;
}
.li_hotel_situ_bloc .pictures img{
   width:100%;
   height:180px;
   object-fit: cover;
   object-position: center;
}

.li_hotel_situ_bloc .tel img{
   vertical-align: middle;
   margin-right:8px;
   width:20px;
}

#li_hotel_situ.promo{float:none;width:100%;height:auto;overflow: visible;}
#bloc_label{
   margin-top: 50px;
   text-align: right;
   width: 260px;
   overflow: hidden;
   position: absolute;
   margin-left: 75px;
   height: 55px;
}
#bloc_label img{margin-left: 10px;padding: 5px;background: #FFF;border-radius: 8px;border: solid 1px #CCC;height: 40px;}
#bloc_label div{float: right;}
#bloc_label span{display:none;position:absolute;background:#EEE;border-radius:5px;border:solid 1px #CCC;padding:5px;box-shadow:1px 1px 5px #333;color: #000;font-weight: bold;margin-left: -30px;text-align: right;white-space: nowrap;}
#bloc_label div:hover span{display:block;}

#side_info .titre, .titre_orange{font-size:15px;font-weight:bold;color:#FFF;}
#side_info{width: 30%;float: right;padding: 0px;text-align: center;padding-top:0px;}
#side_info #hotel_promo{margin-bottom:20px;}


#all .adresse .btn_link {
   margin-top: 5px;
   margin-bottom: 20px;
   padding: 4px 50px;
   border-radius: 8px;
}


#side_links{
   display:flex;
   align-items: center;
   justify-content: center;
}
#side_links .soclink{text-align:center;margin:10px;}
#side_links .soclink a{display:block;width:32px;height:32px;margin:auto;background:url(/img/soc-sprite.png);}
#side_links .soclink.www a{background-position:0px 32px;}
#side_links .soclink.fb a{background-position:128px 32px;}
#side_links .soclink.gp a{background-position:96px 32px;}
#side_links .soclink.tw a{background-position:64px 32px;}
#side_links .soclink.pint a{background-position:32px 32px;}
#side_links .soclink.www:hover a{background-position:0px 0px;}
#side_links .soclink.fb:hover a{background-position:128px 0px;}
#side_links .soclink.gp:hover a{background-position:96px 0px;}
#side_links .soclink.tw:hover a{background-position:64px 0px;}
#side_links .soclink.pint:hover a{background-position:32px 0px;}

#hotel_promo #bloc_icon_promo{width: 168px;margin: auto;}
#hotel_promo .last_line.ll2{width: 112px;margin: auto;}
#hotel_promo .last_line.ll1{width: 56px;margin: auto;}

#side_tourisme{margin-top:20px;}
#side_tourisme .scroll{max-height: 339px;overflow: hidden;border:solid 1px #ccc;;padding:7px;}
#side_tourisme .scroll div.view{position:relative;}
#side_tourisme .up, #side_tourisme .down{float:right;transition: opacity 1s;cursor:pointer;}
#side_tourisme .up.useless, #side_tourisme .down.useless{
   opacity:0.5;
   transition: opacity 1s;
   cursor:default;
}

#side_tourisme .tourisme{margin-bottom:10px;clear:both;border-bottom:dotted 1px #444;padding-bottom:8px;}
#side_tourisme .tourisme .img{float:left;width:30%;height:100px;}
#side_tourisme .tourisme .img img{max-width:100%;height:100%;}
#side_tourisme .tourisme .content{float:right;width:65%;text-align:left;}
#side_tourisme .tourisme .content h3{margin:0px;}
#side_tourisme .tourisme .content h3 a{color:#000;font-size:20px;}
#side_tourisme .tourisme .content .more{text-align:right;}
#side_tourisme .tourisme .content .more a{color:#E20055;}

.promo_icon{float:left;margin-left: 3px;margin-right:3px;height: 59px;}
.promo_icon .explain{
   display:none;
   position: absolute;
	background: #CCC;
	background: -webkit-gradient(linear,left top, left bottom,from(#FFF),to(#CCC));
	background: -webkit-linear-gradient(top,#FFF,#CCC);
	background: -moz-linear-gradient(top,#FFF,#CCC);
	background: -o-linear-gradient(top,#FFF,#CCC);
	background: linear-gradient(top,#FFF,#CCC);
   border-radius: 5px;
   padding: 5px;
   margin-top: -25px;
   margin-left: -290px;
   width: 300px;
   color: #333;
   overflow:hidden;
   z-index: 20;
}
.promo_icon .explain *{font-size:10px !important;}
.no-js .promo_icon:hover .explain{display: block;}

#side_info #hotel_avis{margin-bottom:20px;background :#FFF;}
#side_info #hotel_fidelite{margin-bottom:20px;}

#infos_pratiques{
   background: #515151;
   color: #FFF;
   padding: 10px;
   margin: 20px auto;
}
#infos_pratiques a{color:#FFF;text-decoration:underline;}
#side_info .situ_galerie .vignette{width: 46%;margin-left: 2%;margin-right: 2%;height: 80px;margin-top: 10px;margin-bottom: 0px;}
#side_info .situ_galerie .vignette img{max-width:100%;}
#side_info.hotel .situ_galerie h2{margin-top:20px;margin-bottom:0px;}
#side_info.hotel .situ_galerie .vignette{width:100%;height:160px;margin:8px 0px;}

.flex.twin{
   align-items: flex-start;
}
.flex.twin > *{
   width:50%;
   margin:20px 0;
}
.flex.twin > *:first-child{
   margin-right:20px;
}
.situ_galerie{
   display: flex;
   flex-wrap: wrap;
}
.situ_galerie .vignette{
   width:25%;
   height:120px;
   float:none;
   margin: 0 0px 10px 0;
   padding: 0 10px 0px 0;
}
.situ_galerie .vignette img{
   width:100%;
   height:120px;
   object-fit: cover;
}

#side_info #prox_hotel{
   background: #AA0465;
   border-radius:15px;
   width:198px;
   margin:auto;
   padding-top: 1px;
   padding-bottom: 10px;
   clear:both;
}
#side_info #prox_hotel .titre{
   font-size: 15px;
   color: #FFF;
   font-weight: bold;
   display: block;
   margin: 5px 0px;
}
#side_info #prox_hotel .li_hotel_situ{
   box-shadow: none;
   margin: 0px;
   border: solid 1px #EEE;
}
#side_texte_hotel{margin-top: 20px;}
#side_info .situ_galerie{margin-top: 10px;}


#affHeaderLink{
   position: absolute;
   left: 50%;
   right: 0;
   text-align: center;
   margin-top: -30px;
   margin-left: -50px;
   z-index: 4000;
}

#side_info .article{border:solid 1px #ccc;padding: 0px;margin-top: 20px;}
#side_info .article a{color:#000;text-decoration:none;}
#side_info .article .vignette{height:170px;float: none;width: 100%;margin: 0px;padding: 0px;margin-bottom: 5px;}
#side_info .article .vignette img{width: 100%;min-height:100%;}
#side_info .article .texte{float:left;width:65%;text-align:left;}
#side_info .article .texte.grd{float:none;width:100%;text-align:left;}
#side_info .article .texte h3{color:#444;margin:2px 0px;padding-left:10px;font-size: 20px;}
#side_info .article .texte p{color:#666;margin:2px 0px;padding-left:10px;}
#side_info .article .tarif{float:left;width:35%;text-align:center;font-size: 16px;font-weight: bold;margin-bottom:5px;}
#side_info .article .tarif .rate{font-size:30px;color:#E20055;font-weight: normal;}

div#container_gal {position:absolute;margin-left:199px;top:0;width:540px;height:260px;overflow: hidden;z-index:0;}
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: block;width:410px;}


#controls {top: 175px;width: 900px;margin-left:62px;}
#controls .prev,#controls .next{
   font-size: 0px;
   width: 42px;
   height: 42px;
   display: block;
}
#controls .next{float: right;background: url(/img/next.png);}
#controls .prev{float: left;background: url(/img/prev.png);}

#slideshow_mask {position:absolute;margin:0;background:url("/images/arrondi-hotel-mask.png");width:28px;height:260px;z-index:2;}
div.slideshow {position:absolute;float: right;width: 410px;height: 260px;overflow:hidden;z-index:1;}
div.slideshow span.image-wrapper {float: left;}
div.slideshow a.advance-link {display: block;}
div.slideshow img {display: block;width:390px;}
div.navigation {margin:0;padding:0;position:absolute;width:135px;top:30px;height:200px;right:0px;
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {float:left;margin: 0;padding: 0;float: none !important;height:54px;position:absolute;}
ul.thumbs li {float: left;padding: 0;margin: 0 0 5px 5px;list-style: none;}
ul.thumbs li.selected {float: left;padding: 0;margin: 0 0 5px 5px;list-style: none;}
a.thumb {display: block;border: 1px solid #e0e0e0;}
#container_gal a.thumb {height: 43px;overflow: hidden;border:none;}
#container_gal ul.thumbs li.selected a.thumb {border:none;background:none;}
ul.thumbs li.selected a.thumb {background: #000;border: 1px solid #000;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;width: 60px;}
div.navigation div.top {}
div.navigation div.bottom {}
div.pagination a, div.pagination span.current {display: block;float: left;}
div.pagination a:hover {background-color: #eee;text-decoration: none;}
div.pagination span.current {font-weight: bold;background-color: #3a3a3a;border-color: #3a3a3a;color: #fff;}

.showPrev{position: absolute;left: 20px;top: -25px;width:100px;height:15px;background-image: url('/images/slideshow-prev.png')}
.showNext{position: absolute;left: 20px;top:215px;width:100px;height:15px;background-image: url('/images/slideshow-next.png')}


/* --- PAGES DIVERSES ET FORMULAIRES --- */
#formulaire td { }
#formulaire input[type=text] { width:380px; }
.tarifr { }
.tarifb { text-decoration:line-through; }
p.liste4 { margin-left: 130px;}
p.liste2 { margin-left: 120px;}
p.liste7 { margin-left: 252px;}
p.liste8 { margin-left: 252px;}
p.liste1 { margin-left: 135px;}
p.listef { margin-left: 135px;}
.dates { font-size:0.8em; color:grey; }
.dates div{display:inline;}
#filtre_map{
   margin-top: -20px;
   float: left;
   width: 209px;
   padding: 8px;
   border: solid 1px #CCC;
   margin-left: 5px;
   border-radius: 5px;
   background: #333;
   background: -webkit-gradient(linear,left top, left bottom,from(#777),to(#333));
   background: -webkit-linear-gradient(top,#777,#333);
   background: -moz-linear-gradient(top,#777,#333);
   background: -o-linear-gradient(top,#777,#333);
   background: linear-gradient(top,#777,#333);
   height:125px;
}
#filtre_map img{width: 210px;}
#filtre_resa{
   margin-top: 20px;
   float: left;
   width: 209px;
   padding: 8px;
   border: solid 1px #CCC;
   margin-left: 5px;
   border-radius: 5px;
   background: #333;
   background: -webkit-gradient(linear,left top, left bottom,from(#777),to(#333));
   background: -webkit-linear-gradient(top,#777,#333);
   background: -moz-linear-gradient(top,#777,#333);
   background: -o-linear-gradient(top,#777,#333);
   background: linear-gradient(top,#777,#333);
}
#filtre_resa h3{color:#E20055;font-size:18px;font-weight:bold;margin: 8px 0px;}
#filtre_resa label{display:inline;font-weight:bold;height:auto;cursor:pointer;}
#filtre_resa input{cursor:pointer;}
#bloc_reservit{margin-left: 250px;overflow: hidden;}
.li_reservit{
   background: #FFF;
   width: 750px;
   box-shadow: 5px 5px 8px #666;
   margin-right: 10px;
   margin-bottom: 10px;
   margin-top: 10px;
   color:#000;
   float: right;
}
.li_reservit .km{float: right;font-weight: bold;font-size: 15px;}
#nbh .ld a{color: #E20055;font-weight: bold;line-height: 45px;font-size: 14px;}
.li_reservit .header{padding: 5px;height: 20px;border-bottom: solid 1px #E20055;}
.li_reservit .header h2{margin:0px;color:#000;font-weight:bold;float:left;}
.li_reservit .header .etoile{float:left;margin-top: -5px;margin-left: 5px;}
.li_reservit .photo{padding: 5px;float: left;}
.li_reservit .photo .vignette{height: 140px;width: 160px;}
.li_reservit .bloc_addr{padding: 5px;float: left;font-size: 11px;width: 310px;}
.li_reservit .bloc_addr .tel{font-weight:bold;}
.li_reservit .bloc_texte{padding: 5px;float: left;width: 310px;font-weight:bold;font-size:10px;}
#bloc_reservit .li_reservit .bloc_texte a{font-size: 14px;font-weight: bold;color:#E20055;}
.li_reservit .bloc_resa{padding: 5px;float: right;width: 200px;padding: 5px;float: right;width: 200px;font-size: 20px;text-align: center;margin-top: -20px;}
.li_reservit .bloc_resa button{
   background: #E20055;
   border: none;
   border-radius: 5px;
   color: #FFF;
   font-size: 24px;
   padding: 3px 30px;
   border: solid 1px #000;
   box-shadow: 0px 0px 5px #000 inset;
   cursor:pointer;
}
.li_reservit.nodispo .bloc_resa button{background: #555;}
.li_reservit .t{}
.li_reservit #nbh{margin: 10px;}
.li_reservit .layer{width:750px;}
.li_reservit .layer .galerie .vign_cont{text-align: center;box-shadow: 5px 5px 8px #999;border: solid 1px #CCC;padding: 2px;width:100px;height:60px;margin: 10px 8px;float:left;}
.li_reservit .layer .galerie .vignette{text-align: center;width:100px;height:56px;}
.li_reservit .layer .galerie .vignette img{max-width:110px;}

.li_reservit .layer .galerie .vign_cont.v0{height: 145px;width: 221px;}
.li_reservit .layer .galerie .vign_cont.v0 .vignette{width: 221px;height: 142px;}
.li_reservit .layer .galerie .vign_cont.v0 .vignette img{max-width:250px;}

.li_reservit .layer .galerie .vign_cont .hover{position:absolute;display:none;border: solid 1px #CCC;margin-top: 35px;margin-left: 50px;font-size:0px;box-shadow: 5px 5px 8px #333;padding:2px;background:#FFF;}
.li_reservit .layer .galerie .vign_cont .hover img{max-width: 300px;}


.li_reservit .hotel_promo .promo_icon{height:30px;}
.li_reservit .hotel_promo img{width:25px;}

#hotellist { width:100%; max-width: 100%; overflow:hidden; }
#region { max-width: 100%; overflow:hidden; }
#form_menu .sq{width:150px;}
#form_menu label{display: inline;font-weight:bold;}
#form_menu{position: relative;left: -5px;color: #333;}
.sq { width:195px; }
.ui-autocomplete {
		max-width:408px;
		max-height: 250px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
		font-size:0.8em;
}

	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 100px;
	}


#li_hotel_situ{height:325px;width: 60%;overflow: auto;margin-bottom: 15px;}
#contenu_standard #li_hotel_situ h1{color:#444;margin-bottom:0px;}
.li_hotel_situ{width: 250px;height: 250px;padding: 8px;margin: 5px 2px;float:left;color: #333;font-size: 14px;text-align: left;margin-bottom: 10px;color:#E20055;background:#FFF;}
.li_hotel_situ.h1{color:#a6c83d;}

#li_hotel_situ.ct1 .li_hotel_situ{padding:6px;width:325px;height:90px;margin-bottom: 0px;}
#li_hotel_situ.ct1 .li_hotel_situ .vignette{float:left;width:40%;height:90px;}
#li_hotel_situ.ct1 .li_hotel_situ .texte{margin:0px;background:none;padding-left:5px;}

#li_hotel_situ.cs1 .li_hotel_situ{padding:5px;width:325px;height:65px;margin-bottom: 0px;}
#li_hotel_situ.cs1 .li_hotel_situ h2 a{font-size:14px;}
#li_hotel_situ.cs1 .li_hotel_situ .resume{display:none;}
#li_hotel_situ.cs1 .li_hotel_situ .vignette{float:left;width:40%;height:65px;}
#li_hotel_situ.cs1 .li_hotel_situ .texte{margin:0px;background:none;padding-left:5px;}


#side_info.situation #home_promo{
   float: none;
   position: relative;
   width: 98%;
   max-width:98%;
   margin-bottom: 30px;
}

#li_hotel_situ.n1 .li_hotel_situ{float:none;margin:auto;margin-top:50px;}
#hotel_prox #li_hotel_situ.n1 .li_hotel_situ{margin-top:0px;}
#li_hotel_situ .li_hotel_situ h2,#li_hotel_situ  .li_hotel_situ h2 a{
   font-size: 18px;
   font-weight: normal;
   text-decoration: none;
   color: #555;
   margin-bottom: 2px;
   margin-top:0px;
}
#li_hotel_situ .li_hotel_situ .resume{color: #555;max-height: 40px;}
.li_hotel_situ .fl{margin-right:10px;min-width: 100%;height: 90%;}
.li_hotel_situ .texte{overflow: hidden;font-weight: bold;font-size: 11px;padding-left: 35px;padding-top:8px;background:url(/img/marqueur_rouge.png) no-repeat center left;}
.li_hotel_situ.h1 .texte{background:url(/img/marqueur_vert.png) no-repeat center left;}
.li_hotel_situ.h2 .texte{background:url(/img/marqueur_gris.png) no-repeat center left;color: #333;}
.li_hotel_situ .vignette{width:100%;height:135px;margin: 0px;float: none;}

#layer.situation{}
.situation #nbh li.n a{width:365px;}
.situation #nbh li.n{margin-right:2px;}
/* ------ RECOMMANDEZ NOUS AUTOUR DE VOUS --------- */

.reso-social {
    background: url("/images/fond-reso-soc.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #E3E3E3;
    clear: both;
    color: #6B6B6B;
    font-size: 11px;
    height: 40px;
    margin-bottom: 20px;
    padding: 0 5px;
    position: relative;
}

/* ------ FUNKY BUTTON --------- */

a.buttonlink {
color: #EB7219;
}

.button {
font-family: Georgia;
color: #EB7219;
font-size: 20px;
padding: 10px;
text-decoration: none;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #EB7219;
-moz-box-shadow: 0px 1px 3px #EB7219;
box-shadow: 0px 1px 3px #EB7219;
text-shadow: 1px 1px 3px #EB7219;
border: solid #EB7219 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#1c000d));
background: -moz-linear-gradient(top, #000000, #1c000d);
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#000000, endColorStr=#1c000d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#000000, endColorStr=#1c000d);
display:inline-block; /* IE is so silly */
}
.button:hover {
background: #ffffff;
}

/* ------ SEMINAIRE RENNES --------- */

.avilleneuve {
font-family: Georgia;
font-size:25px;
color: #2F4582;
}
.villeneuvebutton {
font-family: Georgia;
color: #ffffff;
font-size: 20px;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #2F4582 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#2F4582), to(#2F4582));
background: -moz-linear-gradient(top, #2F4582, #2F4582);
 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#2F4582, endColorStr=#2F4582);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#2F4582, endColorStr=#2F4582);
display:inline-block; /* IE is so silly */
}
.villeneuvebutton:hover {
background: #3F5BA9;
}
.acastel {
font-family: Georgia;
font-size:25px;
color: #602672;
}
.castelbutton {
font-family: Georgia;
color: #ffffff;
font-size: 20px;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #602672 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#602672), to(#602672));
background: -moz-linear-gradient(top, #602672, #602672);
 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#602672, endColorStr=#602672);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#602672, endColorStr=#602672);
display:inline-block; /* IE is so silly */
}
.castelbutton:hover {
background: #7C3592;
}
.afloreal {
font-family: Georgia;
font-size:25px;
color: #A61B4A;
}
.florealbutton {
font-family: Georgia;
color: #ffffff;
font-size: 20px;
padding: 5px;
text-decoration: none;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
text-shadow: 1px 1px 3px #666666;
border: solid #A61B4A 2px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#A61B4A), to(#A61B4A));
background: -moz-linear-gradient(top, #A61B4A, #A61B4A);
 -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#A61B4A, endColorStr=#A61B4A);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#A61B4A, endColorStr=#A61B4A);
display:inline-block; /* IE is so silly */
}
.florealbutton:hover {
background: #72263F;
}

#gauchephoto, #droitepuce {
padding:1px 0;
}
#mainsem {
   margin:auto;
}
#gauchephoto  {
float:left;
width:462px;
}
#droitepuce {
margin-left:225px;
}



               /***************************************
                ********Style Diaporama Skitter********
                ***************************************/
.mask_home{
   position: relative;
   width: 100%;
   height: 550px;
   overflow: hidden;
   left: 50%;
   margin-left: -900px;
}
.mask_home #diaporama{width:100%;height:550px;position:relative;}
.mask_home #diaporama img{max-width:none;}
.mask_home img{position:absolute;display:block;left: 50%;margin-left: -900px;}
.mask_home #diaporama img { max-width:none; }
.mask_home #diaporama ul {display:none;}
#diaporama .container_skitter {overflow:hidden;position:relative;min-height:100%;max-height:100%;min-width:100%;max-width:100%;}
#diaporama .image {overflow:hidden;min-height:100%;max-height:100%;min-width:100%;max-width:100%;height: 100%;}
#diaporama .image img {display:none;}
#diaporama .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;min-height:100%;max-height:100%;min-width:100%;max-width:100%;}
#diaporama .box_clone img {position:absolute;top:0;left:0;z-index:20;}
.mask_home #diaporama .box_clone img {left: 50%;margin-left: -900px;}
#diaporama .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(/img/prev.png) no-repeat left top;}
#diaporama .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(/img/next.png) no-repeat left top;}
.mask_home #diaporama .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#333;color:#fff;font: 13px arial;padding:5px 0 5px 5px;opacity:0.75;}
.mask_home #diaporama .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;}
.mask_home #diaporama .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}


.mw.mask_home img, .mw.mask_home #diaporama .box_clone img{/*position: relative;*/height:100%;min-width:100%;left:0px;margin:0px;}
.mh.mask_home img, .mh.mask_home #diaporama .box_clone img{/*position: relative;*/width:100%;min-height:100%;left:0px;margin:0px;}
.mw.mask_hotel img, .mw.mask_hotel #diaporama .box_clone img{position: relative;height:100%;min-width:100%;left:0px;margin:0px;}
.mh.mask_hotel img, .mh.mask_hotel #diaporama .box_clone img{position: relative;width:100%;min-height:100%;left:0px;margin:0px;}

#diaporama .container_thumbs {
   margin-top: -60px;
   position: relative;
   overflow: hidden;
   z-index: 100;
   min-width: 860px;
   background: url(/img/bg-thumbs.png);
   background-size: cover;
   margin-left: -23px;
   margin-top: -89px;
   padding-top: 25px;
   padding-bottom: 4px;
}
#diaporama .container_thumbs {opacity:0;transition:opacity 1s;}
#diaporama:hover .container_thumbs {opacity:1;transition:opacity 1s;}

#diaporama #see_pic{
   position: absolute;
   background: #515151;
   padding: 2px 9px;
   z-index: 200;
   margin-top: 382px;
   border-radius: 10px 10px 0px 0px;
   width: 105px;
   padding-right: 40px;
   text-align: center;
   margin-left: 600px;
   opacity:0;
   transition:opacity 1s;
   width: 150px;
}
#diaporama:hover #see_pic{opacity:1;transition:opacity 1s;}
#diaporama #see_pic a{font-size: 15px;color: #FFF;text-decoration:none;}
#diaporama #see_pic .img{position: absolute;top: 50%;right: 5px;margin-top: -13px;}


#diaporama .info_slide_thumb { height:60px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0;display: block;position: relative;max-width: 100%;width:815px;}
#diaporama .info_slide_thumb .image_number { overflow:hidden;width:150px;height:60px;position:relative;margin:0 !important; padding:0 !important; -moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;display: block;float: left;text-align: center;max-width: 20%;}
#diaporama .info_slide_thumb .image_number {opacity:0.6 !important;cursor:pointer;}
#diaporama .info_slide_thumb .image_number:hover {opacity:0.8 !important;}
#diaporama .info_slide_thumb .image_number_select, #diaporama .info_slide_thumb .image_number_select:hover {opacity:1.0 !important;}
#diaporama .info_slide_thumb .image_number img {height: 100%;max-width:95%;}
#diaporama .box_scroll_thumbs { padding:0; }
#diaporama .box_scroll_thumbs .scroll_thumbs { position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101; cursor:pointer;border:0px solid #333; }
#diaporama .info_slide_dots {position:absolute;bottom:0px;z-index:151;padding:0px 10px 8px 5px;margin-left:-30px;background:#CCC;width:1000px;text-align:right;}
#diaporama .info_slide_dots .image_number {background:#BCBFC4;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:12px;height:12px;text-indent:-9999em;overflow:hidden;font-size: 0px;
padding: 6px;}
#diaporama .info_slide_dots .image_number_select {background:#0391D4;margin:0 5px 0 0;}
.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../img/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

#diaporama .label_skitter {
   position: absolute;
   bottom: 80px;
   min-width: 100%;
   max-width: 100%;
   z-index: 1000;
}
#diaporama .label_skitter p 	{
   padding: 20px 30px;
   margin: 0;
   font-size: 40px;
   line-height: 40px;
   text-align: left;
   color: #FFF;
   text-shadow: 0px 0px 4px #000;
   font-weight: bold;
   letter-spacing: 1px;
}

#diaporama .label_skitter p 	a{color:#FFF;text-decoration:none;}
#diaporama .info_slide * 		{ font-family:Consolas,arial,tahoma !important; }
#diaporama .progressbar 		{ background:#000; position:absolute; top:5px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }
#diaporama .preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
#diaporama .preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
#diaporama .preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
#diaporama .preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }
#diaporama .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../img/focus-button.png) no-repeat left top;opacity:0;}
#diaporama .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../img/pause-button.png) no-repeat left top;opacity:0;}
#diaporama .play_pause_button.play_button {background:url(../img/play-button.png) no-repeat left top;}

                      /***************************
                      ********Style Shadowbox****
                      ***************************/

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999999999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;z-index:999;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/scripts/sb/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;margin-top: 0px !important;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:50px;width:30px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav a#sb-nav-close{background-image:url(/scripts/sb/close.png);margin-left: -14px;position: absolute;left: 100%;top: 35px;}
#sb-nav-next{background-image:url(/scripts/sb/next.png);position: absolute;top: 50%;left: 101%;}
#sb-nav-previous{background-image:url(/scripts/sb/previous.png);position: absolute;left: -34px;top: 50%;}
#sb-nav-play{background-image:url(/scripts/sb/play.png);}
#sb-nav-pause{background-image:url(/scripts/sb/pause.png);}
#sb-counter{float:left;width:45%;position: absolute;top: 35px;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

@media print {
   #menu,#info_slide_dots,#menutop,#languages,#header-top,.showNext,.showPrev,.bottom.pagination,#footer_ville,#footer_link,#facebook,#facebook_plugin,#div_actu,#div_actu_bg,#footer_actu,#footer,#hotel_visite,#navbarhotel,.bx-controls,.retour_top,#side_tourisme .up,#side_tourisme .down, .jSlider,#hotel_tarif .hotel_resa, #hotel_map .hotel_contact, #side_links,#hotel_map #slide_it,.hotel_action,#hotel_avis, .rightPart, #menuLinks , #mainHeader .left, .printLink, #fastLines, .mask_home, #all #btn_mobile, #menuFooter{display:none;}
   #hotel_desc p,#hotel_desc .hotel_services,#hotel_map,#hotel_avis,#hotel_tarif,#side_info > div,#hotel_visite,#hotel_prox #li_hotel_situ{page-break-inside:avoid;}
   #content.page.p #main {margin-top: 10px;}
   #hotel_avis .comments {left: -100% !important;}
   #layer #hotel_map #carte_mbg.gmap3{float: none;width: 60%;margin:auto;}
   .fasti_legend .legend{border:none;}

   #layer_top{width:100%;}
   #hotelTitle{position:relative;top:0;}
   #layer .title{margin-top:10px;padding-top:10px;}

   #all #hotel_faq .jSlider{display:block;}
   #all #hotel_faq .reponse{display:block !important;}
   #all #slide_services{display:none;}
}

/*Scrolling thumbs*/
/* Invisible left hotspot */
div.scrollingHotSpotLeft{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	width: 30px;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(/images/smooth_scroll/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(/images/smooth_scroll/cursors/cursor_arrow_left.png), url(/images/smooth_scroll/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible{
	background-image: url(/images/smooth_scroll/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight{
	width: 30px;
	height: 100%;
	background-image: url(/images/smooth_scroll/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(/images/smooth_scroll/cursors/cursor_arrow_right.png), url(/images/smooth_scroll/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible{
	background-image: url(/images/smooth_scroll/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea{
	position: relative;
	width: auto;
	height: 100%;
}
#btn_mobile{
   display: none;
   width:33%;
   flex-grow:0;
}
#btn_mobile .bg{
   background-color: #EFEFEF;
   text-align: center;
   font-size: 20px;
   color: #FFF;
   padding: 12px 15px;
   cursor: pointer;
   width: 50px;
   margin: auto;
}
#head_mobile{
   display: none;
   position: absolute;
   background: #efefef;
   top: 0px;
   width: 250px;
   color: #000;
   text-transform: uppercase;
   font-size: 18px;
   text-align: center;
}
#head_mobile .label{display:inline-block;vertical-align:middle;width:171px;padding:0px 15px;}
#head_mobile .close{display:inline-block;vertical-align:middle;width:49px;line-height: 49px;background:#E20054;transform: rotate(90deg);cursor:pointer;}
#btn_mobile .label, #btn_mobile .icon{vertical-align:middle;display:inline-block;line-height: 20px;}
#btn_mobile .icon .bar{width:17px;height:3px;background:#515151;margin:3px 0px;}
#logo_mobile{
   display:none;
   flex-direction: column;
   align-items: center;
   z-index: 50;
   /* height: 80px; */
   height: 100px;
   text-align: center;
   /* margin-top: -40px; */
   margin-top: -30px;
}
#logo_mobile img {
   height: 100%;
   object-fit: contain;
}
#logo_mobile img + img {
   margin-top: 7px;
}
#mtg_mobile{
   text-align: center;
}
#mtg_mobile .bloc{
   display: inline-block;
   vertical-align:middle;
   margin: 20px 5px 5px 5px;
}
#mtg_mobile .img{
   background: #FFF;
   border-radius: 18px;
   display: inline-block;
   vertical-align:middle;
   line-height: 35px;
   width: 35px;
}
#mtg_mobile .img img{vertical-align:middle;}
#mtg_mobile .label{
   display: inline-block;
   vertical-align: middle;
   margin-left: 8px;
   color: #FFF;
   width: 95px;
   font-size: 12px;
   text-align: left;
}

#moteur_fastake #btn_geoloc{

   z-index: 500;
   background: #B1B1B1;
   cursor: pointer;
   height: 50px;
   width: 40px;
   text-align: center;
   line-height: 40px;
   vertical-align: middle;
   margin-left: 10px;
   border-radius: 0px 0px 8px 0px;

}
#hotel_geoloc h1{text-align: center;color:#e50058;font-weight: bold;font-size: 30px;}
#btn_geoloc img{vertical-align:middle;}

.li_hotel_situ_mobile{width: 90%;padding: 5px;margin: 10px auto;color: #333;font-size: 14px;text-align: left;margin-bottom: 10px;color:#E00058;background:#FFF;border:solid 1px #DDD;height: 48px;}
.li_hotel_situ_mobile.h1{color:#92BC3B;}
.li_hotel_situ_mobile .fl{margin-right:10px;max-width: 100%;height: 100%;}
.li_hotel_situ_mobile .texte{width:43%;float:left;margin: 0px 1%;font-size: 12px;}
.li_hotel_situ_mobile .texte a{color: #505050;font-size: 11px;font-weight: bold;}
.li_hotel_situ_mobile .texte .km{color: #505050;font-size: 12px;font-weight: bold;}
.li_hotel_situ_mobile .texte img{vertical-align:middle;height: 20px;}
.li_hotel_situ_mobile .vignette{width:20%;margin: 0px;float: left;height: 100%;}
.li_hotel_situ_mobile .resa{width:35%;float:right;text-align:right;}
.li_hotel_situ_mobile .resa a{color: #505050;font-size: 13px;text-decoration:none;font-weight:bold;}
.li_hotel_situ_mobile .resa .price{color: #E00058;font-size: 16px;}

.aff_mobile{display:none;}


#layer .jSlider{
   color: #FFF;
   cursor: pointer;
   padding: 8px;
   margin: 8px 0px;
   font-weight: bold;
}

.aff_mobile{display:none;}


.tel_btn{
   margin-top: 5px;
   border-radius: 30px 0px 30px 0px;
   color: #FFF;
   font-size: 20px;
   background: #92BC3B;
   margin-top: 15px;
   width: 200px;
   text-align: center;
   display: block;
   margin: 8px auto;
   padding: 0px 20px;
}
.tel_btn a{background: url(/img/mobile/contact-tel.png) no-repeat left;color:#FFF;text-decoration:none;padding: 2px 10px;display:block;}

/* Content */
@media all and (max-width:1800px){
   #content #div_actu_bg{left:0px;margin-left:0px;width:100%;}
}
@media all and (max-width:1600px){
   .home #main .padd, #main .padd {
      padding: 12px 20px;
   }
   #actualites .bx-wrapper{
      width:1000px;
      margin: auto;
   }
   #promotions {
      width: 1030px;
      margin: 20px auto;
   }
}
@media all and (max-width:1400px){
   #mainHeader .left{
      align-items: flex-start;
      flex-direction: column;
   }
   #baseline{padding:0 10px;}

   #header #menuLinks {
      align-items: flex-end;
      flex-direction: column;
   }
   #header #menuLinks #languages.menuLink{
      position: absolute;
      right: 285px;
      top: 60px;
   }
   #header #menuLinks .menuLink{
      margin: 5px 5px;
      height:50px;
      position: relative;
   }


   .search #carteResa{
      background:none;
      box-shadow:none;
   }
   #all  #moteur_resa.search{
      max-width:500px;
      background: #FFF;
      box-shadow: 1px 1px 3px #999;
      margin:auto;
      border-radius: 10px;
   }
   #all #moteur_resa.search .champs{
      flex-wrap: wrap;
      padding: 0 20px;
   }
   #all #moteur_resa.search .champ{
      padding: 10px 5px;
   }
   #all #moteur_resa.search .champ.destination{
      width:100%;
      border-right: none;
      border-bottom: solid 2px #EEE;
   }
   #all #moteur_resa.search .champ.checkindate, #all #moteur_resa.search .champ.checkoutdate{
      width:50%;
      border-bottom: solid 2px #EEE;
   }
   #all #moteur_resa.search .champ.checkoutdate{
      border-right: none;
   }
   #all #moteur_resa.search .champ.occupancy{
      width:65%;
      border-right: none;
   }
   #all #moteur_resa.search .champ.submit{
      width:35%;
   }
   #all #moteur_resa.search input[type="submit"]{
      padding: 6px;
      width: 100%;
   }
   #moteur_resa.search .champ.destination::after, #moteur_resa.search .champ.checkindate::after, #moteur_resa.search .champ.checkoutdate::after, #moteur_resa.search .champ.occupancy::after{top:16px;}



}
@media all and (max-width:1280px){
   #hotel_tarif .ch_tarif .legend{font-size:11px;}
}
@media all and (max-width:1250px){
   #home_promo{
      float: none;
      clear: both;
      margin: 40px auto;
      position: relative;
      top: 25px;
      max-width:100%;
   }
   #home_month{max-width:45%;}
   #home_top{max-width:45%;float: right;position: relative;left: auto;margin-right: 35px;}
   .form_contact.guide .second{font-size: 11px;}
}
@media all and (max-width:1200px){
   #hotel_tarif .ch_tarif .legend{font-size:10px;}
   #side_info .fasti_legend .legend{margin-left:35px;}

   #miniActuFooter{
      width:200px;
   }


   #hotelMainPage{
      flex-direction: column-reverse;
   }
   #hotelMainPage .rightPart{
      width: 100%;
      position: relative;
      margin: 0;
   }
   #hotelMainPage #layer_top{width:100%;}

   #hotelTitle{display:none;}
}
@media all and (max-width:1180px){
   #div_actu .padd{width: 700px;}
   #hotel_avis .comment .div_note{
      margin:0 5px;
      padding:6px;
   }


   #footer_actu .news{float: none;display: inline-block;vertical-align:middle;width: 280px;height:auto;}
   #footer_actu .img, #footer_actu .texte{display: inline-block;vertical-align:middle;float: none;}
   #footer_actu .img, #footer_actu img{width:100px;}
   #footer_actu .texte{width:180px;line-height: 100%;text-align: left;}

   #footer_actu {width: auto;height: auto;text-align: center;}
}
@media all and (max-width:1100px){
   #nbh ul li.n a {font-size:12px;padding: 7px 5px;}
   #navbarhotel li.goto_desc img {max-height: 30px;margin-top: -7px;margin-left: -35px;}
   #navbarhotel li.goto_desc {padding-left:32px;}
   .form_contact.guide .second{font-size: 10px;}
   .hotel_infos .titre{padding: 10px;font-size:16px;}
   .hotel_infos .adresse{padding:0px 10px;font-size: 11px;}
   .hotel_infos .phone {padding: 10px 10px;font-size: 11px;}
   .hotel_infos .see_hotel{
      float: none;
      width: 200px;
      margin: auto;
      text-align: center;
      position: relative;
      top: -5px;
   }
   .form_contact {height: 360px;padding: 10px 40px;}
   .form_contact .first{
      float: none;
      width: auto;
      max-width: 280px;
      margin: auto;
      border: none;
   }
   .form_contact .second, .form_contact .third{
      width: 47%;
      margin-right: 3%;
   }

   #actualites .bx-wrapper{
      width:450px;
   }
   #promotions {
      width: 500px;
   }
}
@media all and (max-width:1090px){
   .mask_hotel{min-width:815px;margin:auto;margin-bottom:10px;}
}

@media all and (max-width:1020px){
   #ui-datepicker-div.ui-datepicker.ui-datepicker-multi{margin-left:-45px;}
   #hotel_desc .hotel_action{left: auto;right:10px;}
   #layer, .layer{width:auto;float:none;margin:auto;}
   #navbarhotel li.goto_offre{display:block;}
   #side_info{width: 790px;float:none;margin:auto;margin: 45px auto;max-width: 100%;}
   #side_promo{margin: 10px auto;}
   .article{width: 350px;margin: 40px auto;}
   #side_tourisme{width: 350px;margin: 40px auto;}
   #side_texte_hotel,.situ_galerie{display:none;}

   #side_info #home_promo.situation{width: 400px;float:none;margin:20px auto;}
   #div_actu{height:110px;}
   #div_actu .fasti{background-size:contain;}
   #div_actu .news{padding:4px 0px;}
   #div_actu .bx-controls {margin-top: -92px;}
}
@media all and (max-width:1000px){

   #menutop .sousMenu{width:100%;}
   #menuLogo{display:block;margin:10px auto;text-align:center;}
   #menuLinks > .close{display:block;}
   #menuLogo img{max-width:200px;width:80%;}
   #header #menuLinks{
      align-items: center;
      position: fixed;
      top: 20px;
      background: #FFF;
      padding: 10px;
      max-width: 300px;
      left: -100%;
      width: 100%;
      height: 100%;
      justify-content: flex-start;
      box-shadow: 1px 1px 3px #999;
      transition:left 1s;
   }
   #header.openMenu{
      z-index:500000;
   }
   #header.openMenu #menuLinks{
      left:0;
   }
   #header #menuLinks #languages.menuLink{
      position:relative;
      top:auto;right:auto;
   }

   #menuLinks .menuLink .popup {
      margin-left: -50px;
      box-shadow: none;
      margin-top: 10px;
      width: 290px;
   }
   #menuLinks .menuLink .popup .close{
      display: none;
   }


   #mainHeader{
      padding:8px 15px;
   }
   #mainHeader .left{
      flex-grow:0;
      width:33%;
   }
   #logo{
      flex-grow:0;
      width:33%;
      text-align: center;
   }
   #baseline {
      font-size: 19px;
      padding: 0px 10px;
      line-height: 19px;
   }
   #btn_mobile{display:block;}
   #gammes {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap;
   }
   #topDestination{
      flex-direction: column;
   }
   #topDestination .label{
      margin-right: 0;
      margin-bottom: 10px;
      padding: 0;
   }


   #hotelMainPage #moteur_resa .champ.destination::after, #hotelMainPage #moteur_resa .champ.checkindate::after, #hotelMainPage #moteur_resa .champ.checkoutdate::after, #hotelMainPage #moteur_resa .champ.occupancy::after{
      top:16px;
   }

   #all  #moteur_resa{
      max-width:500px;
      background: #FFF;
      box-shadow: 1px 1px 3px #999;
      margin:auto;
      border-radius: 10px;
   }
   #all #moteur_resa .champs{
      flex-wrap: wrap;
      padding: 0 20px;
   }
   #all #moteur_resa .champ{
      padding: 10px 5px;
   }
   #all #moteur_resa .champ.destination{
      width:100%;
      border-right: none;
      border-bottom: solid 2px #EEE;
   }
   #all #moteur_resa .champ.checkindate, #all #moteur_resa .champ.checkoutdate{
      width:50%;
      border-bottom: solid 2px #EEE;
   }
   #all #moteur_resa .champ.checkoutdate{
      border-right: none;
   }
   #all #moteur_resa .champ.occupancy{
      width:65%;
      border-right: none;
   }
   #all #moteur_resa .champ.submit{
      width:35%;
   }
   #all #moteur_resa input[type="submit"]{
      padding: 6px;
      width: 100%;
   }
   #searchMap{
      left: 50%;
      margin-left: -240px;
   }

   .blocArticle .vignette{display:none;}
   .blocArticle .content{width:100%;}

   #menuFooter {
      flex-direction: column;
   }
   #menuFooter .footerSocial{margin-top:20px;width: 100%;}
   #footer_ville{display:none;}


   #carteResa{background: none;box-shadow: none;}

   #moteur_resa .champ.destination::after, #moteur_resa .champ.checkindate::after, #moteur_resa .champ.checkoutdate::after, #moteur_resa .champ.occupancy::after{top:16px;}

   .twinColumn, .flex.twin{display:block;}
   .twinColumn .column, .flex.twin > *{width:100%;}

   .hotel_infos .see_hotel_map{display:none;}
   #diaporama .label_skitter p{font-size: 16px;line-height: 20px;}
   #hotel_map .adresse{float: none;clear: both;margin: auto;width: 100%;text-align: center;}
   #hotel_map #carte_mbg.gmap3{float: none;width: 100%;}
   #side_links{margin:10px auto;}
   #hotel_map .hotel_contact{float: none;margin: 10px auto;width: 200px;}
   #hotel_map #slide_it{float: none;margin: 10px auto;width: 200px;}

   #placeholderComparateur {
      max-width: 500px;
      margin: 10px auto;
   }

   .liste_hotels {
      flex-direction: column-reverse;
   }
   #bloc_right{
      max-width:none;
      margin: 0;
   }
   #liste_hotel .hotel_page{
      display:flex;
      flex-wrap: wrap;
      width: 100%;
   }
   #carte_situation{height:500px;}
   .home #main .padd, #main .padd {
      padding: 12px 10px;
   }

   .flexContactHotel{
      display:block;
   }
   #hotel_map .carte{
      height: 350px;
   }

   #carte_situation_holder{border:none;}
   .search #carteResa{
      position: relative;
      left: 0;
      right: 0;
      margin-bottom: 10px;
   }

}
@media all and (max-width:991px){
    #ui-datepicker-div{top: 264px !important;}
}
@media all and (max-width:900px){
   #home_promo{margin:30px auto;top:0px;}
   #home_month{max-width:100%;float:none;margin:30px auto;}
   #home_top{max-width:100%;float:none;margin:30px auto;}
   #menu .first .img{display:none;}
}
@media all and (max-width:880px){
   .mask_hotel{min-width:100%;}
   #diaporama .container_thumbs{min-width:0px;max-width:100%;}
   #div_actu .padd{width: 466px;}
}
@media all and (max-width:850px){
   #diaporama #see_pic{
      top: 50%;
      margin: 0px;
      border-radius: 10px;
      left: 50%;
      margin-left: -75px;
   }
   #diaporama:hover .container_thumbs{display:none;}
}
@media all and (max-width:800px){
   #logoGammes, #baseline{display:none;}
   #see_pic a:nth-child(2), #see_pic a:nth-child(4){display:none;}
   #see_pic{grid-template-columns: 25% 25% 0;}


    #ui-datepicker-div{top: 244px !important;}
   #last_see{display:none;}

   #content.page #recherche_bloc{height:auto;}
   .mask_home{position:relative;top:0px;height:150px;margin-bottom: 0px;}
   .mask_home #diaporama{height:150px;}
   #diaporama .label_skitter{
      left: 0px;
      margin: 0px;
      right: 0px;
      border-radius:0px;
   }
   #diaporama .label_skitter p{
      padding: 2px;
      font-size: 14px;
   }
   #div_actu, #div_actu_bg{display:none;}
   #content.page #main{margin-top:0px;}
   #recherche_content {padding: 12px 2px;}
   #detailschilds{position:relative;top:0px;}
   #btn_geoloc{display:none;}

   #all .situation #maCarte{float:none;width:100%;height:250px;}
   #all .situation #carte_ville.gmap3{height:250px;}
   #li_hotel_situ{width:auto;}
   html .ui-datepicker {min-width: 280px;}
   .subheader_hotel {height: auto;}

   .aff_mobile{display:block;}
   .hide_mobile{display:none;}
}
@media all and (max-width:767px){

}
@media all and (max-width:700px){
   #footer{height:auto;}
   div#menutop ul.niveau1{width:auto;float:none;}
   #credit{position: relative;margin-top: 15px;bottom: 0px;}
   #all .li_hotel_situ{float:none;}

   #nbh{display:none;}
   #layer .jSlider{display:block;}
   #hotel_visite{display:none;}
   #bloc_fasti{
      position: relative;
      margin: 5px auto;
      max-width: 180px;
   }
   .hotel_action .link, .subheader_hotel_btn .link{display:none;}
   .subheader_hotel img{margin-left:0px;}
   #layer_descriptif{margin-right:0px;}
   #ariane{display:none;}

   #maCartePromo, #affiner_recherche{float:none;}
   #affiner_recherche{margin:16px auto;height:auto;}
   #all #carte_promo.gmap3{min-width:100%;margin-bottom:16px;}
   #affiner_recherche label{margin-top:0px;}
   .hotel_infos, .hotel_pic, .hotel_promo{float:none;width:auto;}
   .actu_inline{
      height: auto;
      max-width: 320px;
      margin: 5px auto;
   }
   #main .read_more a {
      border-radius: 8px 0px 8px 0px;
      margin: 7px auto;
      float: none;
      width: 80px;
      text-align: center;
   }

   .form_contact {height: auto;padding: 10px 10px;}
   .form_contact .second, .form_contact .third{
      float: none;
      width: auto;
      max-width: 280px;
      margin: auto;
      border: none;
   }
   #all #slide_services{
      background: none;
      color: #91be2b;
      font-size: 16px;
      line-height: 100%;
      border: none;
      padding: 8px 0px;
   }
   #hotel_tarif .ch_tarif{min-width:33%;}
   #hotel_tarif .ch_tarif:nth-child(3){border:none;}
}
@media all and (max-width:640px){
   .mask_home{display:none;}
   .home #carteResa{margin-top:5px;}
   #header{
      margin-bottom: 15px;
   }
   #btn_mobile, #mainHeader .left{width:50px;}
   #logo {flex-grow: 1;}
   #searchMap{position:relative;margin-top:0;top: -2px;}
}
@media all and (max-width:600px){
   #hotel_desc .service_pic{min-width: 16.6%;}
   .footerLogo{display:none;}
   #footer .shrink {
      flex-direction: column;
   }
   #menutop {
      flex-direction: column;
   }

   #see_pic{grid-template-columns: 50% 50%;}
   #see_pic a:nth-child(1) .img {
      height: 270px;
   }
   #see_pic a:nth-child(3) {
      grid-column: 1;
      grid-row: 3;
   }
   #see_pic a:nth-child(5) {
       grid-column: 2;
       grid-row: 3;
    }
}
@media all and (max-width:550px) {
   #promotions {
      width: 100%;
   }
}
@media all and (max-width:530px){
   #all .fastcomp_content{
      display:block;
   }
   #all #fasthotel_comparateur.fastcomp_loaded, #all #fasthotel_comparateur .fastcomp_content{
      width:310px;
   }
   #placeholderComparateur {
      max-width: 310px;
   }
   #all #fasthotel_comparateur .fastcomp_head .fastcomp_head_libelle {
      font-size: 15px;
   }
   #all #fasthotel_comparateur .fastcomp_head {
      padding: 8px 5px 3px 5px;
   }
   .fastcomp_tarifs{
      flex-direction: row;
   }
   #all #placeholderComparateur #fasthotel_comparateur .fastcomp_tarif {
      border-right: solid 2px #EEE;
      border-bottom:none;
   }
   #all #placeholderComparateur #fasthotel_comparateur .fastcomp_tarif:last-child{
      border-right:none;
   }
   #placeholderComparateur {
      height: 95px;
   }
   #all #placeholderComparateur #fasthotel_comparateur .fastcomp_tarifs{
      border:none;
   }
}
@media all and (max-width:500px){
   #topDestination .label{
      font-size:24px;
   }
   #actualites .bx-wrapper{
      width:100%;
   }
   #menuFooter .footerSocial .listing{margin-left:0;}

   #hotel_desc .service_li{float:none;width:auto;}
   .hotel_note{display:block;}
   .hotel_note .count{display:block;margin:0px;}
   #contenu_standard {padding-left: 10px;padding-right: 10px;}
   .ui-autocomplete{max-width: 255px;}

   #sb-nav-previous {left: 0px;z-index: 5000;}
   #sb-nav-next {left: auto;right: 0px;z-index: 5000;}
   #sb-wrapper {left: 5px !important;right: 5px !important;width: auto !important;}
   #sb-body img {width: 100% !important;height: auto !important;}

   #layer, .layer{padding:0px;border:none;}
   #layer .jSlider{
      padding: 12px;
      font-size: 18px;
      border-radius: 15px 0px 15px 0px;
      font-weight: normal;
   }
   #hotel_desc .service_pic{min-width: 20%;}

   #menuFooter #menuLinks{display:none;}
   #menuFooter .footerSocial{flex-direction: column;width:100%;}
   #actualites .slide .slideContent{
      flex-direction: column;
      max-width:100%;
   }
   #actualites .slide .img{
      margin-right: 0;
      margin-bottom: 8px;
      width: 100%;
   }
   #actualites .slide .content{
      width: 100%;
   }



   #searchMap{
      left: 0;
      margin-left: 10px;
   }
}
@media all and (max-width:450px){
   #all #moteur_resa .champ.checkindate, #all #moteur_resa .champ.checkoutdate, #all #moteur_resa .champ.occupancy, #all #moteur_resa .champ.submit{
      width:100%;
      border-right: none;
   }


}
@media all and (max-width:420px){
   #diaporama .prev_button{left:5px;}
   #diaporama .next_button{right:5px;}
   .fasti_legend .legend{font-size:15px;}
   #home_promo .bpb_texte{width:52%;}
   #home_promo .bx-controls, #home_month .bx-controls{width: 100%;text-align: center;margin-left:0px;}
   h1 {font-size: 22px;text-align: center;}
   #all #li_hotel_situ .li_hotel_situ {width: auto;margin: 5px 0px;}
   #all #li_hotel_situ .li_hotel_situ .texte{padding:5px;padding-left: 35px;}
   #li_hotel_situ .li_hotel_situ h2, #li_hotel_situ .li_hotel_situ h2 a {font-size: 17px;}
}

@media all and (max-width:400px){
   #hotel_desc .service_pic{min-width: 20%;}
   .liste_hotel .bloc_content h3{
      flex-direction: column;
   }
   .liste_hotel .bloc_resa .line{
      flex-direction: column;
   }
   #hotel_tarif .ch_tarif{min-width:50%;}
   #hotel_tarif .ch_tarif:nth-child(2), #hotel_tarif .ch_tarif:nth-child(4){border:none;}
   #hotel_tarif .ch_tarif:nth-child(3){border-right:solid 2px;}

}
@media all and (max-width:380px){
   .article{width:280px;}
   #side_info .article .vignette {height: 130px;}
   #side_tourisme{width:280px;}
   #side_promo{width:300px;}
   #side_promo .carrousel_promo .bloc_promo_img{
      float: none;
      height: 70px;
      width: auto;
      margin: auto;
   }
   #side_promo .carrousel_promo div {height: 200px;}
   #side_promo{height:223px;}
}
@media all and (max-width:320px){
   #side_promo{width:280px;}
}
@media all and (max-width:300px){
   #hotel_desc .service_pic{min-width