<table width="113%" height="576" align="center" class="tableaupa"><tbody>
<tr>
<td width="28%" height="572" style="vertical-align:top;">
<center><div class="titre"> Bienvenue {USERNAME}! </div>
<a href="#http://ile-de-veles.forumactif.com/reglement-f1/les-reglements-generales-t12.htm" class="navigation">Règlement</a>
<a href="#http://ile-de-veles.forumactif.com/%20http://ile-de-veles.forumactif.com/le-contexte-f3/le-contexte-general-t13.htm" class="navigation">Contexte</a>
<a href="#http://ile-de-veles.forumactif.com/le-contexte-f3/la-direction-t14.htm" class="navigation">La Direction</a>
<a href="#http://ile-de-veles.forumactif.com/le-contexte-f3/les-humains-les-victimes-t15.htm" class="navigation">Les victimes</a>
<a href="#http://ile-de-veles.forumactif.com/le-contexte-f3/le-personnel-medical-y-compris-les-savants-fous-t16.htm" class="navigation">Les scientifiques et Savants fous</a>
<a href="#http://ile-de-veles.forumactif.com/le-contexte-f3/les-employes-de-l-ile-t18.htm" class="navigation">Les Employés de l'île</a>
<a href="#http://ile-de-veles.forumactif.com/le-contexte-f3/les-hybrides-t17.htm" class="navigation">Les Hybrides</a>
<a href="#http://ile-de-veles.forumactif.com/personnages-predefinis-f45/" class="navigation">Personnages prédéfinis</a>
<a href="#http://ile-de-veles.forumactif.com/demande-de-rang-f38/listes-de-rangs-possibles-t61.htm#174" class="navigation">Les Rangs disponibles</a>
</center>
</td>
<td style="vertical-align:top;" width="28%">
  <center>
    <div class="titre"> Le Staff</div>
    <br> <a href="#" class="infobulle"><img src="http://moe.mabul.org/up/moe/2010/05/22/img-2138164fg0j.jpg">
  <span><img src="http://moe.mabul.org/up/moe/2010/05/20/img-023005g1pph.jpg"><br><p>Fondateur~ Ezerial Whites</p><div><a href="http://ile-de-veles.forumactif.com/fiches-des-personnages-f11/ezerial-whitesadmin-t11.htm" target="_blank">Voir la fiche ~</a><br><a href="http://ile-de-veles.forumactif.com/msg.forum?mode=post&u=2" target="_blank">Envoyez un Mp ~</a></div></span></a> <a href="#" class="infobulle"><img src="http://moe.mabul.org/up/moe/2010/05/22/img-2142128ivie.jpg">
  <span><img src="http://moe.mabul.org/up/moe/2010/05/20/img-023112quze6.jpg"><br><p>Fondateur~ Mörtün MacNeil</p><div><a href="http://ile-de-veles.forumactif.com/fiches-des-personnages-f11/mortun-macneil-admin-t20.htm" target="_blank">Voir la fiche ~</a><br><a href="http://ile-de-veles.forumactif.com/msg.forum?mode=post&u=3" target="_blank">Envoyez un Mp ~</a><font color="red" size="1"><br>
    <br>
    </font></div>
  </span>
</center></td>
<td style="vertical-align:top;" width="44%"300%">
  <center><div class="titre"> Aperçu Contexte </div><div class="scrollbar">
    <p>L’humain est un vrai mystère, qui pourra dire le contraire ? Des personnes dans le passé avaient consacré la totalité de leur vie à essayer de décrypter les gestes de l’un, la pensée de l’autre avant de s’intéresser à d’autre genre de question : La vie et la mort. Sauf qu’il n'y a pas juste des grands penseurs de l’histoire qui se sont focalisés dessus. Il y a vingt-cinq ans, un certain Ulrich Whites avait voulu avoir une réponse concrète à cette question tout en utilisant des moyens qui avaient la possibilité de répondre à ses espérances. De longues recherches personnelles eurent lieu et ce n'est que cinq ans plus tard qu'il les mit en place dans un petit village. Les années passèrent et quinze ans plus tard face à la proposition de son fils unique, Ezerial un élargissement du plan eut lieu.
      Ulrich, était influent et avec de l’argent il était arrivé à acheter une île coupée des cinq continents. Une île dépourvue d’une quelconque vie, et inondée par la mort. . <a href="http://ile-de-veles.forumactif.com/le-contexte-f3/le-contexte-general-t13.htm">Suite</a></p>
  </div></center>
