@media all and (max-width: 1000px) {

/*----------------LOGO----------------*/

nav .logo svg {
	width: 100%; /*largeur*/
	height: 25px; /*hauteur*/
}


/*----------------MENU DE NAVIGATION----------------*/

nav > ul {
	width: 100vw; /*largeur*/
	height: 100vh; /*hauteur*/
	margin: 0px; /*marge extérieur*/
	padding-top: 15px; /*marge intérieur haut*/
	display: block; /*apparition des balises*/
	justify-content: left; /*centre horizontalement le contenu*/
	position: absolute; /*type de positionnement*/ 
	top: 0px; /*position en partant du haut*/
    left: 0px; /*position en partant de la gauche*/
	flex-direction: column; /*direction des contenants*/
	transform:  translateX(-100%); /*transforme*/
	transition: transform 0.75s; /*transiton*/
	opacity: 1; /*opacité*/
	gap: 35px; /*espace entre les éléments*/
	box-sizing: border-box; /*largeur et la hauteur totales d'un élément*/ 
	z-index: 1; /*position au dessus ou au dessous*/
	overflow-y: auto; /*défini le contenu dépassant*/
	overflow-x: hidden; /*défini le contenu dépassant*/
	-webkit-overflow-scrolling: touch; /*détermine le défilement*/
	background-color:  var(--couleur-gris-235); /*couleur du fond*/ 	
}

nav.active ul {
	transform:  translateX(0%); /*transforme*/
}

nav li {
	margin-bottom: 15px; /*marge extérieur bas*/
	background-color: var(--couleur-blanc); /*couleur du fond*/
}

nav .separation, .sous-menu::before {
	display: none; /*apparition des balises*/
}

nav .titre-menu {
	padding: 6px; /*marge intérieur*/
	padding-left: 12px; /*marge intérieur gauche*/	
	justify-content: left; /*centre horizontalement le contenu*/ 
	border-top: 1px solid var(--couleur-gris-200); /*bordure tout en un*/
	border-bottom: 1px solid var(--couleur-gris-200); /*bordure tout en un*/
	color: var(--couleur-noir); /*police couleur*/
}

nav li svg {
	width: 12px; /*largeur*/
	height: 100%; /*hauteur*/
	margin: 0; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	margin-left: 6px; /*marge extérieur gauche*/
}


/*----------------MENU CARD----------------*/

.sous-menu {
    width: auto; /*largeur maximum*/
	margin: 0px; /*marge extérieur*/
	padding: 0px; /*marge intérieur*/
	position: unset; /*type de positionnement*/       
    top: 0px; /*position en partant du haut*/
    left: 0%; /*position en partant de la gauche*/
    transform: none; /*transforme*/
	border-radius: 0px; /*bordure arrondi*/
	border: none; /*bordure tout en un*/
    background-color: transparent; /*couleur du fond*/
	box-shadow: none; /*bordure ombre*/
	list-style: none; /*marqueur style*/
	opacity: 1; /*opacité*/
    visibility: visible; /*visibilité*/
    transition: none; /*transiton*/
	columns: unset; /*nombre de colonne*/
}

.sous-menu li a {
	padding: 6px; /*marge intérieur*/
	padding-left: 12px; /*marge intérieur gauche*/
    border-radius: 0px; /*bordure arrondi*/
	border: none; /*bordure tout en un*/
	border-bottom: 1px solid var(--couleur-gris-200); /*bordure tout en un*/
	text-align: left; /*texte alignement*/

}

/*----------------MENU BURGER----------------*/

.menu-burger, .fermer {
	display: flex; /*apparition des balises*/
}

/*--------------------------------*/
}