a.infobulle {
position: relative;   
color: white;   
text-decoration: none;   
border-bottom: 0px #7d7d7d solid;
}

a.infobulle span {
text-decoration: none;
color:#FFF;
display: none; /* ceci masque l'infobulle */
}

a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
text-decoration: none;
border-bottom:1px dashed;
color:#FFF;
}

a.infobulle:hover span {
font-variant: small-caps;
display: inline;
position: absolute;   
white-space: nowrap;
top: 10px; 
left: 10px;   
background: black;   
color: white;   
padding: 3px;   
border: 2px solid #103947;
-moz-border-radius:10px;
-webkit-border-radius:10px;   
}

<center><br><script type="text/javascript">
    //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //--> </script><table border="0"><tr><td align="left">

<table border="0"><tr>

<td align="left"><div class="systeme_onglets"><div class="onglets">

      <span class="onglet_0 onglet" id="onglet_01" onmouseover="javascript:change_onglet('01');"><img src="http://i32.servimg.com/u/f32/11/12/90/71/acceui10.png" border="0"></span>

</td></tr>

<tr><td align="left">

<span class="onglet_0 onglet" id="onglet_02" onmouseover="javascript:change_onglet('02');"><img src="http://i32.servimg.com/u/f32/11/12/90/71/info10.png" border="0"></span></td></tr>

<tr><td align="left"><span class="onglet_0 onglet" id="onglet_03" onmouseover="javascript:change_onglet('03');"><img src="http://i32.servimg.com/u/f32/11/12/90/71/le_sta10.png" border="0"></span></td></tr>

<tr><td align="left"><span class="onglet_0 onglet" id="onglet_04" onmouseover="javascript:change_onglet('04');"><img src="http://i32.servimg.com/u/f32/11/12/90/71/event10.png" border="0"></span></td></tr>

<tr><td align="left"><span class="onglet_0 onglet" id="onglet_05" onmouseover="javascript:change_onglet('05');"><img src="http://i32.servimg.com/u/f32/11/12/90/71/friend10.png" border="0"></span></td></tr>

</table></td>


<td align="left"><div class="cont"><div class="contenu_onglets"><div class="contenu_onglet" id="contenu_onglet_01"><div style="margin:auto;text-align:center;width:100%">

<table border="0">

<td width="410px">

<center>
<img src="http://i32.servimg.com/u/f32/11/12/90/71/barre12.png"/>

<table border="0">
<tr><img src="http://i32.servimg.com/u/f32/11/12/90/71/contex10.png"/></tr>

<tr><td width="9px"><div style="color: white;"></div></td>
<br><td>
<p style="margin-left: 20px;" align="center">
<span class="navigation"><a href="http://percy-jackson.forumactif.com/histoire-f1/">Histoire</a> </span><br>
<span class="navigation"><a href="http://percy-jackson.forumactif.com/reglement-f2/">Règlement</a></span><br>
<span class="navigation"><a href="http://percy-jackson.forumactif.com/presentations-en-attentes-f7/">Présentation</a></span><br>
<span class="navigation"><a href="http://percy-jackson.forumactif.com/absence-f6/">Absences</a></span> <br>
<span class="navigation"><a href="http://percy-jackson.forumactif.com/pour-les-invites-f126/">Pour les Invités</a></span>
</p><br></td><td width="8px"><div style="color: white;"></div></td><td>

<br><div align="center" style="TEXT-ALIGN: center; BACKGROUND-COLOR: #006699; -moz-border-radius: 6px;width:100px;"><FONT color=white >Who are you ?</FONT></div>
<br>
<FONT color=white size=1px >Bonjour {USERLINK}
<br> Vous avez posté {USERCOUNTPOST} messages. <br>

<br>En espérant que vous passiez un agréable moment en notre compagnie !<br><br></center></td></tr></table>

</td>

<td align="right"><img src="http://i32.servimg.com/u/f32/11/12/90/71/percy11.png"/></td></table>


</div></div></div><div class="contenu_onglet" id="contenu_onglet_02"><div style="margin:auto;text-align:center;width:100%">

<table border="0">

<td align="left"><img src="http://i32.servimg.com/u/f32/11/12/90/71/annabe10.png"/></td>

<td width="410px">
<table border="0" style="font-size:10px;">

<tr>
<center>
<br><img src="http://i32.servimg.com/u/f32/11/12/90/71/les_de10.png"/><br><br></tr><div style="font-size:10px;">
Bonsoir à toutes et à tous, ici Larry King pour Percy Jackson News, aujourd'hui nous allons parler des meurtres qui ont eu lieu en...<strong>TAIS-TOI...</strong>Bon envoyez le sommaire:<br></div>
<tr>
<td>
<strong></strong>L'event dans New-York touche à son paroxysme mais la guerre ne fait que commencer alors restez sur vos gardes<br>
<br>
<strong>Topics sans réponse ? Tu recherches un partenaire ?</strong><br>
Passes ton annonce ici !<br>
<br>
N'oubliez pas de vous faire recenser =D<br><strong>
<a href="http://percy-jackson.forumactif.com/news-annonces-f3/recensement-personne-n-y-echappe-o-17-08-10-t563.htm">Plus d'infos </a></strong>
</td>

<td width="120px">
 <div style="TEXT-ALIGN: center; BACKGROUND-COLOR:#006699 ; -moz-border-radius: 6px;"><FONT color=white >Les prédéfinis libres
 </FONT></div><br>
 
<marquee direction="up" scrollamount="5" style="TEXT-ALIGN: center; height: 130px;" >

 
 
