/* CSS Document */

#menu {
width: 130px;
float: left;
padding: 0 0 0 10px;  /* decalage du munu de 10px sur la gauche */

}



#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu ul li {


margin-bottom: 1px;
width: 120px;      /* largeur effective du texte */
float: left;
padding: 5px 10px 5px 10px;  /* entoure le texte */


/*background-color:#3883BB; */  /* bleu foncé */
/* background-color:#DC143C;  */     /* crimson */
/*background-color:#CC0066; */     /* grenat */

/*background-color:#CC3333;  */     /* brun leost */
background-color:#CC3333;
}

#menu ul li a {
color: #FFFFFF;       /* couleur du texte 1er niveau */
/*background-color:#3883BB; */  /* bleu foncé; ajouté */
/*background-color:#CC0066; */  /* couleur de fond du texte */
background-color:#CC3333;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
/*font-weight: bold;*/
text-decoration: none;      /* ote le souligne du lien */
display: block;             /* active la partie droite du texte pour le survol */
}

#menu ul li a:hover {
color: #000000;
/* background: #f00; */
/*background-color:#3883BB; */ /* permet de voir l effet de display block sur ul li a */
}

ul li#laselection {   /* pour elements sans lien */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
/*    font-weight:bold;*/
}

ul li#laselectionpubli {   /* pour elements sans lien des publications */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
/*    font-weight:bold;*/
    background-color:#FF6633;
}

ul li a#laselectionpubli {   /* complement pour elements avec lien des publications */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
/*    font-weight:bold;*/
    background-color:#FF6633; /* si seul present alors petits caracteres */
}


ul li#menuretour {
    background-color:#FF6600;  /* couleur pour le menuretour */
}

ul li a#menuretour {
    background-color:#FF6600;  /* couleur pour le menuretour */
}


/* Début pour les sous-menu */

#menu ul li ul{
width: 12em;       /* 12em largeur du sous-menu */
background: #aaa;
text-align: left;
}

#menu ul li ul li {
margin: 0;           /* espacement des items du menu secondaire */
padding: 0;
width: 13em;
}

#menu ul ul a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 1px;
}


#menu ul li ul li a {
 color: #000000; /* texte noir */
/* color: #FFFFFF;   */   /* texte blanc */
background: #efefef;

/* background-color:#CC0066; */   /* grenat */
/*background-color:#CC6666;   */ /*#CC6666; brun*/       /* #CC3366; grenat plus clair */
/*background-color:#3883BB;  */        /* bleu */
text-decoration: none;
}



#menu ul ul a:hover {
color: #a00;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
top: 0;
left: 140px; /** NE **/
width: 100%;
}

div#menu ul ul
{display: none;}

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