HTML gestion des tableaux et de leurs valign

Bonjour,

j'ai un probleme d'alignement avec mes tableau HTML : je cherche a avoir un tableau dans un autre tableau qui est centré et qui est aligné vers le haut mais il est aligné centré verticalement, et aligné vers la droite horizontalement. Je ne sais pas comment faire pour le centrer...

Voilà mon code HTML (sequence pas entier)

<div>

<table class="contentarea">
<tr>
<td>
<!--Tableau ouverture de page :)-->
<center>
<table class="titlesection">
<tr align="left">
<td valign="top">
Titre de section
</td>
</tr>
</table>

</center>
</td>
</tr>
<tr class="spacetitle1>
<td>
</td>
</tr>
<tr>
<td>
<table class="chemin">
<tr>
<td>
chemin d'accés
</td>
</tr>
</table>
</td>
</tr>

</table>
</div>

le CSS

table.body
{
widht: 100%;
height: 100%;
}

.divcopyright
{
height: auto !important;
width: 100px;
height: 100px;
min-height: 100px;
background-image: url(imagesfont/divcopyright.jpeg);
}

/*Title session*/

.divtitle table tr td
{
height: auto !important;
width: 900px;
height: 100px;
min-height: 100px;
background-color: red;
background-image: url(imagesfont/divtitle.jpg);
font-size: 60px;
color: white;
}

/*Copyright session*/

.divcopyright table tr td
{
text-color: red;
background-color: red;
background-image: url(imagesfont/divcopyright.jpg);
height: 25px;
widhth: 25px;
font-size: 8px;
}

/*Contentarea session*/

.divcontentarea
{
vertical-align: top;

}

Voilà merci de votre aide :)