nav{
	padding: 6px; /*Remplissage interne */
	width: auto; /* largeur */
	height: auto; /* hauteur */
	max-width: 100%; /* largeur maximal */
	overflow: hidden; /* depassement */
	background-color: #000; /* Couleur de fond */
	color: #FFF; /* couleur des textes */
	
}

h3 #notre{
	font-size: 3rem; /* taille de la police d'écriture*/
	display: flex; /* Affichage disposition */
	vertical-align: middle; /* alignement au milieu */
}
nav #logo{
	font-size: 2rem; /* taille de la police d'écriture*/
	display: flex; /* Affichage disposition */
	vertical-align: middle; /* alignement au milieu */
}

nav ul{
	margin: 0; /* remplissage externe */
	padding: 4px; 
	list-style: none; /* style d'écriture */
	text-align: right; /* alignement du text à droite */
}

nav ul > li{
	display: inline-block;
	margin: 0px 6px;
	list-style-type: none; /* style des polices */
}

nav ul li > a{
	text-decoration: none; /* Supprimer la decoration du texte, c'est à dire le soulignement*/
	outline: none; /* supprimer les bordures externes après clique sur le lien */
	color: #FFF;
	padding: 3px;
	transition: 0.3s; /* transition */
	max-width: 100%; /* largeur maximal du conteunaire */
}

nav ul li > .active_choix{ /* on selectionne la navigation du menu et on cible la balise ul et li qui cible a leur tour la classe active_choix */
	border-bottom: 4px solid dodgerblue; /* on applique la bordure de bas */
}

nav ul li > a:hover{ /* on selectionne le menu et la balise ul li qui cible la balise a et on fait appel a l'événement hover qui veut dire survole */
	border-bottom: 4px solid dodgerblue;
}

nav ul li > a::after{ /* on selectionne le menu et la balise ul li qui cible la balise a et on fait appel a l'événement after qui veut dire après */
	content: '';
	border-bottom: 4px solid dodgerblue;
	clear: both;
}