<map name="testmap">
<area shape="rect" coords="8,183,172,199" href="http://nomoredrama.forumactif.org/les-regles-du-jeu-f1/quelques-explications-sur-t21.htm">

<area shape="rect" coords="648,197,700,208" href="http://nomoredrama.forumactif.org/nos-partenaires-f73/"><area shape="rect" coords="711,199,748,210" href="http://nomoredrama.forumactif.org/pub-partenariat-f72/demande-de-partenariat-t26.htm">
<area shape="rect" coords="448,227,526,261" href="http://hellofwestbury.forumactif.org/forum.htm">
<area shape="rect" coords="531,227,608,261" href="http://thelastday.forumactif.org/forum.htm">
<area shape="rect" coords="612,227,690,261" href="http://heartoffire.forumactif.org/forum.htm">
<area shape="rect" coords="695,227,772,261" href="http://nomoredrama.forumactif.org/pub-partenariat-f72/demande-de-partenariat-t26.htm">

<area shape="rect" coords="72,238,119,326" href="http://nomoredrama.forumactif.org/pv-s-du-forum-f4/les-prisonniers-reste-5-5-t39.htm#304">
<area shape="rect" coords="125,238,171,326" href="http://nomoredrama.forumactif.org/postes-vacants-f2/les-rebelles-reste-8-10-t35.htm#200">
<area shape="rect" coords="177,238,227,326" href="http://nomoredrama.forumactif.org/postes-vacants-f2/les-utilitaires-reste-9-10-t36.htm#407">
<area shape="rect" coords="228,238,277,326" href="PV">
<area shape="rect" coords="281,238,329,326" href="PV">
<area shape="rect" coords="333,238,380,326" href="PV">

<area shape="rect" coords="72,330,119,420" href="http://nomoredrama.forumactif.org/pv-s-du-forum-f4/les-prisonniers-reste-5-5-t39.htm#269">
<area shape="rect" coords="125,330,171,420" href="http://nomoredrama.forumactif.org/postes-vacants-f2/les-rebelles-reste-8-10-t35.htm#199">
<area shape="rect" coords="177,330,227,420" href="http://nomoredrama.forumactif.org/postes-vacants-f2/les-utilitaires-reste-9-10-t36.htm#390">
<area shape="rect" coords="228,330,277,420" href="PV">
<area shape="rect" coords="281,330,329,420" href="PV">
<area shape="rect" coords="333,330,380,420" href="PV">

<area shape="rect" coords="419,511,462,591" href="http://nomoredrama.forumactif.org/msg.forum?mode=post&u=3">
<area shape="rect" coords="465,515,508,595" href="http://nomoredrama.forumactif.org/msg.forum?mode=post&u=1">
<area shape="rect" coords="513,521,555,601" href="http://nomoredrama.forumactif.org/msg.forum?mode=post&u=4">
<area shape="rect" coords="561,527,602,605" href="http://nomoredrama.forumactif.org/msg.forum?mode=post&u=2">
<area shape="rect" coords="607,533,650,613" href="http://nomoredrama.forumactif.org/msg.forum?mode=post&u=5">

<area shape="rect" coords="673,588,700,617" href="topsite">
<area shape="rect" coords="722,583,748,615" href="topsite">
<area shape="rect" coords="761,597,786,628" href="topsite">
<area shape="rect" coords="734,637,760,700" href="topsite">
<area shape="rect" coords="688,637,712,665" href="topsite">

<area shape="rect" coords="6,664,111,678" href="http://nomoredrama.forumactif.org/les-regles-du-jeu-f1/le-reglement-t3.htm">
<area shape="rect" coords="126,664,256,678" href="http://nomoredrama.forumactif.org/gestion-du-personnage-f17/">
<area shape="rect" coords="278,664,372,678" href="http://nomoredrama.forumactif.org/demandes-en-tout-genre-f21/">
<area shape="rect" coords="396,664,527,678" href="http://nomoredrama.forumactif.org/pub-partenariat-f72/">
<area shape="rect" coords="52,683,148,700" href="http://nomoredrama.forumactif.org/les-regles-du-jeu-f1/le-contexte-du-forum-t2.htm">
<area shape="rect" coords="168,683,339,700" href="http://nomoredrama.forumactif.org/postes-vacants-f2/">
<area shape="rect" coords="351,683,462,700" href="http://nomoredrama.forumactif.org/pub-partenariat-f72/pour-nous-lier-t27.htm">
<area shape="rect" coords="474,683,595,700" href="http://nomoredrama.forumactif.org/coin-du-staff-f6/">

<area shape="rect" coords="662,386,728,444" href="http://www.youtube.com/watch?v=33EIHHVrxlw">

</map>
<img src="http://i69.servimg.com/u/f69/10/09/48/93/nmd-pd14.jpg" usemap="#testmap" alt="commentaire facultatif">

div.infobulle {
  position: relative;
}

div.infobulle span {
  display: none;
}
div.infobulle:hover {
  background: none;
  z-index: 999;

}
div.infobulle:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 2px;
  left: 2px;
  background: #FFFFFF;
  color: black;
  padding: 3px;
  border: 1px dotted black;
}

<div class="infobulle">Au survol de ce texte, l'infobulle apparaîtra.<span>Tada ! Qu'est-ce que je vous avais dit ? =p<br /><br />

Au passage, pour afficher un lien ou une image vous devrez l'entourer de balises 'div'.<br />
Voici un petit exemple:<br />
<div><a href="http://css-actif.forumactif.org">CSSActif</div>
</span></div>

<AREA SHAPE="rect" ALT="" COORDS="647,586,698,685" HREF="http://thelastday.forumactif.org/contexte-rules-f1/le-staff-de-the-last-day-t49.htm">
<AREA SHAPE="rect" ALT="" COORDS="587,585,636,686" HREF="http://thelastday.forumactif.org/contexte-rules-f1/le-staff-de-the-last-day-t49.htm">
<AREA SHAPE="rect" ALT="" COORDS="525,585,575,685" HREF="http://thelastday.forumactif.org/contexte-rules-f1/le-staff-de-the-last-day-t49.htm">
<AREA SHAPE="rect" ALT="" COORDS="465,586,514,685" HREF="http://thelastday.forumactif.org/contexte-rules-f1/le-staff-de-the-last-day-t49.htm">
<AREA SHAPE="rect" ALT="" COORDS="405,585,455,685" HREF="http://thelastday.forumactif.org/contexte-rules-f1/le-staff-de-the-last-day-t49.htm">