#menu {
    float:left;
    margin:0;
    padding:10px 5px 5px 0;
    height:50px;
    font-size:14px;
    font-weight:bold;
    }

#nav{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1em;      /*Si vous modifier la  hauteur du menu pensez a modifier la position du sous-menu #nav ul{top: */
}

#nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1em;
}

#nav a{
display:block;
margin:0 5px;
padding:8px 10px;
color:#FFF;
text-decoration:none;
background-color:transparent;
z-index:9;
}

#nav a:hover{
background-color:#FFF;  /*styles des liens actifs*/
color:#FF9800;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
margin:0.15em 0.5em;
padding:0.15em 0.75em;
width:19em;            /*Largeur du sous menu; pensez a modifier le #nav li ul a {width: } et #nav li ul ul {left: } */
top:1.8em;              /*Position du sous menu par rapport au menu*/
z-index:15;             /*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
line-height:1em;     /*hauteur des lignes du sous menu*/
background:#FFF;
}

#nav li ul a {
width:19em;                   /*doit etre egale au #nav ul {width: }*/
margin:0.15em 0.5em;
padding:0.15em 0.75em;
height:1em;
float:left;
background-color: transparent; /*Couleur de fond des sous menus*/
color:#40ccf3;                    /*couleur de police des sous menus*/
}

#nav li ul a:hover {
background:transparent;
color:#ff9800
}

#nav ul ul {
top:auto;
line-height:1.85em;     /*hauteur des lignes du sous sous menu*/
z-index:10;             /*Si le menu se cache sous un autre element de la page, augmenter cette valeur*/
}

#nav li ul ul {
left:19em; /*positionne le sous sous menu par rapport au sous menu; doit etre egale au #nav ul {width:   */
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}