Mootools, probleme couleur sur lien degrade [Résolu]

[difexto]

Bonjour à tous,
ayant entamme recemment la construction d'un site web perso j'ai voulu ajouter quelques effets graphiques via mootools.
J'arrive a appliquer un degrade sur mes liens mais impossible d'en changer la couleur, le degrade sera toujours du noir vers le gris meme si je change la valeur de la propriete color dans le code js, quelqu'un aurait une idée ? Je precise que cela se produit aussi bien sur mozilla qu'explorer.

Voici mon code Js :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
window.addEvent('domready', function() {
	var list = $$('a');
	list.each(function(element) {
        var fx = new Fx.Styles(element, {duration:500, wait:false});
        element.addEvent('mouseenter', function(){
                fx.start({
                        'color': '#333333'
                });
        });

        element.addEvent('mouseleave', function(){
                fx.start({
                        'color': '#666666'
				});
        });
					   });
});

Les inclusions au niveau de mon fichier d'affichage :

Code :

1
2
3
4
5
6
7
8

//La librairie mootools au complet (contient toute les fonctions et plugins possible)
<script type="text/javascript"
	src="<?php echo _resource ("js/mootools/mootools.js"); ?>"></script>
//Le fichier contenant le code js ci-dessus
<script type="text/javascript"
	src="<?php echo _resource ("themes/modern/js/site.js"); ?>"></script>

Et voila l'adresse ou vous pouvez voir l'effet sur le lien jaune en haut de la page : http://hktraz42.free.fr

Merci d'avance pour votre aide, j'y ai deja passer plus de 5h dessus j'en peut plus!