<a href="http://percy-jackson.forumactif.com/personnages-predefinis-f157/william-susan-hobruck-les-enfants-maudits-d-ares-et-d-aphrodite-t632.htm">
    <img src="http://i32.servimg.com/u/f32/11/12/90/71/willia10.png"/>
<br>
  William Hobruck<br><br><br>

<a href="http://percy-jackson.forumactif.com/personnages-predefinis-f157/william-susan-hobruck-les-enfants-maudits-d-ares-et-d-aphrodite-t632.htm">
    <img src="http://i32.servimg.com/u/f32/11/12/90/71/susan10.png"/>
<br>
  Susan Hobruck<br><br><br>

<a href="http://percy-jackson.forumactif.com/personnages-predefinis-f157/daphnee-von-luch-protegee-d-hera-t453.htm">
    <img src="http://i32.servimg.com/u/f32/11/12/90/71/daphna10.png"/>
<br>
  Daphnée-Von Lüch<br><br>

</a>
  </marquee>
<br><br>
[ <span class="navigation"><a href="http://percy-jackson.forumactif.com/personnages-predefinis-f157/">Plus ?</a> </span> ]
</td>
</tr></table>

</td>

</table>

</div>

</div><div class="contenu_onglet" id="contenu_onglet_03">

<table border="0">


<td width="410px">
<img src="http://i32.servimg.com/u/f32/11/12/90/71/l_quip10.png"/><br>
Le staff de Percy Jackson sera ravie de vous aider, de vous guider à travers le forum, nous sommes à votre écoute a n'importe quel moment (Bon pas tous le temps non plus :) S vous avez besoin pensez à la partie Questions & Réponses ou aux MP !<br><br>

<center>
<a href="#" class="infobulle">
<img src="http://i62.servimg.com/u/f62/11/12/90/71/aaron110.png">
<span>
Aaron Leandre<br><br>
<img src="http://i62.servimg.com/u/f62/11/12/90/71/aaron211.png"><br><div><a href="http://percy-jackson.forumactif.com/profile.forum?mode=viewprofile&u=1" target="_blank">Voir son Profil</a></div><div><a href="http://percy-jackson.forumactif.com/msg.forum?mode=post&u=1" target="_blank">Lui envoyer un MP</a></div></span></a>

<a href="#" class="infobulle">
<img src="http://i62.servimg.com/u/f62/11/12/90/71/jack10.png">
<span>
Jack Anderson [Leandre]<br><br>
<img src="http://i62.servimg.com/u/f62/11/12/90/71/jack210.png"><br><div><a href="http://percy-jackson.forumactif.com/profile.forum?mode=viewprofile&u=5" target="_blank">Voir son Profil</a></div><div><a href="http://percy-jackson.forumactif.com/msg.forum?mode=post&u=5" target="_blank">Lui envoyer un MP</a></div></span></a>

<a href="#" class="infobulle">
<img src="http://i32.servimg.com/u/f32/11/12/90/71/sasha10.png">
<span>
Sasha Na'iel<br><br>
<img src="http://i62.servimg.com/u/f62/11/12/90/71/kay210.png"><br><div><a href="http://percy-jackson.forumactif.com/profile.forum?mode=viewprofile&u=17" target="_blank">Voir son Profil</a></div><div><a href="http://percy-jackson.forumactif.com/msg.forum?mode=post&u=17" target="_blank">Lui envoyer un MP</a></div></span></a>

<a href="#" class="infobulle">
<img src="http://i62.servimg.com/u/f62/11/12/90/71/armand12.png">
<span>
Armand O'Súilleabháin<br><br>
<img src="http://i62.servimg.com/u/f62/11/12/90/71/armand13.png"><br><div><a href="http://percy-jackson.forumactif.com/profile.forum?mode=viewprofile&u=4" target="_blank">Voir son Profil</a></div><div><a href="http://percy-jackson.forumactif.com/msg.forum?mode=post&u=4" target="_blank">Lui envoyer un MP</a></div></span></a>

</center>

<br><br>
La liste complète est <a href="http://percy-jackson.forumactif.com/reglement-f2/presentation-du-staff-de-pjrpg-t334.htm">ici </a>!
Merci à tous le staff pour le superbe travaille qu'ils fournissent pour gérer notre magnifique forum ! Longue vie et gloire à Percy Jackson Rpg =D<br>

</td>


<td align="left"><img src="http://i32.servimg.com/u/f32/11/12/90/71/grover10.png"/></td>

</table>

</div><div class="contenu_onglet" id="contenu_onglet_04">

<table border="0">

<td align="left"><img src="http://i32.servimg.com/u/f32/11/12/90/71/zeus10.png"/></td>

<td width="410px"> <img src="http://i32.servimg.com/u/f32/11/12/90/71/event_10.png"/><br>
A partir d'ici vous pouvez voir les event' en cours ou même les prochains qui seront en cours de création (Waahaa les chanceux *O*), mais aussi les personnes qui sotnt partit en Quêtes pour leur partit.<br><br><br><br><br><br><br><br>

<center>A Venir</center>
<br><br>


</center>



</td>

</table>
</div><div class="contenu_onglet" id="contenu_onglet_05"><div style="margin:auto;text-align:left;width:100%">

<img src="http://i32.servimg.com/u/f32/11/12/90/71/nos_pa11.png"/>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<right>[<a href="http://percy-jackson.forumactif.com/partenariat-f164/devenir-partenaire-t640.htm" class="lienbull">Devenir Partenaire ?</a>]</right>
</div></div>

</div></td>



</span>

</tr></table>

    <script type="text/javascript">
        //<!--
                var anc_onglet = '01';
                change_onglet(anc_onglet);
        //-->
        </script></div></td></tr></table></center><br><br>