/******************************************************************************\
	- $HIDDEN_MENUS
	- $HEADER
	- $HEADER_MENU
	- $HEADER_LANG_MENU
	- $SUB_MENU
	- $CONTENTS
	- $HEADINGS
	- $PANEL_POPINS
	- $HDPI
\******************************************************************************/

/******************************************************************************\
	$HEADER
\******************************************************************************/
.logo .main-logo {
	position:absolute; top:9px; left:0;
	padding-bottom:0; margin:0 0 0 10px;
	height:41px; width:131px;
	background:#000 url(/assets/img/common/logo-chateau-de-versailles.jpg) no-repeat;
}
.logo .main-logo img { display:none; }
.main-menu .btn-home {display:none;}
/******************************************************************************\
	$HEADER_MENU
\******************************************************************************/
#header {
	text-align:center;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}
.main-menu {
	position:relative;
	display:inline-block;
	overflow:visible;
	height:auto; width:auto;
}
ul.main-menu {
	margin:0 40px 0 146px;
}
.main-menu li { display:inline-block; }
.main-menu a {
	display:block;
	padding:20px 10px;
	color:#fff;
	font:normal normal 13px/16px 'Apollon', Georgia, Times, serif;
	text-align:center;
	white-space:nowrap;
}

/******************************************************************************\
	$SUB_MENU
\******************************************************************************/
.sub-menu {
	position:relative; top:auto; right:auto; z-index:1;
	overflow:visible;
	width:100%; height:auto;
	background:#fff;
}
.btn-home { display:none; }
.sub-menu ul {
	position:static; top:auto; right:auto;
	width:100%;
	background:#fff;
	text-align:center;
	line-height:0;
	 -webkit-transition:none;
		-moz-transition:none;
		 -ms-transition:none;
		  -o-transition:none;
			 transition:none;
}
.sub-menu li {
	position:relative;
	display:inline-block;
	padding:0;
	line-height:1.3;
}
.sub-menu li a {
	display:table-cell;
	padding:0 10px; border-bottom:none;
	height:35px;
	color:#000;
	font:normal normal 11px/1.3 'Apollon', Georgia, Times, serif;
	white-space:nowrap;
	vertical-align:middle;
}
.sub-menu a:hover,
.sub-menu a:focus,
.sub-menu li.active a { color:#b97a1e; }
.sub-menu .active:after {
	position:absolute; bottom:0; left:50%; z-index:1;
	margin-left:-5px;
	width:0; height:0;
	border-right:solid 6px transparent;
	border-bottom:solid 6px #c7a066;
	border-left:solid 6px transparent;
	content:'';
}

/******************************************************************************\
	$BURGER-MENU
\******************************************************************************/
.menu-handler .i {
	margin:16px 10px 19px;
}
.burger-menu {
	top:0; bottom:auto;
}
.burger-menu > ul {
	top:56px;
}
.sub-menu-opened .burger-menu {
	width: 25%;
}
.burger-menu .sub-menu-item {
	display:none;
}
.burger-menu .portal-menu span {
	margin: 0 10px;
	width: auto;
}
/* sub-group */
.sub-group {
	overflow: hidden;
	border-bottom:none;
}
.sub-group li {
	float:left;
	margin:0; border-bottom:1px solid #d8d8d8;
	width:50%;
}
.sub-group li a {
	width:auto;
}
.sub-group .no-border-768 {
	border-left:none;
}

/******************************************************************************\
	$LANG-MENU
\******************************************************************************/
.burger-menu .lang-menu {
	overflow:auto;
	margin: 0 15px;
	height:auto; width:auto;
}
.burger-menu li.socials-wrapper {
	border-bottom:none;
}
.burger-menu .socials-menu {
	width:100%;
}

/******************************************************************************\
	$CONTENTS
\******************************************************************************/
.current { display:none; }
.map-container { padding-bottom:73.567%; }
.map-controls {
	top:auto; bottom:1.5em;
	margin:10px;
}

.main-container {
	overflow:hidden;
}

.section {
	padding:0 7.161% 15px;
	position:relative;
}
.panel-opened .section,
.subpanel-opened .section { padding-bottom:0; }

.section .visual {
	display:block;
	padding:10px;
	background:#f3f3e7;
}

/******************************************************************************\
	$HEADINGS
\******************************************************************************/
.hlarge {
	margin:0; padding:30px 0;
	font-size:22px;
}
.panel-opened .hlarge,
.subpanel-opened .hlarge { padding-bottom:15px; }

/******************************************************************************\
	$PANEL_POPINS
\******************************************************************************/
.subpanel {margin-top:-60px;}
.panel-close {
	position:absolute; top:8px; right:8px;
}
.panel-close .i {
	display:block;
	margin:0;
}
.panel-content {
	position:relative;
	margin:0 1.5625% 10px; padding:30px 3.908%;
	background:#f6f6f6;
	font-size:13px;
}
.panel-content .hmain { font-size:13px; }
.panel .rte-content.with-img,
.subpanel .rte-content.with-img {
	float:left; clear:left;
	width:50%;
}
.panel .visual,
.subpanel .visual {
	float:right;
	width:45%;
}

/******************************************************************************\
	$POPIN-MESSAGE
\******************************************************************************/
.popin-message-inner {
	padding:2em 5%;
}
.popin-message {
	padding:25px 40px 40px;
	height:400px;
}
.popin-message.alert {
	height:300px ;
}
.popin-message.alert:not(*:root) {
	height:50%;
}
.popin-message.alert p {
	line-height:1.5;
}
.popin-message.welcome {
	height:700px;
}
.popin-message.welcome .title {
	display:block;
}
.popin-message.welcome p {
	font-size:18px;
	text-align: justify;
}
.popin-message.welcome .title p {
	text-align: center;
}
.popin-message.welcome .logo {
	width:50%;
}
.popin-message.welcome h3 {
	font-size:20px;
	padding-bottom:2em;
}
.popin-message.welcome h3:after {
	bottom: 1em;
	margin-left:-5%;
	width   : 10%;
}
.popin-message.welcome .note {
	font-size:15px;
}
.popin-message.welcome .note .devices {
	display:inline;
	margin:0 1em 0 0;
}


/******************************************************************************\
	$diaporama (for slisk carousel)
\******************************************************************************/
.popin-message.diapos {
	height:700px;
}
.popin-message.diapos:not(*:root) {
	height:100%;
}
.slider-nav {
	display:block;
}
.slick-slide p {
	top:auto; bottom:0 ;right:0;
	float: none;
	margin:0; padding:1em;
}


/******************************************************************************\
	$HDPI
\******************************************************************************/
@media (min--moz-device-pixel-ratio:1.5), (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5) {
	.logo .main-logo {
		background:#000 url(/assets/img/common/logo-chateau-de-versailles@2.jpg) no-repeat;
		background-size:131px 35px;
	}
}