nav#main-nav{
	position: sticky;
	top: 40px;
	margin-top: 40px;
	z-index: 10000;
}

nav#main-nav ul{
	background-color: var(--gris1);

	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 20px;
	
	list-style-type: none;
	margin: 0;
	padding: 20px;
	padding-left: 30px;
	border-radius: 60px;
	li{
		padding: 0px;
	}
	a:not(.btn){
		font-variation-settings: "slnt" 0, "wdth" 80, "wght" 500;
		color: white;
		text-decoration: none;
	}
	li a{
		position: relative;
	}
	li a:not(.btn)::after{
		content: "";
		background-color: var(--jaune);
		height: 2px;
		width: 0%;
		position: absolute;
		bottom: -3px;
		left: 0%;
		transition: all 0.3s ease-in-out;
	}
	li a:not(.btn):hover::after{
		width: 100%;
	}
}

nav#main-nav{
	#main-nav-burger{
		display: none;
		border: none;
		background: var(--gris1);
		padding: 10px 18px;
		border-radius: 666px;
		color: white;
		font-size: 1.1em;
	}
}


@media screen and (max-width: 800px){
	nav#main-nav{
		position: fixed;
		top: 30px;
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin: 0;
		#main-nav-classic{
			display: none !important;
		}
		#main-nav-burger{
			display: block !important;
		}
	}
}