28172 sujets

CSS et mise en forme, CSS3

Bonjour

Dans le code ci-dessous se trouvent deux liens dont je souhaiterai modifier la couleur et l'apparence

<table class="contentpaneopen_amstyle">
       <tr>
		<td class="contentheading_amstyle" width="100%">
		      <a href="/test/4-titre-4" class="contentpagetitle_amstyle">TITRE 4</a>
		</td>

	        <td align="right" width="100%" class="buttonheading">
	              <a href="/index.php?view=article&amp;catid=2:faq&amp;id=4:titre-4&amp;format=pdf" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/mytemplate/images/pdf_button.png" alt="PDF"  /></a>
                </td>
	
		<td align="right" width="100%" class="buttonheading">
	             <a href="/index.php?view=article&amp;catid=2:faq&amp;id=4:titre-4&amp;tmpl=component&amp;print=1&amp;page=" title="Imprimer" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/mytemplate/images/printButton.png" alt="Imprimer"  /></a>
                </td>
	
		<td align="right" width="100%" class="buttonheading">
	             <a href="/component/mailto/?tmpl=component&amp;link=aHR0cDovL2xvY2FsaG9zdC90ZXN0LzQtdGl0cmUtNA%3D%3D" title="Envoyer" onclick="window.open(this.href,'win2','width=400,height=300,menubar=yes,resizable=yes'); return false;"><img src="/templates/mytemplate/images/emailButton.png" alt="Envoyer"  /></a>
                </td>
	</tr>

</table>

<table class="contentpaneopen_amstyle">
<tr>
    <td>
	<span>
	      <a href="/blog">Club mytemplate</a> -  <!-- Lien dont je souhaite modifier la couleur -->
        </span>
	
        <span>
	      <a href="/test">F.A.Q.</a> <!-- Lien dont je souhaite modifier la couleur -->
        </span>
    </td>
</tr>


Pour ce faire j'ai mis dans le css

.contentpaneopen_amstyle span a:link, .contentpaneopen_amstyle span a:visited, .contentpaneopen_amstyle span a:hover,.contentpaneopen_amstyle span a:active{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#440000;
	padding-left: 10px;
	padding-top: 5px;
	text-align: center;
	font-size: 50%;
}


La taille du lien est bien diminuée, mais la couleur ne change qu'au survol.
A l'état normal le lien reste couleur des autres liens par défaut de ma page.
Pouvez vous me dire ce qui cloche ?
Smiley decu
.contentpaneopen_amstyle span a
[
color:red
}
.contentpaneopen_amstyle span a:hover
[
color:blue
}