#menu2 {
          width: 100px;
			 float: right;
			 padding-right: 20px;
			 padding-top: 5px;
         }

div#menu2 ul {
             padding: 0;
             width: 100px;
             border:1px solid;
             margin:0px;
			 font-family: "Comic Sans MS";
			 text-align: center;
			 color: white;
			 border-style: dotted;
			 background-color: #996699;
            }
div#menu2 ul li:hover
{
	background-color: #9999FF;/*couleur de fond quand on passe la souris sur les éléments du menu*/
}
/*On positionne les elements du menu */
div#menu2 ul li {
                position:relative;
                list-style: none; /*on enleve les icones de liste */
                border-bottom:1px solid; /*ajout d'une bordure de separation d'element:*/
               }

div#menu2 ul ul {
                position: absolute;
                top: 0;
                right: 100px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
					 background-color: #CCCCCC;
               }  

/* On cache tous les sous menu avec la propriété display none */
div#menu2 ul ul {
                position: absolute;
                top: 0;
                right: 100px;
                display:none
               }
					
div#menu2 ul ul a
{
	color: #CC0099;
	text-decoration: none;
}
div#menu2 ul ul a:hover
{
	text-decoration: none;
	background-color: transparent;
}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu2 ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu2 ul.niveau2 li.sousmenu:hover ul.niveau3{
        display:block;
                                                 }