#header {
	background: #000;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	padding-top: 10px;
}

#header.colored {
	background: #655a4c;
}

#header .c {
	position: relative;
}

/* Toutes les pages sans photos  -> header en marron */
body.actus_home #header,
body.rgpd_personal_data #header,
body.rgpd_contact #header,
body.avis_listAvis #header,
body.avis_formAvis #header,
body.client_myAccount #header{
	background: #655a4c;
}

body.menusticky_forced #header #logo,
body.menusticky_forced #header .headerright {
	display: none;
}

body.bodymap #header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 600;
}

#header #logo {
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	float: left;
}

#header .headerright {
	float: right;
	padding: 15px 0;
}

#header .headerright .headitem {
	display: inline-block;
	margin-left: 15px;
	vertical-align: middle;
}

#header .btrans {
	color: #AEA38D;
}

#header .headitem-langs,
#header .headitem-langs-mobile {
	float: right;
	margin-top: 7px;
	margin-left: 15px;
	padding: 5px 0px;
}

#header .headitem-langs span,
#header .headitem-langs a,
#header .headitem-langs-mobile span,
#header .headitem-langs-mobile a {
	text-transform: uppercase;
	margin-right: 10px;
}

#header .headitem-langs span,
#header .headitem-langs-mobile span {
	color: #A69B87;
	text-decoration: none;
}

#header .headitem-langs span.current,
#header .headitem-langs-mobile span.current {
	font-weight: 900;
}

#header .headitem-langs-mobile {
	display: none;
}

#header .langs .m img {
	max-height: 23px;
}

#header .headerright .headitem img {
	vertical-align: middle;
}

#header .headerright .headitem.selection {
	position: relative;
	margin-right: 15px;
}

#header .headerright .headitem.selection:hover {
	text-decoration: none;
}

#header .headerright .headitem.selection .zmdi {
	font-size: 15px;
}

#header .headerright .headitem.selection .number {
	background: #DFDFD0;
	position: absolute;
	right: -10px;
	top: -10px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	padding: 1px 7px;
}

#menu {
	color: white;
	float: right;
	clear: right;
}

#menu .menusticky {
	width: 0;
	height: 0;
	overflow: hidden;
}

body.menusticky #menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #655a4d;
	display: block;
	z-index: 100;
}

body.menusticky #menu .menusticky {
	width: auto;
	height: auto;
	overflow: visible;
	vertical-align: top;
}

/* Premier niveau du menu */

#menu ul {
	text-align: center;
}

#menu ul li.m {
	position: relative;
	margin: 0 15px;

	display: inline-block;
}


#menu ul li.m:last-child {
	margin-right: 0;
}

#menu ul li.m a.m {
	display: block;
	padding: 10px 0px;
	color: white;
	text-transform: uppercase;
	font-size: 1.2em;
	border-bottom: 4px solid transparent;
}

#menu ul li.m img {
	max-height: 30px;
	display: block;
	margin-top: 5px;
}

#menu ul li a.m:hover,
#menu ul li.active a.m {
	cursor: pointer;
	text-decoration: none;
	border-bottom: 4px solid #AFA38E;
}

/* Second niveau du menu */
#menu ul.sm {
	position: absolute;
	top: 44px;
	left: 0;
	display: none;
	background: #AFA38E;
	z-index: 10;
}

#menu ul.sm li.sm {
	float: none;
	width: 180px;
}

#menu ul.sm li.sm a.sm {
	display: block;
	padding: 7px 15px;
	color: #FFF;
	text-align: left;
	text-transform: uppercase;
	font-size: 1em;
	transition: all .4s ease;
}

#menu ul.sm li.sm a.sm:hover {
	background: #FFF;
	color: #AFA38E;
	cursor: pointer;
	text-decoration: none;
}

#menu ul.m li.m:hover .sm {
	display: block;
}

/* Elements cachés */
#menu .menutab {
	display: none
}

#menu .mmenu {
	display: none;
	padding: 7px 30px;
}

/*  ------------------------------------------------
	IDCOOKIE
	------------------------------------------------ */

#idcookie {
	color: #FFF;
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.3);
	padding: 10px 20px;
	padding-right: 30px;
}

#idcookie span,
#idcookie a {
	display: inline-block;
}

#idcookie .buttoncookie {
	display: inline-block;
	padding: 10px;
	font-size: 1.5em;
	position: absolute;
	right: 10px;
	top: 0;
}

#idcookie .buttoncookie:hover {
	cursor: pointer;
	background: #000;
	color: #FFF;
	text-decoration: none;
}

/*  ------------------------------------------------
	RESPONSIVE
	------------------------------------------------ */

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

	#menu,
	#header .headerright {
		margin-right: 40px;
	}

	#header .headitem-langs {
		margin-top: 7px;
	}

}

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

	#header {
		text-align: center;
		background: #655a4d;
	}

	body.menusticky_forced #header #logo,
	body.menusticky_forced #header .headerright {
		display: inherit;
	}

	body.bodymap #header {
		position: static;

		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}

	#header #logo {
		float: none;
	}

	#header #logo img {
		max-width: 50%;
	}

	#header .headerright {
		background: #444;
		position: fixed;
		bottom: 0px;
		left: 0;
		width: 100%;
		padding: 10px 20px;
		text-align: center;
		z-index: 9999;
	}

	body.immo_zoom #header .headerright {
		display: none;
	}

	#header .headerright .bbottom {
		color: white;
		margin: 0 20px;
		font-size: 35px;
	}

	#header .headerright .bbottom:hover {
		text-decoration: none;
	}

	#header .headitem-langs {
		display: none;
	}

	#header .headitem-langs-mobile {
		position: relative;
		z-index: 1;
		display: block;
		float: right;
		margin-left: -70px;
	}

	#header .headerright .headitem .text {
		display: none;
	}

	#menumobile #menu {
		position: fixed;
		top: 0;
		margin-left: 0;
		margin-top: 0;
		height: auto;
		width: 250px;
		left: -250px;
		height: 100%;
		z-index: 3;
		background: #444;
	}

	#menumobile #menu .menusticky {
		display: none;
	}

	/* Menu responsive */

	#menumobile #menu ul li.m,
	#menumobile #menu ul li.sm {
		float: none;
		width: auto;
		display: block;
	}

	#menumobile #menu ul.m,
	#menumobile #menu ul.sm {
		position: relative;
		top: 0;
		left: 0;
	}

	#menumobile #menu ul.m ul {
		padding-left: 0px;
	}

	#menu ul.sm li.sm a.sm {
		text-align: center;
	}

	#menumobile #menu li.m.open ul.sm {
		display: block;
	}

	#menumobile #menu.menuactive {
		left: 0;
	}

	body.menuactive .bodyinner {
		position: relative;
		left: 250px;
	}

	body.menuactive #header .headerright {
		left: 250px;
	}

	#menumobile #menu .menutab {
		background: #444;
		display: block;
		position: absolute;
		text-align: center;
		width: 50px;
		top: 0;
		right: -50px;
		padding: 10px 0px;
		color: #A69B87;
	}

	#menumobile #menu .mmenu {
		display: block;
	}

}

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

	#header #logo {}

}