/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu
{
	background:url(images/button1.gif); 
	height:35px;
}

#menu ul
{
	padding:0;
	margin:0; 
	list-style:none; 
	font: 11px arial, sans-serif; 
	position:relative; 
	z-index:200; 
}
 
#menu ul ul
{
	padding:3px 0 5px 0; 
	margin:2px 0 0 8px; 
	list-style:none; 
	float:left; 
	background:#272727;
	border:1px solid #555;
}

#menu #menu_gauche li 
{
	float:left;
}

#menu #menu_droit li 
{
	float:right;
}

#menu li li 
{
	float:none; 
}

/* a hack for  IE6 */
* html #menu li li 
{
	float:left;
}

#menu li a 
{
	display:block; 
	float:left; 
	color:#CCC; 
	height:36px;  
	padding:0 17px 0 15px; /* la dernière valeur fixe l'espace à gauche */
	line-height:36px; 
	text-decoration:none; 
	white-space:nowrap; 
	font-weight:bold;
}

#menu #menu_gauche li 
{
	padding-right:14px; /* fixe l'espcace à droite */
	border-right:1px solid #666;
}

#menu #menu_gauche li li
{
	padding:0;
	border:none;
}

#menu #menu_droit li 
{
	padding-right:10px;
}

#menu #menu_droit li a
{
	padding-right:30px;
}

#menu #menu_droit li li a 
{
	padding:0;
}

#menu li a.down 
{
	background:url(images/fleche.gif) no-repeat right center;
}

#menu li a.home 
{
	background:url(images/home.gif) no-repeat right center;
}

#menu li a.mail 
{
	background:url(images/mail.gif) no-repeat right center;
}

#menu li li a 
{
	display:block; 
	height:20px; 
	line-height:20px; 
	float:none; 
	padding:0 25px 0 5px;
	margin-right:0;
	color:#DDD;
}

#menu li li a.fly  /* niveaux 2 et supérieurs */ 
{
	background:url(images/fly.gif) no-repeat right center;
}


#menu li:hover 
{
	position:relative; 
	z-index:300;
}

#menu #menu_gauche li:hover 
{
	background:url(images/button2.gif);
}

#menu #menu_gauche li li:hover 
{
	background:none;
}

#menu li:hover ul 
{
	left:0; 
	top:33px; 
	z-index:500;
}

#menu ul ul
{
	position:absolute; 
	left:-9999px; 
	top:-9999px;
}

* html #menu ul ul
{
	width:2px;
}
/* it could have been this simple if all browsers understood */
/* show next level */
#menu li:hover li:hover > ul 
{
	left:-5px; 
	margin-left:100%; 
	top:-1px; 
	z-index:500;
}
/* keep further levels hidden */
#menu li:hover > ul ul 
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:auto;
}
/* show path followed */
#menu li:hover > a 
{
	color:#60a6fe;
}
#menu li li:hover > a 
{
	color:#60a6fe;
}

#menu .current a
{
	color:#C33;
}

#menu .current li a
{
	background-image: none;
	color:#BBB;
}

#menu li.scurrent a
{
	color:#D00;
}