/* CSS Document */

ul{
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}
li.haut, li.derch{
    float: left;
    width: auto;
    list-style: none;
    margin: 0 0 0 0;
}
#haut ul#nav li ul li{
	display: block;
	float: none;
	background: none;
	height: auto !important;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: left;
	border-top: 1px solid #adaeb0;
	background-color:transparent;
}
#haut ul#nav li ul li a:hover{
	background-color: #80b61d;
}
#haut ul#nav li ul li a{
	display: block;
	padding: 3px 0 3px 5px;
	font-family:arial;
	color: #535550;
	font-size:12px;
	font-weight: normal;
}
li.haut a, li.derch a{
    display:block;
    font-size:9pt;
    color:#FFFFFF;
    font-weight:bold;
    padding:8px 20px 4px 10px;
    text-align:center;
    text-decoration:none;
}
#nav li ul { /* second-level lists */
    position: absolute;
    background-color: #C6DE99;
    margin-top: 11px;
	margin-left: -32px;
	padding-left: 0;
	 clear: left;
	 border : 1px solid #8c8d8f;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul a{
    padding:2px 20px 2px 10px;
}
#nav  ul.soussousmenu{
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li a{
    display: block;
    text-align: left;
    font-size: 12.3px;
    font-weight: bold;
    color: #000000;
    height: auto;
	text-transform: none;
    background-color: #eaeae9;
}
#nav li ul li a:hover{
    color:#FFFFFF;
    background-color: #000000;
}
 #nav li ul ul { /* third-and-above-level lists */
    margin: -16px 0 0 9em;
    width: 120px;
}
#nav li ul ul ul{ /* third-and-above-level lists */
    margin: -16px 0 0 8em;
}
#nav li:hover ul ul, #menu_princ #nav li:hover ul ul ul, #menu_princ #nav li.sfhover ul ul, #menu_princ #nav li.sfhover ul ul ul {
    left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
    padding-left: 0;
}