.menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #333;
	color: #fff;
}
.menu a {
	display: inline-block;
	min-width: 10em;
	padding: 1em 2em;
	color: #eee;
}
.menu a:hover {
	text-decoration: none;
	background: #DD5735;
}
.menu > ul {
	display: flex;
	justify-content: center;
}
.menu > ul > li {
	position: relative;
}
.menu > ul > li ul {
	position: absolute;
	display: none;
}
.menu > ul > li:hover ul {
	display: block;
}
















# Exercice dirigé: Menu déroulant

- A l'aide des balises nav, ul, li, faire un menu avec des rubriques secondaires rattachées sémantiquement aux rubriques principales.
- Mettre en forme le menu (rubriques principales en horizontal et secondaires en vertical)
- Faire en sorte que les rubriques secondaires soient masquées par défaut et apparaissent au survol de la rubrique principale.
- Ajouter du contenu après le menu pour s'assurer que le menu passe bien par dessus ce contenu

En bonus, il est possible d'ajouter des sous niveaux...