body {behavior: url(csshover.htc);}
div#menux {width: 168px; line-height: 42px; font-size:16px; text-align:center;}


/* fond blanc pour le menux */ 
div#menux a {color:#FFF; height: 42px;}
div#menux ul {padding: 0; padding-right:20px; width: 203px; height: 42px; margin:0px; background:url(../medias/images-interface/big-btn-bleu.png) no-repeat 0 0; }

/* fond different au survol de la souris pour les sous menux et les "basiques"*/ 
div#menux li:hover { background:url(../medias/images-interface/big-btn-bleu.png) no-repeat 0 0; }
div#menux li.sousmenux:hover { background:url(../medias/images-interface/big-btn-bleu.png) no-repeat 0 -42px; margin:0; padding: 0;line-height: 42px; }

/* Rajout d'une petite fleche pour les sous menux */ 
div#menux li.sousmenux { background:url(../medias/images-interface/big-btn-bleu.png) no-repeat 0 0; margin:0;  padding: 0;line-height: 42px;}

div#menux ul li {position:relative; list-style: none; height: 42px; background:url(../medias/images-interface/big-btn-bleu.png) no-repeat 0 0;}
div#menux ul li:hover {position:relative; list-style: none; height: 42px;  background:url(../medias/images-interface/big-btn-bleu.png) no-repeat 0 -42px; marrgin:0px;}
div#menux ul ul { position: absolute; top: -1px; left: 203px; display:none; height: 42px;}

/* 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#menux li a {text-decoration: none; padding: 2px 0 2px 2px; display:block; width:164px}
div#menux ul.niveau1 li.sousmenux:hover ul.niveau2, 
div#menux ul.niveau2 li.sousmenux:hover ul.niveau3 {display:block;}