/* =====================================================================
 * --------------      styles for horizontal menu      -----------------
 * ===================================================================== */
/* Horizontal menu : for menu-main */

#menu-main {

}


div#menu-main {
background-color:#000000;
height:35px;
margin-top:118px;
position:absolute;
width:970px;
z-index:1;
}
#menu-main ul {
	margin-left: 345px;
	padding: 0;
	list-style: none;
	font-size:108%;
}

#menu-main ul li {
	display:inline;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}

#menu-main ul li.first1 a {
	color: #fff;
	background:transparent url(../images/local/skin/villemdm/tab_off_ns2orange.png) no-repeat scroll right top;
	display:block;
	float:left;
	font-weight:bold;
	text-align: center;
	height:17px;
	width: 105px;
	padding:15px 0px 3px 0px;
	text-decoration:none;
	text-transform: uppercase;
}
#menu-main ul li.first2 a {
	color: #fff;
	background:transparent url(../images/local/skin/villemdm/tab_off_ns2rose.png) no-repeat scroll right top;
	display:block;
	float:left;
	font-weight:bold;
	text-align: center;
	height:17px;
	width: 89px;
	padding:15px 10px 3px 0px;
	text-decoration:none;
	text-transform: uppercase;
}
#menu-main ul li.first3 a {
	color: #fff;
	background:transparent url(../images/local/skin/villemdm/tab_off_ns2bleu.png) no-repeat scroll right top;
	display:block;
	float:left;
	font-weight:bold;
	text-align: center;
	height:17px;
	width: 126px;
	padding: 15px 0 3px 2px;
	text-decoration:none;
	text-transform: uppercase;
}
#menu-main ul li.first4 a {
	color: #fff;
	background:transparent url(../images/local/skin/villemdm/tab_off_ns2jaune.png) no-repeat scroll right top;
	display:block;
	float:left;
	font-weight:bold;
	text-align: center;
	height:17px;
	width: 96px;
	padding:15px 10px 3px 8px;
	text-decoration:none;
	text-transform: uppercase;
}
#menu-main ul li.first5 a {
	color: #fff;
	background:transparent url(../images/local/skin/villemdm/tab_off_ns2mauve.png) no-repeat scroll right top;
	display:block;
	float:left;
	font-weight:bold;
	text-align: center;
	height:17px;
	width: 90px;
	padding:15px 10px 3px 10px;
	text-decoration:none;
	text-transform: uppercase;
}
#menu-main ul li.last a {
	color: #fff;
	background:transparent url(../images/local/skin/villemdm/tab_off_ns2vert.png) no-repeat scroll right top;
	display:block;
	float:left;
	font-weight:bold;
	text-align: center;
	height:17px;
	width: 120px;
	padding:15px 6px 3px 3px;
	text-decoration:none;
	text-transform: uppercase;
}

#menu-main ul li:hover, #menu-main ul li:hover a {
	background-position: 0% -100px;
}

#menu-main ul li:hover a {
	background-position:100% -100px;
}

#menu-main ul li.active {
	background:transparent url(../images/local/skin/villemdm/tab_on_ns1.png) no-repeat scroll left top;
}

#menu-main ul li.active a {
	background:transparent url(../images/local/skin/villemdm/tab_on_ns2.png) no-repeat scroll right top;
	height:20px;
	padding-bottom:5px;
}

/* Menu deroulant */

ul#menu li ulORIGI{
    display:none;
}
ul#menu li ul{
    display:none;
    font-size: 0.8em;
}

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


ul#menu li a:hover{
    /*border-color: #000099;*/ /*needed for hover background of submenu to work */
    text-color:#dedb00;
}

ul#menu ul{
    position:absolute;
    background:#000;
    background-image:none;
    border: 1px solid #000;
    list-style:none;
    margin:  35px 0 0 0px;
    padding:0px;
    width:160px;
    z-index:1;
}

/*
ul#menu ul ul{
    top:0px;
    left:155px;
    z-index:2;
}*/

ul#menu ul li{
    position:relative;
    float:none;
    background-image:none;
    margin:0px;
    padding:0px;
    border-top: 1px solid #260650;
    _display:inline;
}

ul#menu ul li a{
	display:block;
   background-image:none;
   margin:0px;
	padding:0px;
	width:160px;
   border:none;
}
ul#menu ul li a span{
 	display:block;
   width:144px;
   _width:156px;
   font-size:118%;
   padding:0px 6px;
   margin:0px 0px;
   border:none;
	text-align: left;
   cursor: pointer;
	cursor:hand;
	text-transform:none;
}
ul#menu ul li a.next span{}
ul#menu ul li a.next:hover span{
    background-position: -160px 50%;
}

ul#menu ul li a:hover span{
    /*background-color:#000099;*/
	color: #dedb00;
    border:none;
}

ul#menu ul li.first{
    padding-left:0px;
    border-top: none;
}

ul#menu ul li.first a{
    padding-top:2px;
}

ul#menu ul li.last{
    padding-right:0px;
}

ul#menu ul li.last a{
    padding-bottom:2px;
}