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

#caja{
position:absolute;
top:0;
left:0;
}

/*commun aux sous menus*/
#menu {width: 240px;}
#menu a {color:#66696c; font-weight:bold;}
#menu li a {text-decoration: none; padding:8px 0 8px 5px; display:block;}

/*pour que le menu garde la couleur quand on entre dans le sous-menu*/
/*!!!!!IMPORTANT METTRE div# DEVANT SINON FONCTIONNE PAS AVEC IE6!!!!!!*/
div#menu li.sousmenu:hover {
background-color:#e8e8e8;
}


/*Menu 1*/
#menu ul {padding:0; margin:0px;}
#menu ul li {position:relative; list-style: none;}
#menu ul li a {border-bottom:1px dotted #66696c; width:235px; background:url(i/fleche_bleue.gif) 225px 50% no-repeat;}
#menu ul li a:hover {background: url(i/fleche_noire.gif) no-repeat 225px 50% #e8e8e8;}

/*Menu 2*/
#menu ul ul {position: absolute; top: 0px; left: 240px; display:none;}
#menu ul ul li {background-color:#e8e8e8;}
#menu ul ul li a {background:url(i/fleche_bleue.gif) 120px 50% no-repeat; width:140px; border-bottom:1px dotted #66696c;}
#menu ul ul li a:hover {background: url(i/fleche_noire.gif) no-repeat 120px 50% #c8e2f6;}

/*Fix pour faire apparaitre menu*/
#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}


/*Menu 1*/
#menu2 ul {padding:0; margin:0px;}
#menu2 ul li {position:relative; list-style: none;}
#menu2 ul li a {border-bottom:1px dotted #66696c; width:235px; }
#menu2 ul li a:hover {background:#e8e8e8;}