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

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

#menu ul ul{ position: absolute; left:0px; top:25px; display:none; width:125px;}  /* Positionnement  du 2nd sous menu vertical =>  top =25 car épaisseur des boutons */
#menu ul ul ul{ position: absolute; left:0px; top:0px; display:none; width:110px;}/* 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: 105px; height:25px;line-height:25px;/* 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:20px; /* 10+120=130*/
/* si on ajoute du PADDING il faut le soustraire � la largeur WIDTH*/
}


#menu ul.nivo1 li a {  background: url(../bt/bouton1.png); border-bottom: 0px solid #FFF; font-family: Optima, Arial, Helvetica; font-size: 14px;color: #000;}
#menu ul.nivo1 li a:hover{background: url(../bt/bouton2.png)  ; font-family: Optima, Arial, Helvetica; font-size: 14px; color: #000; }

#menu ul.nivo2 li a { background: url(../bt/bouton7.jpg) no-repeat ;border-bottom: 1px solid #FFF;	font-family:Optima, Arial, Helvetica; font-size: 14px;color: #FFF;}
#menu ul.nivo2 li a:hover{background: url(../bt/bouton8.png) no-repeat  ; font-family: Optima, Arial, Helvetica; font-size: 14px; color: #000; }

#menu ul.nivo1 li:hover {background: url(../bt/bouton2.png) 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; }*/