/* Horizontal Navigation with dropdowns */

/*

If changing the height of the nav, make sure you update "#menu ul li ul"
so that the "top" option is the same as the new height

*/


#menu{
width:990px;
padding:0px 0px 20px 0px;
float:right;
}

#menu ul {
list-style-type:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
float: right;
}

#menu li {
padding: 0px 4px 0px 4px;
display:block;
float:left;
background-image:url(../img/menu_souligne.jpg);
background-repeat: repeat-x;
background-position: center 21px;
height:38px;
}

#menu li.dernier{
padding: 0;
}

#menu li a, #menu li a:visited {
color:#FFFFFF;
display:block;
float:left;
font-family: Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
line-height:28px;
padding:0px 13px;
text-transform:uppercase;
text-decoration:none;
}
#menu li.premier.encours, #menu li.premier.encours a:hover{
background-image:url(../img/menu_selection_premier.jpg);
background-repeat: no-repeat;
background-position: center 20px;
height:38px;
}


#menu li.dernier.encours, #menu li.dernier.encours a:hover{
background-image:url(../img/menu_selection_dernier.jpg);
background-repeat: no-repeat;
background-position: center 20px;
height:38px;
}

#menu li.premier a{
padding:0px 13px 0px 5px;
}

#menu li.dernier a{
padding:0px 13px 0px 13px;
}

#menu li a:hover {
background-image:url(../img/menu_hover.jpg);
background-repeat: no-repeat;
background-position: center 20px;
height:38px;
padding:0px 13px;
}

#menu li.encours a:hover{
background-image:url(../img/menu_selection.jpg);
background-repeat: no-repeat;
background-position: center 20px;
border-bottom: none;
height:38px;
padding:0px 13px;
}

#menu li.premier a:hover {
padding:0px 13px 0px 5px;
}

#menu li.dernier a:hover {
padding:0px 13px 0px 13px;
}

#menu a img {
margin-bottom:-4px;
padding-right:10px;
}

#menu li.encours a{
line-height:28px;
}

#menu li.encours{
background-image:url(../img/menu_selection.jpg);
background-repeat: no-repeat;
background-position: center 20px;
border-bottom: none;
height:38px;
}