/*
	HK28 08/12/2017
	TODO :
		- Changer ID du menu
		- Rendre menu respondive
*/
#menu_fixed{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:200;
}
#menu-principal{
	position:relative;
	width:100%;
	max-height:100%;
	background:#0c1a1e;
	font-size:16px;
	transition:all .2s ease;
	overflow-Y:auto;
}
#menu-principal .logo{
	display:inline-block;
	vertical-align:middle;
	height:6em;
	padding:.5em;
	transition:all .2s ease;
}
#menu-principal .logo img{
	height:100%;
}
#menu-principal > ul{
	padding:0;
	margin:0;
	list-style:none;
}
#menu-principal > ul > li > a{
	display:block;
	padding:1em 1.5em;
	color:#fff;
}
#menu-principal > ul > li.active > a,
#menu-principal > ul > li > a:hover{
	background:#fff;
	color:#0c1a1e;
	text-decoration:none;
}
#menu-principal > ul > li > a > img{
	height:2em;
	filter:brightness(100%);
}
#menu-principal > ul > li > a:hover > img{
	filter:brightness(0%);
}

#navprince > li > a i.fa{
	margin-right:.3em;
}
/* menu-principal LIEN RESEAUX SOCIAUX */
#menu-principal-social{
	background:rgba(0,0,0,.3);
	text-align:center;
}
#menu-principal-social > li{
	display:inline-block;
	vertical-align:middle;
	height:100%;
}
#menu-principal-social > li > a{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 1em;
	height:100%;
}

#barre_interplatform{
	position:relative;
	width:100%;
	/* height:29px; */
	padding:0;
	background:#000;
	text-align:right;
}
#barre_interplatform ul{
	box-sizing:border-box;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	list-style:none;
}
#barre_interplatform li{
	display:inline-block;
}
#barre_interplatform a{
	display:inline-block;
	padding:10px 20px;
	font-size:12px;
	color:rgba(255,255,255,0.8);
}
#barre_interplatform a:hover{
	text-decoration:none;
}
#barre_interplatform a[href]:hover{
	color:#fff;
}

/* RESPONSIVE */
#menu_principal_open{
	display:none;
}
label[for="menu_principal_open"]{
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
	top:0;
	right:0;
	height:6em;
	margin:0;
	padding:0 2em;
	color:#fff;
	cursor:pointer;
}
label[for="menu_principal_open"]:hover{
	background:#fff;
	color:#0c1a1e;
}
@media (max-width: 991px){
	#menu_principal_open:not(:checked) + #navprince{
		display:none;
	}
	#menu_principal_open:not(:checked) + #navprince + #menu-principal-social{
		display:none;
	}
	#menu-principal .logo{
		transition:none;
	}
}
@media (min-width: 992px){ /* MD */
	label[for="menu_principal_open"]{
		display:none;
	}
	#menu-principal{
		height:6em;
		overflow-Y:unset;
	}
	#menu-principal .logo{
		height:100%;
	}
	#menu-principal > ul{
		display:inline-block;
		vertical-align:middle;
		height:100%;
	}
	#menu-principal > ul > li{
		display:inline-block;
		vertical-align:middle;
		height:100%;
	}
	#menu-principal > ul > li > a{
		display:flex;
		align-items:center;
		justify-content:center;
		padding:0 1em;
		height:100%;
	}
	/* menu-principal LIEN RESEAUX SOCIAUX */
	#menu-principal-social{
		position:absolute;
		top:0;
		right:0;
		height:100%;
		background:transparent;
	}
	#menu-principal-social > li{
		margin:0;
	}
	
	/* ONSCROLL*/
	#menu-principal.nav_scroll{
		height:3em;
		box-shadow:0 10px 20px -10px rgba(0,0,0,.3);
	}
	#menu-principal.nav_scroll .logo{
		margin:0 .5em;
	}
}