/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

body{background: url('../img/fond.jpg') no-repeat center center; background-size:cover;}
body > .tm-wrapper{padding-bottom:0; background:transparent;min-height:100vh;}
body.no-home > .tm-wrapper{height:auto;}
.uk-subnav > li > a{color:#fff;}
.uk-subnav > li > a:hover{color:#ddd;}
.tm-navbar .uk-navbar-nav > li{margin-right:0 !important}
.tm-navbar .uk-navbar-nav > li a{padding:0 20px;}
.tm-navbar{background-color:rgba(113,57,91,.7);}
.tm-nav{  position: absolute;  right: 0;  bottom: -50px;z-index:8988;}
.tm-nav .uk-navbar-nav{background-color:#395e6e;}
.tm-nav li a{color:#fff;}

.uk-form input[type=date]:focus,.uk-form select:focus{background-color:#fff;}

.toolbar-top{padding-top:0;padding-right:0;}
.toolbar-top h4{margin:10px 20px 0 0; color:#fff;}
.uk-icon-button{color:#fff; background-color:#839125; margin-right:5px; border-radius:50px;transition:all ease .8s }
.uk-icon-button:hover{color:#839125 !important;background-color:#fff}
.uk-icon-button.uk-icon-facebook{background-color:#3b5998}
.uk-icon-button.uk-icon-facebook:hover{color:#3b5998 !important;background-color:#fff}

.tm-noblog .tm-content, #sidebar{background: transparent;padding:0;margin:7vh 0}
#xmap{background-color:#f6f8f9; padding:40px; clear:left; margin:15px 0;}

#slidetop,
#slidetop .uk-slideshow{height:100vh;}

body > .tm-footer{position:absolute; bottom:0; width:100%; padding:10px 0;color:#fff;}

.tm-background:after{background:none !important}

footer.tm-footer{padding:0 !important;}
body.no-home .tm-footer{position:relative !important}
.uk-container{padding:0;}
footer.tm-footer .top-footer{background-color:rgba(109,55,87,.7);padding:20px; text-align:left;}
footer.tm-footer .top-footer h4{color:#fff;font-size:16px;margin-top:15px;}
footer.tm-footer .top-footer p{line-height:22px; font-size:14px;}
footer.tm-footer .top-footer a{color:#fff;}
footer.tm-footer .top-footer span{background:url(../img/spr_contact.png) no-repeat; display:block; margin-right:5px; width:21px; height:21px;float:left; clear:left;}
footer.tm-footer .top-footer span.mail{background-position: 0 -29px;}
footer.tm-footer .top-footer #iconhotel .uk-icon-button{font-size:30px; width:60px; height:60px; line-height:60px;margin-top:7.5px;}
.uk-icon-tripadvisor{background:url(../img/logo-tripadvisor.png) no-repeat center center #839125;display:inline-block; float:left;}
.uk-icon-tripadvisor:hover{background:url(../img/logo-tripadvisor-hover.png) no-repeat center center #fff;}

footer.tm-footer .box{float:left;margin-right:5px;padding:15px; background-color:#fff;}
footer.tm-footer .boxroses{background-color:#395e6e;}
footer.tm-footer .boxgouv{background-color:#d92e54;}
footer.tm-footer .boxvictoria{background-color:#f7c35e;}
footer.tm-footer .hkh{ height:105px; width:60px; display:block;}
footer.tm-footer .roseshotel{background:url(../img/logo-roses-small.png) center center no-repeat;background-size:contain;}
footer.tm-footer .kleberhotel{background:url(../img/logo-kleber.png) center center no-repeat;background-size:contain;}
footer.tm-footer .gouvhotel{background:url(../img/logo-gouverneur-small.png) center center no-repeat;background-size:contain;}
footer.tm-footer .hotelvictoria {background:url(../img/logo-hotel-victoria.png) center center no-repeat;background-size:contain;}

footer.tm-footer .otherhotel p{clear:left;margin-top:10px;float:left;width: 100%; text-align:center;}
footer.tm-footer .bottom-footer{background-color:rgba(79,45,75,.7);padding:10px 0}

/* Logo HK*/
.logo{width:15%; position:absolute; left:0;z-index:8000}
.logo .uk-grid{}
.no-home .logo{width:10%;left:1%}
.logo a{display:block; height:5vh;}
.logo .box{padding:15px; background-color:#d92e54;border-right:2px solid #555555;border-bottom:2px solid #555555; /*transition:all ease .8s*/}
.logo .box *{/*transition:all ease .8s*/}
.logo .boxroses{background-color:#395e6e;margin-top:1.5vh}
.logo .boxkleber, .logo .box:hover{background-color: #fff;}
.logo .logo-kleber{background:url(../img/logo-kleber.png) center center no-repeat; height:20vh; background-size:contain; box-sizing:border-box;}
.logo .logo-gouverneur{background:url(../img/logo-gouverneur-small.png) center center no-repeat; height:7.5vh; background-size:contain; box-sizing:border-box;}
.logo .logo-roses{background:url(../img/logo-roses-small.png) center center no-repeat; height:7.5vh; background-size:contain; box-sizing:border-box;}

.logo .box:hover .logo-gouverneur{background:url(../img/logo-gouverneur-small-cl.png) center center no-repeat;background-size:contain;}
.logo .box:hover .logo-roses{background:url(../img/logo-roses-small-cl.png) center center no-repeat;background-size:contain;}

#baseline{margin-left:18%;text-align:left}


/* Sidebar */
#sidebar{padding:15px 0 0 0;}
#formreserv, #linkbonplans{background:transparent; padding:10px; border:2px solid #fff;}
#formreserv h2, #linkbonplans a{text-align:center; text-transform:uppercase; color:#fff; background-color:#395e6e; font-size:15px;margin-bottom:8px; }
#formreserv h2 a{color:#fff}
#formreserv .uk-form{background-color:#fff;padding:10px;color:#2a2a2a; font-weight:bold;}
#formreserv .uk-form input[type=date],
.uk-modal-dialog .formreserv form input[type=date],
.uk-modal-dialog .formreserv form input[type=text],
#formreserv .uk-form input[type=text],
.uk-modal-dialog .formreserv form select,
#formreserv .uk-form select{width:100% ;border-color:#2a2a2a; color:#2a2a2a; font-weight:bold;}

.uk-form-icon > [class*='uk-icon-']{color:#2a2a2a;} 
#formreserv .uk-form input[type=submit],.uk-modal-dialog .formreserv form input[type=submit]{width:100%; margin:10px 0 0;color:#fff; border:none;padding:5px;-webkit-appearance : none;  cursor:pointer;}
#formreserv .uk-form-horizontal .uk-form-label{width:95px;float:left;font-weight:bold; }
#formreserv .uk-form-horizontal .uk-form-controls{margin-left:110px;}
#formreserv .uk-form-icon{width:100%;}
#linkbonplans a{padding:10px;width:100%;display:block;margin-bottom:0; font-size:13px;}
#linkbonplans a:hover{background-color:#7a7a7a;text-decoration:none;}

/* teaser */
.description{overflow:auto;}
.title-category{float:left;background-color:#3f354d; padding:10px 70px 10px 150px; color:#fff; font-size:27px;} 
.teaser .uk-article{border:1px solid #fff;background-color:#3f354d; padding-bottom:15px;}  
.DNcms-contenus-offres-speciales .teaser .uk-article,
.DNcms-contenus-tourisme .teaser .uk-article,
.DNcms-contenus-bienvenue-ailleurs .teaser .uk-article{background-color:#fff;}
.teaser .fruits-du-verger .uk-article{background-color:#c0573c}
.teaser .idees-sucrees .uk-article{background-color:#8b3a64}
.teaser .pieces-uniques .uk-article{background-color:#3f354d}
.teaser .epices-et-saveurs .uk-article{background-color:#7d3443}
.teaser .uk-article .uk-thumbnail{padding:0 0 15px; background: transparent; border:none;}
.teaser .uk-article .uk-thumbnail-caption{padding:10px 15px;text-align:left;color:#fff;}
.teaser .uk-article .uk-thumbnail-caption h4 {color:#fff;}
.DNcms-contenus-offres-speciales .teaser .uk-article .uk-thumbnail-caption,
.DNcms-contenus-offres-speciales .teaser .uk-article .uk-thumbnail-caption h4,
.DNcms-contenus-tourisme .teaser .uk-article .uk-thumbnail-caption,
.DNcms-contenus-tourisme .teaser .uk-article .uk-thumbnail-caption h4,
.DNcms-contenus-bienvenue-ailleurs .teaser .uk-article .uk-thumbnail-caption,
.DNcms-contenus-bienvenue-ailleurs .teaser .uk-article .uk-thumbnail-caption h4 {color:#777;}
.teaser .uk-article .uk-thumbnail-caption .uk-button{border-radius:5px;}
.DNcms-contenus-les-delices-du-kleber-hotel .uk-overlay-area:empty:before{content:"\f236";}
.uk-overlay-area:empty:before{content:"\f055";}



/* Full */
.full article.item h1{float:left;background-color:#3f354d; padding:10px 35px 10px 150px; color:#fff;font-size:27px;}
.full article.item .pos-content{background-color:#fff; padding:25px 5%;clear:left;margin-top:15px;color:#777;-webkit-columns: 2;-moz-columns: 2;columns: 2;}
.full.DNcms-contenus-reservez-vos-activites-2 article.item  .pos-content{-webkit-columns: 1;-moz-columns: 1;columns: 1;}
.full article.item .pos-content-widget{background-color:#fff; padding:25px 5%;clear:left;margin-top:15px;color:#777;}
.full article.item .pos-content-widget .mb_body_content{max-width:100% !important;}

/*.home .uk-container{max-width: 90%;  margin-right: 2%;}*/

/* Full Chambre */
#galerie li img{border:3px solid #fff;max-height: 60vh; overflow:hidden;}
#galerie .uk-slidenav-position .uk-slidenav{background-color:#839125; border-radius:5px;line-height: 45px;}

#description{background-color:#fff;padding:10px 15px; color:#777;}
#description h1{font-size:1.5em;margin-bottom:5px; line-height:1.6em;}
#description h2{font-size:1.2em;margin-top:0;}

.tm-navbar .uk-navbar-toggle{color:#fff; font-size:40px; height:50px;border-right:1px solid #fff;}
.uk-navbar-toggle:after{content: "\f0c9 ";}

#related{background-color:#495a62; border:2px solid #fff;}
#related h3{color:#fff;padding:5px 10px;margin:10px 0 0;}
#related .uk-table{color:#fff;}
#related .uk-table-striped tbody tr:nth-of-type(odd){background-color:#3e394a;}
.uk-modal{z-index:10000}
.uk-modal-dialog{width:800px;padding:0;color:#777;}
.uk-modal-dialog h1{padding:10px 15px 10px;font-size:33px;color:#395f6f;margin-bottom:0;}
.uk-modal-dialog h2{color:#395f6f;font-size:25px;}
.uk-modal-dialog .uk-grid{padding:15px;}
.uk-modal-dialog > .uk-close:first-child{color:#fff; background-color:#839125; border-radius:50px; opacity:1;  width: 40px;  height: 40px;  margin: 15px 15px 0;}
.uk-modal-dialog  .equipements{color:#000;}
.uk-modal-dialog legend{font-family: 'Lato';  font-weight: bold;  font-size: 19px;margin-bottom:5px;}


.teaser .le-kleb-appart{width:100%;overflow:auto;}
.teaser .le-kleb-appart article{ background-color:#fff;}
.teaser .le-kleb-appart article,.teaser .le-kleb-appart a{padding-bottom:0 !important;}
.teaser .le-kleb-appart .uk-overlay{width:33%;float:left;}
.teaser .le-kleb-appart .uk-thumbnail-caption{width:66%;float:left;box-sizing:border-box;color:#2a2a2a;}
.teaser .le-kleb-appart .uk-thumbnail-caption h4{color:#2a2a2a;}

/* Formulaire resa chambre */

.uk-modal-dialog .formreserv form{background-color:rgba(109,55,87,1); padding:10px; color:#fff;}
.uk-modal-dialog .formreserv form label{width:95px;}
.uk-modal-dialog .uk-form-horizontal .uk-form-controls{margin-left:110px;}
.uk-modal-dialog .uk-form-horizontal .uk-form-controls .uk-form-icon{width:100%;}

.uk-modal-dialog  .galeriephoto{background-color:#efefef; height:300px;position:relative;}
.uk-modal-dialog .galeriephoto> div{width:100%!important;height:300px;}
.uk-modal-dialog .galeriephoto> div > div {width:100%!important;height:300px;}
.uk-modal-dialog .galeriephoto> div > div > ul{height:300px !important}
.uk-modal-dialog .galeriephoto> div > div > ul > li{width:100% !important; height:300px;}
.uk-modal-dialog  .galeriephoto i.uk-icon-spinner{position:absolute; left:50%; margin-left:-14px; top:50%; z-index:1; font-size:28px;color:rgba(109,55,87,1)}
.uk-modal-dialog  .galeriephoto > div{position:relative;z-index:2;}

/* Spécial Activités */
.activites .tm-middle .uk-width-large-2-3{width:100% !important}
.activites #sidebar{display: none}

@media (max-width: 767px){
	#baseline{margin-left:15px}
	.tm-noblog .tm-content, #sidebar{margin:2vh 0;}
	.tm-navbar-space .tm-navbar, .tm-navbar{margin:0; padding-top:10px;}
	.title-category,.full article.item h1{padding:10px;}
	#formreserv, #linkbonplans{padding:0;}
	#formreserv .uk-form{padding:10px 25px;}
}


@media (min-width: 768px){
	#baseline{margin-left:15px}
	body > .tm-wrapper > .tm-navbar{height:60px !important;padding-top:10px;margin:0;}
}
@media (max-width: 980px){
body> .tm-footer{position:relative !important;}
}

@media (min-width: 960px){
	#baseline{margin-left:18%}
	.no-home #baseline{margin-left:13%;}
	footer.tm-footer .top-footer{padding:10px 0;}
}

@media (min-width: 1220px){
	#sidebar{padding-left:5%}
	
	
	body > .tm-wrapper > .tm-navbar{margin:0;height:80px !important;padding-top:10px;}
	/*.uk-container{max-width:90%;margin-right:2%;padding-right:0;}*/ 
	
	
}

.uk-tooltip{z-index:10000;}