#navigation {
	font-size: 1em;
	line-height: 1.25em;
	width: 210px;
	}

#navigation li {
	list-style: none;
	}

#navigation li a{
	color:#333333;
	text-decoration: none;
	display: block;
	padding: 4px 10px 4px 20px;
	font-weight: normal;
	width: 180px;
	margin-right: 10px;
	}

	
#navigation li a:hover {
	color: #990000;
	text-decoration: none;
	background: #F1E8D5 /*url(../images/fleche.png) no-repeat 5px 6px*/;
	overflow: visible;
	}

.menulist, .menulist ul {
 	margin: 0;
 	padding: 0;
 	width: 210px;
	list-style: none;
	}

.menulist ul {
 	display: none;
 	position: absolute;
 	top: 0px;
	left: 210px;
	}

.menulist li {
	 position: relative;
	margin-bottom: -1px;
	}

.menulist ul>li:last-child {
 	margin-bottom: 1px; /* Mozilla fix */
	}


/* HIGHLIGHT NIVEAU 1 */

.menulist li a.highlighted {
	background-color: #F1E8D5;
	}

.menulist li .highlighted {
	background-color: #F1E8D5;
	}

/* HIGHLIGHT NIVEAU 2 */

.menulist ul li a {
	background-color: #F6F1E6;
	}

.menulist ul li a.highlighted {
	background-color: #F1E8D5;
	background-repeat: repeat-y;
	background-position: right;
	}


/* HIGHLIGHT NIVEAU 3 */

.menulist ul li ul li a {
	background-color: #F6F1E6;
	}

.menulist ul li ul li a.highlighted {
	background-color: #F1E8D5;
	background-repeat: repeat-y;
	background-position: right;
	}

.menulist a .subind {
	float: right;
	}


/* HACKS */

*+html .menulist li {
 	float: left;
	height: 1%;
	}
	
*+html .menulist a {
 	height: 1%;
	}
	
* html .menulist li {
 	float: left;
 	height: 1%;
	}

* html .menulist a {
	height: 1%;
	}