@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
/*font-family: 'Lato', sans-serif;*/
:root{
	--couleur-fond:#fdd102;/* background:var(--couleur-fond); */
	--main-font-size:1.000em;
}
.nav-bar {display: none; }
header nav{line-height:1.5;background:var(--couleur-fond);z-index: 1;width: 100%;}

/*header nav ul li a {font-size:2.2rem;}*/
header nav ul { list-style: none; width: 100%;max-width:850px;margin: auto;}
header nav ul li {float: left;position: relative;  margin: auto;}
header nav:after {content: "";display: block;clear: both;}
header nav ul li a {font-family: 'Lato', sans-serif; font-weight:bold;font-size:2.2rem;color: #8D4E01;display: block;padding: 20px 18px;text-decoration: none;}
header nav ul li:hover { background: ##939597; }
header nav ul li:hover i, header nav ul li a:hover { color:#fdfdff }
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:var(--couleur-fond);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: 30px;   padding: 8px 20px;}
header nav ul li .fa-angle-down {position: relative;top: 3px;font-size:2.rem;}

/*responsive nav style	#header { display: none; }*/
@media all and (max-width: 960px) {
	header, .nav-bar {display: block;width: 100%;position: fixed;top: 0;background:var(--couleur-fond);height:68px;z-index: 1;}
	.nav-bar span { display: block; padding: 26px; color: #fff; overflow: hidden; font-size: 24px; font-weight: bold; text-decoration: none;}/* Menu */
	.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);}
	header, .nav-bar {		animation: stickAnim .3s;}

	@keyframes stickAnim {
		0% {
			transform: translateY(-86px);
		}
		100% {
			transform: translateY(0);
		}
	}
	header nav {width: 50%;height: auto;position: fixed;right: 100%;top : 63px;padding-top:20px;overflow: hidden;height: 100%;}
	header nav ul li {display: block;border-bottom: 1px solid #bbbbbb;width: 100%;}
	header nav ul li a {padding: 12px 18px;font-weight:normal;font-size:2.2rem;}
	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;}
}