/*-------------------------------------------------------------------------------------------------*/
/*
______________________
MENU
______________________
Feuille de style du menu

*/
/*-------------------------------------------------------------------------------------------------*/

/*---------------------------GLOBAL---------------------------*/

/* menu */
#menu{
list-style:none;
height:40px;
padding:0px 10px;
margin:0px;
background:#eeeeee url('portail/menu_n1_bg.gif') repeat-x top left;
white-space:nowrap;
}

#menu li{
margin:0;
display:inline;
float:left;
}

#menu li a{
display:block;
padding:0px 20px;
line-height:40px;
font-weight:bold;
font-size:18px;
color:#ffffff;
text-decoration:none;
}

#menu li a:hover{
background:#eeeeee;
color:#80b4df;
text-decoration:none;
}

#menu li a.sub{
background:url('portail/menu_deroulant_fleche.gif') no-repeat 95%  17px;
}

#menu li a.sub:hover{
background:#eeeeee;
color:#80b4df;
}

/* niveau 0 toujours visible */

/* sous-menus */

#menu ul{
list-style:none;
background:#80b4df;
position:absolute;
display:none;
padding:0px;
margin:0px 0px 0px -1px;
width:200px;
}

#menu ul li{
float:none;
}

#menu ul li a{
display:block;
padding:5px 20px;
line-height:20px;
text-decoration:none;
color:#ffffff;
font-size:12px;
border-bottom:solid 1px #cfcfcf;
border-right:solid 1px #cfcfcf;
border-left:solid 1px #cfcfcf;
}

#menu ul li a.sub{
background:url('portail/menu_deroulant_fleche.gif') no-repeat 95%  12px;
}

#menu ul li a.sub:hover{
background:#eeeeee;
color:#80b4df;
}

/* sous sous-menus */

#menu ul li ul{
list-style:none;
background:#80b4df;
left:100%;
margin:-32px 0px 0px -1px;
padding:0px;
border-top:solid 1px #cfcfcf;
}

#menu ul li ul li{
float:none;
}

#menu ul li ul li a{
display:block;
padding:5px 20px;
line-height:20px;
text-decoration:none;
color:#ffffff;
font-size:12px;
border-bottom:solid 1px #cfcfcf;
border-right:solid 1px #cfcfcf;
border-left:solid 1px #cfcfcf;
}

/* liens */

#menu a:hover,#menu a:active,#menu a:focus{
color:#5c8ec1;
background-color:#eaf1f7;
}

/* partie dynamique */

#menu .montre{
display:block;
}

/* flèches */
 
/* tracé de la souris */

#menu a.trace{
}