/* Tous droits réservés © 2010 | adapté par http://www.RenePaul.net */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton.html
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.
=================================================================== */

#nav{width:9999px} /* IMPORTANT: pour permettre le resize sans white-space */
#nav,#nav ul{
	margin:0; /* margin:0 auto; uniquement pour #nav si on veut centrer le menu */
	padding:0;
	list-style:none;
	position:relative;
	/*width:925px; uniquement pour #nav si on veut centrer le menu */
}
#nav ul{
	position:absolute;
	left:-9999px;
	top:-9999px;
	border:1px solid #555; /* bordure de chaque sous menu */
	background:url(fond75.png); /* si IE */
	background:rgba(0,0,0,0.75); /* si pas IE */
}

/* BARRE DE MENU */
#nav a{
	font-size:0.9em;
	font-weight:bold;
	color:#aaa;
	background:transparent; /* possible d'avoir une barre de menu de couleur ici */
	padding:0 5px;
}
/* SOUS-MENU */
#nav ul a{
	font-size:1em;
	font-weight:normal;
	color:#fff;
	background:transparent;
}

#nav table{border-collapse:collapse}
/*#nav li{float:left;padding:0;height:18px}*/ /* 24px espace entre la barre de menu et sous-menu mais BUG avec hr */
/*#nav li li{float:none;height:18px}*/ /* mais BUG avec hr */
#nav li{float:left;padding:0}
#nav li li{float:none}
/* a hack for IE5.x and IE6 */
#nav li a li{float:left}

/*#nav li a{display:block;float:left;height:20px;padding-right:5px;line-height:20px;text-decoration:none;white-space:nowrap}*/
#nav li a{display:block;float:left;height:18px;line-height:18px;text-decoration:none;white-space:nowrap} /* BARRE DE MENU */
/*#nav li li a{height:20px;line-height:20px;float:none}*/
#nav li li a{height:18px;line-height:18px;float:none;padding:0 5px}

/* HOVER */
/*#nav li:hover{position:relative;z-index:1;background:transparent}*/
/*#nav a:hover{position:relative;z-index:1;text-decoration:none}*/
#nav li:hover{position:relative;background:transparent}
/* barre de menu hover */
#nav a:hover{
	position:relative;
	background:#a00 url(top_red.png) repeat-x;
	color:#fff;
}

#nav :hover ul{left:0;top:18px} /* 24px espace entre la barre de menu et sous-menu */
/* another hack for IE5.5 and IE6 */
#nav a:hover ul{left:-10px}

/* sous-menu hover */
#nav ul a:hover{
	background:#a00;
	color:#fff;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul{left:-15px;margin-left:100%;top:-1px}
/* keep further levels hidden */
#nav li:hover > ul ul{position:absolute;left:-9999px;top:-9999px;width:auto}
/* show path followed */
#nav li:hover > a{text-decoration:none}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%;top:-1px}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute;left:-9999px;top:-9999px}

/* IMAGES */
#nav img{
	border:none;
}
#nav .navright{
	position:relative;
	top:-1px;
	/*right:-50px;*/
}
#nav .navhp {
	position:relative;
	top:1px;
}

/* SEPARATEUR */
#nav hr{
	border:0;
	width:80%;
	background:#f00;
	height:1px;
}

/* DIVERS */
#nav .navdisabled{
	cursor:default;
}
#nav .navtext{
	cursor:default;
	color:#faecbb;
}
#nav .navtext:hover{
	color:#faecbb;
	background:transparent;
}