<table align="center" width="100%" class="tableaupa"><tbody>
<tr>
<td style="vertical-align:top;" width="33%">
<center><div class="titre"> Navigation </div>
<a href="#" class="navigation">Règlement</a>
<a href="#" class="navigation">Contexte</a>
<a href="#" class="navigation">Avatar Pris</a>
<a href="#" class="navigation">Présentation</a>
<a href="#" class="navigation">Partenaria</a>
<a href="#" class="navigation">Postes Vacants</a></center>
</td>
<td style="vertical-align:top;" width="33%">
<center><div class="titre"> La team </div>
<a class="imginfo" style="text-align:right;">
<font color="burlywood" class="opacity">
<img src="http://i62.servimg.com/u/f62/11/22/01/25/av10.png"/>
</font><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody>
<tr>
<td style="text-align: center;">
<font size="1">
KAMPF<br/>
</font>
</td>
</tr>
<tr>
<td style="text-align: center;">
<a class="imginfo">
<img src="http://i62.servimg.com/u/f62/11/22/01/25/av10.png"/>
</a>
</td>
</tr>
<tr>
<td style="text-align: center;">
<font size="1">
<a href="http://les-plaines-d-anubis.forumotion.com/profile.forum?mode=viewprofile&u=1">Profil</a> - <a href="http://les-plaines-d-anubis.forumotion.com/msg.forum?mode=post&u=1">Envoyer un MP</a><br/>
</font>
</td>
</tr>
<tr align="center"/>
</tbody>
</table>
</span>
</a>  </center>
</td>
<td style="vertical-align:top;" width="34%">
<center><div class="titre"> Contexte </div><div class="scrollbar">
Bienvenue à tous sur Les plaines
d'Anubis. Vous en avez assez des
jeux de rôles équins ultra-modernes ?
Rejoignez l'équipe des PA !
Vous me direz, quel est l'intérêt de
s'inscrire sur un forum avec ce
contexte alors que tellement d'autres
existent déjà ? Et bien tout simplement
parce que ici n'est pas un forum qui
essaye de reproduire les anciens
concepts simples, mais UN ANCIEN
FORUM qui n'a pas changé depuis
plus de trois ans. Pour plus
d'informations, allez lire le concept ! 
</div></center>
</td>
</tr>
</tbody></table>
<table align="left" width="80%" class="tableaupa"><tbody>
<tr>
<td width="35%">
<center><div class="titre"> Top partenaires </div>
<form>
<select style="width: 150px;" onchange="location = this.options
[this.selectedIndex].value">
<option selected="selected">
Le top partenaires
</option>

<option value="http://wild-ground.forumactif.com/forum.htm">
Wild Ground
</option>
<option value="URL FORUM">
Partenaires 2
</option>
<option value="URL FORUM">
Partenaires 3
</option>
<option value="URL FORUM">
Partenaires 4
</option>
</select>
</form>
<a href="#" style="font-family:impact; color:#A5C6CF;">Plus ?</a></center>
</td>
<td width="45%" style="vertical-align:top;">
<center><div class="titre" style="margin-top:10px;"> Cliquez </div><div class="topsite">
<a href="#" class="opacity"><img src="http://i62.servimg.com/u/f62/11/22/01/25/huhu10.png"/></a>
<a href="#" class="opacity"><img src="http://i62.servimg.com/u/f62/11/22/01/25/huhu10.png"/></a>
<a href="#" class="opacity"><img src="http://i62.servimg.com/u/f62/11/22/01/25/huhu10.png"/></a></div></center>
</td>
</tr>
</tbody></table>
<table width="100%" class="tableaupa"><tbody>
<tr>
<td width="35%" style="vertical-align:top">
<center><div class="titre"> Nous lier </div>
<a href="#" class="opacity"><img src"#"></a>
</center>
</td>
<td width="65%" style="vertical-align:top; text-align:right;"><div class="titre" style="float:right; margin-right:10%;"> Copyright </div><div style="margin-right:10%; color:#A5C6CF;">
<br/>
hdfhuidshfuihdfuhiushfuishdfiuyhfiusyfiushfiuhfiuhiufhuhfiuhfuhuhfuhfuhhfiuhfuh
<br/></div>
</td>
</tr>
</tbody></table>

<br>

<p>

.tableaupa .titre {
  font-family: impact;
  text-align: right;
  color:#b0c4a4;
  font-size:24px;
  border-bottom: 2px solid #b0c4a4;
  font-variant:small-caps;
  letter-spacing:1px;
  width:80%;
  margin-bottom:5px;
}
.tableaupa .navigation {
  font-family: impact;
  font-size: 14px;
  color: #b0c4a4;
  background-color: #8fab7f;
  letter-spacing: 1px;
  display: block;
  width: 80%;
  margin-bottom: 3px;
  border-right:3px solid #b0c4a4;
  border-left:3px solid #b0c4a4;
  text-align: center;
  text-decoration: none;
}
a.imginfo {
float:right;
margin-right:10%;
  width:80%;
  position: relative;   
  color: #b0c4a4;   
  text-decoration: none;     
}   

a.imginfo span {   
  display: none; 
} 

a.imginfo:hover {   
  background: none; 
  z-index: 999; 
  cursor: help;
} 

a.imginfo:hover span {   
  display: inline;   
  position: absolute;   
  white-space: nowrap;   
  right: 80px;   
  background: #8fab7f;   
  color: #b0c4a4;   
  padding: 3px;       
  border: 3px solid #b0c4a4; 
}
.tableaupa .scrollbar {
  color: #b0c4a4;
  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;
}











.section2
{background-color: #ffffff;
-moz-border-radius: 1px;
border-bottom: #5;
}






a { text-decoration: none; }

<td width="65%" style="vertical-align:top; text-align:right;"><table width="100%"><tr style="float:right; margin-right:10%;" width="100%"><td width="100%" class="titre">
Copyright </td></tr>
<tr width="100%"><td style="margin-right:10%; color:#A5C6CF;" width="100%">
hdfhuidshfuihdfuhiushfuishdfiuyhfiusyfiushfiuhfiuhiufhuhfiuhfuhuhfuhfuhhfiuhfuh
</td></tr></table>
</td>

<td width="65%" style="vertical-align:top; text-align:right;"><table width="100%"><tr style="float:right; margin-right:10%;" width="100%"><td width="100%" class="titre">
Copyright </td></tr>
<tr width="100%"><td style="margin-right:10%; color:#A5C6CF;" width="100%">
hdfhuidshfuihdfuhiushfuishdfiuyhfiusyfiushfiuhfiuhiufhuhfiuhfuhuhfuhfuhhfiuhfuh
</td></tr></table>
</td>