body { behavior: url(csshover.htc); }
div#pxm01 {text-align: left; background-color: white; color: white; z-index: 0; width: 150px;}

/* fond blanc pour le menu */ 
div#pxm01 a { color: #648cb3}
div#pxm01 ul { background-color: white; color: #3e3e40; padding: 0; width: 150px; margin:0px;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#pxm01 li:hover {background: #dadde3}
div#pxm01 li.pxsm:hover { background-color: #dadde3; border-left-color: #648cb3;}

/* Rajout d'une petite fleche pour les sous menu */ 
div#pxm01 li.pxsm {z-index: 100;}

div#pxm01 ul li { background-color: white; background-image: url(../../pxo_admin/pix/pix_transp70.png); position:relative; list-style: none;}
div#pxm01 ul ul {background-color: white; position: absolute; top: -1px; left: 150px; 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#pxm01 li a { border-left-color: #108dd4; height: 12px; padding-right: 0px; padding-left: 8px; padding-bottom: 4px; padding-top: 6px; text-decoration: none; display:block; border-left: 8px solid; width:134px}
div#pxm01 ul.pxm01-l1 li.pxsm:hover ul.pxm01-l2, 
div#pxm01 ul.pxm01-l2 li.pxsm:hover ul.pxm01-l3,
div#pxm01 ul.pxm01-l3 li.pxsm:hover ul.pxm01-l4 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#pxm01 li a:hover { background-color: #dadde3; border-left-color: #648cb3;}
div#pxm01 ul ul li a:hover { background-color: #dadde3; border-left-color: #648cb3;}
div#pxm01 ul ul ul li a:hover { background-color: #dadde3; border-left-color: #648cb3;}
