problème avec mailto

bonjour,

voilà je veux employer un mailto

voici l'url du site

http://www.solution-chauffage.com/

donc voilà j'ai employé un mailto à gauche du site (adresse email en dessous de l'adresse)

bizarement pas de main sur le lien et impossible de cliquer dessus

voici mon code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/style-index.css" />
<title>Document sans titre</title>
</head>
<body>
<div class="conteneur">
<div class="adresse">
29/10 rue Gauguin <br />
59200 Tourcoing - France<br />
Tél.: 03 20 94 37 81<br />
Gsm : 06 32 79 53 20<br />
<a href="mailto:solu-chauff@wanadoo.fr" style="color:#FFFFFF; text-decoration:none;">solu-chauff@wanadoo.fr</a>
</div><!-- fin adresse -->
<div class="logo"></div>
<!-- fin logo -->
<div class="menu">
<span class="style-lien1"><a href="index.php">Page d'accueil</a></span>
<span class="style-lien2"><a href="societe.php">Notre société</a></span>
<span class="style-lien3"><a href="pac.php">Pompe à chaleur</a></span>
<span class="style-lien4"><a href="credit_impot.php">Crédit d'impôt</a></span>
<span class="style-lien5"><a href="contact.php">Nous contacter</a></span>
</div><!-- fin menu-->
<div class="maison"></div><!-- fin maison -->
<div class="barre-dessus"></div><!-- fin barre-dessus -->
<div class="colonne"></div><!-- colonne -->
<div class="contenu">
<img src="images/fond-index.gif" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="251,20,474,167" href="credit_impot.php" /><area shape="rect" coords="31,31,220,153" href="rappel.php" /><area shape="rect" coords="199,207,341,260" href="pac.php" /></map>
</div><!-- fin contenu -->
<div class="barre-laterale"></div><!-- barre-laterale -->
<div class="barre-bas"></div><!-- fin barre-bas -->
<div class="footer">
<table width="750" border="0" style="font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; position:absolute; margin-top:30px; margin-left:9px;">
  <tr>
    <td>&copy; 2007 <a href="http://www.foliopub.com" style="color:#0000FF;">WWW.FOLIOPUB.COM</a></td>
	<td width="30">&nbsp;</td>
	<td width="30">&nbsp;</td>
	<td width="30">&nbsp;</td>
    <td class="style-liens-bas"><a href="index.php" style="color:#0000FF;">Page d'accueil</a></td>
    <td>|</td>
    <td class="style-liens-bas"><a href="societe.php" style="color:#0000FF;">Notre société</a></td>
    <td>|</td>
    <td class="style-liens-bas"><a href="pac.php" style="color:#0000FF;">Pompe à chaleur</a></td>
    <td>|</td>
    <td class="style-liens-bas"><a href="credit_impot.php" style="color:#0000FF;">Crédit d'impôt</a></td>
    <td>|</td>
    <td class="style-liens-bas"><a href="contact.php" style="color:#0000FF;">Nous contacter</a></td>
  </tr>
</table>
</div><!-- fin footer -->
</div><!-- fin conteneur -->
</body>
</html>

et le code css

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
 
/* CSS Document */
body
{ margin:0; padding:0; background-color:#434F60; } 
 
.conteneur
{ position:absolute; left:50%; width:768px; height:960px; margin-left:-384px; background-image:url(../images/arriere-plan-accueil.gif); }
.adresse
{ position:absolute; width:241px; height:90px; margin-top:155px; margin-left:12px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFFFFF; text-align:center;}
.logo
{ position:absolute; width:262px; height:123px; margin-top:7px; margin-left:4px; background-image:url(../images/logo.gif); }
 
.menu
 
{ position:absolute; width:498px; height:64px; margin-top:60px; margin-left:263px; background-image:url(../images/fond-menu.gif); }
 
.maison
 
{ position:absolute; width:282px; height:362px; margin-top:126px; margin-left:0px; background-image:url(../images/fond-maison.gif); }
 
.barre-dessus
 
{ position:absolute; width:491px; height:6px; margin-top:125px; margin-left:268px; background-image:url(../images/barre-dessus.gif);  background-repeat:no-repeat; }
 
.contenu
 
{ position:absolute; width:483px; height:740px; margin-top:133px; margin-left:276px;  background-color:#FFFFFF; }
 
.style-lien1 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:14px; text-decoration:none;}
 
 
.style-lien1 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline; }
.style-lien2 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:115px; text-decoration:none;}
 
 
.style-lien2 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline;}
.style-lien3 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:205px; text-decoration:none;}
 
 
.style-lien3 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline;}
.style-lien4 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:310px; text-decoration:none;}
 
 
.style-lien4 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline; }
.style-lien5 a
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; position:absolute; margin-top:35px; margin-left:407px; text-decoration:none;}
 
 
.style-lien5 a:hover
{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#0000FF; text-decoration:underline;}
 
 
 
.style-titres
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:underline; color:#0000FF; }
 
.style-textes
{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
 
.barre-bas
{ position:absolute; width:768px; height:5px; margin-top:870px; background-image:url(../images/barre-bas.gif); background-repeat:no-repeat; }
 
.barre-laterale
{ position:absolute; width:7px; height:390px; margin-top:482px; margin-left:268px; background-image:url(../images/barre-laterale.gif); }
 
.footer
{ position:absolute; width:768px; height:80px; margin-top:878px; }
 
.colonne
 
{ position:absolute; width:245px; height:360px; margin-top:498px; margin-left:11px;  }

voilà lorsque j'enlève le div ou se trouve le mailto cela marche alors le problème doit venir du div adresse mais pourquoi je comprends pas j'ai fait cela des centaines de fois et j'ai pas eu de problème

vous pouvez y jeter un oeil

merci