/* top navigation styles */

.menu {
    /* solve a Opera7/IE display bug */
    margin:0;
    padding:0;
    display:block;
    width:590px; /* important for Opera7 */

}
        
.menu ul {
    margin:0;
    padding:0;
    padding-top: 10px;
    position:absolute; /* important */
display:block;


}
    
.menu li ul {
    visibility:hidden;
}

.menu li ul {
}

.menu li a {
    color: #039;
    display:block;
    text-decoration:none;
    margin:0;
    font-family: Verdana,Arial;
    font-size: 9px;
text-align: center;
font-weight:bold;
line-height: 18px;
}

.menu li a img {
	border: 0;
}

.menu li li a {
    text-align:left;
    color: #039;
    display:block;
    width: 135px;
    text-decoration:none;
    margin:0;
    padding:3px 5px 3px 10px; /* em units can creat little graphic bug in mozilla */
/* last number above is left padding; need to adjust width accordingly here only so that 10px+140px=150px*/
    font-family: Verdana,Arial;
    font-size: 9px;
font-weight: normal;
line-height: 12px;
}

.menu a.sa {
}

.menu a.sabot {
border-top:#FFFFFF 9px solid;
border-bottom:#FFFFFF 3px solid;
background-image:url(i/dropback.gif);
}

.menu a.sub {
font-family: Verdana,Arial;
font-size: 9px;
border:#000099 1px solid;
margin-bottom:2px;
background-image:url(i/dropback.gif);
}

.menu a:hover.sub {
font-family: Verdana,Arial;
font-size: 9px;
border:#000099 1px solid;
margin-bottom:2px;
background-image:url(i/dropback02.gif);
}

.menu a.sub_bot {
background-image:url(i/dropback.gif);
border:#000099 1px solid;
}

.menu a:hover.sub_bot {
font-family: Verdana,Arial;
font-size: 9px;
border:#000099 1px solid;
background-image:url(i/dropback02.gif);
}

.menu a:visited {
color: #039;
font-weight: normal;
text-decoration:none;
}
.menu a:hover {
color: #039;
font-weight: normal;
text-decoration:none;
}

.menu li li ul {
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:148px;
    margin-top:-23px; /* move the sub menu verticaly */
}

.menu li {
    list-style:none;
    margin:0px;
    padding:0;
    height:34px;
    height/**/:34px;
    display:inline;
    display/**/:block;
/* for mac ie5 */
width: 40px;
float: left;
/* for others, mac ie5 cant see it \*/
width: auto;
_width: 40px;
float: none;
float/**/:left;
/* end mac ie5 hack */
}



.menu li li {
border-top: 0px #000000 solid;
border-bottom: 0px #CCC solid;
border-right: 0px #FFF solid;
display:block;
float:none;
width:150px;
height:auto;
}

/* IE PC selector */
* html .menu li li {
    display:inline; /* solve a IE PC list bug */
}
* html .menu li li a {
}

/* end top navigation styles */