/************************************ La même chose avec le menu dynamique dans la partie LEFT *****************************************/

#nav-left {margin:0; padding:0; list-style:none; font-size:11px; font-weight:bold;}

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav-left li {float:left; position:relative;}
#nav-left .separator {padding:9px 0 8px; color:#322626;}

#nav-left li.over { z-index:99; }
#nav-left li.active { z-index:98; } /* to prevent the li separator from showing through on mouseover on li */
#nav-left a { line-height:11px; }
#nav-left a, #nav-left a:hover { display:block; text-decoration:none; }
#nav-left span { display:block; cursor:pointer; white-space:nowrap; }
#nav-left li ul span {white-space:normal; }


/************ 1ST LEVEL  ***************/
#nav-left li { float:none; border-bottom:1px solid #DDDDDD; }
#nav-left li.active a { color:#322626; }
#nav-left a { float:left; padding:9px 17px 8px; color:#322626; font-weight:bold; }
#nav-left li.over a, #nav-left a:hover { color:#ffce08; }


/************ 1ST LEVEL RESET ************/
#nav-left ul li, #nav ul li.active {
	float:none;
	margin:0;
	padding-bottom:1px;
	}
#nav-left ul li.over { background:#ffce08; }
#nav-left ul li { padding-bottom:0; border-bottom:1px solid #DDDDDD; }
#nav-left ul li.last { padding-bottom:0; border-bottom:0; }
#nav-left li.last a { background:none; }

	
#nav-left ul a { 
	float:none;
	padding:0;
	background:none;
	}
#nav-left ul a:hover {
	float:none;
	padding:0;
	background:#ffce08;
	}
#nav-left ul li a { font-weight:normal !important; }


/************ 2ND LEVEL ************/
#nav-left ul {
	position: absolute;
	width:15em;
	top:10px;
	left:-10000px;
  	border:1px solid #DDDDDD;
  	background:#F5F5F5;
}

/* Show menu */
#nav-left li.over > ul { left:100px; }
#nav-left li.over > ul li.over > ul { left:100px; }
#nav-left li.over ul ul { left:-10000px; }


#nav-left ul li a {padding:9px 28px 8px 30px; color:#322626; font-weight:bold; }
#nav-left ul li a:hover { color:#322626; font-weight:bold; padding:9px 28px 8px 30px;}
#nav-left ul li a, #nav ul li a:hover { color:#322626 !important; }
#nav-left ul span, #nav ul li.last li span { }


/************ 3RD+ LEVEL ************/
#nav-left ul ul { top:10px; }





.navigation li {margin:0; padding:7px 0px 7px 20px; list-style:none; font-size:11px; font-weight:bold; background:url(../images/element-menu-ouvrir.jpg) no-repeat;}
.navigation li a {text-decoration:none; }
.navigation li ul {margin-top:5px; }
.navigation li ul li { margin-left: 30px; padding-left: 5px; list-style:circle; font-size:10px; }
.navigation li ul li a { color:#666666; }
.navigation li ul li a:hover { color:#ffce08; }