<!--

/* declaration de menu */
#menu {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 100;
}

/* taille du menu */
table.menu {
	width : 784px;
}

/* aucune marge pour le level 1 */
ul{
	margin : 0;
	padding: 0;
	z-index: 100;
}

/* - Le menu 2 est placé de manière absolue par rapport au menu 1
     Ici on souhaite placer le menu juste en dessous du menu 1 
     (soit 27 px (hauteur du menu 1) plus bas sur l'axe x)
   - Le menu 2 est caché par defaut
*/
ul.level2{
	position : absolute;
	top : 27px;
	left : -1px;
	display : none;
}

/* - Le menu 3 est placé de manière absolue par rapport au menu 2
     Ici on souhaite placer le menu juste a droite du menu 2 
     (soit 150 px ( a droite sur l'axe y)
   - Le menu 3 est caché par defaut
*/
ul.level3{
	position : absolute;
	top : 0px;
	left : 190px;
	display : none;
}

/* - Les tags LI ont une position relative par rapport au tag UL */
li {
	position : relative;
	border-bottom: 1px solid #0070BF;
	list-style : none;
	font-weight: normal ;
	font-size: 14px ;
	color : #005DA4;
	text-indent: 20px;
	z-index: 100;
}

li.level1 {
	border-right: 1px solid #0070BF;
	background-image : url(../images/fond_menu.jpg);
	background-repeat : repeat-x;
	text-indent: 0px;
	line-height : 26px;
	text-align : center;
	height: 26px;
}

li.level2 {
	background : #E2ECC5;
	line-height : 20px;
	text-align : left;
	height: 20px;
	width : 190px;
}

li.level3 {
	background : #E2ECC5;
	line-height : 20px;
	text-align : left;
	height: 20px;
	width : 190px;
}

li:hover, a.level1:hover, a.level2:hover, a.level3:hover {
	color : #FFF;
	cursor: pointer;
	background : #9FC040;
}

ul.menu_selected, li.menu_selected, a.menu_selected {
    color : #FFF;
	background : #9FC040;
	text-indent: 0px;
	line-height : 26px;
	text-align : center;
	height: 26px;
}

td.menu_travaux {
    border-right: 1px solid #FFF;
	text-indent: 0px;
	line-height : 40px;
	text-align : center;
	height: 40px;

}

a.menu_travaux {
    font-weight: bold ;
	font-size: 13px ;
    color : #FFF;
	text-indent: 0px;
	line-height : 40px;
	text-align : center;
	height: 40px;

}

a.level1 {
	color : #005DA4;
}

/* - Lors du survol du level 1, alors on passe display à block pour le level 2 */
li.level1:hover ul.level2 {
	display : block;
}

li.menu_selected:hover ul.level2 {
    display : block;
}

/* - Lors du survol du level 2, alors on passe display à block pour le level 3 */
li.level2:hover ul.level3 {
	display : block;
}

li a.level1 {
    text-decoration : none;
    color : #005DA4;
}


li a.level2, a.level3 {
    text-decoration : none;
    color : #005DA4;
}

-->