#menu {display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px; font-weight: bold;	color: white; text-align: center;}
#menu ul { margin: 0px; padding: 0px; list-style-type: none; border: 0px;}
#menu li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;
	position: relative;
}
#menu li.niv1 { background: url(../images/commun/pres01.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv2 { background: url(../images/commun/champ01.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv3 { background: url(../images/commun/recenser01.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv4 { background: url(../images/commun/faireconnaitre01.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv5 { background: url(../images/commun/metiers01.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv6 { background: url(../images/commun/part01.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv7 { background: url(../images/commun/chiffres01.gif) left top no-repeat; width: 112px; height: 38px;}
#menu li.niv1:hover { background: url(../images/commun/pres02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv2:hover { background: url(../images/commun/champ02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv3:hover { background: url(../images/commun/recenser02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv4:hover { background: url(../images/commun/faireconnaitre02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv5:hover { background: url(../images/commun/metiers02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv6:hover { background: url(../images/commun/part02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv7:hover { background: url(../images/commun/chiffres02.gif) left top no-repeat; width: 112px; height: 38px;}
#menu li.niv1-active { background: url(../images/commun/pres02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv2-active { background: url(../images/commun/champ02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv3-active { background: url(../images/commun/recenser02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv4-active { background: url(../images/commun/faireconnaitre02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv5-active { background: url(../images/commun/metiers02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv6-active { background: url(../images/commun/part02.gif) left top no-repeat; width: 108px; height: 38px;}
#menu li.niv7-active { background: url(../images/commun/chiffres02.gif) left top no-repeat; width: 112px; height: 38px;}
#menu li a { display: block; color: white; text-decoration: none; height: 32px; text-transform: uppercase;}
* html #menu li a {	position: relative;/* Fix IE6's inability to expand clickable area */}
#menu li ul { visibility: hidden; position: absolute;	z-index: 10; top: 38px; left: 0px; border: 0px; width: 216px;}
#menu li ul a { text-align: left; text-transform: none; height: auto;}
/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu li ul {	display: none; }
* html #menu li li { padding: 3px; width: 216px; border-bottom:0px; border-left: 0px; border-right: 0px; border-top: 1px solid white; height: auto; }
#menu li li { padding: 3px; width: 210px; border-bottom:0px; border-left: 0px; border-right: 0px; border-top: 1px solid white; height: auto; }
#menu li.niv1 li { background-color: #848331;}
#menu li.niv2 li { background-color: #E0BF48;}
#menu li.niv3 li { background-color: #742E68;}
#menu li.niv4 li { background-color: #CC6600;}
#menu li.niv5 li { background-color: #196674;}
#menu li.niv6 li { background-color: #789665;}
#menu li.niv7 li { background-color: #4D693B; width:112px;}
#menu li.niv1-active li { background-color: #848331;}
#menu li.niv2-active li { background-color: #E0BF48;}
#menu li.niv3-active li { background-color: #742E68;}
#menu li.niv4-active li { background-color: #CC6600;}
#menu li.niv5-active li { background-color: #196674;}
#menu li.niv6-active li { background-color: #789665;}
#menu li.niv7-active li { background-color: #4D693B; width:112px;}
/* simulate child selector for IE */
div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul { visibility: visible;}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul { visibility: hidden;}
/* do the normal show, with increased specificity, for good browsers */
#menu ul li:hover>ul {display: block; visibility: visible;}