@font-face {    font-family: "gotham-book";    src: url(fonts/Gotham-Book.otf) format("opentype"); }
@font-face {    font-family: "GothamMedium";    src: url(fonts/Gotham-Medium.otf) format("opentype"); }
@font-face {    font-family: "GothamLight";    src: url(fonts/Gotham-Light.otf) format("opentype"); }
@font-face{font-family:'FontAwesome'; src:url("fonts/fontawesome-webfont.eot?v=4.3.0"); src:url("fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal;  font-style: normal; }
.icon-inst:before{font-family:FontAwesome; content:'\f16d';}
.icon-fb:before{font-family:FontAwesome; content:'\f09a';}
.icon-link:before{font-family:FontAwesome; content:'\f0e1';}
.icon-you:before{font-family:FontAwesome; content:'\f167';}
.icon-twit:before{font-family:FontAwesome; content:'\f099';}
.colora{color:#383139;}
.icon-dowload:before{font-family:FontAwesome; content:'\f019'; padding-right:4px; font-style:normal;}
.iconsocial{color:#fff; background:#000; padding:2px; font-weight:normal; font-size:15px; width:15px; margin:0 2px; text-align:center}
@font-face {    font-family: "Myriad Pro Regular";    src: url(fonts/Myriad Pro Regular.ttf) format("truetype"); }
.esp:hover{color:#ffffff !important}
.plaza_template {position:relative; margin:0; padding:0; color:#383139 ;  font-family: 'gotham-book' ; font-size:14px;  min-height: 100vh;  overflow: hidden;}
.plaza_template a{cursor:pointer;color:#383139; text-decoration:none; }
.openvideo{background: url(images/play.jpg) right center no-repeat; background-size: 40px; padding: 20px 0; padding-right: 50px;
    color: #ffffff; position: absolute; top: 50%; margin-top: -40px; right: 40px; z-index: 33; cursor: pointer; font-size: 16px;
    text-shadow: 1px 1px #39323a;}
.captcha.opened {    box-shadow: 0px 0px 2px #333;    padding: 10px;}
.captcha {    display: inline;    line-height: 50px;    margin: 25px 0;    font-size: 20px;    font-style: italic;}
/* header*/
.col-md-2.footer_titre.titref {text-align: center;}
#header {position: relative;z-index: 11;width: 100%;top: 0;}
#header .content_header  {width: 100%;position: relative;}
#header .logo {width: 60%; margin: 0 auto;padding-top: 9px;}
#header .menu_home {background: url(images/sepa-menu.png) left no-repeat; float: left;width:100% ;padding-left: 57px;margin: 0 0 0 -50px;}
.content-logo{background: url(images/bg-logo.png) no-repeat;width: 320px; height: 292px;background-size: 100% auto; float: left;z-index: 9;}
.divMenu{ float:right ;  width: calc(100% - 327px);}
.nav ul { z-index: 15;*zoom:1;list-style:none;margin:0;padding:0;background:#383139 ;}
.nav ul:before,.nav ul:after {content:"";display:table;}
.nav ul:after {clear:both;}
.nav ul > li {float:left;position:relative;background:url(../assets/images/separ.png) no-repeat  ;background-position: 0px 22px ; min-width:calc(100% / 7); text-align:center;}
.nav ul  li:first-child{ display: none;}
.nav ul > li:nth-child(2){background:none ; }
.nav a ,.nav span {display: block;padding: 28px 0px;line-height: 1.2em;color: #D3CDBB; text-decoration: none; cursor: pointer;}
.nav a:hover,.nav span:hover {display: block;line-height: 1.2em;  text-decoration: none;cursor: pointer;text-decoration:none;color:#fff ; }
.nav li ul {background:rgba(56, 49, 57, 0.8) url(../assets/images/bg-menu.png) 234px 4px no-repeat ; }
.nav li ul li {border-bottom: solid 1px #383139;}
.nav li ul li:first-child { border-bottom: solid 1px #383139;display: block;}
.nav li ul li:last-child { border-bottom: none;}
.nav li ul a {border:none;}
ul.nav-child.unstyled.small {width: 270px;}
.nav li ul {position:absolute; left:0; top:69px; z-index:1;}
.nav li:hover ul{top:100%;}
.nav li ul li {width: 100%;border-bottom: solid 1px #383139;overflow: hidden;height: 0;background: none;-webkit-transition: height 200ms ease-in;
    -moz-transition: height 200ms ease-in;-o-transition: height 200ms ease-in;transition: height 200ms ease-in;}
.nav ul li ul li a { font-size: 14px;text-indent:6px; padding: 6px;text-transform: uppercase;color: #D3CDBB;}
.nav ul li ul li a:hover { font-size: 14px; padding: 6px;text-transform: uppercase;color: white;}
.nav li ul li img {border-radius: 40px!important; width: 30px!important; height: 30px!important;position: relative;z-index: 1;float: left;box-shadow: 4px 0px 1px 1px rgba(56, 49, 57, 0.8);}
.nav ul > li:hover ul li {height:30px;}
.menu_responsive{ width:0px; position: fixed;left: -100%;top: 0;height:100% ;  z-index: 999;height:100%;display:block;-webkit-transition: width 250ms; -moz-transition: width 250ms;-o-transition: width 250ms;}
/* langue*/
.mod-languages {position: relative;float: right;margin-right: 107px;}
.en .date-depart input {
    /* background: url(images/calendar.png) 66px no-repeat !important; */
}
.image-title {padding: 6px; position: relative; z-index: 0; float: left; background: #D3CDBB; margin-left: -11px; padding-left: 20px;    width: 249px;    text-transform: uppercase;    font-size: 13px;    font-family: GothamMedium;	    color: #0B0004;}
/* contenu */
.footer-date input {background: #383139 url(images/calendar.png) 98% no-repeat;  border: none; padding: 7px; margin-left: 0px;    font-size: 12px;   }
.container{	width:1170px; 	margin:0 auto ; }
.banniere_home {position:absolute; top:0; left:0; width:100% ; height:100% ; background:url(images/bannieres/banniere.jpg) ;     background-size: 100% auto;}

.left{float:left ; }
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 , .col-2 {	float: left; 	position: relative;	min-height: 1px;}
.col-md-12 {width: 100%}
.col-md-11 {width: 91.66666667%}
.col-md-10 {width: 83.33333333%}
.col-md-9 {width: 75%}
.col-md-8 {width: 66.66666667%}
.col-md-7 {width: 58.33333333%}
.col-md-6 {width: 50%}
.col-md-5 {width: 41.66666667%}
.col-md-4 {width: 33.33333333%}
.col-md-3 {width: 25%}
.col-md-2 {width: 16.66666667%}
.col-md-1 {width: 8.33333333%}
.col-2 {width:20% ; }
.error404 {text-align:center;  }
.error404 h3 {font-size: 30px;color: #D3CDBB;}
.chzn-container-single .chzn-single {position: relative !important ; display: block !important ;overflow: hidden !important ;padding: 0 0 0 8px !important ;height: 23px !important ;font-size: 15px !important ;color: #383139 !important ;text-shadow: 0.3px 0.3px #383139 !important ;text-decoration: none !important ;white-space: nowrap !important ;line-height: 24px !important ;width: 94px !important ;font-weight: bold!important ;border:none !important ; background:none !important ; }
.form-group {margin-bottom: 15px;padding-right: 15px;height: 32px;font-size: 12px;}
.form-group input {padding-left:5px ; }
input:focus , textarea:focus   {outline: none;}
.form-group textarea  {	 background: none;padding-left:5px ;border: 1px solid #9F8C7A;width: 100%;height: 84px;margin-top: 5px;}
.form-group label {color:#9F8C7A ; text-transform:uppercase ; font-size: 14px;margin-top: 18px;}
.form-control {display: block;width: 100%;font-size: 14px;line-height: 1.42857143;color: #39323a;border: 1px solid #9F8C7A;margin-bottom: 8px;margin-top: 8px;background: none;height: 27px;}
.envoie {border: solid 1px #D3CDBB;background: #D3CDBB;float: right;font-weight: bold;width: 115px;margin-right: 5px;color: #383139;font-size: 14px;font-family: GothamLight;cursor: pointer;}

.div_galerie{ width:25% ; padding-left:15px;}
#map{display:block; width:100%; height:187px; left:0; top:0px; z-index:1; position:relative; z-index:800;}
.block_contact{background: #D3CDBB;height: 150px;margin-top: 13px;padding: 6px 6px 14px 13px;color: #383139;line-height: 2;font-family: 'gotham-book';}
.apartir {  font-size: 15px; float: left; color: #231F20; padding: 15px 1px 1px 7px;} 
.submit_reserv { border:none; color:#d1cbba; background:#0B0004; text-decoration: none;font-family: 'gotham-book';cursor: pointer;font-weight:bold; font-size:15px; line-height:24px;} 
.topch { text-align: right;padding-right: 32px;cursor: pointer; margin-top: -24px;}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {padding-top: 7px;margin-top: 0;margin-bottom: 0}
.form-horizontal .control-label {padding-top: 7px;margin-bottom: 0;text-align: right}
.block_form {width:49%; display:inline-block; vertical-align:bottom;}
.block_add {width:49% ; display: inline-block;}
.div_contact{width:80% ; margin:0 auto ; margin-top:20px;}
.block_contact i {color:#383139 ; margin-right:8px;      font-size: 16px;}
.block_contact span  { font-size:14px; line-height:20px; }	
/* animation div */
.animatedDiv{	bottom:77px; height:300px ;  position:absolute; width:100%; display:none ; color:#D3CDBB ;}
.animatedDivTop{	bottom:77px; height:38px ;  position:absolute; width:100%;  color:#D3CDBB ;}
.animatedDivBottom {bottom:284px; height:38px ;  position:absolute; width:100%;  color:#D3CDBB ; left: 0; }
.animatedDivGastro{	bottom:180px;  height: calc(85vh - 167px);  position:relative; width:100%; display:none ; color:#D3CDBB ; z-index:10}
.ToTop  {width: 100%;margin: auto;background: rgba(11, 0, 4, 1);padding-top: 10px;position: relative;z-index: 10;padding-bottom: 11px;}
.ToTop i { color:#D3CDBB ; text-align:center  ; cursor:pointer}
.ToBottom  {width: 100%;margin: auto;background: rgba(11, 0, 4, 1);padding-top: 10px;position: relative;z-index: 10;padding-bottom: 11px;}
.ToBottom i { color:#D3CDBB ; text-align:center  ; cursor:pointer}
.desc p { margin: 0;}
.repeat{width: 100%;height: 266px;margin: auto;background: rgba(11, 0, 4, 0.8);/* padding-top: 15px;  */position: relative; z-index:10 ;padding-bottom: 15px;}
.repeat1{width: 480px;height: auto;max-width: 100%;height: 100%;margin: auto 320px;background: rgba(11, 0, 4, 0.8);padding: 50px;position: relative;  z-index:10}
.desc{width: calc(100% - 320px);line-height: 1.5;padding-right: 15px;min-width: 780px;text-align: justify;}
.desc ul { list-style:none }	
.desc li{    background: url(images/right-arrow.png) no-repeat 0px 2px;padding-left: 16px;padding-bottom: 5px;} 
.desc_cha .titre {    text-transform: none !important;width: calc(100% - 647px);line-height: 1.5;padding-right: 15px;min-width: 393px;font-family: 'gotham-book';font-size: 14px;color: #D3CDBB;}	
.desc_gas{width: calc(100% - 670px);line-height: 1.5;padding-right: 15px;min-width: 513px;}
.divScroll{overflow-y:auto ; height:253px; }
.divScroll::-webkit-scrollbar {width:7px; background-color:#0B0004; }
.divScroll::-webkit-scrollbar-thumb {background-color:#D3CDBB; outline: 1px solid #efefef;}
.divScroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.titre{font-size: 18px;padding-bottom: 10px;text-transform: uppercase;font-family: GothamMedium ;color: #9F8C7A;}
/*.titre span { border-bottom:solid 1px #9F8C7A ; }*/
.titre-menu{font-size: 23px;padding-bottom: 5px;}
#gastronomie .galerie{  width: 30% !important;margin-left: 23px;}
.block_galerie{ width:100% ; padding-top: 20px; padding-bottom:20px;}
.banniere_gastro{ position:absolute; top:0; left:0; width:100% ; height:100% ;  background-size: cover; } 
#gastronomie .animatedDiv { position:relative !important}
#gastronomie a {  color: #9F8C7A; text-decoration:none }

#sousGastronomie .galerie{ height:80px; width:82% ;}
/* #sousGastronomie .img_galerie {      margin: 0px; } */

.banniere_home_contact{position:absolute; top:0; left:0; width:100% ; height:100% ;  background:url(../assets/images/galerie/bannierecontact.jpg) ;   background-size: cover;} 

#sousGastronomie .desc{  height:101px  ;max-width: 92% !important ;     margin-bottom: 10px; }
/* .banniere_sousGastro{position:absolute; top:0; left:0; width:100% ; height:100% ;  background-size: cover;}  */
.banniere_sousGastro1{position:absolute; top:0; left:0; width:100% ; height:100% ; /* background:url(images/bannieres/banniere_open.jpg) ;*/   background-size: cover;} 

.banniere_spa{position:absolute; top:0; left:0; width:100% ; height:100% ;  /*background:url(images/bannieres/banniere_spa.jpg) ; */ background-size: cover; } 
.banniere_reunion{position:absolute; top:0; left:0; width:100% ; height:100% ;  /*background:url(images/bannieres/banniere_reunion.jpg)*/ ;  background-size: cover; } 
.banniere_fete{position:absolute; top:0; left:0; width:100% ; height:100% ;  /*background:url(images/bannieres/banniere_fete.jpg)*/ ;  background-size: cover; } 
.down_ch {     text-align: right; padding-right: 32px; cursor:pointer}

.toTop_ch { text-align: right; padding-right: 32px; display:none ; cursor:pointer} 
.down_ch .fa { color:#D3CDBB}
.block_slider {  width: 100%; padding-left: 15px;  background:#D3CDBB  ;  margin-left: 13%; height:136px}
.block_photo{     width: 65%;}
.block_photo .titre { padding-bottom:10px ;}
.blockInfo {    width: 35%;margin-top: 19px;}
.blockInfo .blockInfo_res { background: #0B0004;width: 44%;margin-left: 46px;padding: 16px;text-transform: uppercase;line-height: 25px;}
	.blockInfo .blockInfo_res  b{ font-size:20px} 
	.blockInfo div {} /*background:url(../assets/images/separ.png) no-repeat  ;background-position: 0px 5px; padding-left: 15px; */
	
	.blockInfo .blockInfo_res_spa { background: #0B0004;width: 44%;margin-left: 46px;padding: 16px;text-transform: uppercase;line-height: 25px;}
	.blockInfo .blockInfo_res_spa  b{ font-size:20px} 
.blockInfo_spa { margin-top:0px !important}	
	
.top { padding-top:15px; }
.divTop{ height:20px;}
.box-title span{ border-bottom: none;padding-left: 8px;padding-top: 5px;background: url(../assets/images/separ.png) no-repeat;background-position: 0px 0px;}
.info { width: 25%; padding-left: 20px;}
.info img {     padding: 9px; padding-top: 12px;      padding-right: 20px; }
.tarifInfo { padding-top:20px; }
.tarifInforeserv { display:none }

.info i { padding:8px; }
.info .price { color: #231F20;float: left;font-size: 19px;padding-top: 12px;padding-left: 15px;font-weight: bold;} 
.info  button {     background: #0B0004;color: white;width: 101px;padding: 4px;border: solid 1px #0B0004;outline: none;font-size: 16px;}
.info .left {padding-right: 17px; padding-top: 7px; float:right !important}	
.blockTarif {background:#D3CDBB ; width:94% ; height:42px; padding:2px; }	
.blockTarif .tool {text-align:left; padding:5px;}
.galerie{background:#D3CDBB; width:87%; height:163px; padding:0px; overflow-y:scroll;}
.galerie::-webkit-scrollbar {width:10px; background-color:#cec8b7;}
.galerie::-webkit-scrollbar-thumb {background-color:#4e4b4b; outline: 1px solid #efefef;}
.galerie::-webkit-scrollbar-track {-webkit-box-shadow: none;}
.galerie a{padding:0px; margin:0px; text-decoration:none; float:left;}
.img_galerie {width:110px; height:69px; position:relative; overflow:hidden;}
.galerie img {width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.tooltip {position: relative;display: inline-block;}

.tooltip .tooltiptext {visibility: hidden;top: -20px;width: 96px;background-color: #000;color: #fff;text-align: center;border-radius: 6px;padding: 2px 0;position: absolute;z-index: 1;}

.tooltip:hover .tooltiptext {visibility: visible;}

#chambre .desc {width: calc(100% - 647px);line-height: 1.5;padding-right: 15px;min-width: 393px;}

#contact .animatedDiv { height:auto !important}
.clear {	clear:both ; }
	.divBody {position: absolute;height: 100vh;width: 100%;background: rgba(86, 81, 81, 0.31);z-index: 98;overflow: hidden;}
/* footer*/
#footer {background:rgba(211, 205, 187, 0.8);height: 67px; position: absolute;width:100% ;bottom: 0;color:#0B0004 ;font-size: 14px;font-weight:600;z-index:15 ;}
button{ cursor:pointer}
#footer .div_footer{	padding: 0px 35px 12px 38px;}

.footer-date-resrev  {	background: #e8e8e8;padding: 3px;color: #383139;margin: 7px 5px 0px 4px;font-weight: 100;}
.footer-date-resrev input{    background: url(images/calendar.png) right  no-repeat;border: none;padding: 4px;margin-left: 2px;cursor: pointer;color: #383139;}
#ui-datepicker-div { z-index:999 !important}


.footer-date-resrev.date-depart input {background:#383139 url(images/calendar.png) right no-repeat !important;cursor: pointer;}
.tarifInforeserv .footer-date-resrev.date-depart input { background-color:#e7e7e7 !important;}
.footer-date-resrev .date_fin {width: 90% !important;}
.footer-date-resrev .date-arrivee {width: 90% !important;}
#footer .footer-date{color:#D3CDBB ; font-weight:100;line-height:22px;}
.footer-date input {border:none; padding:0px 10px; cursor:pointer; color:#D3CDBB; line-height:26px; width:calc(100% - 20px); min-width:100px;}
}
.footer_titre{ padding-top:10px ;     left: calc(0px + 55px);   color: #383139;}
#footer a {color:#0B0004 ;text-decoration:none ;  float:left; margin:1px;}
#reserv .col-md-2 {width: 23%;line-height: 28px;display: inline-block;vertical-align: bottom; min-width:170px; margin-right:10px;}
#reserv .col-md-2:first-child{width:100%; text-align:left;}
#reserv .col-md-2:last-child{width:100px; min-width:inherit; margin-right:0px;}
.bloc_footer {display: inline-block;width: 48%;}
.menu-button {display: none;color: #383139;padding-left: 62px;position: absolute;z-index: 9999;background: url(../assets/images/menu.png) 22px 0 no-repeat;width: 32px;height: 32px;left: 0px;top: 15px;padding-bottom: 5px;cursor: pointer;}
.right_footer{float:right; max-width:400px; padding:10px 0 0;}
.footer_reserv { padding-top:1px}
.right_footer { text-align: right; }
.copirate {font-size:12px ; padding-top: 5px; }
#footer .copirate a { margin:0 ; padding-left:3px;}
.right_footer div.left{line-height:21px;}
.menu_responsive  #footer {
	display:none  !important ;
	
	 }

.ar #header .logo {width: 0%;} 
/* .ar .footer-date input { background: url(images/calendar.png) 5px no-repeat;} */
/* .ar .date-depart input { background: url(images/calendar.png) 5px no-repeat !important;} */
.ar .col-md-1, .ar .col-md-10, .ar .col-md-11, .ar .col-md-12, .ar .col-md-2, .ar .col-md-3, .ar .col-md-4, .ar .col-md-5, .ar .col-md-6, .ar .col-md-7, .ar .col-md-8, .ar .col-md-9, .ar.col-2 {float: right; position: relative;min-height: 1px;}
.ar .right{ text-align:left ; }
.ar .footer_titre {right: calc(181px );}
.ar .desc li { background: url(images/right-arrow.png) no-repeat right 2px;padding-right: 21px;text-align: right;}
.ar .content-logo {float: right;}
.ar .mod-languages {float: left;margin-left: 107px;}
.ar .nav ul > li { float: right;}
.ar .nav ul > li:nth-child(2) {
    background: url(../assets/images/separ.png) no-repeat;
    background-position: 0px 22px;
}
.titre_ac{font-size:17px; color:#ddd9ca; background:#383139; line-height:35px; padding-left:20px;}
.bref_ac{margin-bottom:50px; margin-top:15px;}
.illus_ac{width:200px; overflow:hidden; position:relative; display:inline-block; height:100px;}
.illus_ac img{max-width:100%; position:relative; top:50%; left:50%; transform:translate(-50%,-50%);}
.descrip_ac{width:calc(100% - 250px); display:inline-block; vertical-align:top; float:right; text-align:justify; line-height:22px;}
.date_ac{color:#9f8d7b;}
.lien_ac {margin-top:15px;}
.lien_ac a,.btnpdf{padding:4px 10px; text-decoration:none; font-size:13px; color:#fff; background:#b3afa1; transition:background 0.2s ease-in-out;}
.plaza_template a.btnpdf{display:inline-block; margin-bottom:20px;color:#fff}
.lien_ac a:hover,.btnpdf:hover{color:#383139; background:#9f8d7b; color:#fff}
.news_illustration{position:relative; overflow:hidden;}
.illustration_actualite .news_illustration{text-align:center;}
.description_actualite{margin-bottom: 20px; line-height: 23px; text-align: justify;}
.date_publication{margin: 10px 0;}
.actualites_plaza{width:980px; margin:0 auto; position:absolute; background:rgba(212, 207, 189, 0.97); left:50%; margin-left:-500px; bottom:85px; height:calc(100% - 325px); padding:10px; overflow-y:scroll; z-index:20;}
.actualites_plaza::-webkit-scrollbar {width:10px; background-color:#cec8b7;}
.actualites_plaza::-webkit-scrollbar-thumb {background-color:#4e4b4b; outline: 1px solid #efefef;}
.actualites_plaza::-webkit-scrollbar-track {-webkit-box-shadow: none;}
.to_back{float:right; color:#fff; font-size:13px; margin-right:10px;}
.img_media{width:100%; position:relative; overflow:hidden; margin-top:10px;}
@media (max-width: 1400px) {
	.content-logo{height:254px}
}
@media (max-width: 500px) {
	.blockInfo .blockInfo_res_spa {   margin-left:0;    width: auto !important;   margin-right: 15px;}
	.blockInfo .blockInfo_res { width: auto !important;  margin-right: 15px;}
	/* .footer-date input {   background: url(images/calendar.png) 95px no-repeat !important;    width: 116px !important;} */
	/* input#dateFin input { background: url(images/calendar.png) 95px no-repeat !important;    width: 116px !important;} */
	.content-logo {width:240px}
	.logo a img {    width: 66px;}
	.block_contact b {    font-size: 13px;}
}
@media (max-width: 435px) {
.rslides img { width: auto !important; height: 100%;}	
}

@media (max-width: 1200px){
.info .price {    font-size: 17px;}
.info button {   width: 78px;}
.blockInfo_res{font-size: 15px !important;}

}
@media (max-width: 1100px){
	.titref{padding-right: 20px; margin-left:-30px}
}


@media (min-width: 800px)  and (max-width: 1366px) {
		
	.blockInfo .blockInfo_res_spa {background: #0B0004;width: 44%;margin-left: 46px;padding: 4px !important ; text-transform: uppercase;line-height: 25px;}
	.nav a, .nav span {display: block;padding: 30px 10px;line-height: 1.2em;color: #D3CDBB;text-decoration: none;font-size: 14px;cursor: pointer;}
	.nav a:hover, .nav span:hover {display: block;line-height: 1.2em;text-decoration: none;font-size: 14px;cursor: pointer;}
.footer_reserv {padding-top: 0px;}
.img_galerie {margin: 3px;width: 96px;height: 69px;}
   .blockTarif {width:100% ; }
   .info img {padding: 6px;}
   .info .price {padding-left: 5px;  }
   .info .left {  padding-left: 10px; }	
   
.tarifInforeserv .left {padding-right: 4px !important ; padding-top: 7px;float: right !important;padding-left: 0px;}
   
   .desc_gas{  width: calc(100% - 571px);line-height: 1.5;padding-right: 15px;min-width: 513px;}
	#gastronomie .galerie {width: 33% !important;margin-left: 23px;}
	.right{ text-align:right ; }
	.divTop{ display:none ; }
.animatedDivGastro {bottom: 207px;height: calc(77vh - 146px);position: relative;width: 100%;display: none;color: #D3CDBB;z-index: 10;}
.repeat1 {width: 524px;height: auto;max-width: 100%;height: 100%;margin: 1px 317px;background: rgba(11, 0, 4, 0.8);padding: 13px 5px 5px 35px;position: relative;z-index: 10;}

.container {width: 960px;margin: 0 auto;}

  .block_slider {margin-left: 12%;}
 .block_slider {width: 100%;padding-left: 15px;background: #D3CDBB;margin-left: 12%;height: 136px;} 
.item_carou  { padding-right:13px !important ;  }
#contact .desc {width: calc(100% - 320px);line-height: 1.5;padding-right: 15px;min-width: 702px;}
::-webkit-scrollbar {width:7px; background-color:#0B0004; }
::-webkit-scrollbar-thumb {background-color:#D3CDBB; outline: 1px solid #efefef;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}



}
@media screen and (max-width : 700px){

	.blockInfo {    width: 100% !important;}
.blockInfo .blockInfo_res_spa, .blockInfo_res {    font-size: 15px !important;}
.blockInfo .blockInfo_res_spa b, .blockInfo_res b{    font-size: 15px !important;}
}

@media screen and (max-width: 767px){.galerie {    width: 234px !important;    height: 159px !important;}}
	.form-horizontal.form_contact input[type="text"], .form-horizontal.form_contact textarea{color:#D3CDBB;}
@media screen and (max-width : 1024px){
	.openvideo{margin-top:0px; top:38%;right:5px;}
	.banniere_home_contact{height:50%;}
	.galerie { width: 473px;    height: 81px; margin-left: 72px;}
	.blockInfo .blockInfo_res_spa {font-size:18px; width: 100%;}
	.blockInfo .blockInfo_res_spa b {font-size:18px}
	.info img { padding: 0px; margin-right: 13px;    margin-left: 11px;}
	input#dateArrivee {    padding-left: 19px;}
	.div_contact {    padding-left: 30px;  padding-right: 38px; width:auto; margin:0}
	.blockTarif .tool {padding: 0;}
	#header .logosize{ width: 100% !important;  margin-right: 0 !important;}
		.rslides img {   width: 100% !important;    height: auto;  }	
	.down_ch { display:none ; }
	.tarifInforeserv .col-md-4 {    width: 33.33% !important ; float: left !important ; }
.footer-date-resrev .date_fin {    width: 77% !important;}
.tarifInforeserv .left {    padding-left: 0px;padding-top: 7px;padding-right: 2px !important }
	.blockInfo .blockInfo_res b {font-size: 28px;}
	.rslides { height: 50% !important; }	
	.block_form {width: 100%;margin: 0 auto;}	
	.nav ul {background: #D3CDBB;}
	.banniere_gastro {height: 50%;}
	.animatedDivGastro {top: 50% !important ; bottom: 0px !important ; position: absolute !important ; width: 100% !important ; color: #D3CDBB;z-index: 10;}
  .menu_responsive.open {width: 80% !important;left: 0;overflow-y: scroll;}
  .repeat1 {width: 100%;max-width: 100%;height: 100%;margin: 0 !important ;background: rgba(11, 0, 4, 0.8);padding: 5px;position: relative;z-index: 10;}
  .animatedDiv{ display:block}
#gastronomie .galerie {    width: 64% !important;    margin-left: 23px;}
#contact .col-md-4 , #contact .col-md-8 {    width: 100%;}
.envoie {border: solid 1px #D3CDBB;background: #D3CDBB;float: right;font-weight: bold;width: 115px;margin-right: 5px;color: #383139;font-size: 14px;font-family: GothamLight;cursor: pointer;}
.form-control {display: block;width: 100%;height: 25px;}
.block_contact {height: 170px;font-size: 18px;}
.form-group label {color: #9F8C7A;text-transform: uppercase;font-size: 14px;margin-top: 7px;}

.banniere_sousGastro {height:300px !important;}
.banniere_sousGastro1 {height:300px !important;}
.box-title span {    font-size: 14px !important ; }	
	.menu_home{		display:none ; 	}
	.menu-button {display:block;}

	.menu_responsive.open{width:45% ;left:0}
	.nav ul > li {float:none; background:none; }
	.nav ul > li:nth-child(2) {background: none;}
	.nav a, .nav span {display: block;padding: 11px;line-height: 1.2em;font-size: 17px;color: #383139; padding-left:10px; padding-right:10px;}
   .nav a:hover, .nav span:hover {display: block;padding: 11px !important ; line-height: 1.2em;font-size: 15px !important ;color: #383139;}
  ul.nav-child.unstyled.small {width: 100% !important;height: 100%;}
.menu-trigger-inner:before,.menu-trigger.active{-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms}
.menu-trigger-inner:after,.menu-trigger-inner:before{background:#3b3336;content:'';display:block;height:4px;width:50px}
.menu-trigger{background-color:transparent; position:absolute; left:15px; top:32px; z-index:9999;     width: 50px;height: 50px;}
.menu-trigger.active{transition:all 250ms}
.menu-trigger-inner{-webkit-transition:250ms all;-moz-transition:250ms all;-o-transition:250ms all;transition:250ms all;background:#3b3336;height:4px;width:50px}
.menu-trigger-inner:before{transition:all 250ms;-webkit-transform:translateY(-17px);-moz-transform:translateY(-17px);-ms-transform:translateY(-17px);-o-transform:translateY(-17px);transform:translateY(-17px)}
.menu-trigger-inner:after{-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;-webkit-transform:translateY(12px);-moz-transform:translateY(12px);-ms-transform:translateY(12px);-o-transform:translateY(12px);transform:translateY(12px)}
.menu-trigger-inner.active{background:0 0}
.menu-trigger-inner.active::before{background:#383139;-webkit-transform:translateY(0) rotate(-45deg);-moz-transform:translateY(0) rotate(-45deg);-ms-transform:translateY(0) rotate(-45deg);-o-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
.menu-trigger-inner.active::after{background:#383139;-webkit-transform:translateY(-3px) translateX(0) rotate(45deg);-moz-transform:translateY(-3px) translateX(0) rotate(45deg);-ms-transform:translateY(-3px) translateX(0) rotate(45deg);-o-transform:translateY(-3px) translateX(0) rotate(45deg);transform:translateY(-3px) translateX(0) rotate(45deg)}
.div_desc { max-width:100%; }
  .content-logo{
	  background: url(images/bg-logo-resp.png) no-repeat;
	  float:right !important ; 
	}
#header .logo { padding-top: 10px; width: 100%; text-align: center;}
#header .logo img{margin-left:60px;}
#header .logo-resp img{margin-left:0px;}
.menu_responsive.open{width: 100% !important; background: #d3cdbb; position: fixed; top: 0; left: 0;}
.menu_responsive.open nav{margin-top:20px; text-align:center;}
.menu_responsive.open nav li{border-bottom:1px solid #9f8d7b;}
.menu_responsive.open nav .nav-child li{border-bottom:0px solid #9f8d7b; background:#c4beaf;}
.logo.logo-resp.inline {margin: 0 auto; padding-top: 57px !important ; background: #D3CDBB;padding-left: 0px !important;width: 100%;text-align: center;}
.nav li ul {position: relative !important ; left: 0;top:0px !important ; z-index: 1;}
.nav li ul {background: none !important ; }
.nav li ul li {border-bottom: none; }
.nav li ul li:first-child {border-bottom: none; }
.nav ul li ul li a {color:#383139;}
.banniere_spa {height: 50%;}
.banniere_reunion {height: 50%;}
.banniere_fete { height:50% ;}  
.nav ul li ul li a:hover {    font-size: 12px !important ; padding:6px !important ;   }
.plaza_template {overflow-y:scroll !important ; }

.plaza_template::-webkit-scrollbar {width:7px; background-color:#0B0004; }
.plaza_template::-webkit-scrollbar-thumb {background-color:#D3CDBB; outline: 1px solid #efefef;}
.plaza_template::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
.mod-languages { display:none }
.menu_responsive .mod-languages { display:block ; margin-right:32px;  }
.chzn-container-single .chzn-single {color: #D3CDBB !important;text-shadow: 0.3px 0.3px #D3CDBB !important ; }	
.chzn-container .chzn-results li {color: #D3CDBB !important ; text-shadow: 0.3px 0.3px #D3CDBB !important ; }
.menu_responsive  #footer {display:block  !important ;background: #D3CDBB;height: auto;position: relative;width: 100%;bottom: 0;font-size: 13px;font-weight: 600;margin-top: -2px;height: 100%;}
.menu_responsive .footer_titre {padding-top: 0px;color: #D3CDBB !important ; left: 0px;float: none;text-align: center;}
#footer .footer-date {text-indent: 19px; padding: 9px 0px 3px 0px !important ;  margin-bottom: 5px; }
.menu_responsive  #footer .col-md-2 , .menu_responsive  #footer .col-md-1 , .menu_responsive  #footer .col-md-5{float:none; width: 100%;}
.menu_responsive  #footer .col-md-5 {text-align:center !important ; }
.menu_responsive  .footer_reserv{padding-top: 10px;float: right;text-align: center!important;padding-bottom: 10px;}	.menu_responsive  .footer_reserv a { color:#D3CDBB !important }	
.footer-date input {width: 79px !important ;margin-left: 20px !important ;}	
  .date-depart input {cursor: pointer;margin-left: 13px !important;}
  #ui-datepicker-div { z-index:100 !important ; }
#footer .div_footer {
    padding: 9px 14px 19px 14px;
}
#footer { display:none; }

select {width: 100%;background: none;border: none;font-size: 16px;font-family: 'gotham-book';outline:0; cursor:pointer;}

option::focus, option::active {background: none;border: none;}
option {background: none;border: none;font-family: 'gotham-book';outline:0; }

option:hover {background: none;border: none;}
.chzn-container-single .chzn-single {font-size: 23px !important; width: 128px !important}
.chzn-container .chzn-results li {padding: 11px 6px !important ;font-size: 22px !important }
.banniere_home {height: 300px !important ; background-size: cover !important ;}
.animatedDivTop { display:none ; }
.container {width: auto !important;padding-left: 30px;padding-right: 30px;margin: 0 auto;}
.desc {width: 100%;line-height: 1.4;font-size: 16px;padding-right: 0px;min-width: 100% !important;}
.animatedDiv {bottom: 0 !important; top:300px;    }
.repeat { height: 100% !important ;}
.repeat::-webkit-scrollbar {width:0px;  }
.divScroll {    height: 100% !important;overflow: hidden;overflow-y: hidden !important;padding-bottom:0; padding-top:20px;}
#header {position: relative;z-index: 99 !important}
.opacity{   height: 100vh;overflow-y: hidden !important;}
.info {width: 94%;padding-left: 20px;}
.left { float:none ;padding-top: 20px; }
.div_galerie{ width:100% !important ; padding-left: 30px; }
.info .left { float: left;}

.block_form .col-md-12{ float:left }
.block_add { width:100% ; }
.block_slider {width: calc(100% - 44px);padding-left: 15px;background: #D3CDBB;margin-left: 15px;margin-right: 15px;height: 100%;}
.blockInfo {width: 35%;margin-top: 19px;margin-bottom: 10px;}
.block_photo {width: 100%;}
.blockInfo .blockInfo_res {background:#0B0004; width:90%; font-size:20px; margin-left:0px; padding:22px; text-transform:uppercase; line-height:26px;}
.blockInfo .blockInfo_res b {font-size: 20px;}
.img_galerie { width:141px; }
#lightgallery {padding: 0px;}
#sousGastronomie .desc{max-width:100%;}
.actualites_plaza{width:calc(100% - 20px); left:0px; margin-left:0px; position:relative; height:auto;bottom:inherit;}
.illus_ac{width:100%;}
.descrip_ac{width:100%; float:inherit; margin-top:20px; }
.illustration_actualite img{max-width:100%;}
.block_form{width:100%; margin:0 auto;}
.form-group label{color:#9F8C7A; text-transform:uppercase; }
.blockInfo .blockInfo_res {line-height:39px;}
.menu_responsive.open {width:64%; left:0;}
.nav a, .nav span {display:block; padding:11px; line-height:1.2em; font-size:15px; }
#gastronomie .galerie{width:calc(100% - 31%) !important; margin-left:calc(100% - 86%);}
.box-title span {font-size:24px !important;}
.menu_responsive #footer{font-size:26px !important;}
.menu_responsive .mod-languages {display:block; margin-right:146px;}
#footer .date-depart{margin-right:11px;}
.date-depart input{cursor:pointer; width:81px !important; margin-left:13px !important;}
#footer .footer-date {font-size:20px;}
.footer-date input{width:50% !important; margin-left:20px !important;}
.copirate{font-size:18px; padding-top:5px;}
.titre{margin-top:20px;}
}

@media screen and (max-width : 700px){
	.item_carou  img{padding-right:44px}
}
@media screen and (max-width : 594px){
	.item_carou  img{padding-right:94px}
.menu_responsive.open {
    left: 0;
}

.galerie { width: calc(100% - 40%); margin-left: 0px;}
.info .price {padding-left: 3px;padding-right: 3px;}
.info .left {padding-left: 0px;padding-top: 5px;}
}
@media (max-width: 412px) {
	  .date-depart input{  margin-left: 19px !important;}
	.info .price {font-size: 16px;}
	#header .logo {margin-right: 23%;}
	.rslides img {height:100%; width: auto;}
	.logo a img {    width: 68px !important;}
.galerie { width: 62%;margin-left: 15px; height: 160px;}

#gastronomie .galerie {width: 73% !important;margin-left: 23px;}
}
@media (max-width: 320px) {

.galerie {width: calc(100% - 82px) !important;margin-left: calc(100% - 95%);min-height: 160px;}
.info button {background: #0B0004;color: white;width: 92px;padding: 4px;border: solid 1px #0B0004;outline: none;font-size: 18px;}
.demo-gallery ul li {width: calc(100% - 125px) !important;}
.demo-gallery ul li a {width: 100% !important ; }
#gastronomie .galerie {width: calc(100% - 23px) !important;margin-left: calc(100% - 95%);min-height: 320px;height: auto;}
#gastronomie .demo-gallery ul li {width: calc(100% - 125px) !important;}
#gastronomie .demo-gallery ul li a {width: 100% !important ; }

}
@media (min-width: 360px) and (max-width: 640px) {
	.galerie {margin-left: calc(100% - 91%);width: calc(100% - 137px); }
#gastronomie .galerie {margin-left: calc(100% - 91%);width: calc(100% - 137px);}
}

/* ipad*/
@media (max-width: 768px) {
	.titre-menu {font-size: 17px;}
	.desc{font-size: 14px;}
.blockTarif .tool{ margin-top: 13px;  padding: 0;}	
}
@media (max-width: 600px) {
.block_contact span {
    font-size: 12px;
}
.block_contact b {
    font-size: 15px;
}
}

@media (min-width: 380px) and (max-width: 732px) {
	.galerie {
	   margin-left: calc(100% - 372px);
	}
	.info .left {
	   padding-left: 18px !important; 
	   padding-top: 7px;
	   
	}
}
@media (min-width: 414px) and (max-width: 736px) {
.galerie {
	margin-left: 0px !important ; 
}
#gastronomie .galerie {
    width: calc(100% - 14%) !important;
    margin-left: 0px !important;
}