Bonjour,
J'ai réalisé un menu tout en CSS.
Les cases changent de couleur au survol et lorsque l'on est sur la page correspondante à une case elle change aussi de couleur.
J'aimerais maintenant pouvoir donner une couleur différente pour chaque case de mon menu.

J'ai vu des scripts en Java Script mais je préférai tout faire en CSS. Visiblement ça à l'air possible avec des class (exemple sur http://www.lequipe.fr/) mais je ne gère pas trop ...Ou peut être faut il que je fasse un menu avec des images ?

En bref une petite aide me serait fort utile, merci d'avance

Code css :
#menu {
list-style: none ;
margin: 0 ;
padding: 0 ;
text-align: center ;
}

#menu li {
display: inline ;
background:#CCCCCC ;
color:#FFFFFF ;
margin-right: 1px ;
}

#menu li a {
padding: 4px 20px ;
background:#CCCCCC;
color: #fff ;
font: 1.2em Arial, Helvetica, sans-serif;
line-height: 1.2em ;
text-align: center ;
text-decoration: none ;
}

#menu #selected a {
background: #333333 ;
text-decoration: none ;
}

#menu li a:hover {
background: #333333 ;
text-decoration: none ;
}

CODE HTML :
<div id="conteneur">
<h1 id="bandeau"></h1>
<ul id="menu">
<li id="selected"><a href="index.html">Accueil</a></li>
<li><a href="empreintes.html">Les empreintes numériques</a></li>

<li><a href="technologies.html">Les technologies utlisées</a></li>
<li><a href="offre.html">Notre offre</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>

Configuration: Mac OS X
Firefox 3.0.