/*
STYLES POUR LE MENU
*/
#menu {
	background-image:url('http://www.naturwatt.fr/images/design/2011/menu.jpg');
	background-repeat:no-repeat;
	width:899px;
	height:38px;
}

#menu ul {
	margin:0;
	padding:0;
	margin-left:240px;
	list-style:none;
	text-align:center;
}
#menu ul li {
	float:left;
	width:219px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	height:27px;
	text-transform:uppercase;
}

#menu li a {
	color:#FFFFFF;
	text-decoration:none;
}
#menu ul li#menu0 {}
#menu ul li#menu1 {}
#menu ul li#menu2 {}
#menu ul li#menu3 { display:none;}
#menu ul li#menu4 { display:none;}

#menu ul li ul {
/*display:none;*/
}

#menu li.current {
text-decoration: none;
display: block;
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
background-image:url(../images/sce/menu-hover.jpg);
background-repeat:no-repeat;*/
}


/*
-------------------
TEST POUR SOUS MENU
-------------------
*/

#menu li ul{
	display:none;
	list-style-type:none;
	padding:0;
	width: 182px;
	position:relative;
	background-color:#dbdbdb;
		/*margin-top:-4px;*/
}

#menu li:hover>ul{
	position: absolute;
	top: 100% !important;
	display:block;
	z-index:220;
}
/*** ajout sous sous menu *****/
#menu ul ul,
#menu ul li:hover ul ul
{ display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul
{display: block;}

#menu li ul li ul{
	top: 0;
	left:100%;
	
}

#menu li ul li:hover>ul{
	position: absolute;
	top: 30px !important;
	display:block;
	z-index:220;
}
/*******/
/*
Affichage sous menu sous IE6
*/

#menu li ul li {
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	left:0px;
	z-index: 500;
	position:relative;
	/*border-bottom:1px solid #2f2f80;*/
	border-bottom:1px solid #ffffff;
	height:20px;
}

#menu li ul li {
	width:182px;
	/*min-height:20px;*/
	
height:auto;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:none;
	background-color:#2f2f80;
	text-align: left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:230;
}

#menu li ul li.firstItem {
border-top:1px solid #ffffff;
}

#menu li ul li.current {
	width:182px;
	/*min-height:20px;*/
height:auto;
	float:left;
	clear:both;
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:none;
	background-color:#2f2f80;
	text-align: left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index:230;
}
#menu li ul li:hover{
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:none;
	background-color:#2f2f80;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
height:auto;
	color:#ffffff;
}



#menu li ul li :hover>ul{
	display:block;
	position:relative;
}
#menu li ul li :hover ul {
	display:block;
}
#menu li ul li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:0px;
	height:20px;
	color: #ffffff;
	background-image:none;
	font-weight:bold;
	text-decoration: none;
	display: block;
	height:100%;
}
#menu li ul li a.current {
	font-family:Arial, Helvetica, sans-serif;
	background-image:none;
	font-size:12px;
	padding-top:0px;
	height:20px;
	color: #ffffff;
	background-image:none;
	font-weight:bold;
	text-decoration: none;
	display: block;
	height:100%;
}

#menu li ul li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:0px;
	color: #ffffff;
	background-image:none;
	font-weight:bold;
	text-decoration: underline;
	display: block;
	height:20px;
	height:100%;
}