#sm2
{
    display: inline-block !important;
    vertical-align: top !important;
    text-align: justify !important;
}


#sm2
{
    -position: relative;

    width: 160px !important;

    -box-shadow: 0px 2px 5px #1c1a19;
    border-radius: 5px !important;
    -border: 1px solid green;
    border-left: 2px solid green !important;

    -font-weight: bold;
    font-size: 0.9em !important;
    

    background-color : #F5F5F5 !important; 
    -background-image: url("pictures/yg3.jpg"); 
    -background-image : url("pictures/blue.png");
    -background-image : url("pictures/gris_123.png");	
    -border: 1px solid red; 
    box-sizing: border-box !important;
    
}

.niveau2,.niveau3{


    width:160px !important;
    border-left: 2px solid green !important;
    padding-right : 0px !important;
    margin-left :0px !important;
    background-color : #F5F5F5 !important; 
    box-sizing: border-box !important;
    border-radius: 5px !important;
    padding-left: 0px !important;


}

div#menu5 {width: 50px;  }

/* fond blanc pour le menu */ 
div#menu5 a {color:green; } /*font-weight:bold; couleur text*/
div#menu5 a:hover {color:#000123; }
div#menu5 ul {padding: 0;  width: 160px; border:0px solid; margin:0px; background:url(images/bground.gif ); font-family:Cambria; font-weight:bold }

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu5 li:hover {background: #EDD;  background:url(images/bground1.jpg);}

div#menu5 li.sousmenu:hover {background: #EBB;  background:url(images/bground1.jpg);}

/* Rajout d'une petite fleche pour les sous menu */ 

div#menu5 li.sousmenu {background: url(img/fleche2.jpg) 2% 50% no-repeat;}

div#menu5 ul li {position:relative; list-style: none; border-bottom:0px solid; }
div#menu5 ul ul {position: absolute; top: 0px; right: 162px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu5 li a {position:relative;right:10px;text-decoration: none;text-align: right; padding-top:4px; padding-bottom: 4px; padding-right: 10px; display:block; border-left: 0px solid #BBB; width:160px}
div#menu5 ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu5 ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}


/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu5 li a:hover {border-left-color: red;}
div#menu5 ul ul li a:hover {border-left-color: #00FF00;}
div#menu5 ul ul ul li a:hover {border-left-color: #0000FF;}