|| Aide pour le tableau de haut de page ||

<div style="line-height: 10px;"><span style="font-size: 34px; font-family: Orator Std; color: rgb(186, 186, 186); text-transform: uppercase;"> </span><br><table width="100%" border="1" cellpadding="1" cellspacing="1">
<tbody><tr>
<td style="text-align: center;"><font size="4">    Règlement           contexte      présentation   posts-vacants       publicité   groupes </font>  <br></td>
</tr>
</tbody></table><br><span style="font-size: 34px; font-family: Orator Std; color: rgb(186, 186, 186); text-transform: uppercase;"><br><br><br><br>Bienvenue             </span><span style="font-size: 34px; font-family: Orator Std; color: rgb(83, 16, 20); margin-left: 100px;"><br>   sur Moon Storm       <font size="3"><br><br></font></span><div style="text-align: right;"><span style="font-size: 34px; font-family: Orator Std; color: rgb(83, 16, 20); margin-left: 100px;"><font size="3">Petit Message de bienvenue blablablablablablablablablabla blablabla<br><br><br><br></font></span><div style="text-align: left;"><span style="font-size: 34px; font-family: Orator Std; color: rgb(83, 16, 20); margin-left: 100px;"></span><br><font style="color: Silver;" size="5"><br><br></font><font size="3"><span style="font-size: 34px; font-family: Orator Std; color: White; margin-left: 100px;"></span></font></div></div></div>

<table cellpadding="2">
<tbody>
<tr>

<td valign="top" width="22%">
<font size="5"><span style="color: Silver;">Partenariat</span></font><br><br style="color: Silver;"><span style="color: Silver;">tout les partenaires</span><br></td>
<td style="text-align: center;" valign="top" width="56%">     <span style="color: Gray;"><font size="5">Le staff</font></span><br><span style="color: Gray;"></span><br><div style="text-align: center;"><span style="color: Gray;"></span><br><span style="color: Gray;"></span></div><span style="color: Gray;">&nbsp;<a href="#" class="infobulle"><img src="http://i20.servimg.com/u/f20/15/80/37/16/avatar13.png">
<span><img src="http://i29.servimg.com/u/f29/14/49/80/08/avatar11.png">.</span></a></span><br><span style="color: Gray;"><a href="#" class="infobulle"><span><div><a href="http://moon-storm.forum-canada.net/profile.forum?mode=viewprofile&u=1" target="_blank">Visiter</a></div></span></a>
</span></td><td valign="top" width="22%">
<font size="5">Nouveautés</font><br></td>
</tr>
</tbody>
</table>

<a href="#" class="infobulle"><img src="http://i20.servimg.com/u/f20/15/80/37/16/avatar13.png">
<span><img src="http://i29.servimg.com/u/f29/14/49/80/08/avatar11.png">.</span></a></span><br><span style="color: Gray;"><a href="#" class="infobulle"><span><div><a href="http://moon-storm.forum-canada.net/profile.forum?mode=viewprofile&u=1" target="_blank">Visiter</a></div></span></a>
</span></td><td valign="top" width="22%">
<font size="5">Nouveautés</font><br></td>
</tr>
</tbody>
</table>

a.infobulle {
  position: relative;
}

a.infobulle span {
  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 */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #ebebeb; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;

  /* bordures de votre infobulle*/
  border: 1px dotted black;
  border-left: 1px dotted black;
}