ul#menu li ul {display: none;}          /* On cache les sous éléments */
ul#menu li:hover > ul {display: block;} /* On affiche les éléments survolés par la souris */
ul#menu * {z-index: 60000;}             /* Permet au menu de passer au dessus des autres éléments de la page */

ul#menu li{
    position: relative;                 /*Permet de positionner le sous menu par rapport à son element parent */
    border-left: solid 1px #dcdcdc;     /* Ici on met les lignes à droite et gauche des elements du menu */
    border-right: solid 1px #000000;
	background-color: #EEF4F9
    }
 
ul#menu
{
    width: 38px; /* Définit la taille du menu*/
	
}
     
ul#menu, ul#menu ul{                    /* On selectionne le menu et les sous menus */
    list-style: none;                   /* Supprime les puces */
    border-top: solid 1px #dcdcdc;      /* On met des lignes en haut et bas des blocs "ul" */
    border-bottom: solid 1px #000000;   /* On mettra ensuite des lignes à gauche à droie sur les elements "li" */
    background-color: #EEF4F9;
    }
    
ul#menu ul{
    margin: 0px;                /* Enleve les marges de gauche, pour que le sous menu colle son parent */
    position: absolute;         /* Permet de positionner le sous menu par rapport à son element parent */
    top: -1px;                  /* On remonte le sous menu de 1px, la hauteur de la bordure */
    left: 40px;                /* Le menu se place à 199px du bord droit, juste au dessus de la bordure du menu */
    width: 88px;               /* On définit la taille des sous menus à 300px */
    }
    
ul#menu ul ul {left: 200px;}    /* Position des sous sous menus */

ul#menu li a{           
    display: block;             /* On ne peut pas mettre de largeur a un element inline */   
    width: 100px;               /* 200px du menu - 2*1px de bordure - 10px de padding */
    padding-left: 1px;}        /* On ecarte le texte de 10px des bordures du menu */
 
* html ul#menu li a {display: inline-block;}    /* Hack pour IE pour ne pas rajouter une ligne aprés la fin de l'element */

ul#menu li li a{width: 84px;}  /* les sous elements font 150px - 2*1px de bordure - 10px de padding */

ul#menu li a:hover{background-color: #CADEF2;}  /* On change la couleur des elements survolés */