<table width="820px" align="center" cellspacing="0" cellpadding="3">
  <tr>
    <td width="200" class="patd1">
   
 
  </td>
  <td colspan="2" class="patd2">
    <div class="messagebienvenue"><center><span style="font-family:'Pagan Poetry'; font-size: 20px; font-style: italic; font-weight: bold; color: corail;">Hello {USERNAME} and<br>Welcom to Articial Paradise</span></center></div>
  </td>
  </tr>
  <tr>
    <td rowspan="3" class="patd3">
    <div class="bloc2">
      <div class="titrebloc">Top Sites</div>
        <ul><table><tr><td align="left"><div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'30px', fullw:'100px', h:'100px'},
  selectedli: [0, true], //[selectedli_index, persiststate_bool]
  collapsecurrent: false //<- No comma following very last setting!
})</script><div id="hc1" class="haccordion"><ul>
<li style="overflow: hidden; width:VALEURpx; display: block;"><div class="hpanel"><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16331" target="_blank"><img src="http://i35.servimg.com/u/f35/16/05/68/40/sans_t10.jpg" alt=""></a></div></li>
<li style="overflow: hidden; width:VALEURpx; display: block;"><div class="hpanel"><a href="http://www.root-top.com/topsite/harry_potter_the_world/in.php?ID=8144" target="_blank"><img src="http://i35.servimg.com/u/f35/16/05/68/40/sans_t11.jpg" alt=""></a></div></li></ul></div>
</td></ul></table>
      </div>
      </div>
    <div class="bloc3">
      <div class="titrebloc">Partenaires</div>
        <a herf="http://h3-school.superforum.fr/t193-nos-partenaires">More...</a>
      <a herf="http://h3-school.superforum.fr/t820-demande-de-partenariat-formulaire">You ?</a>

    </div>
  </td>
  <td width="360" class="patd4">
    <div class="bloc1">
      <div class="titrebloc">Contexte</div>
      <div class="contexte">
        Il est comme tout les autres vous diriez vous ? Eh bien, vous avez tord, il n'est pas ce qu'il laisse paraître. Cet établissement cache bien des choses. Les étudiants ont l'air, gentil, aimable accueillants ? Vous avez encore tord. Ils ont tous une personnalité que bien des personne n'apprécient guère . Vous avez déjà certainement vu ou entendu parler de certains film sur les université dans le genre de « Lolita Malgrès moi » ? Vous aviez penser, sur le moment, qu'il était IMPOSSIBLE d'avoir pire, surtout dans la vie réel. Si vous pensez toujours cela c'est que vous ne faite, évidement, pas partie des étudiants de Artificial Pradise.
      </div>
    </div>
  </td>
  <td width="360" class="patd5">
    <div class="bloc1">
      <div class="titrebloc">Pleins de nouveautés</div>
      <marquee onMouseOver=this.stop() onMouseOut=this.start() scrollAmount="2" direction="Up" width="100%" height="115">
              <div class="news">
            <list><justify>Un nouveau thème se créer, un nouveau design est certainement bientôt attendu et pour le moment on à l'honneur de vous présentez la nouvel page d'accueil.</list</justify>
            </div>
        </marquee>
    </div>
  </td>
  </tr>
  <tr>
  <td class="patd6">
    <div class="bloc1">
      <div class="titrebloc">T'as besoin de tout ça</div>
      <div class="navigation"><a href="http://h3-school.superforum.fr/t524-contexte"><b>Contexte</b></a> <a href="http://h3-school.superforum.fr/f52-personnages-predefinis"><b>Personnage Prédéfinis</b></a><a href="http://h3-school.superforum.fr/f56-avatar-pris"><b>Avatars Pris</b></a> <a href="http://h3-school.superforum.fr/t525-reglement"><b>Règlement</b></a><a href="http://h3-school.superforum.fr/f59-questions-invites-membres"><b>Questions ?</b></a></div>
   
    </div>
  </td>
  <td class="patd7">
    <div class="bloc1">
      <div class="titrebloc">votre staff</div>
      <div class="admins">
        <span class="infobulladmins"><img src="http://images1.fanpop.com/images/photos/1500000/maxxie-mitch-hewer-1517741-100-100.jpg" class="gradualfader"/><span class="bull">
      <br/><b>Mitchelle Uston</b>
     
Fondatrice; double compte: Kimberly Watson
     
<a href="http://h3-school.superforum.fr/u1"><b>+++</b></a></span></span>
 <span class="infobulladmins"><img src="http://i15.servimg.com/u/f15/11/25/88/88/sans_t13.jpg" class="gradualfader"/><span class="bull">
      <br/><b>Jenny Austen</b>
     
Administratrice
     
<a href="http://h3-school.superforum.fr/u75"><b>+++</b></a></span></span>
      <span class="infobulladmins"><img src="http://www.hollow-art.com/files/bases/Carolanne_Evans_002_0.jpg" class="gradualfader"/><span class="bull">
      <br/><b>Zoey H. Fintcher</b>
     
Modératrice; double compte: Lllisa S.Grave
     
<a href="http://h3-school.superforum.fr/u103"><b>+++</b></a></span></span>
      <span class="infobulladmins"><img src="http://img2.hostingpics.net/pics/16243LinndLo3.png" class="gradualfader"/><span class="bull">
      <br/><b>Rachel Warner</b>
     
Modératrice
     
