ul#css3menu a, ul#css3menu span{font-size:14px;}
ul#css3menu .topmenu{padding:0px 8px;}

#moteur_resa #code_promo{width: 100%;border-radius: 5px;}
#moteur_resa .encart_blc{
   background: #FFF;
   position: absolute;
   right: 0px;
   padding: 4px 8px;
   color: #000;
   text-decoration: none;
   display: none;
}
#moteur_resa.minisite{text-align: left;}
.diapo_moteur_wrap #moteur_resa.minisite{max-width: 780px;/*height: 190px;*/}
#moteur_resa.minisite .bloc_note{position: absolute;right: 0;top: 10px;background-color: #fff;padding: 10px;}
#moteur_resa.minisite .bloc_note .see_reviews{color: #333;}
#moteur_resa.minisite .bloc_note .see_reviews .note_txt{color: #0073C7;}
#moteur_resa.minisite h2, #moteur_resa_disabled.minisite h2{margin-bottom: 25px;}
#moteur_resa.minisite .champs, #moteur_resa_disabled.minisite .champs{display: flex;justify-content: center;align-items: flex-end;margin-top: 10px;}
#moteur_resa.minisite .champs .champ.submit input, #moteur_resa_disabled.minisite .champs .champ.submit input{margin-bottom: 0;}
#moteur_resa.minisite .champs .champ, #moteur_resa_disabled.minisite .champs .champ{margin: 0 30px;}
#moteur_resa .encart_blc span{vertical-align: middle;}
#moteur_resa .encart_blc span.note{color:#0073C7;font-weight:bold;font-size:18px;margin-left:5px;}
.bloc_gris .aff_note{background:#f6f6f6;}
.moteur_title {color : #0073C7;font-size: 22px;}
#all .bandeaux_brit {max-width: 780px;margin: auto;position: absolute;bottom: 120px;z-index: 1;background-color: #fff;left: 50%;transform: translateX(-50%);width: 100%;}
#all #resa .bandeaux_brit{position: static;transform: inherit;}
#all #moteur_resa_disabled{
   margin-bottom:40px;
}
#all #resa .bandeaux_brit{max-width: 1180px;}

#hotel_more_avis{ 
   background: #0073c7;
   display: inline-block;
   color: #FFF;
   padding: 8px 12px;
   font-size: 16px;
   cursor:pointer; 
   margin: 10px 0px;
}
#hotel_presentation .bloc_resa .from{text-align: center;}
.avis .link_detail{display:none;color: #0073C7;font-weight: bold;}
#diaporama .label_skitter .content{margin-top: 30px;}
#all #moteur_resa_btn{width: 220px;margin-left: 0;margin-top: -60px;transform: translateX(-50%);}
#all .diapo_moteur_wrap #moteur_resa_btn{display: none;}
#moteur_resa .bandeaux_brit .texte p{margin: 3px 0px;}
#bloc_picto_home{background:#F7F7F7;padding:20px 0px;display: flex;justify-content: center;flex-wrap: wrap;}
#bloc_picto_home .icon{display:inline-block;vertical-align:middle;margin:0px;width: 74px;height: 74px;line-height: 74px;}
#bloc_picto_home .legende{display:inline-block;vertical-align:middle;margin-bottom:15px;font-weight: bold;text-transform: uppercase;margin-top: 5px;}

.aff_gamme{margin:0px auto;padding:50px 0px;padding-bottom: 20px;overflow: hidden;position: relative;}

.aff_gamme .h1, .aff_gamme .h2, .gamme_2 .color{color:#0074c8;font-size: 20px;}
.aff_gamme .h1{font-size:27px;}
.aff_gamme .h2{font-size:20px;}
.aff_gamme.gamme_1 .h1, .aff_gamme.gamme_1 .h2, .gamme_1 .color{color:#ef891b;}
.aff_gamme.gamme_3 .h1, .aff_gamme.gamme_3 .h2, .gamme_3 .color{color:#cc1531;}
.aff_gamme.gamme_1 .h2 .before{background:#ef891b;}
.aff_gamme.gamme_3 .h2 .before{background:#cc1531;}

.aff_gamme.gamme_1 .h1:before{background-position:-226px -103px;}
.aff_gamme.gamme_3 .h1:before{background-position:-226px -114px;}
.aff_gamme .content{width:545px;margin-left:30px;text-align: justify;margin-bottom: 20px;}
.aff_gamme .bloc_left{max-width:600px;margin-top: 20px;display:inline-block;vertical-align:top;}
.aff_gamme .img, .aff_gamme .content{display:inline-block;vertical-align:middle;}
.aff_gamme .img .vignette{width: 600px;height:400px;position:relative;margin:0px;}
.aff_gamme .img .vignette .aff_photos{/*top: 8px;bottom: auto;*/width: auto;left: 10px;}
.aff_gamme .img .vignette .aff_photos .count{display: none;}
.aff_gamme .bloc_btn{text-align: center;margin-top: 25px;}
#all .aff_gamme .bloc_btn a{margin:0px;display: block;width: auto;}
.aff_gamme .bloc_btn .btn_link{width: 228px;text-align: center;}
.aff_gamme .bloc_btn .btn_link .sprite{margin-right: 10px;}
.aff_gamme .bloc_btn .btn_link .sprite.email{margin-top: 3px;margin-bottom: 3px;}
.aff_gamme .bloc_btn .btn_link .label{
   display: inline-block;
   vertical-align: middle;
   width: 190px;
   text-align: center;
}
.aff_gamme .bloc_btn a.btn_link .label{
   text-align:center;
}
.aff_gamme .content p{margin:20px 0px;}
.aff_gamme .aff_equip{margin-top: 20px;background: #EEE;padding: 8px 20px;position: relative;}
.aff_gamme .equip_line {width: 140px;}
.aff_gamme .bloc_equip{justify-content: center;flex-wrap: wrap;}
#all .aff_gamme .aff_equip span.plus{
   display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    position: absolute;
    right: 0;
    margin-top: 0;
    border: none;
    font-size: 18px;
    top: 0;
    bottom: 0;
    background: no-repeat;
    background-color: #0073C7;
    transition: .3s;
    height: 100%;
    width: 33px;
    color: #fff;
}

#all .aff_gamme .bloc_btn .twin:first-child .padd{margin-right:20px;}
#all .aff_gamme .bloc_btn .twin:last-child .padd{margin-left:20px;}
#all .aff_gamme .cta{
   margin: 0px;
   display: block;
   width: auto;
}

.ui-state-default.cheapest, .ui-widget-content .ui-state-default.cheapest{   
   background: #1db765;
   color: #FFF;
}
.explain_cheapest{
   padding: 8px;
   text-align: center;
   font-weight: bold;
}

.explain_cheapest div{
   background: #1db765;
   display: inline-block;
   vertical-align: middle;
   margin-right: 5px;
   width: 15px;
   height: 15px;
}

.chambre .desc_ch .equip_line{/*display: inline-block;*/margin: 8px;}
.chambre .desc_ch .equip_line .label{display: block;}

.aff_note.full{border: solid 1px #CCC;padding: 30px 5px;}
.aff_note.full .head{
   text-align: center;
   color: #1db765;
   display: inline-block;
   font-size: 18px;
   text-transform: uppercase;
   letter-spacing: -1px;
   font-weight: bold;
}
.aff_note.moteur{
   position: absolute;
   text-align: center;
   color: #1db765;
   display: inline-block;
   font-size: 15px;
   text-transform: uppercase;
   letter-spacing: -1px;
   font-weight: bold;
   border: solid 1px #1db765;
   padding:5px;
   right: 0px;
   top: -72px;
}
.aff_note.moteur.home{top: -155px;}
.aff_note.moteur .bloc_note_wrapper{display:block;margin:0px;}
.aff_note.moteur .note-wrapper{margin:10px auto;}

.bloc_home.aff_blanc .bloc_avis .padd{background-color: #f5f5f5;}

.note-wrapper{
   border-radius: 50%;
   width: 80px;
   height: 80px;
   display: flex;
   margin: 20px auto;
}
.note-wrapper .note{
   color: #1db765;
   font-size: 20px;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   margin: auto;
   background: #fff;
   text-align: center;
   padding-top: 17px;
   box-sizing: border-box;
}

.chambre .desc_ch .aff_photos .count{display: block;color: #fff;margin-left: 2px;}

.affmenu_restaurant{background: url(/img/ardoise.jpg);background-size: cover;}
.affmenu_restaurant body{background:none;;}
.affmenu_restaurant  #footer,.affmenu_restaurant  #subheader,.affmenu_restaurant  #header,.affmenu_restaurant  #header_h1,.affmenu_restaurant  #header_img{display:none;}
.affmenu_restaurant .ardoise{max-width: none;margin: 0px;background:none;}

.info_map .btn_link span{vertical-align:middle;}

.bloc_picto .picto{text-align:left;margin: 10px 20px;width: 180px;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;}
.afftunnel .bloc_picto .picto{min-width:0px;}
.bloc_picto .picto .icon{text-align:center;}
.bloc_home .bloc_picto .picto, #footer .bloc_picto .picto{text-align:center;}
#resa{z-index: 10000;}
#form_ch .btn_resa.aff_mobile.slide_fixed_bottom.fixed{z-index:2000;}
#form_ch .btn_resa.aff_mobile.slide_fixed_bottom{z-index:-1;}


.bloc_home .bloc_equip{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: stretch;
   justify-content: flex-start;
}

.bloc_home .bloc_equip > div{
   margin: 0 5px;
}
.bloc_home .bloc_equip .group{
   padding:8px;
   border-top:solid 10px #FFF;
}
.bloc_home .bloc_equip .group .head{
   font-weight:bold;
   text-align: center;
   height: 35px;
   line-height: 35px;
   margin: 2px;
}
.bloc_home .bloc_equip .group .equipContent{
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   align-items: flex-start;
}
.bloc_home .bloc_equip .group .equip_line{
   margin: 2px;
   border: none;
   flex-direction: row;
   padding: 0;
   width:225px;
   height:auto;
   min-height: 35px;
   text-align: left;
}
.bloc_home .bloc_equip .group .label{
   width:180px;
   margin-left:5px;
}


/*
.bloc_home .bloc_equip{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: flex-start;
   justify-content: flex-start;
}

.bloc_home .bloc_equip .group{
   margin: 6px 0;
   margin-right:10px;
   padding:12px 8px;
   background: #F5F5F5;
}
.bloc_home .bloc_equip .group .head{
   font-weight:bold;
}
.bloc_home .bloc_equip .group .equipContent{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: flex-start;
}
.bloc_home .bloc_equip .group .equip_line{
   background: #FFF;
   margin: 5px 13px 0;
}
.bloc_home .bloc_equip .group .equip_line:first-child{
   margin-left:0;
}
.bloc_home .bloc_equip .group .equip_line:last-child{
   margin-right:0;
}*/
   
.home_equip{margin-top: 20px;}
.home_equip .parking, .home_equip .pdj, .home_equip .check_in, .home_equip .check_out, .home_equip .equip_line.home{display:inline-block;vertical-align:middle;text-align:left;margin: 8px;width: auto;}
.home_equip .equip_line.home{
   border:none;
   padding:0;
   height: auto;
}

.home_equip a{color:#000;display: inline-block;}
.home_equip a:hover{background: #f2f8fc;}
.home_equip .icon{display:inline-block;vertical-align:middle;}
.home_equip .desc, .home_equip .equip_line.home .label{display:inline-block;vertical-align:top;margin-left:5px;font-size: 13px;padding:0px 0px;}
.home_equip .pdj.desc{padding:4px 0px;}
.home_equip .label{}
.home_equip .price{font-weight:bold;font-size: 17px;}

.home_equip .flex{
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: row;
   margin: 10px 0;
}
.home_equip .flex .equip_line.home{
   display: flex;
   flex-direction: row;
   margin:4px;
   flex-grow: 1;
   width: 100%;
   justify-content: flex-start;
}

.aff_gamme .info_map{background: #EEE;padding: 8px 20px;position: relative;text-align: center;}
.bloc_addr{
   margin: 10px 30px;
   display: inline-block;
   vertical-align: middle;
}
.bloc_addr .adresse{display:inline-block;vertical-align:middle;font-size: 16px;}
.twin .bloc_addr{display:block;}


.aff_gamme .hn_align{text-align:left;}
.aff_gamme .galerie{margin-top:45px;}
.aff_gamme .cache{  
   background: #FFF;
   position: absolute;
   left: 0px;
   bottom: 0px;
   width: 70px;
   height: 50px;
   transform: rotate(45Deg);
   transform-origin: top left;
}
.aff_gamme .link{text-transform:uppercase;color:#000;font-weight: bold;}

.aff_note{
   background: #FFF;
   padding: 10px;
   position: absolute;
   right: 5px;
   top: -95px;
}
.aff_note .note_txt{color: #0073C7;font-size: 28px;display: block;text-align: center;}

.avis{display:inline-block;width:370px;margin:10px;}
.bloc_avis.full .avis{display: block;width: auto;max-width: 780px;margin: 10px auto;text-align: left;}
.bloc_avis.full .avis .content{float:right;width:600px;height:auto;}
.bloc_avis.full .avis .avis_meta{float:left;width:100px;}
.bloc_avis.full .avis .avis_meta .credit{padding-top:0px;}
.bloc_avis.full .avis .reponse img{vertical-align: bottom;height: 20px;margin-right: 5px;}
.bx-wrapper .avis{margin:0px;}
.avis .padd{background:#FFF;padding:30px;}
.avis .titre{color:#0073C7;font-weight:bold;margin-bottom:20px;}
.avis .texte p{font-size:13px;}
.avis .credit{font-weight:bold;padding:20px 0px;}
.avis .content{height:120px;overflow:hidden;}
.avis.full{margin:0px auto;}
.avis.full .content{height:auto;}
.full .avis .avis_content p{
   font-weight: 300;
   font-size: 17px;
   padding: 0px 20px;
}
.full .avis .avis_content p::before, .full .avis .avis_content p::after{
   content:"";
   background:url(/img/avis_client_quote.png);
   width:18px;
   height:15px;
   display:inline-block;
   position:absolute;
   margin-left:-25px; 
   margin-top:-8px;  
}
.full .avis .avis_content p::after{
   margin-top:8px;
   margin-left:5px;
   transform: scale(-1);
}
.avis .reponse b{
   color: #0074c8;
}
.avis .head{border-bottom: solid 1px #0074c8;padding-bottom: 8px;font-size: 15px;font-weight:300;}
.avis .head b{font-weight: 400;}

.bloc_avis{margin:30px 0px;}
.bloc_home .bloc_avis{margin: auto;margin-top: 20px;margin-bottom:50px;max-width: 1180px;text-align: center;padding-top: 1px;padding-bottom: 1px;}
.bloc_avis .slide{height:254px;overflow:hidden;}
.bloc_avis .bx-wrapper .slide{overflow:visible;}
.bloc_avis .bx-controls{position: absolute;top: 50%;transform: translateY(-50%);}
.bloc_avis .bx-prev,.bloc_avis .bx-next{background:none;line-height:254px;}
.bloc_avis .bx-pager{top: 260px;}
.bloc_avis .bx-viewport{margin: 0 auto;max-width: 80%;}

.avis .note-wrapper .note{color:#0074c8;}

.bloc_home #carte_hotel{margin-top:30px;}
#all #bloc_itineraire{margin-top:25px;}


#hotel_presentation{position:relative;margin:0 auto;max-width: 1140px;margin-bottom: 30px;}
#hotel_presentation .bloc_gamme{
   position:absolute;
   top:0px;
   right:0px;
}
#hotel_presentation .hotel_head .hn_align{position: absolute;z-index: 1;top: 50px;left: 0;width: 70%;transform: translate(0,0);}
.hotel_head .hn_align{position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;padding: 0 10px;}
#hotel_presentation .hotel_head .hn_align.tleft{text-align: center;}
#hotel_presentation .hotel_head{width: 30%;background-color: #efefef;display: flex;flex-direction: column;justify-content: space-between;}
.hotel_head .bloc_hn h1:before,#hotel_presentation .bloc_hn .h1:before{content: none;}
.home .hotel_head .bloc_hn h1,.home .hotel_head .bloc_hn .h1{color: #fff;display: none;}
.hotel_head .bloc_hn h1,.hotel_head .bloc_hn .h1,.hotel_head .bloc_hn .h2{color: #fff;display: none;}
.hotel_head .bloc_hn .h2{color: #fff;}
#hotel_presentation .bloc_left{position:relative;display:inline-block;vertical-align:top;width: 100%;display: flex;}
#hotel_presentation .bloc_left.fancybox{cursor:pointer;}
#hotel_presentation .bloc_right{
   position: relative;
   background: #ededed;
   display: inline-block;
   vertical-align: top;
   width: 225px;
   height: 365px;
   padding: 50px 70px;
}
#hotel_presentation .bloc_left .vignette{
   width:70%;
   height:465px;
   margin:0px;
   /* filter: brightness(0.7); */
}
#hotel_presentation .btn_print{
   cursor: pointer;
   background: #e6e6e6;
   padding: 10px;
   position: absolute;
   right: 0px;
   top: 0px;
}
#hotel_presentation .resume ul{color:#0073C7;margin-top:0px;margin-bottom:0px;}
#hotel_presentation .resume ul li{padding:6px 0px;}
#hotel_presentation .resume ul span{color:#000;}
#hotel_presentation .content .h2{margin:20px 0px;}
#hotel_presentation .content .texte_supp{padding: 0px 2%;}
#hotel_presentation .reseaux{
   background: #efefef;
   bottom:0px;
   left:0px;
   width:100%;
   text-align:center;
   padding:10px 0px;
   color:#939598;
}
#hotel_presentation .reseaux a{margin:0px 10px;}
#hotel_presentation .aff_photos{
   right:auto; 
   left: 30px;
   bottom: 20px;
    width: auto;
}
.mask,#diaporama{min-height: 460px;max-height: 460px;}
#moteur_resa, #moteur_resa_disabled{position: absolute;transform: translateX(-50%);margin: 0 auto;top: 100px;margin: 0 auto;}
.circular-chart{width: 80px;position: static;}
.bloc_note .see_reviews {display: flex;justify-content: center;align-items: center;}
.bloc_note .see_reviews:hover{text-decoration: none;}
.bloc_note .see_reviews .nb_avis{color: #fff;transition: .2s;font-size: 16px;margin-left: 10px;}
.bloc_note .see_reviews .percentage{fill: #fff;}
.affchambres #all #moteur_resa,.affchambres #all #moteur_resa_disabled{
    position: static;margin: 0 auto;
    max-width: 1180px;
    transform: translate(0,0);
    padding-bottom: 0;
}
.affchambres #moteur_resa .champ.checkindate,.affchambres #moteur_resa .champ.checkoutdate, .affchambres #moteur_resa_disabled .champ.checkindate,.affchambres #moteur_resa_disabled .champ.checkoutdate{width: 130px;position: relative;}
.affchambres #moteur_resa_disabled .champ.checkindate:before,.affchambres #moteur_resa_disabled .champ.checkoutdate:before{content: "";display: block;height: 22px;width: 22px;position: absolute;right: 10px;bottom: 10px;background: url(/img/calendar.png)no-repeat;background-size: contain;z-index: 1;}
.affchambres #moteur_resa .champ.checkindate .value,.affchambres #moteur_resa .champ.checkoutdate .value, .affchambres #moteur_resa_disabled .champ.checkindate .value,.affchambres #moteur_resa_disabled .champ.checkoutdate .value{
    width: 100%;
}
.affchambres #moteur_resa .champ, .affchambres #moteur_resa_disabled .champ{margin: 10px 5px;width: 130px;}
.affchambres #moteur_resa_disabled .value{width: 100%;}
.affchambres #moteur_resa label,.affchambres #moteur_resa_disabled .label{display: block;color: #666;font-style: italic;font-weight: 100;margin-top: 10px;}
#detail_chambre .aff_photos{width: auto;left: 8px;}
.fancybox-container #detail_chambre .aff_photos .sprite.photo{width: 20px;height: 20px;background: url(/img/icon_photo.png)no-repeat;background-size: contain;}
.fancybox-container #detail_chambre .aff_photos .count{display: none;}
#hotel_presentation .note_img{vertical-align: middle;}
#hotel_presentation .bloc_note{display: flex;align-items: center;justify-content: center;width: 180px;background-color: #f4f4f4;}
#hotel_presentation .bloc_note .circular-chart{width: 80px;position: static;margin-right: 15px;}
#hotel_presentation .bloc_note .nb_avis{color: #000;font-weight: bold;}

#hotel_presentation .bloc_note a{display: flex;align-items: center;justify-content: center;padding: 10px;width: 100%;transition: .2s;}
#hotel_presentation .bloc_note a:hover{text-decoration: none;opacity: .8;}
#hotel_presentation .bloc_note .note_txt{font-weight: normal;font-size: 24px;color: #0074c8;display: inline-block;vertical-align: middle;margin-right:20px;}
#hotel_presentation .bloc_note .percentage{fill: #000;}
#hotel_presentation .bloc_note .see{display: inline-block;vertical-align: middle;text-decoration:none;}
#hotel_presentation .resume{overflow:hidden;}
#hotel_presentation .resume .titre{ 
   text-align: center;
   padding: 4px;
   color: #0074c8;
   font-size: 16px;
   font-weight: bold;
}
#all #hotel_presentation .sprite.photo{width: 27px;height: 27px;background: url(/img/icon_photo.png)no-repeat;background-size: contain;}
#all #hotel_presentation #moteur_resa,#all #hotel_presentation #moteur_resa_disabled{position: static;transform: translate(0,0);margin: 0 auto; margin-top: 20px;background: transparent;}
#hotel_presentation #moteur_resa .champs, #hotel_presentation #moteur_resa_disabled .champs{justify-content: center;}
#hotel_presentation #moteur_resa .champ.checkindate,#hotel_presentation #moteur_resa .champ.checkoutdate, #hotel_presentation #moteur_resa_disabled .champ.checkindate,#hotel_presentation #moteur_resa_disabled .champ.checkoutdate{width: 48%;margin: 5px 1%;}
#hotel_presentation #moteur_resa_disabled .checkindate .value,#hotel_presentation #moteur_resa_disabled .checkoutdate .value{width: 100%;color: #666;}
#hotel_presentation #moteur_resa_disabled .checkindate .label,#hotel_presentation #moteur_resa_disabled .checkoutdate .label{display: none;}
#hotel_presentation .prix{color: #0074c8;font-weight: bold;font-size: 28px;display:inline-block;margin-left: 5px;}
#hotel_presentation .btn_resa{text-align: center;margin:20px 0px;}
#hotel_presentation .btn_resa .btn_link{margin: 0px;width: 183px;padding: 15px 20px;}

#hotel_presentation .euros_fid{padding: 15px 0px;display: flex;align-items: center;justify-content: center;}
#hotel_presentation .img, #hotel_bloc .euros_fid .img{
   background: #0074c8;
   display: inline-block;
   vertical-align: middle;
   padding: 8px;
   border-radius: 40px;
   margin-right: 10px;
}
#hotel_presentation .content{margin-top: 50px;}
#hotel_presentation .content .ch_desc p{font-weight: 300;font-size: 16px;line-height: 20px;text-align: justify;}
#hotel_presentation .content .ch_assets{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 30px;}
#hotel_presentation .content .bloc_equip_wrap{text-align: center;}
#hotel_presentation .content .bloc_equip_wrap .equip_line{display: inline-block;}
#hotel_presentation .content .bloc_equip_wrap .equip_line .icon{margin-top: 15px;}
#hotel_presentation .content .bloc_equip_wrap .equip_line .label{display: block;}
.bloc_equip_flex{display: flex;justify-content: center;}
#all #bloc_equip.btn_link{width: 330px;display: block;margin: 0 auto;}
#hotel_presentation .content .bloc_equip.jHide{flex-wrap: wrap;align-items: center;justify-content: center;border-top: 1px solid #eee;margin-top: 10px;}
#hotel_presentation .content .bloc_equip .btn_link.jSlider{text-align: center;}
#hotel_presentation .img.facteur2, #hotel_bloc .euros_fid .img.facteur2{background: #cc1531;}
#hotel_presentation .txt{   
   display: inline-block;
   vertical-align: middle;
   width: 160px;  
   text-align: center;
}
#hotel_presentation .txt a{color:#000;text-decoration:none;}
#resa .aff_note.moteur{display: none;}
#resa .chambre .desc_ch{width: 405px;}
/* #resa .hn_align.tleft{margin-bottom: 20px;} */

.equip_bloc{max-width:1040px;}
.equip_bloc .head{  
   background: #0073C7;
   color: #FFF;
   padding: 8px;
   font-size: 16px;
   text-align: center;
}
.text_ch_desk{max-width: 1140px;margin: 0 auto;margin-top: 10px;}
#detail_chambre .bloc_equip{display: flex;flex-wrap: wrap;justify-content: center;}
.equip_line{height: 65px; width: 110px;display: flex;align-items: center;justify-content: center;padding: 10px 5px;margin: 10px;flex-direction: column;border: 1px solid #ddd;text-align: center;overflow: hidden;height: 100px;}
.equip_line .icon{display:inline-block;vertical-align:middle;text-align:center;width:40px;}
.equip_line .icon .vignette{width:40px;height:auto;margin: 0px;}
.equip_line .icon .vignette img{max-width:100%;width:auto;filter: brightness(0.2);}
.equip_line .label{display:inline-block;vertical-align:middle;color:#444;font-size: 12px;margin-top: 5px;}

.pgamme_1 ul#css3menu .topmenu:hover > a, .pgamme_1 ul#css3menu .toproot.sel > span, .pgamme_1 ul#css3menu .topmenu.sel > a{
   color: #ef891b;
   border-bottom: solid 2px #ef891b;
}
.pgamme_3 ul#css3menu .topmenu:hover > a, .pgamme_3 ul#css3menu .toproot.sel > span, .pgamme_3 ul#css3menu .topmenu.sel > a{
   color: #cc1531;
   border-bottom: solid 2px #cc1531;
}
#footer .bloc_picto .picto{width: 170px;}
#footer .bloc_picto .legende{margin-left: 0;text-align: center;}

.ardoise{
   padding: 10px 30px;
   background:url(/img/ardoise.jpg);
   background-size: cover;
   color: #FFF;
   max-width: 450px;
   margin: 10px auto;
   text-align:center;
}
.ardoise h2 {
   font-size:18px;
   font-weight:bold;
}
.ardoise h3 {
   font-size:18px;
   font-weight:bold;
}


#detail_chambre{
   max-width:800px;
}
#detail_chambre .head{padding: 8px 0px;}
#detail_chambre .titre{
   text-transform: uppercase;
   font-size: 18px;
   display: inline-block;
   width: 600px;
}
#detail_chambre .superficie{
   font-size: 14px;
   text-align:right;
   display: inline-block;
   width: 200px;
}
#detail_chambre .bloc_photo{position:relative;}
#detail_chambre .bloc_photo .vignette{position:relative;display:block;height:400px;margin:0px;}

#detail_chambre .bloc_left{display:inline-block;vertical-align:middle;width:500px;padding: 20px 0px;}
#detail_chambre.hotel .bloc_left{width:400px;}
#detail_chambre .bloc_right{display:inline-block;vertical-align:middle;width:300px;}
#detail_chambre.hotel .bloc_right{width:400px;}
#detail_chambre .equip_line{width:165px;text-align: center;}
#detail_chambre.hotel .equip_line{display:inline-block;width:200px;}
#detail_chambre.hotel .equip_line .label{width:150px;}
#detail_chambre .equip_line .label{width:auto;max-width: 130px;}

#detail_chambre .galerie{margin:15px 0px;}
#detail_chambre .galerie .vignette{height:100px;}
#detail_chambre .galerie .vignette img{min-width:310px;min-height:100px;}
#detail_chambre .bx-controls{margin-top:-100px;}
#detail_chambre .bx-prev,#detail_chambre .bx-next{line-height:100px;}

#diaporama .label_skitter .titre{
   display: inline-block;
   background: #FFF;
   text-shadow: none;
   color: #0074c8;
   padding: 8px 12px; 
   font-size: 34px;
}
#diaporama .label_skitter a.global_link{
   display: block;
   text-decoration: none;
   margin: 0px;
   position: absolute;
   top: 0px;
   height: 100%;
   width: 100%;
}
#carte_hotel{pointer-events: none;}
#carte_hotel .leaflet-popup{pointer-events: all;}
#diaporama a + .label_skitter{z-index:1;}
#diaporama a[href] + .label_skitter{z-index:-1;}
.pgamme_1 #diaporama .label_skitter .titre{color: #ef891b;}
.pgamme_3 #diaporama .label_skitter .titre{color: #cc1531;}

#footer .logo{margin-bottom:10px;}
#footer .adresse{width:200px;text-align:center;margin-bottom:10px;}
#bloc_rub div.niveau1{border-right: solid 1px #FFF;}

.fancybox-slide>*{max-width: 95%;}
#moteur_resa .champ.checkindate input, #moteur_resa .champ.checkoutdate input, #moteur_resa_disabled .champ.checkindate input, #moteur_resa_disabled .champ.checkoutdate input{width: 200px;}

@media all and (max-width:1240px){
    .affchambres #all #moteur_resa, .affchambres #all #moteur_resa_disabled,#all #resa .bandeaux_brit{max-width: 1000px;}
   .aff_gamme .content{width:445px;}

   #resa .shrink,#hotel_presentation .content{max-width: 1000px;margin: auto;}
   .chambre .bloc_rates{width:570px;}
   .chambre .rate .bloc.rate_desc {width: 214px;}
   .chambre.th .th_rate_desc {width: 214px;}
   .chambre.th .th_qty{width: 148px;}
   .rate_titre{max-width:170px;}
   .chambre .rate .bloc{width:145px;}
}
@media all and (max-width:1200px){
   #bloc_rub div.niveau1{border:none;}
}
@media all and (max-width:1180px){
   #footer .shrink_bc{max-width:100%;margin:auto;}
   .afftunnel #footer .bloc_picto .picto{width:auto;}
}
@media all and (max-width:1160px){
   #hotel_presentation .hn_align{padding-left: 20px;}
   #hotel_presentation .bloc_gamme{right:10px;}
}
@media all and (max-width:1140px){
    .text_ch_desk{padding-left: 20px;}
   .aff_gamme{max-width:600px;padding:20px 0px;}
   .aff_gamme .h1 {font-size: 24px;}
   .aff_gamme .content{display: block;width: auto;margin: 0px;}
   .aff_gamme .bloc_right, .aff_gamme .bloc_right .img{display: block;width:auto;}
   .aff_gamme .bloc_left, .aff_gamme .img{display: block;}
   .aff_gamme .img .vignette{display: block;margin:0px;width: auto;height: auto;}
   .home_equip{margin-bottom:15px;}
   .home_equip .icon{width:65px;text-align:center;}
   .home_equip .parking, .home_equip .pdj{margin-top:10px;}
   
   
   .aff_note{position: relative;top: 0px;right: 0px;}
   .bloc_note_wrapper{display: inline-block;vertical-align: middle;margin: 0px 20px;}
   .aff_note.full .head{vertical-align:middle;}
   .aff_note.full{padding: 0px;padding-left: 15px;display: inline-block;}
}
@media all and (max-width:1100px){
    #moteur_resa, #moteur_resa_disabled{width: 964px;}
}
@media all and (max-width:1040px){
    .affchambres #moteur_resa .champ.checkindate, .affchambres #moteur_resa .champ.checkoutdate, .affchambres #moteur_resa_disabled .champ.checkindate, .affchambres #moteur_resa_disabled .champ.checkoutdate{width: 120px;}
    #moteur_resa_disabled .champ .value{font-size: 12px;}
    .affchambres #moteur_resa .champ, .affchambres #moteur_resa_disabled .champ{width: 120px;}
    .affchambres #all #moteur_resa, .affchambres #all #moteur_resa_disabled,#all #resa .bandeaux_brit{max-width: 780px;}
    #moteur_resa.minisite .champs .champ, #moteur_resa_disabled.minisite .champs .champ{margin: 0 20px;}
    #moteur_resa .champ.checkindate input, #moteur_resa .champ.checkoutdate input, #moteur_resa_disabled .champ.checkindate input, #moteur_resa_disabled .champ.checkoutdate input{width: 150px;}
   #resa .shrink,#hotel_presentation .content{max-width: 780px;}
   #form_ch .bloc.resa,#form_ch .slide_fixed_middle{width:148px;}
   .chambre .rate .bloc {width: 130px;}
   .chambre .rate .rate_desc .price{font-size:24px;}
   .chambre .rate .bloc.rate_desc{width:186px;}
   .rate_titre{max-width:130px;font-size: 13px;}
   .chambre .bloc_rates {width: 370px;}
   .chambre .desc_ch{width:285px;}
   .chambre .desc_ch .vignette{width:270px;height:100px;}
   .equip_line .icon .vignette{width:40px;height:auto;}
   .chambre .desc_ch .equip_line .label {width: 90px;}
   
   .chambre.th .th_desc_ch,#resa .chambre .desc_ch{width: 315px;}
   .chambre.th .th_rate_desc {width: 186px;}
   .chambre.th .th_qty{width: 130px;}
   
   .affchambres #moteur_resa .btn_link, #moteur_resa_disabled .btn_link{padding:10px;}
   #moteur_resa_disabled .value{width:81px;}
   #moteur_resa_disabled .checkindate .value, #moteur_resa_disabled .checkoutdate .value{width: 111px;}
}
@media all and (max-width:900px){
    #all .bandeaux_brit{bottom: 60px;}
    #moteur_resa.minisite{top: 50px;}
    #moteur_resa .champ.checkindate input, #moteur_resa .champ.checkoutdate input, #moteur_resa_disabled .champ.checkindate input, #moteur_resa_disabled .champ.checkoutdate input{width: 125px;}
    #diaporama .label_skitter .content{margin-top: 10px;}
    #diaporama .label_skitter .titre{padding: 6px 12px;font-size: 30px;}
    #hotel_presentation .bloc_resa .from{margin-bottom: 15px;}
    #moteur_resa.minisite .champs .champ, #moteur_resa_disabled.minisite .champs .champ{margin: 0 15px;}
    .affchambres.page #all #moteur_resa{width: 90%;padding: 0;}
    #detail_chambre .bloc_photo .vignette{height: 300px;}
    #hotel_presentation .content{max-width: 90%;}
    #hotel_presentation .bloc_hn h1, #hotel_presentation .bloc_hn .h1{font-size: 26px;}
    #hotel_presentation .bloc_note .circular-chart{width: 65px;}
    .equip_line{margin: 5px;}
   #step_tunnel .sep{width:130px;}
   #step_tunnel .sep .label{width:130px;font-size: 12px;}
   .mask, #diaporama{min-height:350px;max-height:350px;}
    #hotel_presentation .bloc_left{flex-direction: column;}
    #hotel_presentation .bloc_left .vignette{width: 100%;}
    #hotel_presentation .hotel_head{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 20px 10px;max-width: 365px; width: 100%;margin: 0 auto;padding-top: 0;}
    #hotel_presentation .aff_photos{bottom: auto;top: 420px;}
    #hotel_presentation .hotel_head .hn_align{width: 100%;}
    #hotel_presentation .bloc_note,#hotel_presentation .resume{width: 50%;margin-top: 0;}
    #hotel_presentation .hotel_head .bloc_resa{width: 100%;display: flex;padding-bottom: 30px;justify-content: center;align-items: center;margin-top: 10px;flex-direction: column;}
    #hotel_presentation .resume ul{padding-left: 20px;}
    #hotel_presentation .resume .titre{text-align: left;}
    #hotel_presentation .btn_resa{margin: 0 20px;}
    #hotel_presentation .reseaux{position: absolute;max-width: 365px;width: 100%;left: 50%;transform: translateX(-50%);}
}
@media all and (max-width:820px){
    .affchambres #moteur_resa .champ.checkindate, .affchambres #moteur_resa .champ.checkoutdate, .affchambres #moteur_resa_disabled .champ.checkindate, .affchambres #moteur_resa_disabled .champ.checkoutdate{width: 48%;}
    .affchambres #moteur_resa .champ, .affchambres #moteur_resa_disabled .champ{width: calc(25% - 20px);}
}
@media all and (max-width:800px){
    .bloc_home .chambre .twin{display: inline-block;}
    #footer .bloc_picto .legende{text-align: left;margin-left: 10px;}
    .affchambres #all #moteur_resa, .affchambres #all #moteur_resa_disabled, #all #resa .bandeaux_brit{max-width: 600px;}
    .hotel_head .mask,.hotel_head #diaporama {min-height: 400px;max-height: 400px;}
    .text_ch_desk{display: none;}
    .hotel_head .bloc_hn h1, .hotel_head .bloc_hn .h1,.hotel_head .bloc_hn .h2{display: block;}
    .diapo_moteur_wrap #moteur_resa.minisite{height: auto;width: 90%;}
    #all .bandeaux_brit {bottom: 0;}
    .page #moteur_resa h2, .page #moteur_resa_disabled h2{color: #0074c8;}
    .home .hotel_head .bloc_hn h1, .home .hotel_head .bloc_hn .h1{display: block;}
    .hotel_head .hn_align{top: 100px;}
    .hotel_head #moteur_resa.minisite{top: 180px;height: auto;width: 90%;}
    #moteur_resa.minisite{top: 120px;}
    #moteur_resa .champ.checkindate input, #moteur_resa .champ.checkoutdate input, #moteur_resa_disabled .champ.checkindate input, #moteur_resa_disabled .champ.checkoutdate input{width: 100%;}
    .hotel_head .bloc_hn h1, .hotel_head .bloc_hn .h1{display: block;}
    .affchambres #moteur_resa label{display: none;}
    #moteur_resa.minisite .champs .champ.submit input, #moteur_resa_disabled.minisite .champs .champ.submit input{width: 100%;margin:0;margin-top: 10px;}
    #moteur_resa.minisite h2, #moteur_resa_disabled.minisite h2{display: none;}
    #moteur_resa.minisite .champs, #moteur_resa_disabled.minisite .champs{justify-content: space-between;}
    #moteur_resa.minisite .champs .champ, #moteur_resa_disabled.minisite .champs .champ{margin: 0;}
    #moteur_resa.minisite{text-align: center;}
    #moteur_resa.minisite .bloc_note{display: none;}
    #hotel_presentation .aff_photos{top: 300px;}
   #hotel_presentation .bloc_left .vignette{display:block;width:auto;height:350px;}
   #hotel_presentation .bloc_left .vignette img{width:100%;}
   #hotel_presentation .bloc_right{display:block;margin:auto;}
   #hotel_presentation .twin{display:block;width:auto;padding:0px 10px;}
   #moteur_resa_disabled .checkindate .value, #moteur_resa_disabled .checkoutdate .value {width: 81px;}
   
   .chambre.th{display:none;}
   .chambre.th .th_desc_ch, #resa .chambre .desc_ch,.chambre .bloc_rates{display:block;margin:auto;width:600px;}
   .chambre .rate .bloc.rate_desc,.chambre .rate .bloc {width: 300px;}
   .chambre{border:none;margin-bottom:20px;}
    #resa .hn_align.tleft{text-align: center;}
    .chambre .desc_ch .tright{text-align: left;}
    .chambre .desc_ch .vignette{margin: 0;}
   .chambre .rate .bloc_help .content {margin-right: -208px;}
   #form_ch .btn_resa{
      display:block;
      background: #FFF;
      z-index: 5000;
      width: 600px;
      margin: 0 auto;
      text-align: center;
      line-height: 60px;
   }
    .bloc_home{padding: 30px 0;}
   #form_ch .btn_resa.fixed{position:fixed;margin-bottom:0px;}
   #form_ch .bloc.resa{display:none;}   
   
   .afftunnel #header .encart{margin: 1px 0px;border: solid 1px #0073c7;}
   .afftunnel #header .encart p{margin:0px;}
   
   #choix_occup .champ {margin: 2px;width: 100px;}
   #choix_occup .simpleselect {width: 100px;}
   .picto_occup {width: 80px;}
   #all .picto_occup div{margin:5px 1px;}
   #choix_occup .li_chambre{margin: 5px auto;}
   .li_chambre .h2{padding-bottom: 0px;margin-right: 15px;font-size: 16px;}
   
   .li_opt .th{display:none;}
   .li_opt .titre{display:block;width:auto;}
   .li_opt .line{margin: 5px auto;max-width:680px;border:none;position: relative;}
   .li_opt .titre {padding: 10px;}
    .div_total, .div_subtotal{max-width: 680px;margin: 5px auto;}
    .observation{max-width: 680px;margin: 0 auto;}
   .li_opt .titre .vignette{display: block;width: auto;height: 150px;}
   .li_opt .titre .content{width: auto;display: block;margin: 0px;text-align: justify;margin-top: 10px;}
   .li_opt .qty{border: none;display: inline-block;padding: 5px 0px;width: 100%;text-align: right;padding-right: 10px;}
   .li_opt .line .total{width:100%;display:inline-block;text-align:right;padding-right: 10px;}
    #total_ch.div_total{margin-bottom: 30px;}
   #all .aff_gamme .bloc_btn .twin:first-child .padd{margin-right:0px;margin-bottom:10px;}
   #all .aff_gamme .bloc_btn .twin:last-child .padd{margin-left:0px;}
   .aff_gamme .bloc_btn{max-width:280px;margin:10px auto;}
   .aff_gamme .bloc_left{display:block;}
   
   #diaporama .label_skitter .content{display:none;}
   
   #footer .bloc_picto .picto {width: 230px;text-align: left;}
   .afftunnel #footer .bloc_picto .picto{width:auto;}
   
   #choix_occup .children_age{text-align:center;}
   
   .chambre .rate .rate_desc.alone .middle {margin: 15px 0px;}
   
   .bloc_avis.full .avis{max-width:580px;}
   .bloc_avis.full .avis .content{width:400px;}
   .aff_note.moteur.home{position: relative;top: 0px;}
}
@media all and (max-width:700px){
    #hotel_presentation .resume {text-align: center;}
    #hotel_presentation .resume ul{padding-left: 0;}
    #hotel_presentation .resume .titre{text-align: center;}
    .li_opt .line,#choix_occup, #hotel_bloc,.div_total, .div_subtotal,.observation,.nav_bot{max-width: 610px;}
    .nav_bot{margin: 5px auto;margin-bottom: 30px;}
    .nav_bot .tright{margin-right: 0;widows: auto;}
    #hotel_presentation .bloc_hn h1, #hotel_presentation .bloc_hn .h1{font-size: 24px;}
    #hotel_presentation .resume{margin: 10px 0;width: 100%;}
    #hotel_presentation .bloc_note a{justify-content: center;padding: 0;}
    #hotel_presentation .hotel_head .bloc_resa{justify-content: center;}
    #hotel_presentation .btn_resa{margin-left: 0;}
    #all #hotel_presentation #moteur_resa, #all #hotel_presentation #moteur_resa_disabled{margin-top: 15px;}
   .afftunnel #all #logo{margin-left:0px;}
   .picto_occup{text-align:left;}
   
   .afftunnel .shrink2{margin:0px;}
   #header .back{display:none;}
}
@media all and (max-width:600px){
     .affchambres #all #moteur_resa, .affchambres #all #moteur_resa_disabled, #all #resa .bandeaux_brit{max-width: 95%;}
    .affchambres #moteur_resa .champ.submit{width: 100%;}
    .circular-chart{width: 70px;}
    .affchambres #all #moteur_resa, .affchambres #all #moteur_resa_disabled{padding: 10px;}
    .affchambres #moteur_resa .champ.checkindate, .affchambres #moteur_resa .champ.checkoutdate, .affchambres #moteur_resa_disabled .champ.checkindate, .affchambres #moteur_resa_disabled .champ.checkoutdate{width: 100%;margin: 5px 0;}
    .affchambres #moteur_resa .champ, .affchambres #moteur_resa_disabled .champ{width: 48%;margin: 5px 0;}
    .affchambres.page #all #moteur_resa .champs{padding: 10px;}
    .affchambres.page #all #moteur_resa{width: 95%;}
    #detail_chambre .bloc_photo .vignette{height: 200px;}
    #detail_chambre .equip_line{width: 140px;}
    .equip_line{width: 120px;}
    #all #hotel_presentation #moteur_resa, #all #hotel_presentation #moteur_resa_disabled{max-width: 300px;margin-top: 10px;}
    #hotel_presentation .bloc_hn h1, #hotel_presentation .bloc_hn .h1{font-size: 22px;}
    #hotel_presentation .bloc_note .circular-chart{width: 60px;}
    .chambre.th .th_desc_ch, #resa .chambre .desc_ch, .chambre .bloc_rates,#form_ch .btn_resa{width: 95%;}
    .chambre .rate .bloc.rate_desc{width: 65%;}
    .chambre .rate .bloc{width: 35%;}
    .chambre .rate .rate_desc .price{font-size: 20px;}
    .chambre .rate .rate_desc .price .barre{font-size: 14px;}
   
   .afftunnel #header .encart{position: absolute;right: 0px;top: 0px;}
   
   #step_tunnel{width: 300px;margin: 20px auto;text-align: left;}
   #step_tunnel .step{margin-bottom: 6px;text-align: center;width: 35px;line-height: 35px;border-radius: 35px;height: 35px;}
   #step_tunnel .sep{width: 40px;margin: 0px 5px;height: 2px;}
   #step_tunnel .sep .label{display:none;}
   
   #footer .bloc_picto .picto,.bloc_picto .picto {width: 180px;min-width: 0px;margin: 0px 15px;}
   .afftunnel #footer .bloc_picto .picto{width:auto;display: flex;justify-content: center;flex-direction: column;align-items: center;}
    .afftunnel #footer .bloc_picto{display: flex;justify-content: space-around;align-items: baseline;}
   #footer .bloc_picto .icon {
      width: 70px;
      height: 70px;
      line-height: 70px;
      display: inline-block;
   }
   #all #footer .bloc_picto .sprite.secu{width: 36px;height: 42px;background: url(/img/sprite.png);background-position: -200px 0px;}
   
   .bloc_avis.full .avis{max-width:580px;}
   .bloc_avis.full .avis .avis_meta{float:none;margin:auto;}
   .bloc_avis.full .avis .content{width:auto;float:none;}
   .bloc_avis.full .avis .note-wrapper{margin:0px;}
}
@media all and (max-width:550px){
    #hotel_presentation .bloc_note{width: 70%;}
   .afftunnel #footer .bloc_picto .picto{width:180px;}
}
@media all and (max-width:500px){
    #footer .bloc_picto .legende{margin-left: 0;text-align: center;}
    #bloc_picto_home .legende{font-size: 14px;}
    #bloc_picto_home .icon{width: 65px;height: 65px;line-height: 65px;}
    #footer .bloc_picto .picto,.bloc_picto .picto{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 130px;margin: 0 5px;}
    #footer .shrink_bc{align-items: flex-start;}
    .home #moteur_resa .champ.submit input{font-size: 14px;}
    .li_opt .titre .vignette{width: 100%;height: 120px;}
    .fancybox-slide>*{padding: 15px;}
    #detail_chambre .equip_line{width: 48%;margin: 5px 1%;}
    #hotel_presentation .bloc_note .circular-chart{width: 50px;}
    #hotel_presentation .bloc_hn h1, #hotel_presentation .bloc_hn .h1{font-size: 20px;}
    #hotel_presentation .bloc_note .nb_avis{font-size: 12px;}
    #hotel_presentation .bloc_left .vignette{height: 300px;}
    #hotel_presentation .aff_photos{top: 260px;left: 15px;}
    #hotel_presentation .hotel_head .bloc_resa{flex-direction: column;align-items: center;}
   #hotel_presentation .bloc_gamme{top:-20px;}
   .afftunnel .shrink2 .twin{display:block;width:auto;}
   #footer_encart{display: block;width: 200px;margin: 20px auto;}
   .chambre .rate .bloc_help .content {width: 280px;margin-right: -135px;}
   #footer .encart{  
      display: block;
      margin: 20px auto;
      text-align: center;
      max-width: 200px;
   }
   .home_equip a{padding:0px;}
    .chambre .desc_ch .titre{font-size: 14px;}
}
@media all and (max-width:450px){
    .home #moteur_resa, .home #moteur_resa_disabled{width: 95%;}
    #hotel_presentation .btn_resa .btn_link{width: 175px;padding: 10px 20px;}
   .avis{width:270px;}
   .bloc_coord .champ{display:block;width:auto;}
   .bloc_coord .champ select, .bloc_coord .champ input[type='text'], .bloc_coord .champ input[type='password']{width:100%;box-sizing:border-box;}
}
@media all and (max-width:420px){
    #hotel_presentation .bloc_left .vignette{height: 270px;}
    #hotel_presentation .aff_photos{top: 230px;}
}
@media all and (max-width:400px){
    .circular-chart{width: 50px;}
    .bloc_note .see_reviews .nb_avis{font-size: 15px;}
   #hotel_presentation .bloc_right{padding: 50px 10px;width: auto;max-width: 245px;}
   .afftunnel #header{height:77px;}
   .afftunnel #header .encart{width:130px;}
   
   .bloc_avis.full .avis .padd {padding: 15px;}
}
@media all and (max-width:350px){
    
}
@media all and (max-width:320px){
   .afftunnel #header{height:130px;text-align: center;}
   .afftunnel #header .encart{position: relative;top: 0px;float:none;margin:auto;width:200px;margin-top:10px;}
}
@media all and (max-height:900px){
   #diaporama .label_skitter .content {margin-top: 100px;}
}
@media all and (max-height:850px){
   #diaporama .label_skitter .content {margin-top: 13px;}
}