</td>
</tr>
</tbody></table>
<table align="left" width="106%" class="tableaupa"><tbody>
<tr>
<td width="35%">
<center><div class="titre"> Top partenaires et Sites de <em>Référencement</em></div>
<form>
  <p>
 
  <marquee style="width: 200px; height: 100px" direction="right" onmouseover=this.stop(); onmouseout=this.start();>
      <a href="http://white-paradise.forums-actifs.net" target="_blank"><img src="http://host.image.files.free.fr/host/4bbdb37759324white2.gif" alt="" border="0"><br>
      </a></font><font size="5"><font color="red"><a href="http://annuaire-rn.forumactif.org/" target="_blank"><img src="http://i221.photobucket.com/albums/dd52/xodramm/ARN/logo100x35.jpg" alt="" border="0"></a></font></font><font color="red"><a href="http://white-paradise.forums-actifs.net" target="_blank"></a>
      </marquee>
    <marquee style="width: 300px; height: 100px" direction="left" onmouseover=this.stop(); onmouseout=this.start();>
      <a href="http://oishiistudio.forumactif.com" target="_blank"><img src="http://i83.servimg.com/u/f83/13/23/25/16/bouton13.png" alt="" border="0"></a><a href="http://chuchotement.pro-forum.fr/forum.htm" target="_blank"><img src="http://moe.mabul.org/up/moe/2010/04/26/img-1615022ro5m.png" alt="" border="0"></a><a href="http://69ruedugaie.forumactif.com/index.htm" target="_blank"><img src="http://img8.hostingpics.net/pics/360335miniban.jpg" alt="" border="0"></a> <a href="http://sweetcreamschool.forumactif.com/forum.htm" target="_blank"><img src="http://moe.mabul.org/up/moe/2010/01/01/img-1957232x816.jpg" alt="" border="0"></a> <a href="http://victoriastone.forumsactifs.com/forum.htm" target="_blank"><img src="http://i66.servimg.com/u/f66/11/66/37/71/vas10.png" alt="" border="0"></a> <a href="http://bloodycall.forumactif.com/forum.htm" target="_blank"><img src="http://nsa15.casimages.com/img/2010/04/18/10041805445977393.jpg" alt="" border="0"></a> <a href="http://white-paradise.forums-actifs.net" target="_blank"></a>  <a href="http://ville-d-anejou.forumsactifs.net/" target="_blank"><img src="http://moe.mabul.org/up/moe/2009/04/19/img-1930001i145.png" alt="" border="0"></a> <a href="http://hypnotic-poisonv2.forumactif.com" target="_blank"><img src="http://s2.noelshack.com/old/up/100_35_blanc-1109912883.png" alt="" border="0"></a>
      </marquee>
    <br>
    <a href="#" style="font-family:impact; color:#A5C6CF;">Plus ?</a></p>
</form></center>
</td>
<td width="45%" style="vertical-align:top;"><div style="margin-right:10%; color:#A5C6CF;"> Le Forum </div><div class="topsite">
Forum RP YAOI NC-18 (Cela évoque des relations sexuelles entre deux hommes à caractère explicite) Vous voila avertis. Homophobes vous êtes priés de cliquer sur la petite croix rouge de votre page. Merci
Forum optimisé pour Firefox</div></center>
<table width="100%" class="tableaupa">
  <tr>
    <td style="vertical-align:top"><center>
      <div class="titre"> Nous lier </div>
      <a href="#" class="opacity">A Venir !</a>
    </center></td>
  </tr>
  <tbody>
    <tr>
      <td width="50%" style="vertical-align:top; text-align:right;"><div class="titre" style="float:right; margin-right:10%;"> Crédits </div>
        <div style="margin-right:10%; color:#A5C6CF;">
          <p>&nbsp;</p>
          <p>Contexte par Ezerial Whites et Mörtün MacNeil<br>
            Design :Mörtün MacNeil </p>
          <p><br/>
            </p>
        </div></td>
    </tr>
  </tbody>
</table></td>
</tr>
</tbody></table>

.tableaupa .titre {
  font-family: impact;
  text-align: right;
  color:#DE915D;
  font-size:24px;
  border-bottom: 2px solid #A5C6CF;
  font-variant:small-caps;
  letter-spacing:1px;
  width:80%;
  margin-bottom:5px;
}
.tableaupa .navigation {
  font-family: impact;
  font-size: 14px;
  color: #DE915D;
  background-color: #666;
  letter-spacing: 1px;
  display: block;
  width: 80%;
  margin-bottom: 3px;
  border-right:3px solid #A5C6CF;
  border-left:3px solid #A5C6CF;
  text-align: center;
  text-decoration: none;
}

.tableaupa .scrollbar {
  color: #DE915D;
  text-align: right;
  width: 80%;
  overflow: auto;
  height: 120px;
padding-right:3px;
}
.topsite{
  width:80%;
  text-align:right;
}
.opacity img {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

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


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;
}