CSS javascript ou les deux??

Bonsoir a tous

j'ai fait un site pour un pote (http://www.assos2locos.net) en respectant au mieux les tutos d'alsa (c'est encore loin d'etre au top au niveau des standards mais l'urgence de le mettre en ligne, vous connaissez;)) et pour le créatif et le tistique ya encore beaucoup de taf:'(

je souhaiterais remplacer cette page http://www.assos2locos.net/discographie.htm par celle-ci
http://www.assos2locos.net/dev/alsa/iscographie.htm

mon "menu" année est en javascript mais je ne voyais pas comment le faire en CSS simplement, si c'était faisable je suis intéressé par un piste;)

la je vais rajouter le changement de couleur sur le passage de la souris comme dans mon menu principal

ce que je souhaiterais c'est qu'apres un clic sur l'une des années, la couleur de l'année concernée reste dans la position kaki mais je ne vois pas comment ca ce code en javascript

merci par avance pour votre aide

+++

PS for modo: je me suis inscrit sous Oeil2Lynx mais avec une mauvaise adresse mail y aurait-il moyen de reprendre ce pseudo??

Je n'ai pas essayé, mais ne te suffit-il pas d'ajouter le code suivant dans ta fonction "affichage()" ?

document.getElementById("pouet").setAttribute("background-color", "#fff");

par exemple :

function affichage(titre,contenu){
    if(isNav){
        document.getElementById(contenu).style.visibility = "visible";
        document.getElementById(contenu).style.display = "";
        document.getElementById("titre").setAttribute("background-color", "#fff");
    }
    else {
        document.all[contenu].style.visibility = "visible";
        document.getElementById(contenu).style.visibility = "visible";
        document.getElementById("titre").setAttribute("background-color", "#fff");
    }
}

ca y est j'ai animé les images "années" avec le tuto trouver la:
http://css.alsacreations.com/Construction-de-menus-en-CSS/Une-image-reactive-rollover-sans-javascript

pour le CSS j'ai mis ca:

	 a.annee05 { position: absolute; border: 0px solid ; left: 0px; width: 45px; height: 19px;     display: block; 
 background-image: url(images/a_2005.gif);
     background-repeat: no-repeat;
     }
a.annee05:hover { background-image: url(images/a_2005-off.gif);
     } 

et pour le html:

 <a class="annee05"  title="cliquez !" alt="année 2005" href="javascript://" onclick="cachage('tablo_2004');cachage('tablo_2003');cachage('tablo_2002');cachage('tablo_2001');cachage('tablo_2000');cachage('tablo_1999');affichage('tablo_2005')"></a>

maintenant je ne vois pas comment faire pour que l'image que l'on voit lors du hover reste afficher apres le clic

an.archi j'ai essayé avec ton code mais c'est dédié au couleur de la police et ca devrait marcher avec une image mais pour manipuler les objet du css je ne sais pas faire.

merci pour les recherche en tous cas:)