/* Modèle graphique du menu de niveau ROOT */
/* --------------------------------------- */
#menu_deroulant ul {
	top:260px; 		/* parametre : ordonnée haute du menu */
	left:18px;		/* parametre : abscisse gauche du menu */
	border:0px solid red;
	
	background-image:url(../images/colonne_gauche_bdsa.gif);
	background-position:top right;
	background-repeat:repeat-y;
}

#menu_deroulant ul li {
	margin-bottom:30px; /* parametre : espacement vertical entre les boutons */
	border:0px solid green;
	/* ATTENTION : IL FAUT AU MOINS UNE BORDURE "border-bottom" POUR QUE CA FONCTIONNE SOUS IE6, et le border-top pour le même résultat visuel que sous IE7 et FIREFOX !!!!! */
	/* -------------------------------------------------------- */
	/* ---- */		border-bottom:0px solid #729bc6;		/* ---- */
	/* ---- */		border-top:0px solid #2f547b;		/* ---- */
	/* -------------------------------------------------------- */
	
	background-image:url(../images/puce_menu.gif);
	background-repeat:no-repeat;
	background-position:6px 7px;
	padding-left:15px;
}

#menu_deroulant ul a {
	height:20px;		/* parametre : hauteur des boutons du menu (à la racine)*/
	width:128px;		/* parametre : largeur des boutons du menu (à la racine) */

	background-color:transparent; 
	text-align:left;
	padding:4px 12px 0px 10px;
	margin-left:1px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	text-decoration:none;
}

#menu_deroulant ul a:hover {
	color:#000000;
	background-image:url(../images/colonne_gauche_bdsa.gif);
	background-position:top 11px;
	background-repeat:repeat-y;
}


/* Modèle graphique du menu de niveau 1 */
/* ------------------------------------ */
#menu_deroulant ul ul {
	top:10px;		/* parametre : ordonnée haute du sous-menu par rapport à son bouton d'origine */
	left:155px;		/* parametre : abscisse gauche du sous-menu par rapport à son bouton d'origine */
	border:1px solid #666666;
	border-width:0px 2px 2px 0px;
}

#menu_deroulant ul ul li {
	margin-bottom:0px; /* parametre : espacement vertical entre les boutons des sous-menus */
}

#menu_deroulant ul ul a {
	width:154px; /* parametre : largeur des boutons du sous-menu */
	
	background-image:url(../images/colonne_gauche_bdsa.gif);
	background-position:top right;
	background-repeat:repeat-y;
	
	text-align:left;
	padding:5px 5px 0px 5px;
	margin-left:5px;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}

#menu_deroulant ul ul a:hover {
	color:#000000;
	background-image:url(../images/colonne_gauche_bdsa.gif);
	background-position:top left;
	background-repeat:repeat-y;
}