nav{
	float:right;
	clear:right;
	width:70%;
	padding: 0 4%;
	height:100px;
	transition:  all 0.3s;
	z-index:1000;
}
.header-small nav{
	height:50px;
}
nav ul{
	list-style:none;	
	height:100%;
	float:left;
	width:100%;
	margin-right: 90px;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-end;
    justify-content: space-between;
    align-items: flex-end;
}
nav ul li{
	display:inline-block;
	text-transform:uppercase;
	height:100%;
	display:table;
	margin:0;
	/*float:left;*/
	padding:0;
}
nav ul li a{
	display:block;
	letter-spacing:1px;
	font-weight:800;
	width:100%;
	/*padding:0 .65vw;*/
	margin:0;
	display:table-cell;
	vertical-align:middle;
	position:relative;
}
nav a, nav a:link, nav a:visited, nav a:focus, nav a:active, nav a:hover{
	color:#606060;
}
nav ul li a:hover{
	color:#5ecf32;
}
nav ul li a span{
	padding:6px 8px;
}
nav ul li.menuActif a span,
nav #ulMenu0 li.liMenu0 a span,
nav #ulMenu1 li.liMenu1 a span,
nav #ulMenu2 li.liMenu2 a span,
nav #ulMenu3 li.liMenu3 a span,
nav #ulMenu4 li.liMenu4 a span,
nav #ulMenu5 li.liMenu5 a span,
nav #ulMenu6 li.liMenu6 a span,
nav #ulMenu7 li.liMenu7 a span,
nav #ulMenu8 li.liMenu8 a span
{
	background-color:#5ecf32;
	color:white;
	/*border-top:32px solid white;
	border-bottom:32px solid white;*/
}
nav ul li:hover a:after,
nav ul li.menuActif a:after,
nav #ulMenu0 li.liMenu0 a:after,
nav #ulMenu1 li.liMenu1 a:after,
nav #ulMenu2 li.liMenu2 a:after,
nav #ulMenu3 li.liMenu3 a:after,
nav #ulMenu4 li.liMenu4 a:after,
nav #ulMenu5 li.liMenu5 a:after,
nav #ulMenu6 li.liMenu6 a:after,
nav #ulMenu7 li.liMenu7 a:after,
nav #ulMenu8 li.liMenu8 a:after
{
	content:" ";
	height:6px;
	background-color:#5ecf32;
	width:100%;
	/*width:calc( 100% - .65vw - .65vw);
	margin:0 .65vw;*/
	position:absolute;
	bottom:6px;
	left:0;
}
.header-small nav ul li:hover a:after,
.header-small nav ul li.menuActif a:after,
.header-small nav #ulMenu0 li.liMenu0 a:after,
.header-small nav #ulMenu1 li.liMenu1 a:after,
.header-small nav #ulMenu2 li.liMenu2 a:after,
.header-small nav #ulMenu3 li.liMenu3 a:after,
.header-small nav #ulMenu4 li.liMenu4 a:after,
.header-small nav #ulMenu5 li.liMenu5 a:after,
.header-small nav #ulMenu6 li.liMenu6 a:after,
.header-small nav #ulMenu7 li.liMenu7 a:after,
.header-small nav #ulMenu8 li.liMenu8 a:after
{
	bottom:0px;
	height:4px;
}
nav ul li:hover a:after{
	background-color:#e6e6e6;
}
nav ul li a .mini{font-size:70%; line-height:70%; font-weight:400;}

#menuToggle {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
	font-size:30px;
	line-height:45px;
	margin:20px 0;
	padding:0 10px;
	background-color:#5ecf32;
	color:white;
}
body.navOut #menuToggle {
	background-color:#707070;
}
.liMenuPortail{
	display: none;
}

@media (max-width: 1023px) {
	#menuToggle{
		display:inline-block;
	}
	.header-small #menuToggle{
		line-height:40px;
		margin:0;
	}
	nav{
		display:block;
		position:fixed;
		top:85px;
		left:-100vw;
		width:100vw;
		height:calc( 100vh - 85px );
		z-index:1500;
		transition:all .3s;
		padding:0;
	}
	body.navOut nav{
		left:0;
	}
	.header-small nav{
		top:40px;
		height:calc( 100vh - 40px );
	}
	nav ul {
		background: #fff;
		border-bottom: 5px solid #b1b1b1;
		height: unset;
		overflow: scroll;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: flex-start;
	}
	nav ul li {
		display: block;
		font-size: calc(1.2vw + 1.2vh);
		height: calc(4.5vw + 4.5vh);
		line-height: calc(4.5vw + 4.5vh);
		float: none;
		padding: 0;
		margin-left: 28px;
	}
	nav ul li a::after{
		height: 0 !important;
	}
	.liMenuPortail{
		display: initial;
		background-image: url(../../img/logo-epi-mobile.svg);
		background-position: center left;
		background-size: auto 85%;
		background-repeat: no-repeat;
		width: 70%;
	}
	.liMenuPortail a{
		display: block;
	}
}