/* menu accordeon alsacreation */
/* voir http://css.alsacreations.com/Tutoriels-JavaScript/Creer-un-menu-accordeon-avec-jQuery */

#nav {
	float: left;
	width: 220px;
	/*margin-top: 15px;*/
	background-color: #D5D3AC;
}

#nav li {list-style: none; }

#nav li a, #nav li span {
	display: block;	
	color: #7F7B36;
	text-decoration: none;
	background : #D5D3AC url(../../IMG/nav/fleche_normale.gif) no-repeat;
	border-top: 1px solid #F7F7EF;
	border-bottom: 1px solid #B4B073;
	height: 30px;
	line-height: 30px;
	text-indent: 18px;
}
		
#nav .toggleSubMenu a, #nav .toggleSubMenu span {}
#nav a:hover {border-top: 1px solid #ECEBDB; background: #9B9547 url(../../IMG/nav/fleche_survol.gif) no-repeat; color:#330;}
#nav a.on {border-top: 1px solid #ECEBDB; background: #9B9547 url(../../IMG/nav/fleche_survol.gif) no-repeat; color:#330;}
#nav .open a, #nav .open span {background: #9B9547 url(../../IMG/nav/fleche_on.gif) no-repeat; color:#330;}
	


/*--------------------------*/
/* 				sous menu 				*/
/*--------------------------*/
#nav .subMenu {
	background: #ccc url(subMenu.png) 0 0 repeat-x;
}
	
#nav ul.subMenu a {
	background: black;
	color: white;
	text-indent:0;
	padding: 4px 0 4px 20px ;
	height: auto;
	line-height: 16px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #000;
}
#nav ul.subMenu a:hover {background-color: #474747; background-image: none;}
#nav ul.subMenu a.on {background-color: #474747;}