Problem taking into account part of my CSS

Hello,

I like this gallery with more than three weeks I have asked for help because I blocked. I installed the modules Simplenews and Mimemail for sending a newsletter. So I created a css which is called mail.css that I added to my theme fichier.info as follows:

stylesheets [all] [] = mail.css

as well as in my template.php file as follows:

drupal_add_css (drupal_get_path ( 'theme', 'zen'). '/ mail.css',' theme ',' all ');

I then inserted into the template Mimemail, mimemail.tpl.php line so that the css is taken into account:

<link rel="stylesheet" type="text/css" href="/montheme/mail.css"/>

Can I make a test of sending my newsletter and I realize that if I visualize online all goes well against by when I open my mail client id and certain classes of CSS are not taken into account .

For example I have no link on the button:

My tpl.php:
<div id="bouton" class="view-Newsletter"> <? php print $ fields [ 'view_node'] -> content;> </ div>

My CSS:

# bouton a (
         display: block;
          background-image: url ( 'http://monsite/NzzzzL2_25.jpg');
         background-position: top left;
         background-repeat: no-repeat;
         width: 103px;
         height: 24px;
         float: right;
         text-indent:-99999px;
)

. (view-Newsletter
        display: block;
          background-image: url ( 'http://monsite/NzzzzL2_25.jpg');
         background-position: top left;
         background-repeat: no-repeat;
         width: 103px;
         height: 24px;
         float: right;
         text-indent:-99999px;
)

In the properties of the message I have:

<div class = "view view-on-a-link-Newsletter
view-id A_la_Une_lien_Newsletter-view-id display-default-view-dom-id-4 "style =" display: block; background-image: url ( 'http://monsite/NzzzzL2_25.jpg'); background-position: topleft; background-repeat: no-repeat; width: 103px; height: 24px; text-indent:-99999px; ">

<div class="view-content">

<div id = "button" class = "view-Newsletter" style = "display: block; background-image: url ( 'http://monsite/NzzzzL2_25.jpg'); background-position: topleft; background-repeat: no-repeat; width: 103px; height: 24px; text-indent:-99999px; "> <a href="http://monsite/mapage"> Read
doc </ a> </ div> </ div>

An idea?

Thank you