#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:30px; 
z-index:10;
}

#nav a{
font-family: "Castellar", "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif;
display:block;
padding:0px 0px;
border:0px solid #000;
color:#D39154;
text-decoration:none;
background: #000;
position:relative;
font-size: 30px;
text-align:center;
font-weight:bold;
height: 65px;
z-index:10;
}
#nav .accueilmenu a{
background: #000; 
height:70px;
}
#nav .accueilmenu a:hover{
background: #000;
color: #333;
}


#nav span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:url(../IMG/png/gradient_1.png) repeat-x;
}

* html #nav span {
	background-color:#000;
	background-image: url(none.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../IMG/png/gradient_1.png", sizingMethod="scale");
}

#nav a:hover{
background: #000;
color: #333;
}

#nav li{
float:left;
width:200px;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:200px;
left: 100px !important;
left: 200px;
top: -20px;
overflow: visible;
z-index:300;
}

#nav li ul a{
width:150px;
height:auto;
float:left;
z-index:30;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left: 200px;
margin: 0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
overflow: visible;
}