Rollover texte lien 2 couleurs

Bonsoir
Je cherche à faire un rollover sur un lien texte composé de 2 couleurs qui se transforme en une couleur . Pour l'instant ,lorsque je survole le mot "france " le mot "velo" ne change pas.
J'ai mis une page d'exemple à cette adresse, si je pouvais éviter de passer par la permutation d'image pour rester en css ce serait bien
http://damienbeneteau.free.fr/rollover.html

Merci pour votre aide
damien

ton lien n'est pas continu

<span class="textevert"><a href="#">France</a></span> <a href="#"><span class="texterouge">- Velo</span></a><span class="texterouge"></span>

essaies:

<a href="#"><span class="textevert">France</span> <span class="texterouge">- Velo</span></a>

il faudra surement aussi changer

a:hover{} 

en

a:hover .textevert, a:hover .textrouge{}

merci beaucoup pour ton aide
je vais regarder ça de près
A bientot
Damien