@charset "UTF-8";
/* --- Boutons de base --- */
/* --- Couleur des boutons --- */
/* --- Icones --- */
/* --- Mixins overlay --- */
 @font-face {
     font-family: "roboto";
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-regular-webfont.eot");
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-regular-webfont.eot?#iefix") format("eot"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-regular-webfont.woff") format("woff"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-regular-webfont.ttf") format("truetype"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-regular-webfont.svg") format("svg");
     font-style: "normal";
     font-weight: "normal";
}
 @font-face {
     font-family: "roboto-light";
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-light-webfont.eot");
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-light-webfont.eot?#iefix") format("eot"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-light-webfont.woff") format("woff"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-light-webfont.ttf") format("truetype"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-light-webfont.svg") format("svg");
     font-style: "normal";
     font-weight: "normal";
}
 @font-face {
     font-family: "roboto-bold";
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-bold-webfont.eot");
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-bold-webfont.eot?#iefix") format("eot"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-bold-webfont.woff") format("woff"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-bold-webfont.ttf") format("truetype"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/roboto-bold-webfont.svg") format("svg");
     font-style: "normal";
     font-weight: "normal";
}
 @font-face {
     font-family: "fontello";
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/fontello-regular-webfont.eot");
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/fontello-regular-webfont.eot?#iefix") format("eot"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/fontello-regular-webfont.woff") format("woff"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/fontello-regular-webfont.ttf") format("truetype"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/fontello-regular-webfont.svg") format("svg");
     font-style: "normal";
     font-weight: "normal";
}
 @font-face {
     font-family: "Prata";
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/prata-regular-webfont.eot");
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/prata-regular-webfont.eot?#iefix") format("eot"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/prata-regular-webfont.woff") format("woff"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/prata-regular-webfont.ttf") format("truetype"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/prata-regular-webfont.svg") format("svg");
     font-style: "normal";
     font-weight: "normal";
}
 @font-face {
     font-family: "Questrial";
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/questrial-regular-webfont.eot");
     src: url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/questrial-regular-webfont.eot?#iefix") format("eot"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/questrial-regular-webfont.woff") format("woff"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/questrial-regular-webfont.ttf") format("truetype"), url("http://www.hotel-diana.com/bundles/apiciuswebsite/fonts/questrial-regular-webfont.svg") format("svg");
     font-style: "normal";
     font-weight: "normal";
}
 .nav {
     margin-bottom: 0;
     padding-left: 0;
     list-style: none;
}
 .nav:before, .nav:after {
     content: " ";
     display: table;
}
 .nav:after {
     clear: both;
}
 .nav > li {
     position: relative;
     display: block;
}
 .nav > li > a {
     position: relative;
     display: block;
     padding: 10px 15px;
}
 .nav > li > a:hover, .nav > li > a:focus {
     text-decoration: none;
     background-color: #eeeeee;
}
 .nav > li.disabled > a {
     color: #777777;
}
 .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
     color: #777777;
     text-decoration: none;
     background-color: transparent;
     cursor: not-allowed;
}
 .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
     background-color: #eeeeee;
     border-color: #2e2528;
}
 .nav .nav-divider {
     height: 1px;
     margin: 9px 0;
     overflow: hidden;
     background-color: #e5e5e5;
}
 .nav > li > a > img {
     max-width: none;
}
 
 .navbar-nav {
     margin: 7.5px -15px;
}
 .navbar-nav > li > a {
     padding-top: 10px;
     padding-bottom: 10px;
     line-height: 20px;
}
 @media (max-width: 767px) {
     .navbar-nav .open .dropdown-menu {
         position: static;
         float: none;
         width: auto;
         margin-top: 0;
         background-color: transparent;
         border: 0;
         box-shadow: none;
    }
     .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
         padding: 5px 15px 5px 25px;
    }
     .navbar-nav .open .dropdown-menu > li > a {
         line-height: 20px;
    }
     .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
         background-image: none;
    }
}
 @media (min-width: 768px) {
     .navbar-nav {
         float: left;
         margin: 0;
    }
     .navbar-nav > li {
         float: left;
    }
     .navbar-nav > li > a {
         padding-top: 15px;
         padding-bottom: 15px;
    }
}
 .navbar-nav > li > .dropdown-menu {
     margin-top: 0;
     border-top-right-radius: 0;
     border-top-left-radius: 0;
}
/* Page-head */
 header {
     -webkit-transition-duration: 1s;
     transition-duration: 1s;
     -webkit-transition-property: "margin-top";
     transition-property: "margin-top";
     position: fixed;
     left: 0;
     z-index: 20;
     width: 100%;
     background: #8e8f93;
}
 header .container-logo {
     text-align: center;
     margin: 0;
}
 header .container-logo h1 {
     margin: 0;
     padding: 0;
}
 @media (min-width: 992px) {
     header .container-logo {
         float: left;
    }
}
 header img {
     height: 60px;
     width: auto;
}
 @media (min-width: 992px) {
     header img {
         height: auto;
    }
}
 header .btn_nav_mobil {
     position: absolute;
     left: 0;
     top: 0;
     width: 60px;
     height: 60px;
     text-align: center;
     z-index: 21;
     margin-left: 1px;
     margin-right: 1px;
     cursor: pointer;
     padding: 20px;
     font-size: 1.5em;
     color: #fafafa;
     vertical-align: middle;
     border-right: 1px solid #fff;
}
 header .btn_nav_mobil:hover {
     background: #2e2528;
}
 header h1 {
     text-align: center;
     margin: 0;
}
 @media (min-width: 992px) {
     header h1 {
         float: left;
    }
}
 header nav.l-header-nav {
     position: fixed;
     top: 60px;
     bottom: 2.8em;
     left: -90%;
     width: 90%;
     overflow: auto;
     background: #8e8f93;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 @media (min-width: 992px) {
     header nav.l-header-nav {
         position: static;
         left: 0%;
         width: auto;
         overflow: visible;
         height: 3.5em;
    }
     header nav.l-header-nav .dropdown-menu {
         margin: 0;
    }
     header nav.l-header-nav a.dropdown-toggle:hover + .dropdown-menu, header nav.l-header-nav .dropdown-menu:hover {
         display: block;
    }
     header nav.l-header-nav .dropdown-menu:hover li {
         position: relative;
    }
     header nav.l-header-nav ul.nav-multi .dropdown-menu .dropdown-menu, header nav.l-header-nav ul.nav-double .dropdown-menu .dropdown-menu .dropdown-menu {
         left: 100%;
         top: 0;
    }
}
 header nav.l-header-nav .nav-home-label {
     display: none;
}
 header nav.l-header-nav .nav-root {
     float: left;
     line-height: 3.5em;
     vertical-align: middle;
     margin-left: 7px;
     padding-left: 12px;
     padding-right: 12px;
     color: #fff;
}
 header nav.l-header-nav .nav-root:hover {
     color: #fff;
     background: #2e2528;
}
 header nav.l-header-nav ul:not(.dropdown-menu) {
     list-style: none;
     text-align: left;
     padding: 30px 0 0 0;
     margin: 0;
}
 @media (min-width: 992px) {
     header nav.l-header-nav ul:not(.dropdown-menu) {
         padding: 0;
    }
}
 header nav.l-header-nav ul:not(.dropdown-menu) li:hover, header nav.l-header-nav ul:not(.dropdown-menu) li:hover > .dropdown-menu, header nav.l-header-nav ul:not(.dropdown-menu) li:hover > span.bkg-item {
     z-index: 1001;
}
 header nav.l-header-nav ul:not(.dropdown-menu) li a {
     display: block;
     color: #fafafa;
     line-height: 3.5em;
     padding: 0 10px;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 header nav.l-header-nav ul:not(.dropdown-menu) li.current > a, header nav.l-header-nav ul:not(.dropdown-menu) li.current_ancestor > a {
     color: #fff;
     background: #2e2528;
     text-decoration: none;
}
 header nav.l-header-nav ul.nav.navbar-nav a:hover, header nav.l-header-nav ul.nav.navbar-nav a:focus {
     color: #fff;
     background-color: #2e2528;
     text-decoration: none;
}
 .l-header-nav.nav-double {
     position: relative;
     left: 0;
     top: 0;
     margin-left: 250px;
}
 .nav-double.navbar-nav > li {
     position: static;
}
 .nav-double.navbar-nav > li:hover span.bkg-item, .nav-double.navbar-nav > li.open span.bkg-item, .nav-double.navbar-nav > li.current_ancestor span.bkg-item {
     position: absolute;
     width: 100%;
     height: 2.4em;
     left: 0;
     bottom: -2.46em;
     background-color: #8e8f93;
}
 .nav-double.navbar-nav > li.current_ancestor > ul.dropdown-menu, .nav-double.navbar-nav > li > a.dropdown-toggle:hover ~ ul.dropdown-menu {
     display: block;
}
 .nav-double.navbar-nav > li > ul.dropdown-menu {
     left: auto;
     padding: 0px;
     background-color: transparent;
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .nav-double.navbar-nav > li > ul.dropdown-menu > li, .nav-double.navbar-nav > li > ul.dropdown-menu > li > a {
     display: inline-block;
     line-height: 2.4em;
}
 header {
     height: 70px;
     background: #fff;
     border-bottom: 1px solid #8e8f93;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
 header .container {
     width: 100%;
}
 header .container-logo {
     margin-top: 10px;
     margin-left: 10px;
     position: relative;
     z-index: 1002;
}
 header .container-logo a {
     display: block;
}
 header .l-header-nav.nav-double {
     background: #fff;
     margin-left: 0;
     padding-top: 26px;
     position: fixed;
     left: auto;
     right: 20px;
}
 header .l-header-nav.nav-double .nav-root {
     padding: 0px 12px;
     color: #2e2528;
     line-height: 40px;
     margin: 3px -1px 0 0;
     font-size: 14px;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
 header .l-header-nav.nav-double .nav-root.current, header .l-header-nav.nav-double .nav-root:hover, header .l-header-nav.nav-double .nav-root:focus, header .l-header-nav.nav-double .nav-root:active, header .l-header-nav.nav-double .nav-root:active:focus {
     background: #cfd0d2;
     color: #2e2528;
     text-decoration: none;
}
 header .l-header-nav.nav-double .nav-root span.nav-home-label {
     display: block;
}
 header .l-header-nav.nav-double .nav-root i {
     display: none;
}
 header .l-header-nav.nav-double ul:not(.dropdown-menu) li {
     border-left: 1px solid #cfd0d2;
}
 header .l-header-nav.nav-double ul:not(.dropdown-menu) li a {
     padding: 0px 16px;
     margin: 0 -1px;
     color: #2e2528;
     line-height: 40px;
     font-size: 14px;
}
 header .l-header-nav.nav-double ul:not(.dropdown-menu) li a:hover, header .l-header-nav.nav-double ul:not(.dropdown-menu) li a:focus, header .l-header-nav.nav-double ul:not(.dropdown-menu) li a:active, header .l-header-nav.nav-double ul:not(.dropdown-menu) li a:active:focus {
     background: #cfd0d2;
     color: #2e2528;
}
 header .l-header-nav.nav-double ul:not(.dropdown-menu) li.current a, header .l-header-nav.nav-double ul:not(.dropdown-menu) li.current_ancestor a, header .l-header-nav.nav-double ul:not(.dropdown-menu) li.open a {
     background: #cfd0d2;
     color: #2e2528;
}
 header .l-header-nav.nav-double ul:not(.dropdown-menu) > li {
     height: 20px;
     margin-top: 12px;
}
 header .l-header-nav.nav-double ul:not(.dropdown-menu) > li > a {
     margin-top: -9px;
}
 header ul.nav-double.navbar-nav > li:hover span.bkg-item, header ul.nav-double.navbar-nav > li.current_ancestor span.bkg-item, header ul.nav-double.navbar-nav > li.open span.bkg-item {
     height: 0;
     background: #cfd0d2;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
 header ul.nav-double.navbar-nav > li.open ul.dropdown-menu, header ul.nav-double.navbar-nav > li:hover ul.dropdown-menu {
     color: #2e2528;
     background: #cfd0d2;
     height: 40px;
}
 header ul.nav-double.navbar-nav > li.open ul.dropdown-menu li a, header ul.nav-double.navbar-nav > li:hover ul.dropdown-menu li a {
     top: 0;
}
 header ul.nav-double.navbar-nav > li ul.dropdown-menu {
     display: block;
     overflow: hidden;
     text-align: right;
     width: 100%;
     height: 0;
     position: fixed;
     top: 70px;
     left: 0;
     background: #cfd0d2;
     color: #2e2528;
     border: 0;
     border-radius: 0;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
 header ul.nav-double.navbar-nav > li ul.dropdown-menu li {
     border-right: 1px solid #cfd0d2;
}
 header ul.nav-double.navbar-nav > li ul.dropdown-menu li:last-child {
     border-right: 0;
}
 header ul.nav-double.navbar-nav > li ul.dropdown-menu li a {
     line-height: 42px;
     padding: 0 15px;
}
 header ul.nav-double.navbar-nav > li ul.dropdown-menu li a:hover, header ul.nav-double.navbar-nav > li ul.dropdown-menu li a:focus, header ul.nav-double.navbar-nav > li ul.dropdown-menu li a:active, header ul.nav-double.navbar-nav > li ul.dropdown-menu li a:active:focus {
     background: #8e8f93;
     color: #fff;
}
 header ul.nav-double.navbar-nav > li ul.dropdown-menu li.current a {
     background: #8e8f93;
     color: #fff;
}
 header ul.nav-double.navbar-nav > li.first ul.dropdown-menu {
     padding-right: 579px;
}
 header ul.nav-double.navbar-nav > li:nth-child(4) ul.dropdown-menu {
     padding-right: 530px;
}
 header ul.nav-double.navbar-nav > li:nth-child(10) ul.dropdown-menu {
     padding-right: 21px;
}
/** * Footer */
 .l-footer {
     z-index: 10;
     width: 100%;
     background: #8e8f93;
}
 .l-footer-fixed {
     -webkit-transition-duration: 1s;
     transition-duration: 1s;
     -webkit-transition-property: "margin-bottom";
     transition-property: "margin-bottom";
     z-index: 25;
     position: fixed;
     left: 0;
     bottom: 0;
     margin: 0;
     width: 100%;
     text-align: center;
     background: #8e8f93;
}
 @media (min-width: 992px) {
     html.js.introwebsite .l-footer-fixed {
         margin-bottom: -100%;
    }
}
 .l-footer-fixed li {
     color: #fff;
     line-height: 2.8em;
     display: inline-block;
}
 @media (min-width: 992px) {
     .l-footer-fixed li {
         padding: 0 12px;
    }
}
 .l-footer-fixed li button {
     background: none;
     color: #fff;
     border: none;
}
 @media (max-width: 992px) {
     .l-footer-fixed li button {
         padding: 0 12px;
    }
}
 .l-footer-fixed li button:hover {
     color: #fff;
     background-color: #2e2528;
}
 .l-footer-fixed li a {
     display: inline-block;
     height: 2.8em;
     line-height: 2.8em;
     color: #fff;
}
 @media (max-width: 992px) {
     .l-footer-fixed li a {
         padding: 0 12px;
    }
}
 .l-footer-fixed li a:hover {
     color: #fff;
     text-decoration: none;
     background-color: #2e2528;
}
 .l-footer-fixed li.link-ctn:hover {
     background-color: #2e2528;
}