/* ============================================================================================ *
 * -------------------------      CSS POUR LE MENU RUBRIQUES      ----------------------------- *
 * ============================================================================================ */

* {
	margin:			0;
	padding:		0;
}

ul#menu li ul {						/*On masque les sous-rubriques*/
	display: 		none;			
}

ul#menu li:hover>ul {					/*On les affiche au survol*/
	display: 		block;
}


ul#menu li {						/*Gestion de la case rubrique*/
	float: 			left;			/*Calé à gauche de la page*/
	display:		block;			/*Permet de sélectionner le bloc et pas que le texte*/
	height:			18px;			/*Hauteur esthétique*/
	width:			160px;			/*Largeur bloc*/
	background-color: 	#4B7639;		/*Arrière plan vert foncé */
	font-weight:		bold;			/*Police en gras*/
	border:			1px solid #ffffff;	/*Bordure*/
	text-align:		center;			/*Alignement au centre*/
}

ul#menu li a {						/*Gestion des liens*/
	display:		block;			/*Affiche un bloc de la taille du width*/
	color:			white;			/*Couleur police blanche*/
	text-decoration: 	none;			/*Pas de soulignage*/
	height:			18px;			/*Hauteur esthétique*/
}

ul#menu li.actif {					/*Gestion de la case rubrique*/
	float: 			left;			/*Calé à gauche de la page*/
	display:		block;			/*Permet de sélectionner le bloc et pas que le texte*/
	height:			18px;			/*Hauteur esthétique*/
	width:			160px;			/*Largeur bloc*/
	background-color: 	#BEE895;		/*Arrière plan vert clair*/
	font-weight:		bold;			/*Police en gras*/
	border:			1px solid #ffffff;	/*Bordure*/
	text-align:		center;			/*Alignement au centre*/
}

ul#menu li a.actif {					/*Gestion des liens*/
	display:		block;			/*Affiche un bloc de la taille du width*/
	color:			black;			/*Couleur police noire*/
	text-decoration: 	none;			/*Pas de soulignage*/
	height:			18px;			/*Hauteur esthétique*/
}

ul#menu li a:hover {					/*Gestion du survol des liens*/
	background-color:	#444;			/*Arrière-plan gris*/
	color:			white;			/*Couleur police blanche*/
}

ul#menu ul {
	position:		absolute;		/*Positionnement des sous-rubriques*/
	margin-left:		0px;			/*JE NE COMPRENDS PAS POURQUOI! (pas de décalage à -80px) */
	margin-top:		-2px;			/*Décalage pour survol souris*/
	padding-top:		-1px;			/*Décalage pour survol souris*/
	width:			160px;
	z-index: 		10;			/*Affichage en avant plan*/
}

ul#menu ul li {						/*Gestion des cases sous-rubriques*/
	position:relative;
	font-weight:		normal;			/*Police normale*/
	width:			160px;			/*Largeur bloc*/
	border:			none;			/*Bordure*/
	display: 		inline;			/*Affichage en ligne de la liste de puces*/
	text-align:		center;			/*Alignement au centre*/
}


ul#menu ul li a {					/*Liens des sous-rubriques*/	
	display:		block;			/*Affiche un bloc de la taille du width*/
	background-color:	#4B7639;		/*Arrière plan vert foncé */
	color:			white;			/*Couleur police blanche*/
	text-decoration:	none;			/*Pas de soulignage*/
}