div#menuId1
{	
	width:172px;		/*WIDTH LEVEL1*/
}

/* fond blanc pour le menu */ 
div#menuId1 a
{
	font-family:"Times New Roman", Garamond, FreeSerif, serif;font-size:1.1em; color:#2d3569;
}

div#menuId1 ul
{
	padding:0px;
	width: 172px;/*WIDTH LEVEL1*/
	/*border:1px solid;*/
	margin:0px;
	background-image:url("BackLevel1.png");
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menuId1 li:hover
{
	background: #EDD;
	background-image:url("Select.png");
}

div#menuId1 li.sousmenu:hover
{
	background:url("SelectFleche.png") 100% 0%;
}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menuId1 li.sousmenu
{
	background: url("FlecheRight.gif") 100% 0% no-repeat;
}

div#menuId1 ul li
{
	position:relative;
	list-style:none;
	border-bottom:2px groove #40ff40;
}

div#menuId1 ul ul
{
	position:absolute;
	top: -1px; left:172px;/*WIDTH LEVEL1*/
	display:none;
	background-image:url("BackLevel2.png");
}

div#menuId1 ul ul ul
{
	position:absolute;
	top: -1px; left:172px;/*WIDTH LEVEL1*/
	display:none;
	background-image:url("BackLevel3.png");
}

div#menuId1 li a
{
	text-decoration:none;
	padding:4px 0px 4px 8px;
	display:block;
	width:164px;	/*WIDTH LEVEL1 enlever 8*/
}

div#menuId1 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menuId1 ul.niveau2 li.sousmenu:hover ul.niveau3
{
	display:block;
}

/*A ajuster pour modifier la taille des cellules des niveaux 2 et 3*/
/*Niveau 2*/
div#menuId1 ul.niveau2 ul {left: 140px;}
div#menuId1 ul.niveau1 li.sousmenu:hover ul.niveau2 {width:140px; display:block;}
div#menuId1 ul.niveau2 li a {width: 140px;}
/*Niveau 3*/
div#menuId1 ul.niveau2 li.sousmenu:hover ul.niveau3 {width:300px; display:block;}
/*******************************************************************/