<table align="center"  text-align="center" width="100%" summary="welcome">
<tr>
<td colspan="4" align="left" class="staff">STAFF<br><div class="texte1">
<a href="MON.PSEUDO.HTML" id="titre" class="infobulle">Hell
<span><div class="img1"><img src="http://i82.servimg.com/u/f82/11/12/16/65/zetsu10.jpg"></div>
<br><div class="pseudo2" width="25%">fondateur</div><div><a href="envoieunmp.html" class="mp">Envoiez un MP</a></div>
</span></a>
</div></td>
<td rowspan="2" class="description" width="50%">DEscriptION<br><div class="texte2">
exte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
</div>
</td>
</tr>
<tr>
<td rowspan"2" class="navig" width="25%">NAVIGATION<br><div class="titre3">
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
texte texte texte texte texte texte texte texte texte texte texte <br>
</div>
</td>
</tr>

</table>
</html>

a.mainmenu{
    text-decoration: none;
    color : #3b1800;
   }
a.mainmenu:hover{
border-bottom: 2px dashed black;
font-family: verdana;
text-align: center;
    text-decoration: none !important;
    color : #70330a;
background-color: green;
color: yellow;
font-size: "15px";
-moz-border-radius-topleft: 16px;
-moz-border-radius-topright: 16px;
letter-spacing: 2px;
 }

a.infobulle {
  position: relative;
}
.infobulle {
background-color: green;
text-transform: uppercase;
color: green;
text-decoration: none;
letter-spacing: 1px;
padding-left: 30px;
padding-right: 30px;
 }
.infobulle:hover {
background-color: green;
text-transform: uppercase;
color: green;
text-decoration: none;
letter-spacing: 1px;
padding-left: 30px;
padding-right: 30px;
border: dashed;
}
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: 3px; /* on positionne notre infobulle */
  left: 100px;

  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-right: 1px solid black;
border-left: 1px solid black;
}

.pseudo2 {
border-bottom: 2px solid black;
background-color: yellow;
color: green;
text-transform: uppercase;
border-top: 2px solid black;
}

.mp {
text-decoration: none !important;
border-bottom: 2px solid black;
color: red;
background-color: yellow;
letter-spacing: 1px;

}

.mp:hover {
text-decoration: none !important;
text-decoration: italic;
color: red;
}
.titre {
align: center;
background-color: yellow;
color: green;
border-left: 2px solid black;
border-right: 2px solid black.
}

.lol {
border-top: 2px double black;
border-bottom: 2px double black;
}

.staff {
border: 2px solid black;
border: 1px dashed green;
align: left;
}

.description{
border: 2px solid black;
border: 1px dashed green;
padding-left: -200px;

}

.navig {
border: 2px solid black;
border: 1px dashed green;
}

.img1 img{
filter:alpha(opacity=0);
-moz-opacity:0.5;opacity: 0.5;
}
.img1 img:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}