Couleur sur un lien d'une liste

Bonjour,

J'ai une liste dans un page html où chaque élément de la liste est un lien, je souhaite attribuer à chaque lien une couleur spécifique: j'ai donc écris ce code:

<div id="listing" style="left: 23%">
<ul>
<div id="arq"><li><a href="zones_lescure.html"/>Lescure</li></div>
<div id="mad"><li><a href="zones_madeleine.html"/>La Madeleine</li></div>
<div id="can"><li><a href="zones_cantepau.html"/>Cantepau</li></div>
<div id="pis"><li><a href="zones_piscine.html"/>La Piscine</li></div>
<div id="sai"><li><a href="zones_saint-martin.html"/>Saint-Martin</li></div>
<div id="cen"><li><a href="zone centre ville Albi commerces.html"/>Centre Ville</li></div>
<div id="mal"><li><a href="zones_maladrerie.html"/>La Maladrerie</li></div>
<div id="rac"><li><a href="zones_rachoune.html"/>La Rachoune</li></div>
<div id="ray"><li><a href="zones_rayssac.html"/>Rayssac</li></div>
<div id="roc"><li><a href="zones_rocade.html"/>Rocade</li></div>
<div id="seq"><li><a href="zones_séquestre.html"/>Le Séquestre</li></div>
<div id="puy"><li><a href="zones_puygouson.html"/>Puygouson</li></div>

</ul>

et ce code dans ma page css:

#arq {
color: #02cb51;
}

#seq {
color: #3148d7;
}

#ray {
color: #be6926;
}

#mal {
color: #13d701;
}

#cen {
color: #f22e28;
}

#rac {
color: #68f73d;
}

#sai {
color: #e3e122;
}

#pis {
color: #12d7e0;
}

#can {
color: #f7890a;
}

#mad {
color: #e112b7;
}

#roc {
color :#460734;
}

#puy {
color :#c8c943;
}

Malheureusement seul la puce de chaque élément de la liste s'affiche dans la couleur demandé, pas le texte du lien... quelqu'un pourrait il m'aider dans la rédaction html et css pour colorisé le lien en entier.

Merci