/* ------------------------------------ *
 CSS
 menu
 18/03/2008 
 * ------------------------------------ */
#nav_container{
	margin: 0 auto;
	height:28px;
}

#nav
{
	list-style: none;
	padding: 0;
	margin:0;
	padding-top:4px;
    display: block;
}

#nav ul
{
	list-style: none;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: absolute;
	z-index: 99;
}

#nav li
{
	background: url(images/transparency.png);
	float: left;
	height: 24px;
	width:auto;
	margin: 0;
	padding:0;
	display: inline;
}

#nav a
{
	line-height: 20px;
	margin: 0.2em 0 0.2em 0.1em;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color:#C0C0C0;
}

#nav a:hover{
	color:#FFF;
}

#nav a.submenu{
   background: url(images/mini_fleche_off.gif) no-repeat right;
}

#nav a:hover.submenu{
   background: url(images/mini_fleche_on.gif) no-repeat right;
}

#nav ul li
{   
	border: solid 1px #666;
	border-width: 0px 1px 1px 1px;
	width:240px;
	text-align:left;
	padding-left:9px;
	display: block;
	height: 27px;
}

#nav ul ul li
{
	border-width: 0px 1px 1px 1px;
	width:240px;
	text-align:left;
	display: block;
	height: 27px;
}

#nav ul a,#nav ul ul a
{
	display: block;
	height: 20px;
	margin: 0.2em 0 0.2em 0.1em;
	padding: 0.1em;
	text-decoration: none;
	width: 220px;
	color:#C0C0C0;
}

#nav ul ul a
{
	width: 240px;
}

#nav ul
{
	display: none;
	margin-left: 0px;
	margin-top: 4px;
	position: absolute;
	width:240px;
	border-top:1px solid #666;
}

#nav ul ul
{
	display: none;
	width:251px;
	margin-top:-26px; 
    margin-left:140px;
	position: absolute;
	border-top:1px solid #666;
}

#nav ul ul ul
{
	display: none;
	margin-left: 250px;
	margin-top: -27px;
	position: absolute;
	border-top:1px solid #666;
}
/* pour les navigateurs autre que IE6 */
#nav ul li>ul, #nav ul ul li>ul
{
	margin-top: -25px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul
{
	display: none;
}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul
{
	display: block;
}
li>ul
{
	left: auto;
	top: auto;
}