Problem with override.css - custom hyperlink

Hello,

I am trying to custom hyperlink by crating a css class. It is for a custom field of VM.
But When i go in front end, it is not working.
For example, I have changed size of H2 and it is working.


I do :
- "on" for css override in "advanced settings" of my templat style (GK Storebox).
- Put the following code in "override.css) :
.lienorange,
a.lienorange:link {
color: #ff7e57;
text-decoration: underline
}
a.lienorange:active {
color: #ff7e57;
text-decoration: underline
}
a.lienorange:visited {
color: #ff7e57;
text-decoration: underline
}
a.lienorange:hover {
color: #000;
text-decoration: underline
}

- declare the class on a custom VM field :

<div class="gkblock-1">
[b]<p><strong>my text<a href="mailto:[email protected]" class="lienorage" target="_blank">E-MAIL</a>&nbsp;:<br /></strong>[/b]
</p>

Could You please post an url to your site where this code exist?

Hello, i post it in a PV.
Did you got it ?

Could You please post an url to your site where this code exist?

That is a typo
In html class name is lienorage in css you use lienorange.

My fault !
Thank you very much for your quick answer.