<a href="http://h3-school.superforum.fr/u93"><b>+++</b></a></span></span>
      </div>
    </div>
  </td>
  </tr>
  <tr>
  <td colspan="2" class="patd8">
    <div class="bloc4">
     
     

      <span style="font-family:'Maiandra GD'; font-size: 12px; font-style: italic; font-weight: bold; color: corail;"><b>N</b>ous vous souhaitons d'agréable moments à Montréal. Fait le fête sans modération et surtout profiter de votre jeunesse. On ne vit qu'une fois. Sexe, drogue et alcool sont au rendez-vous, qu'attendez vous ?</span>
    </div>
  </td>
  </tr>
</table>

td.patd1 {
  text-align: center;
  vertical-align: bottom;
}
td.patd3 {
  vertical-align: bottom;
}
td.patd4, td.patd5, td.patd6, td.patd7 {
  vertical-align: top;
}
td.patd8 {
  vertical-align: bottom;
}
.menuderoulant {
  border: 3px double #aaaaaa; /*couleur des bords du menu déroulant*/
  background: #ffffff; /*couleur de fond du menu deroulant*/
  font-family: calibri;
  font-size: 10px;
  width: 130px;
  -moz-border-radius: 5px;
}
.boutonmenuderoulant {
  border: 3px double #aaaaaa; /*couleur des bords du bouton "go"*/
  background: #ffffff; /*couleur de fond du bouton "go"*/
  font-family: calibri;
  font-size: 10px;
  -moz-border-radius: 5px;
}
.messagebienvenue {
  font-size: 40px;
  font-style: italic;
  border-bottom: 15px solid #E2E3D6; /*couleur de la grosse ligne sous "bienvenue à buenos aires"*/
  text-align: center;
  color: #ED8787; /*couleur du texte "bienvenue à buenos aires"*/
}
.bloc1 {
  height: 250px;
  padding: 0px 10px 10px 10px;
  -moz-border-radius: 5px;
  border: 3px double #aaaaaa; /*couleur du cadre des blocs 1*/
}
.contexte {
  height: 115px;
  overflow: auto;
  text-align: justify;
  padding: 0px 5px 0px 5px;
  font-size: 12px;
  margin: 3px 0px 0px 0px;
}
.news {
    text-align: center;
  color: #777777; /* couleur du texte des news */
}
.admins {
    text-align: center;
  padding: 10px 0px 0px 0px;
}
.admins img {
    margin: 7px 10px 0px 10px;
}
span.infobulladmins{
  position: relative;
  text-decoration: none;
}
span.infobulladmins span.bull {
  display: none;
}
span.infobulladmins:hover {
  background: none;
  z-index: 999;
  cursor: crosshair;
}
span.infobulladmins:hover span.bull {
  display: inline;
  white-space: normal; 
  top: 15px;
  left: -35px;
  position: absolute;
  padding: 8px;
  background: #ffffff; /*couleur fond infobulle admins*/
  -moz-border-radius: 5px;
  border: 3px solid #aaaaaa; /*couleur cadre infobulle admins*/
  text-align: justify;
  font-size: 13px;
  width: 120px;
  height: 100px;
  text-align: center;
}
.bloc2 {
  height: 224px;
  width: 200px;
  padding: 0px 10px 10px 10px;
  text-align: center;
  font-size: 12px;
  -moz-border-radius: 5px;
  border: 3px double #aaaaaa; /*couleur cadre bloc 2*/
}
.bloc3 {
  height: 158px;
  padding: 0px 10px 10px 10px;
  margin-top: 6px;
  text-align:center;
  font-size: 10px;
  -moz-border-radius: 5px;
  border: 3px double #aaaaaa; /*couleur cadre bloc 3*/
}
.bloc4 {
  height: 80px;
  padding: 0px 10px 10px 10px;
  text-align: center;
  font-size: 11px;
  -moz-border-radius: 5px;
  border: 3px double #aaaaaa; /*couleur cadre bloc 4*/
}
.bloc4 img {
  margin: 0px 5px 0px 5px;
}
.titrebloc {
  font-size: 20px;
  height: 20px;
  text-align: center;
  border-bottom: 2px solid;
  color: #777777; /*couleur de la ligne entre le titre et le contenu dun bloc*/
  font-style: italic;
  margin: 0px 0px 3px 0px;
}

    <td width="200" class="patd1">
 
 
  </td>

  <td rowspan="3" class="patd3">
    <div class="bloc2">
      <div class="titrebloc">Top Sites</div>
        <ul><table><tr><td align="left"><div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'30px', fullw:'100px', h:'100px'},
  selectedli: [0, true], //[selectedli_index, persiststate_bool]
  collapsecurrent: false //<- No comma following very last setting!
})</script><div id="hc1" class="haccordion"><ul>
<li style="overflow: hidden; width:VALEURpx; display: block;"><div class="hpanel"><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=16331" target="_blank"><img src="http://i35.servimg.com/u/f35/16/05/68/40/sans_t10.jpg" alt=""></a></div></li>
<li style="overflow: hidden; width:VALEURpx; display: block;"><div class="hpanel"><a href="http://www.root-top.com/topsite/harry_potter_the_world/in.php?ID=8144" target="_blank"><img src="http://i35.servimg.com/u/f35/16/05/68/40/sans_t11.jpg" alt=""></a></div></li></ul></div>
</td></ul></table>
      </div>
      </div>
    <div class="bloc3">
      <div class="titrebloc">Partenaires</div>
        <a herf="http://h3-school.superforum.fr/t193-nos-partenaires">More...</a>
      <a herf="http://h3-school.superforum.fr/t820-demande-de-partenariat-formulaire">You ?</a>

    </div>
  </td>

<td rowspan="3" class="patd3">