﻿/* Tous droits réservés © 2009-2010 | http://www.RenePaul.net */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

http://www.cssplay.co.uk/menus/skeleton.html

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{
	/*height:25px;*/
	height:auto;
	width:auto;
	padding:0;
	text-align:left;
}
#nav ul{
	padding:0;
	margin:0;
	list-style:none;
	/*border:solid 1px #000;*/
	position:relative;
	/*background:url(../images/black75.png);*/ /*si IE*/
	/*background:rgba(0,0,0,0.75);*/ /*si pas IE*/
	/*background:#fff;*/
	z-index:2;
}

#nav table{border-collapse:collapse}
#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:25px;padding-right:5px;line-height:25px;text-decoration:none;white-space:nowrap}
/*#nav li li a{height:20px;line-height:20px;float:none}*/
#nav li li a{height:16px;line-height:16px;float:none}

/*#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}
#nav a:hover{position:relative;text-decoration:none}

#nav :hover ul{left:0;top:25px}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul{left:-10px}

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

/* 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}
