/* ==============================================================================
 * Projet : 				Web Vitesse
 * Auteur :					Jean-Michel HAROUY (J-Michel.Harouy@ac-nantes.fr)
 * Version : 				1.0
 * Date de mise à jour :	Mai 2019
 * 
 * REGLES définissant le comportement des éléments des menus
 * de l'entete et du pied de page de la page web
 * au survol de la souris
 * 
 * Code largement inspiré de celui situé à cette URL :
 * https://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_hover_dropdown 
 * ============================================================================== */
 
	nav {
		background-color: #333333;
	}

	nav a {
		text-decoration: none;
		color: white;
		font-size: 1.2vw;
		padding: 15px;
		display:inline-block;
	}

	nav ul {
		display: inline;
		margin: 0;
		padding: 0;
	}

	nav ul li {
		display: inline-block;
	}

	nav ul li:hover {
		background-color: #ff8888;
	}

	nav ul li:hover ul {
		display: block;
	}

	nav ul li ul {
		position: absolute;
		width: 400px;
		display: none;
	}

	nav ul li ul li {
		background: #f9f9f9; 
		display: block; 
	}

	nav ul li ul li a {
		color:#000000;
		display:block !important;
	}

	nav ul li ul li:hover {
		background-color: #d0d0d0;
	}