.nav-bar { display: none; }
header nav {background-color: #1C1C1C;z-index: 1;width: 100%;max-width:1000px;margin: auto;} /* background-color: rgba(000, 000, 000, 0.7);*/
/*header nav ul li a {font-size:2.2rem;}*/
header nav ul { list-style: none; }
header nav ul li {float: left;position: relative;  margin: auto;}
header nav:after {content: "";display: block;clear: both;}
header nav ul li a {color: #fff;font-size: 1.rem;display: block;padding: 15px 18px;text-decoration: none;}
header nav ul li:hover { background: ##939597; }
header nav ul li:hover i, header nav ul li a:hover { color:#F5DF4D; }
header nav ul li i { margin-right: 10px; }
header nav ul li:hover .children { display: block; }
header nav ul li .children { overflow:auto;display: none;background: #666666;position: absolute;width: 150%;z-index: 1000;}
header nav ul li .children span { display: none; }
header nav ul li .children li {display: block;width: 100%;border-bottom: 1px solid #ffffff99;}
header nav ul li .children li a { margin-left: 10px;   padding: 8px 0 8px 15px;}
header nav ul li .fa-angle-down {position: relative;top: 3px;font-size:2.4rem;}

/*=====================
	RESPONSIVE
=====================*/
@media all and (max-width: 960px) {
	.nav-bar { display: block; width: 100%; position: fixed; top: 0; background: #111111; height:68px;}
	.nav-bar span {font-size: 20px; padding: 20px; color: #fff;}/* float: left; 	nuit a l'accessibilité*/
	.nav-bar .fa-bars { display: block; padding: 26px; color: #fff; overflow: hidden; font-size: 26px; font-weight: bold; text-decoration: none; float: right;
	-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out;}	
	.nav-bar .fa-bars:hover { -ms-transform: rotate(90deg); /* IE 9 */transform: rotate(90deg);}
	  
	/* menu side bar*/
	header nav { width: 50%; height: auto; position: fixed; right: 100%; top : 63px; overflow: auto; height: 100%;}
	header nav ul li { display: block; border-bottom: 1px solid #bbbbbb; width: 100%;}
	header ul li a { display: block;   padding: 10px;}
	header nav ul li .children { width: 100%; position: relative; overflow: hidden; display: none;}
	header nav ul li:hover .children { display: none; }
	header nav ul li ul li:first-child { border-top: 1px solid #ffffff99; }
	header nav ul li .children span { display: inline-block; margin-right: 10px;}
	header nav ul li .children a { margin-left: 10px; padding: 5px 0;}
	header nav ul li .fa-angle-down { position: relative; top: 3px;}
}