/* CSS Document */

/************************************************************/
/*					NAVIGATION HORIZONTALE					*/
/************************************************************/
ul#nav {
	position:absolute;
	top:58px;
	*top: 60px;
	left:60px;
	padding: 0;
	margin: 0;
	z-index:4;
}
ul#nav li {
	position:relative;
	display:block;
	float: left;
	list-style: none;
	margin:0;
}
ul#nav span {
	position:relative;
	display:block;
	cursor:  pointer;
}
ul#nav a img {
	border: none;
}

ul#nav ul {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 150px;
	display:none;
	
	font-size:1.1em;
	text-align:left;
	
	background: white;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	
	filter: alpha(opacity = 85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

ul#nav ul li {
	padding:0;
	margin:0;
	font-size:1.1em;
	border-bottom: 1px solid #666;
}
ul#nav li ul li a {
	display: block;
	padding:2px 5px;
	text-align:center;
	font-size:1em;
	height: auto;
	width: 140px;
	color: #333;
	text-decoration:none;
	cursor:pointer;
}
ul#nav li ul li a:hover {
	background-color: #8c8b89;
	color: white;
}

/* premier niveau */
ul#nav li ul ul {
	margin: -1em 0 0 10em;
}

ul#nav li:hover ul, ul#nav li.sfhover ul {
	/*left: auto;*/
	display:block;
}

/* deuxieme niveau */
ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	/*left: -999em;*/
	/*display:none;*/
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {
	/*left: auto;*/
	display:block;
}

/* troisieme niveau */
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul {
	/*left: -999em;*/
	display:none;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul {
	/*left: auto;*/
	display:block;
}

/* quatrieme niveau */
ul#nav li:hover ul ul, ul#nav li:hover ul ul ul, ul#nav li:hover ul ul ul ul, ul#nav li.sfhover ul ul, ul#nav li.sfhover ul ul ul, ul#nav li.sfhover ul ul ul ul {
	/*left: -999em;*/
	display:none;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul, ul#nav li li li li.sfhover ul {
	/*left: auto;*/
	display:block;
}