@media (min-width: 768px) {
	nav a.burgerToogle {
		display: none;
	}
	.sub:hover > .sous-menu li {
		height: var(--menuGlobalHeight);
	}
	.sous-menu .sous-sous-menu {
		top: 0px;
		left: 100%;
		min-width: 0;
	}
	.sous-menu li.sub:hover .sous-sous-menu li {
		width: 350px;
		transition: width var(--delaianimation);
	}
	.sub:hover > .sous-menu li {
		/* On : Height et overflow */
		height: auto;
		overflow: visible;
		transition: height var(--delaianimation);
		
	}
	.sub:hover .sous-menu::before,
	.sous-menu:hover::before {
		/* Triangle avec after */
		content: "";
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		top: -30px;
		left: calc(50% - 15px);
		border-style: solid;
		border-width: 15px;
		border-color: rgba(0,0,0,0);;
		border-bottom-color:  inherit;
		z-index: 1;
	}

	.sous-menu .sous-sous-menu {
		left: calc(100% + 10px);
	}
}



/* Le menu */


nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


/* Disparition / apparistion */

#header nav > ul > li {
	height: var(--menuGlobalHeight);
	transition: height var(--delaianimation);
}


/* Généralités des liens du menu */

nav > ul > li:first-of-type > a {
	padding-left: 0;
}
nav > ul > li:last-of-type > a {
	padding-right: 0;
}

/* animation d'ouverture des sous-menus N1 avec HEIGHT : */
ul.sous-menu li {
	/* OFF : Height 0, overflow hidden */
	height: 0;
	overflow: hidden;
	width: auto;
	white-space: nowrap;
	transition: height var(--delaianimationlong);
}

.sub.is-active a,
.sub:hover a {
	opacity: 1;
}
.sub.is-active > .sous-menu li {
	height: var(--menuGlobalHeight);
}




nav ul.sous-menu a {
	height: var(--menuGlobalHeight);
}
.oppened li.sub,
.oppened .sous-menu,
.is_active .sous-menu {
	position: relative;
	height: auto !important;
}
.oppened li.sub.is-active .sous-menu {
	margin-top: 15px;
}



.sous-menu.is-active li {
	/* Javascript */
}

/* Sous sous menu */
.sous-sous-menu {
	min-width: 0;
	height: 0;
}

.sous-sous-menu::before {
	/* Triangle avec after */
	content: "";
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	top: 15px;
	left: -10px;
	border-style: solid;
	border-width: 10px;
	border-color: rgba(0,0,0,0);
	border-left-color:  inherit;
	z-index: 1;
}



  
/* Fin layout du nouveau menu */

nav ul.sous-menu a {
	opacity: 0;
	transition: opacity var(--delaianimationlong);
}
nav li.sub:hover a {
	opacity: 1;
	transition: opacity var(--delaianimationspeed);
}
nav li.sub:hover > a {
	opacity: 1;
}


/* Faire des flèches aux sous-menu(s) */

.is-active.sub .sous-menu::before {
	/* Triangle avec after */
	content: "";
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: -30px;
	left: calc(50% - 15px);
	border-style: solid;
	border-width: 15px;
	border-color: rgba(0,0,0,0);;
	border-bottom-color:  inherit;
	z-index: 1;
}


/* Déclinaison de la flèche pour les sous menu à droite de la fenetre */
.menu > li:nth-last-of-type(-n+3) .sous-sous-menu::before {
	left: calc(100% - 9px);
	border-left-color: rgba(0,0,0,0);
	border-right-color: inherit;
}