Page d'accueil 4 NON FINIT

<table>

<tr>
<td class="title">Contexte</td>
<td class="title">Staff</td>
<td class="title">Top-Site</td>
</tr>

<tr>
<td rowspan="6" width="300px" class="contenu"><div style="height:300px; overflow:auto;">Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
 Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu
  Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu Contenu</div></td>
<td rowspan="2" width="400px" class="contenu"><div class="infobulle"><img src="" width="70" height="100"/><span> Fonda <br/><a href="">Profil</a><br/> <a href="">MP</a></span></div><div class="infobulle"><img src="" width="70" height="100"/><span> Admin <br/><a href="">Profil</a><br/> <a href="">MP</a></span></div><div class="infobulle"><img src="" width="70" height="100"/><span> Admin <br/><a href="">Profil</a> <br/><a href="">MP</a></span></div>

</td>
<td width="190px" height="75px" class="contenu">Contenu</td>
</tr>

<tr>
<td class="title">Liens</td>
</tr>

<tr>
<td class="title">Places Vacantes</td>
<td rowspan="2" class="contenu" height="100px">
<a href="http://...">Lien</a><br/>
<a href="http://...">Lien</a><br/>
<a href="http://...">Lien</a><br/>
<a href="http://...">Lien</a><br/>
<a href="http://...">Lien</a><br/></td>
</tr>

<tr>

<td rowspan="3" class="contenu"><img src="" width="55" height="55"/> <img src="" width="55" height="55"/> <img src="" width="55" height="55"/> <img src="" width="55" height="55"/><br/>
<img src="" width="55" height="55"/> <img src="" width="55" height="55"/> <img src="" width="55" height="55"/> <img src="" width="55" height="55"/> </td>

</tr>

<tr>


<td class="title">Credits</td>
</tr>

<tr>


<td class="contenu" height="30px"> Page d'Accueil réalisée par Jong Hyun de
<a href="templactif.forumactif.org">Templactif</a></td>
</tr>

</table>

table {
width : 800px;
height : 400px;
background-color: #C2C2C2;
  text-align: center;
  margin :5px;
  padding:5px;
  border-spacing: 20px;
  border-collapse: separate;
border: 2px white dotted;
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
}
td.title {
margin : -5px -10px;
background-color: #EBEBEB;
color : #9379B0;
border: 1px #363642 inset;
box-shadow: 1px 1px 5px #dac2ae;
border-radius : 60px 60px 5px 5px;
font-size : 20px;
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
-moz-box-shadow: 0px 11px 22px #746482;
-webkit-box-shadow: 0px 11px 22px #746482;
box-shadow: 0px 11px 22px #746482;
}

td.contenu {
font-family: Monotype Corsiva;
background-color: #EBEBEB;
border: 2px white dotted;
  box-shadow: 1px 1px 5px #dac2ae;
  -moz-box-shadow: 1px 1px 5px #dac2ae;
  border-radius : 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-box-shadow: 0px 11px 22px #746482;
  -webkit-box-shadow: 0px 11px 22px #746482;
  box-shadow: 0px 11px 22px #746482;
}

img {
border: 1px white dotted;
margin-left:5px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
}
a {
color: #4e4c4c;
text-decoration : none;
}

a:hover {
color: #fff4dd;
 text-shadow: 1px 1px 3px #939191;
}

div.infobulle{
position: relative;
float: left;
margin-left:18px;

}

div.infobulle span{
display: none;
}

div.infobulle:hover{
background: none;
z-index: 999;
}
  div.infobulle:hover span
{
display: inline;
position: absolute;
top: 10px;
width: 80px;
height:80px;
  text-transform : capitalize;
  text-shadow: 1px 1px 3px #939191;
  text-align : center;
  line-height: 25px;
  color: black;
  padding: 5px;
  background-color : #fef0d1;
  border : 1px black dotted;
 -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
 border-radius: 20px;
}
.contexte.contenu {
color: white;
}