Aligner un tableau à gauche...

Bonjour tous,

J'ai tenté des tas de trucs (float, div, ...), mais je n'arrive pas à aligner mes tableaux à gauche. Quoi que je fasse, ils demeurent centrer (Je comprend pas d'ailleurs pas pourquoi ils le sont, j'ai pas mis d'alignement nul part, donc pas défaut ils devraient être à gauche)...

Un exemple d'une page où j'ai le problème :
http://bmjdr.free.fr/site_bm3/bm_magie/sortc_ahress.php

Le tableau est définit dans une CSS :

table {
	margin: 10px auto;
	padding-bottom: 15px;
	border-collapse: collapse;
}
th { /* Titre d'un tableau */
	background-color: #790000;
	color: #E78B2A;
	text-align: center;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
	border: solid 1px #000000;
}
td {
	color : #E78B2A;
	text-align: left;
	border: solid 1px #000000;
}
table.description th{ 
	color: #E78B2A;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
table.description td{
	color: #E78B2A;
}
table.description td.formule {
	border: 1px solid #790000;
	padding: 3px 3px 3px 3px;
}

et il est contenu dans deux div, soit un conteneur et un bloc :

#contenu { /* Conteneur du contenu */
	margin-left: 145px;
	padding: 10px;
	text-align: justify;
}
.contentsection {
	background: #252525;
	color:#E78B2A;
	border: solid 1px #790000;
	margin: 5px 0 5px;
	padding: 3px 3px 3px 3px;
}

Et le bout de code html répétitif dans toute la page qui est concerné :

<div id="contenu">
  <div class="contentsection">	
    <a id="corps7"></a><h3>Don de vie</h3>
	<table class="description">
		<tr>
			<th>Coût :</th>
			<td>40 PMs</td>
		</tr>
		<tr>
			<th>Coût d'achat :</th>
			<td>40 PMs</td>
		</tr>
		<tr>
			<th>Durée :</th>
			<td>Instantanée </td>
		</tr>
		<tr>
			<th>Portée/Zone d'effet :</th>
			<td>Une créature ...</td>
		</tr>
		<tr>
			<th>Effet :</th>
			<td>Le lanceur ...</td>
		</tr>
		<tr>
			<td colspan="2" class="retour"><a href="#top">[Retour en haut]</a></td>
		</tr>
	</table>
</div>	
</div>

Un grand merci pour votre aide
Modifié par Shara (05 Sep 2007 - 19:50)

Bonjour shara,

Dans ta css tu as mis :

table {
	margin: 10px [#red]auto;[/#]
	...
}

Ce qui veut dire : égaliser les marges droite et gauche, donc centrer.
Choisis autre chose.

Super c'était bien là le problème.

Merci beaucoup