/* présentation du bloc "menu" */
ul#menu_principal, ul#menu_principal ul  {			/* définit l'apparence générale de la liste */
	margin: 0; padding: 0;
	list-style-type: none;
	height: 21px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #786b41;
	text-align: center;
	margin-bottom: 24px;
	z-index: 1000;
}

ul#menu_principal li {		/* définit l'apparence de chaque "bouton" du menu ou élément de la liste "menu_principal" */
	float: left;
	border-right: 1px solid #314c5d;	/* idem couleur du lien actif */
	padding-left: 10px;
	padding-right: 10px;
}

ul#menu_principal li.ini {
	border-left: solid 1px #314c5d;	/* barre verticale à gauche du 1e élément du menu */
}

ul#menu_principal a {	/* Contenu des listes */
	display : block; 	/* on change le type d'élément, les liens deviennent des balises de type block pour que la hauteur de ligne s'applique et que la couleur d'arrière-plan est la même hauteur que le bandeau ... */
	color: #314c5d;	/* couleur des liens actifs de la barre de menus */
	text-decoration: none;
}

ul#menu_principal a:hover {
	color: #132f41;
	/* background-color: #d57453;	variante avec surlignage au survol */
}

ul#menu_principal li ul {	/* sous-listes */
	line-height: 21px;
	width: 86px; /* Largeur des sous-listes indifférente (mais nécessaire pour que les sous-listes s'affichent verticalement ...) */
	position: absolute;
	left: -999em; /* Hop, on envoie loin du champ de vision */
	padding-top: 6px;	/* espace vertical entre onglet et sous-liste déroulante */
}

ul#menu_principal li ul a {
	width: 130px;	/* largeur des sous-listes */
	background-color: #314c5d;	/* arrière-plan des sous-listes au survol du lien principal */
	color: #f2e4bf;
}

ul#menu_principal li ul a:hover {	/* arrière-plan des liens dans éléments de sous-listes au survol du lien */
	background-color: #d57453;
}

ul#menu_principal li ul li {	/* éléments de sous-listes */
	padding: 0;
	border-top: 1px solid #f2e4bf;	/* idem couleur lien actif */
	border-right: none;
}

ul#menu_principal li ul ul {		/* concerne les sous-listes de 2e niveau */
	margin    : -22px 0 0 120px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes vers le bas de la hauteur et vers la droite de la largeur d'un élément de la sous-liste */ 
	border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */ 
}

ul#menu_principal li ul ul a {	/* concerne les sous-listes de 2e niveau */
	width: 150px;
	color: black;
	background-color: red;
}

ul#menu_principal li ul ul a:hover {	/* concerne les sous-listes de 2e niveau */
	width: 150px;
	color: green;
	background-color: yellow;
}


ul#menu_principal li:hover ul ul, ul#menu_principal li.sfhover ul ul {	/* sous-sous-listes */
	left: -999em;
}

ul#menu_principal li:hover ul, ul#menu_principal li li:hover ul, ul#menu_principal li.sfhover ul, ul#menu_principal li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	/* margin-left: -10px;	décalage à gauche de 10px pour s'aligner sous la barre verticale */
	min-height: 0; /* Corrige un bug sous IE */
}