html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a{text-decoration:none}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*==================================*/

body,html {height: 100%;}
body{ font-family: Arial, Helvetica, sans-serif; background:#FFF; overflow-y:scroll !important }
#mti_wfs_colophon { display:none !important; }

@font-face {
    font-family: 'colaborate-regularregular';
    src: url('ColabReg-webfont.eot');
    src: url('ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabReg-webfont.woff') format('woff'),
         url('ColabReg-webfont.ttf') format('truetype'),
         url('ColabReg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'colaboratelightregular';
    src: url('ColabLig-webfont.eot');
    src: url('ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabLig-webfont.woff') format('woff'),
         url('ColabLig-webfont.ttf') format('truetype'),
         url('ColabLig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'colaborate-thinregular';
    src: url('ColabThi-webfont.eot');
    src: url('ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('ColabThi-webfont.woff') format('woff'),
         url('ColabThi-webfont.ttf') format('truetype'),
         url('ColabThi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.clear{clear:both}

.top{height:160px; background:url(../img/top-bg.png) repeat-x; position:relative; z-index:110}
.content{width:1000px; margin:0 auto}
.top .content{position:relative}
.logo-img{float:left;}
.logo-text{float:left; margin-left:25px; margin-top:35px}
.langues{float:right; margin-right:10px; margin-top:15px}
.langue{background-color:#292929; padding:6px; text-align:center;float:right}
.langue.nodisplay:hover{background-color:#308aac;}
.langue a{color:#308aac;font-family: 'colaborate-regularregular'; text-transform:uppercase; text-decoration:none}
.langue.nodisplay:hover a{color:#fff}
.nodisplay{display:none}
.arrow-lang{text-align:right}

.menu{position:absolute; width:84px; left:0; top:0; z-index:100; margin-top:113px}
.content-menu{position:relative; height:0px; margin-top:-88px;position:relative; width:200px; overflow-y:hidden;background:#161616;top:0;z-index:99; padding-top:100px;opacity:0}
.btn-menu{cursor:pointer;position:relative; z-index:100}
.btn-menu span{position:absolute; width:100%; left:22px; display:block; top:0; margin-top:10px; color:#fff; text-transform:uppercase;   font-family: 'colaborate-thinregular';}
.liste_menu{}
.liste_menu li{background:#292929; text-align:center; width:100%; height:48px; box-sizing:border-box; line-height:48px; margin-bottom:2px; position:relative;transition:all 0.5s}
.liste_menu li a{ color:#308aac;   font-family: 'colaborate-thinregular'; font-size:18px; text-transform:uppercase; display:block; width:100%; height:100%;transition:all 0.5s}
.liste_menu li ul{position:absolute;left:0; margin-left:201px; top:0; z-index:40; width:200px}
.liste_menu li ul li{margin-bottom:0; padding:10px;border-bottom:1px solid #308aac; padding-left:30px; text-align:right}
.liste_menu li ul li a{font-size:14px; text-transform:capitalize;color:#fff}
.liste_menu li:hover{background:#308aac;}
.liste_menu li:hover a{ color:#fff}
.liste_menu li:hover .arrow{opacity:1}
.liste_menu li.current_page_item{background:#308aac;}
.liste_menu li.current_page_item a{color:#fff}
.liste_menu li.current_page_item .arrow{opacity:1}
.liste_menu li .arrow{position:absolute;top:0; right:0; background:#308aac; padding:0 15px 0 0; margin-right:-15px;opacity:0; transition:all 0.5s; z-index:50; height:48px}
.liste_menu li.rs{width:99px; height:100px;float:left; padding:15px 10px}
.liste_menu li.rs.newsletter-li{padding:0}
.liste_menu li.rs a{font-size:14px; padding-top:24px}
.rs.rs-first{margin-right:1px}
.rs.rs-second{margin-left:1px}
.rs.rs-second .linkedin{margin-top:-7px}

.rs-m{width:100%;text-align:center;border-right:#fff 1px solid; box-sizing:border-box}
.rs-m-last{border:0}

.diapo{margin-top:-47px; float:left; width:100%; opacity:0; background:white; position:relative}
.photo-diapo{width:100%; height:auto; overflow:hidden; height:100px}
.photo-diapo img{z-index:10 !important; min-height:100%; min-width:100%; position:absolute !important; -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); top:50% !important; left:50% !important}

.bande-diapo{margin-top:-47px; height:84px; overflow:hidden; position:relative; width:100%}
.bande-diapo img{
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter : blur(4px);
}
.bande-diapo h1{color:#fff; position:absolute; left:50%;margin-left:-290px; text-align:left; border-left:2px solid #fff; padding-left:10px; margin-top:50px; font-size:19px;font-family: 'colaborate-regularregular'; text-transform:uppercase; top:0}

.bande-resa.relative{position:relative; margin:0 auto}
.bande-resa.relative .content{text-align:center}
.bande-resa{background:rgba(16,16,16,0.5); padding:10px 0; position:absolute; bottom:0; margin-bottom:15px; width:100%; z-index:100}
.bande-resa.relative{background:rgba(16,16,16,1)}
.reservation{margin:0 auto; width:1000px; text-align:center}
.block-resa{text-align:center; padding:8px 10px; border:1px white solid; background:#252422; display:inline-block; position:relative; margin:0 5px;text-transform:uppercase; height:65px; width:100px; transition:all 0.5s; vertical-align:top}
.block-resa.prix .title{font-size:12px; padding-top:0}
.block-resa.prix .subtitle{font-size:16px; margin-bottom:6px}
.block-resa:hover{background:#767671}
.block-resa .title{color:#fff; font-size:14px; margin-bottom:5px;   font-family: 'colaborate-thinregular'; padding-top:4px}
.block-resa .subtitle{color:#fff; font-size:21px;  font-family: 'colaborate-regularregular';}
.block-resa.resa-link:hover{background:#292929}
.block-resa.resa-link{border:#308aac 1px solid; background:#308aac;width:150px; padding:8px 3px; transition:all 0.5s}
.block-resa.resa-link .title{font-size:24px; font-family: 'colaborate-regularregular'; margin-bottom:6px; padding-top:0}
.block-resa.resa-link .subtitle{font-size:15px;  font-family: 'colaborate-thinregular';}

.submenu{margin:25px auto; width:1000px; text-align:center}
.submenu .sublink{text-align:center; width:200px; margin:0 25px; display:inline-block;  font-family: 'colaborate-regularregular'; text-transform:uppercase; box-sizing:border-box; font-size:13px;}
.submenu .sublink.first{margin-left:0}
.submenu .sublink.last{margin-right:0}
.submenu .subtitle{background:#308aac; height:53px; color:#fff; float:left;width:150px; transition:all 0.5s}
.submenu .subtitle span{display:block; padding:20px 5px}
.submenu .sublink .arrow{background:#252422; float:left;width:50px; box-sizing:border-box; transition:all 0.5s; height:53px; vertical-align:middle; padding-top:20px}
.submenu .sublink:hover .subtitle{background:#252422; color:#308aac}
.submenu .sublink:hover .arrow{background:#308aac; padding-top:10px}
.submenu .sublink.hover_class .subtitle{background:#252422; color:#308aac}
.submenu .sublink.hover_class .arrow{background:#308aac; padding-top:10px}

.line-sep{background:#308aac; margin:20px auto 30px; width:100%; height:1px}
.texte{text-align:center; font-size:14px; letter-spacing:0.8px; line-height:17px; font-family: 'colaboratelightregular';}

.footer{background:#292929; padding:20px 10px; margin-top:50px}
.logo-footer{float:left; margin-right:20px; margin-top:30px}
.footer .infos{float:left; border-left:#308aac 2px solid; padding-left:20px; margin-top:20px}
.footer .infos .line{text-transform:uppercase; font-family: 'colaborate-thinregular'; letter-spacing:0.7px; color:#aeaeae; font-size:13px}
.footer .infos .line.nomaj{text-transform:lowercase}
.footer .edc {float:right; margin-right:10px}
.footer .edc .line{text-transform:uppercase; font-family: 'colaborate-thinregular'; letter-spacing:0.7px; color:#308aac; font-size:13px; text-align:right; line-height:18px; }
.footer .edc .line a{color:#308aac}
.footer .edc .line a:hover{color:#fff}

.footer.nomargintop{margin-top:0}
.nb-personnes{position:absolute; display:none; border:1px #fff solid; top:0; margin-top:92px; background:#308aac; width:285px; left:0;font-family: 'colaborate-regularregular'; padding:10px 15px; box-sizing:border-box;cursor:default}
.nb-adultes,.nb-enfants{width:33.3%; float:left; box-sizing:border-box; border-right:#fff 1px solid;box-sizing:border-box; padding:0 5px 0 5px}
.nb-personnes .title{font-family: 'colaborate-regularregular'; font-size:14px}
.valider-nb{width:33.3%; float:left;}
.nb-personnes .champ{color:#fff;  font-size:14px;width:31.3%; text-align:center; float:left; box-sizing:border-box; background:#292929; padding:5px; margin:0 1%}
.nb-personnes .champ.modify{ transition:all 0.5s; cursor:pointer;}
.nb-personnes .champ.modify:hover{background:white; color:#292929}
.btn-valider-nb{font-size: 13px;color: #308aac;background-color: #292929;padding: 13px; cursor:pointer;box-sizing: border-box;width: 89%;text-align: center;margin: 4px auto; transition:all 0.5s}
.btn-valider-nb:hover{color:#fff; background:none;}

.cadre{width:235px; height:135px; position:relative; border:1px #308aac solid; padding:20px; margin:0 10px; box-sizing:border-box; display:inline-block}
.photo{width:100%; text-align:center;display:block;margin-top:-95px;}
.photos{margin-top:110px; margin-bottom:40px;  text-align:center;}
.photo img{width:100%}
.photo-first{margin-left:0}
.photo-last{margin-right:0}
.titre_photo{width:100%; padding:15px 0; font-size:13px; letter-spacing:0.8px; text-transform:uppercase; font-family: 'colaborate-regularregular'; text-align:center; border-bottom:1px #308aac solid}
.white-space{width:100%; height:1px; margin-top:109px}

.cadre.room{height:auto; width:300px;  font-family: 'colaborate-regularregular'; vertical-align:top }
.cadre.partenaire{height:auto; width:300px;  font-family: 'colaborate-regularregular'; vertical-align:top }
.chambres{margin-top:140px}
.titre_chambre{text-align:center; padding:15px 0;  font-size:18px; letter-spacing:0.8px; text-transform:uppercase;border-bottom:#cfcecd solid 1px; margin-bottom:20px}
.texte_chambre{text-align:justify; font-size:13px; line-height:15px; letter-spacing:0.8px}
.liste-caract{margin:20px 0 }
.liste-caract li{padding:8px 0; text-align:center; letter-spacing:0.9px; font-size:12px; color:#308aac; text-transform:uppercase; border-bottom:#cfcecd solid 1px;}
.liste-caract li i{float:left; margin-left:10px}
.price{background:white; border:#cfcecd solid 1px; text-transform:uppercase; font-size:15px; padding:15px 0; text-align:center;}
.cadre .resa{background:#308aac; padding:15px 0; text-align:center;text-transform:uppercase}
.cadre .resa .title{font-size:18px; font-family: 'colaborate-regularregular'; margin-bottom:3px; padding-top:0; color:#fff}
.cadre .resa .subtitle{font-size:13px;  font-family: 'colaborate-thinregular';color:#fff}
.price-content{vertical-align:bottom;box-sizing:border-box}

.gmap{width:50%; float:left; padding:0 20px 0 0; box-sizing:border-box; border-right:2px solid #308aac}
.form-contact{width:50%; float:left; padding:0 0 0 20px; box-sizing:border-box;}

.form{font-family: "colaborate-regularregular"}
.form h3 { text-transform: uppercase; font-size: 18px; text-align:left; color:#308aac; padding-bottom:10px }
.form aside { width:50%; float:left;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;; padding:10px }
.form aside.aside100{float:none; width:100%}
.form label { display:block; padding:5px; font-size:15px; color:#308aac }
.form input { display:block; padding:5px; width:100%;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;; color:#308aac }
.form input[type="button"] { background:#292929; color:#308aac ; text-transform:uppercase; border-radius:0; outline:none; padding:10px; border:0 }
.form select { display:block; padding:5px; width:100%;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;; color:#308aac }
.form textarea { display:block; padding:5px; width:100%; height:280px;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;; resize:none; color:#308aac }
.form p { display:block; padding:5px; color:#308aac;   font-family: 'colaborate-thinregular'; }
.form div { display:block; padding:5px }

.liste-partenaire{margin-top:110px; text-align:center}

.menu-btn-responsive{display:none; text-align:center; position:absolute}
.menu-btn-responsive i{padding:10px; color:#fff; background:#308aac; transition: all 0.5s; cursor:pointer}
.menu-btn-responsive i:hover{color:#308aac; background:#292929}

.tarifs{width:100%; margin:10px auto}
.tarifs td{padding:5px;font-size:17px; font-family: 'colaborate-thinregular'; text-align:center}
.tarifs tr.head td{background:#292929; color:#fff;padding:5px; vertical-align:middle}
.tarifs tr td{padding:10px 5px}
.content-tarif h3{font-family: 'colaborate-regularregular'}
.tarifs .desc_tarif{font-size:12px;}

.docs{margin:25px auto; width:1000px; text-align:center}
.docs .sublink{text-align:center; width:auto; margin:0 50px; display:inline-block;  font-family: 'colaborate-regularregular'; text-transform:uppercase; box-sizing:border-box; font-size:13px;}
.docs .subtitle{background:#308aac; height:53px; color:#fff; float:left;width:180px; transition:all 0.5s; padding:20px 5px; box-sizing:border-box;}
.docs .sublink .arrow{background:#252422; float:left;width:50px; box-sizing:border-box; transition:all 0.5s; height:53px; vertical-align:middle; padding-top:20px}
.docs .sublink .subtitle span i {margin-right:5px}
.docs .sublink .arrow i{color:#fff; font-size:15px;}
.docs .sublink:hover .subtitle{background:#252422; color:#308aac}
.docs .sublink:hover .arrow{background:#308aac; padding-top:10px}
.docs .sublink.hover_class .subtitle{background:#252422; color:#308aac}
.docs .sublink.hover_class .arrow{background:#308aac; padding-top:10px}

#ajax2{font-family: 'colaborate-regularregular';  font-size:15px; letter-spacing:0.7px}


.avantages{border:1px #fff solid; display:inline-block; top:0; width:200px; left:0;font-family: 'colaborate-regularregular'; padding:11px 15px; box-sizing:border-box;}
.avantages ul li{display:block; margin:1px auto; text-align:left; color:#fff; font-size:12px}
.avantages ul li i{margin-right:5px; color:#308aac}
nav.cbp-spmenu{display:none}
h1{color:#308aac; font-family: 'colaborate-regularregular'; font-size:18px; text-transform:uppercase; margin-bottom:20px; text-align:center; margin-top:40px}
.texte a{color:#308aac;}
.texte a:hover{color:#292929}

.close-av{position:absolute; top:0; right:0; margin-top:5px; margin-right:5px; padding:5px; background:#292929; cursor:pointer}
.close-av i{color:#fff}

.fb{
    float: right;
    background-color: #292929;
    padding: 18px;
    margin-top: 15px;
}

.footer .line h3{border-bottom:1px solid #308aac; padding-bottom:5px; margin-bottom:5px; font-size:14px}
.footer input{width:32.3%; color:#aeaeae; display:inline-block; font-family:'colaborate-thinregular';box-sizing:border-box; border:0; margin:5px 0; padding:5px;background:none; border:1px #308aac solid }
.footer input[type="button"]{background:#308aac; color:#292929; cursor:pointer}

.recap-eval{position:absolute;left:50%;top:0; margin-left:500px; padding:10px;z-index:1000;font-family:'colaborate-thinregular';}
.recap-eval .line{ border-bottom:1px #308aac solid; padding:5px 0}
.recap-eval .line i{color:#308aac; margin-right:5px; font-size:35px}
.recap-eval .line span{font-size:44px}
.recap-eval span.hover-span{font-size:18px; display:block; text-align:right; position:relative;cursor:pointer; padding-top:5px}
.recap-eval .avis{position:absolute; top:0; right:0; width:200px; box-sizing:border-box; padding:10px;font-size:12px; display:none; background:#fff; margin-top:50px; border:#308aac 2px solid; text-align:justify}

.content-pop-up{position:fixed; width:300px; left:0; bottom:0; z-index:1000; padding:10px;font-family:'colaborate-thinregular';}
.pop-up{background:white; color:#308aac; position:relative; margin-bottom:10px; padding:10px; border:#308aac 2px solid;display:none;}
.pop-up .close-pop{cursor:pointer;right:0; top:0; position:absolute; margin-right:5px; margin-top:-10px; margin-right:-5px}
.pop-up .close-pop i{font-size:16px}
.pop-up i {float:left; padding:10px; font-size:24px; color:#308aac}
.pop-up p{margin-top:15px;float:left}

.bande-resa .content{position:relative}
.block-tab{position:absolute;right:0;top:0; background:rgba(19,19,19,0.7); padding:15px; box-sizing:border-box; width:200px; margin-top:-58px; margin-right:241px; text-align:center; transition:all ease 0.7s}
.block-tab:hover{background:rgba(19,19,19,1)}
.block-tab.block-site{background:rgba(19,19,19,0.9); margin-right:40px;}
.block-tab.block-site:hover{background:rgba(98,84,54,1)}
.block-tab .title{display:inline-block}
.block-tab .arrow-down{display:inline-block; margin-left:10px}
.block-tab a{font-family:'colaborate-thinregular'; color:#fff;}
.recap-eval-footer{display:none; font-family: 'colaborate-thinregular'; text-align:center; margin-top:20px;border-bottom:#308aac 1px solid; border-top:#308aac 1px solid; padding:10px;}
.recap-eval-footer .line{  padding:5px 0;color:#aeaeae}
.recap-eval-footer .line i{color:#308aac; margin-right:5px; font-size:18px}
.recap-eval-footer .line span{font-size:16px; color:#aeaeae; text-transform:uppercase}
.recap-eval-footer .avis{box-sizing:border-box; padding:10px;font-size:12px;color:#fff; margin-top:10px; text-align:center}

.table{width:100%; margin:20px auto;font-family: 'colaborate-thinregular'; font-size:14px}
.table thead{background:#308aac; color:#fff;}
.table thead td{border-right:2px solid #fff}
.table tbody td{border-bottom:1px solid #308aac}
.table td{padding:15px; text-align:center}
.table tbody .noborder td{border:0}

#masque { position:fixed; left:0; top:0; z-index:5000; background:rgba(255,255,255,0.75); width:100%; height:100%; display:none; }
#promo { width:420px; padding:20px; background:#252422; position:absolute; left:50%; margin-left:-230px; top:15%; color:#FFF; border-radius:5px;  -webkit-border-radius:5px; font-size:12px; text-align:justify;}
#promo ul { padding-left:20px;}
#titre_promo { display:block; text-align:center; font-size:17px; text-transform:uppercase; border-bottom:1px solid #308aac; color:#308aac; padding-bottom:10px; margin-bottom:10px; font-family: 'colaborate-thinregular'; }
#fermer_promo { display:block; height:30px; width:30px; padding:5px;font-family: 'colaborate-thinregular'; line-height:30px; text-align:center; position:absolute; right:0; top:0; z-index:3; cursor:pointer; font-size:25px; font-weight:lighter }

.submenu .sublink.promotion_class .subtitle{background:#900}
.submenu .sublink.promotion_class:hover .subtitle{background:#252422; color:#fff}
.submenu .sublink.promotion_class:hover .arrow{background:#900; padding-top:10px}


@media screen and (max-width : 1260px)
{
	.fb{margin-right:150px}
	.recap-eval{margin-left:350px}
}

@media screen and (max-width : 1000px)
{
	.content{width:100%}
	.submenu{width:100%; text-align:center;}
	.submenu .sublink{width:33.3%; margin:0 0 10px; font-size:0; letter-spacing:-0.25em}
	.submenu .subtitle{float:none; display:inline-block;font-size:12px; letter-spacing:0.4px}
	.submenu .sublink .arrow{float:none; display:inline-block; margin-top:-5px}
	.texte{text-align:justify; padding:0 20px}
	 h1{text-align:justify; padding:0 20px}
	.footer{text-align:center}
	.footer .infos{float:none; display:inline-block}
	.logo-footer{float:none;display:inline-block;vertical-align:top; margin-top:12px}
	.footer .edc{float:none; margin-right:0; text-align:center}
	.footer .edc .line{text-align:center}
	.reservation{width:100%; text-align:center}
	.bande-resa{margin-bottom:0px}
	
	.cadre.room{width:99%; height:auto !important; margin:10px auto;display:block}
	.cadre.partenaire{width:99%; height:auto !important;display:block; margin:10px auto}
	.liste-partenaire{margin-top:0}
	.chambres{margin-top:50px}
	.cadre .photo{width:30%; float:left; margin-top:0; margin-right:5px}
	.cadre .titre_chambre{width:69%; text-align:center; float:right}
	.cadre .texte_chambre{padding:10px 0}
	.price-content{position:relative !important; padding:0 !important;margin-top:40px !important }
	.liste-caract{clear:both;}
	
	.photos{margin-top:40px; padding:0 20px}
	.photos .cadre{width:50%; height:auto; margin:10px 0}
	.photos .cadre .photo{width:100%; float:none; margin:0}
	.content-tarif{box-sizing:border-box; padding:0 20px}
	
	.docs{ width:100%; padding:0 20px; box-sizing:border-box; text-align:center}
	.docs .sublink{width:auto; margin:5px}
	
	.bande-diapo h1{left:210px; margin-left:0}
	.bande-resa{position:relative;padding:0;background:rgba(16,16,16,1)}
	.block-resa{width:15%; height:auto; box-sizing:border-box; margin:0; float:left}
	.block-resa.hasDatepicker{width:15%;}
	.block-resa#trigger-personnes{width:15%; margin-left:0;}
	.block-resa .title{padding-top:0; font-size:13px}
	.block-resa .subtitle {display:inline-block;  font-size:20px}
	.block-resa .arrow-down { display: inline-block;margin-left: 5px;margin-top: 3px; vertical-align: top;}
	.block-resa.resa-link{margin:0;width:25%;border-bottom:1px solid #fff;padding:7px 3px}
	.block-resa.resa-link .title{font-size:16px}
	.block-resa.resa-link .subtitle{font-size:12px}
	.nb-personnes{z-index:100; margin-left:-175px;margin-top:67px}
	.block-resa.prix{width:30%; padding:15px 3px}
	.block-resa.prix .title{display:inline-block;font-size:13px}
	.block-resa.prix .subtitle{display:inline-block; font-size:15px}
	.avantages{ display:block; width:100%; border:0; clear:both}
	.avantages ul li{text-align:center; display:inline-block;}
	
	.footer .infos{margin-top:0}
	.footer .edc{margin-top:20px}
	
	.block-tab.block-site{margin-right:0}
	.block-tab{margin-right:201px; margin-top:-48px}
	
	.recap-eval{display:none}
	.recap-eval-footer{display:block}
	
	.fb{margin-right:0}
	.bande-diapo h1{margin-top:10px}
}
@media screen and (max-width : 799px)
{
	.gmap{float:none; width:100%; border:none; padding:0 20px 20px 20px}
	.form-contact{width:100%; float:none; padding:20px }
	.bande-diapo h1{font-size:17px}
	.fb{display:none}
}
@media screen and (max-width : 768px)
{
	.block-resa,.block-resa.hasDatepicker,.block-resa#trigger-personnes{width:33.3%}
	.block-resa.prix{width:50%}
	.block-resa.resa-link{width:50%}
}
@media screen and (max-width : 660px)
{
	
	.submenu{margin-top:0; border-top:1px solid #fff}
	.submenu .subtitle{width:90%}
	.submenu .sublink .arrow{width:10%}
	.submenu .sublink{width:100%;border-bottom:1px solid #fff; margin:0}
	.submenu .subtitle{font-size:11px}
	.submenu .sublink .arrow{margin-top:-4px}
}

@media screen and (max-width : 580px)
{
	.logo-footer{float:none; text-align:center; margin-right:10px}
	.footer .infos{border:0; text-align:justify; padding:0; margin:10px auto}
	.logo-text {margin-top:5px; margin-left:10px;width:200px}
	.logo-text img{width:100%}
	.langues{float:none; position:absolute; right:0; margin-top:80px; margin-right:0}
	.lang{float:left}
	.arrow-lang{float:left;text-align:left}
	.langue{padding:7px}
	.menu{display:none}
	.menu-btn-responsive{display:block}
	.cadre .photo{width:100%; float:none; margin:0 auto}
	.cadre .titre_chambre{width:100%; float:none}
	.bande-diapo h1{left:40px; margin-top:15px}
}
@media screen and (max-width : 520px)
{
	.top{height:auto; background:#fff}
	.photo-diapo{height:250px !important}
	.bande-diapo{margin-top:0}
		.block-resa.prix{width:100%}
	.block-resa.resa-link{width:100%}
	#promo { width:270px; padding:15px;  margin-left:-150px;}
	#promo ul { padding-left:10px; }
}

@media screen and (max-width : 430px)
{
	.logo-text{float:none; text-align:center; margin:10px auto 0}
	.logo-img{float:none; text-align:center; margin-top:10px}
	.top{padding-bottom:10px}
	.arrow-lang{display:none}
	.langues{position:relative; margin:10px auto}
	.langue.nodisplay{display:inline-block}
	.lang,.langue{float:none;text-align:center;background:none}
	.langue{display:inline-block;position:relative;}
	.menu-btn-responsive{display:block; text-align:center;position:relative;}
	.langue.active{background:#308aac;}
	.langue.active a{color:#fff}
	.form aside,.form aside.aside100 { width:100%; float:none; padding:0}
	#ajax img{float:none !important}
	.content-tarif{padding:0}
	.content-tarif h3{text-align:center}
	.content-tarif #zone-form{padding: 0 20px}
	.block-tab{width:160px; margin-right:161px}
}

@media screen and (max-width : 420px)
{
	.nb-personnes{width:100%; min-width:250px; margin-left:-170px}
	.btn-valider-nb{width:100%}
	.nb-enfants{border:0}
	.bande-diapo h1{margin-top:10px}
}