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

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

html{overflow:auto; height:100%; background-color:#000}
body{background: url('../img/accueil.jpg') no-repeat center center; /*background-size:cover;*/}
body > .tm-wrapper{padding-bottom:0; background:transparent;min-height:100vh;}
body.no-home > .tm-wrapper{min-height:auto;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(0,0,0,.9);}
.tm-nav{  position: absolute;  right: 0;  bottom: -50px;z-index:8988;}
.tm-nav .uk-navbar-nav{background-color:#fff; border-bottom:2px solid #ddd}
.tm-nav li a{color:#2a2a2a;}

.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:transparent; margin-right:5px; border-radius:50px;transition:all ease .8s }
.uk-icon-button:hover{color:#2a2a2a !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-wrapper .tm-footer{position:relative; bottom:0; width:100%; padding:10px 0;color:#fff;}
body.home > .tm-wrapper .tm-footer{margin-top:90px;position:absolute; bottom:0;}
body.no-home > .tm-wrapper .tm-footer{position:relative; bottom:inherit;}
.tm-background:after{background:none !important}

.texteaccroche{color: #fff;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.69);
    font-size: 35px;
    bottom: 80px;
    max-width: 33%;
    line-height: 45px;
    text-transform: uppercase;
    left: 15px;}

footer.tm-footer{padding:0 !important;}
.uk-container{padding:0;}
footer.tm-footer .top-footer{background-color:rgba(0,0,0,.8);padding:20px; text-align:left;color:#fff;}
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;color:#fff;}
.uk-icon-tripadvisor{background:url(../img/logo-tripadvisor.png) no-repeat center center #fff;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:#363733;}
footer.tm-footer .boxroses{background-color:#b2265e;}
footer.tm-footer .boxgouv{background-color:#fff;}
footer.tm-footer .boxvictoria{background-color:#f7c35e;text-align:center}
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-cl.png) center center no-repeat;background-size:contain;}
footer.tm-footer .gouvhotel{background:url(../img/logo-gouv-princ.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(0,0,0,1);padding:10px 0}
footer.tm-footer .bottom-footer a{color:#fff; font-weight:bold;}

/* 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;border-right:2px solid #555555;border-bottom:2px solid #555555; /*transition:all ease .8s*/}
.logo .box *{/*transition:all ease .8s*/}
.logo .boxgouv{background-color:#d92e54;margin-top:1.5vh}
.logo .boxkleber{background-color:#395e6e}
.logo .boxroses, .logo .box:hover{background-color: #fff;}
.logo .boxvictoria{padding:15px;background-color: #fff;}
.logo .logo-kleber{background:url(../img/logo-kleber-cl.png) center center no-repeat; height:7.5vh; 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-princ.png) center center no-repeat; height:20vh; background-size:contain; box-sizing:border-box;}
.logo .logo-victoria{background:url(../img/logo-victoria-2017.png) center center no-repeat #fff; height:20vh; background-size:contain; box-sizing:border-box;padding:0}

.logo .box:hover .logo-kleber{background:url(../img/logo-kleber.png) center center no-repeat;background-size:contain;}
.logo .box:hover .logo-gouverneur{background:url(../img/logo-gouv-princ.png) center center no-repeat;background-size:contain;}

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


/* Sidebar */
#sidebar{padding:15px 0 0 0;}
#formreserv, #linkbonplans{background:transparent; }
#formreserv h2, #linkbonplans a{text-align:center; text-transform:uppercase; color:#2a2a2a; background-color:#fff; font-size:15px;margin-bottom:8px; }
#formreserv h2{border-bottom:2px solid #ddd;}
#formreserv h2 a{color:#2a2a2a;}
#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; cursor:pointer;-webkit-appearance : none;  }
#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:10px;}
#linkbonplans a:hover{background-color:#7a7a7a;text-decoration:none;}

/* teaser */
.description{overflow:auto;}
.title-category{float:left;background-color:#fff; padding:10px 70px 10px 150px; color:#fff; font-size:27px;} 
.teaser .uk-article{border:1px solid #fff;background-color:#fff; padding-bottom:15px;}  
.DNcms-contenus-offres-speciales-3 .teaser .uk-article,
.DNcms-contenus-tourisme-3 .teaser .uk-article,
.DNcms-contenus-bienvenue-ailleurs-2 .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:#fff}
.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:#555;}
.teaser .uk-article .uk-thumbnail-caption h4 {color:#2a2a2a;}
.DNcms-contenus-offres-speciales-3 .teaser .uk-article .uk-thumbnail-caption,
.DNcms-contenus-offres-speciales-3 .teaser .uk-article .uk-thumbnail-caption h4,
.DNcms-contenus-tourisme-3 .teaser .uk-article .uk-thumbnail-caption,
.DNcms-contenus-tourisme-3 .teaser .uk-article .uk-thumbnail-caption h4,
.DNcms-contenus-bienvenue-ailleurs-2 .teaser .uk-article .uk-thumbnail-caption,
.DNcms-contenus-bienvenue-ailleurs-2 .teaser .uk-article .uk-thumbnail-caption h4 {color:#777;}
.teaser .uk-article .uk-thumbnail-caption .uk-button{border-radius:5px;}
.DNcms-contenus-les-4-saisons-de-l-hotel-gouverneur .uk-overlay-area:empty:before{content:"\f236";}
.uk-overlay-area:empty:before{content:"\f055";}



/* Full */
.full article.item h1{float:left;background-color:#fff; padding:10px 35px 10px 150px; color:#2a2a2a;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-offre-speciale-victoria article.item  .pos-content,.full.DNcms-contenus-reservez-vos-activites article.item  .pos-content{-webkit-columns: 1;-moz-columns: 1;columns: 1;}
.full.DNcms-contenus-parc-du-petit-prince 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:#2a2a2a; 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:#fff; border:2px solid #fff;}
#related h3{color:#2a2a2a;padding:5px 10px;margin:10px 0 0;}
#related .uk-table{color:#2a2a2a;}
#related .uk-table-striped tbody tr:nth-of-type(odd){background-color:#2a2a2a;color:#fff;}
.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:#2a2a2a; border-radius:50px; opacity:1;  width: 40px;  height: 40px;  margin: 15px 15px 0;z-index: 999999;position: absolute;right: 0;}
.uk-modal-dialog  .equipements{color:#000;}
.uk-modal-dialog legend{font-family: 'Lato';  font-weight: bold;  font-size: 19px;margin-bottom:5px;}

/* Formulaire resa chambre */

.uk-modal-dialog .formreserv form{background-color:#2a2a2a; 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(55,116,154,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;}
	body.home > .tm-wrapper .tm-footer{position:relative; bottom:inherit;}
}


@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.home > .tm-wrapper .tm-footer{position:relative;}
}

@media (min-width: 960px){
	#baseline{margin-left:18%}
	.no-home #baseline{margin-left:13%;}
	footer.tm-footer .top-footer{padding:5px 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;}