.menu {
z-index	: 100000;}
.menu a:hover{
	text-decoration:none;
}
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type	: none;
padding			: 0;
margin			: 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float			: left;
width			: 128px;
margin			: 0px 16px 0 16px;
position		: relative;
padding			: 0;
}

* html .menu li {
margin			: 0px 13px 0 13px;
}


/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-12px;
top:22px;
}

/* style all the links */
.menu a, .menu :visited {
display			: block;
font-size		: 12px;
padding			: 4px 0px 4px 0px;
color			: #0a2751;
text-decoration	: none;
text-align		: center;
background		: #fff;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:124px;
w\idth:124px;
text-decoration:none;
}

/* style the links hover */
.menu :hover{
color		: #444;
background	: #ffffff;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:128px;
height:0;
left:-16px;
}

.menu ul ul a, .menu ul ul a:visited {
color:white;
background:url(../images/fond_rubrique_menu.png);
font-size:11px;
}

.menu ul li ul li :hover {
color:white;
background:#195286;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility	: visible;
}