body{ behavior: url(css/csshover.htc); }

/*------------------------------------UL---------------------------------------------------------------*/
#menu ul{margin:0px; padding:0px; }/*opt*/

#menu ul ul{ position: absolute; left:0px; top:20px; display:none; width:104px;}  /* Positionnement  du 2nd sous menu vertical =>  top =25 car épaisseur des boutons */
#menu ul ul ul{ position: absolute; left:104px; top:0px; display:none; width:104px;}/* Positionnement  du 3ème sous menu vertical =>  left=130 car largeur des boutons */

#menu ul.nivo1 li.sousmenu:hover ul.nivo2{display:block;}/* Dans le ul 'nivo1' si ontrouve un li nommé 'sous-menu' alors on affiche le ul 'nivo2' */
#menu ul.nivo2 li.sousmenu:hover ul.nivo3{display:block;}

/*-------------------------------------LI-----------------------------------------------------------------------*/ /* position relative = le flux naturel de positionnement des balises selon ton imbrication*/
#menu ul li{list-style:none;position:relative;float:left;}/* le comportement nturel dans le flux de la page est  vertical - le float left casse ce comportement  ==> menu horizontal --- si pas de float => menu vertical */
#menu ul ul li{clear:left;}  /* le 2ème et 3ème niveau s'alignent verticalement - CLEAR annule le float => menu vertical pour 2 et 3 */

/* -------------------------- Personnalisation des Ancres == Liens ------------------------*/
#menu li a
{ /* Définition générale des ancres */
display: block;/* le  lien A est transformé en DIV*/text-decoration: none; width: 81px; height:20px;line-height:20px;/* on est oblige de redefinir les dimesnsions ICI car à la base on a une ANCRE ICI */
/*centre verticalement par rapport à la hauteur de boite */text-align:left;padding-left:14px; /* 10+120=130*/
/* si on ajoute du PADDING il faut le soustraire à la largeur WIDTH*/
}


#menu ul.nivo1 li a {background: url(../graphic/bouton1.gif) no-repeat; color: #000000;}
#menu ul.nivo1 li a:hover{background: url(../graphic/bouton2.gif) no-repeat; color: #FFFFFF; }

#menu ul.nivo2 li a {  background-color: #CCC;	background-image: url(none);border-bottom: 1px solid #FFF;	color: #666;}
#menu ul.nivo2 li a:hover{background: no-repeat  url(../graphic/bouton2.gif);color:FFF;}

#menu ul.nivo1 li:hover {background: url(../graphic/bouton2.gif) no-repeat  ;}

/*#menu ul.nivo2 li.sousmenu a {  background: url(images/bouton-3.jpg) no-repeat;}
#menu ul.nivo2 li.sousmenu a:hover{background: url(images/bouton-4.jpg) no-repeat; }	

#menu ul.nivo3 li a {  background: url(images/bouton-1.jpg) no-repeat;}
#menu ul.nivo3 li a:hover{background: url(images/bouton-2.jpg) no-repeat; }*/