Page d'accueil 3

<div  style="background-color:#AEAACC;border:2px solid #FFFFFF;border-radius:5px;background-position:top;width:800px;"><table>
<tr>
<td width="376" height="112" class="pa01"><div class="titrepa">Bienvenue {USERNAME} sur NOM DU FORUM</div><div class="pa">Description forum/Contexte</div></td>

<td width="376" heidht="112" class="pa01"><div class="titrepa">Nouveautés/Annonces</div><div class="pa">blablabla
<br/> blablabla
</div> </td>
</tr>
</table>
<table>
<tr>
<td width="249" heidht="104" class="pa02"><div class="titrepa">Le Staff</div><div class="01pa">
<a class="info" href="#"><img src="image 50*35"><span><img src="image 50*47"><br>Pseudo<br>rang</span></a>
<a class="info" href="#"><img src="image 50*35"><span><img src="image 50*47"><br>Pseudo<br>rang</span></a>
<a class="info" href="#"><img src="image 50*35"><span><img src="image 50*47"><br>Pseudo<br>rang</span></a>
<br><a class="info" href="#"><img src="image 50*35"><span><img src="image 50*47"><br>Pseudo<br>rang</span></a>
<a class="info" href="#"><img src="image 50*35"><span><img src="image 50*47"><br>Pseudo<br>rang</span></a>
<a class="info" href="#"><img src="image 50*35"><span><img src="image 50*47"><br>Pseudo<br>rang</span></a></div></td>

<td width="249" heidht="104" class="pa02"><div class="titrepa">Prédefinis</div><div class="pa">Voici quelque prédénis<br><br><center><font color="green">Nom et prénom</font> - <font color="yellow">Nom et prénom</font> - <font color="blue">Nom et prénom</font> - <font color="black">Nom et prénom</center></div> </td>

<td width="249" heidht="104" class="pa02"><div class="titrepa">Partenariats~</div><div class="pa"style="overflow:auto;  height : 80px;">
<a href="#"><img src="image 88*31"></a><a href="#"><img src="image 88*31"></a><a href="#"><img src="image 88*31"></a><a href="#"><img src="image 88*31"></a><a href="#"><img src="image 88*31"></a><a href="#"><img src="image 88*31"></a><a href="#"><img src="image 88*31"></a><a href="#"><img src="image 88*31"></a><a href="#"><img src="image 88*31"></a></div></td>
</tr>
</table>

<center>
<table><tr><td width="376" heidht="112" class="pa01"><div class="titrepa">On recherche</div><div class="01pa" style="text-align:center;">
<br>[list][*]blablabla
<br> [*]blablabla
<br> [*]blablabla
<br> [*]blablabla[/list]
</div>
</td></tr></table>
</div>

a {
color: #DEB5E6;
}

.pa01 {
  background-color:#B789D6;
  border: 2px solid #00000;
  text-align: justify;
  border-radius:5px;
}

.pa02 {
  background-color:#B789D6;
  background-repeat: no-repeat;
  background-position:top;
  border: 2px solid #ffffff;
  text-align: center;
  border-radius:5px;
}

.pa {
background-color:#B789D6;
  margin-right: 10%;
  margin-left: 10%;
  margin-top: 5px;
  margin-bottom: 5px;
  height : 80px;
  border: 1px solid #fff;
  box-shadow : 1px 1px 1px black;
  border-radius:5px;
  padding: 2px;
overflow:auto;
}
.01pa {
background-color:rgba(147, 158, 174, 0.5);
  margin-right: 10%;
  margin-left: 10%;
  margin-top: 5px;
  margin-bottom: 5px;
  height : 80px;
  border: 1px solid #fff;
  box-shadow : 1px 1px 1px black;
  border-radius:5px;
  padding: 2px;
overflow:auto;
}

.titrepa {
  font-size: 15px;
  margin-bottom: -10px;
  text-align: center;
  text-shadow : 1px 1px 1px black;
color: #fff;
}

a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
 
a.info:hover{
z-index:25;
background-color:#
}
 
a.info span{
display: none
}
 
a.info:hover span{
display:block;
position:absolute;
top:0; left:0; width:;
  background-color:rgba(147, 158, 174, 0.5);
  border: 1px solid #B789D6;
  box-shadow : 1px 1px 1px black;
color:#fff;
text-align: center;
font-weight:none;
padding:5px;
  border-radius:5px;
}