2 Tableaux différents ??

Salut

Je n'arrive pas à appliquer deux styles différents sur la même *.css pour ces deux tableaux différents, il a fallut que je crée une 2° feuille *.css.
J'ai essayer d'aplliquer des class aux td et th mais rien a faire... par exemple voici ce que j'ai fais :

table {
    margin:auto;
    border: medium solid #6495ed;
    width:100%;
    border-colapse:colapse;
    }
thead { /*Cadre d'entete des tableaux */
    border: thin solid #6495ed;
    font-family:monospace;
    padding:5px;
   /* background-color:#d0e3fa;*/
    background:#d0e3fa url(bgmenu.jpg) top left repeat-x ;
    color:#ffffff;
    width:20%;
    }
tfoot { /* Cadre "pied" des tableaux */
    border: thin solid #6495ed;
    font-family:monospace;
    padding:5px;
    color:#ffffff;
    width:20%;
    }
td {
    font-family:sans-serif;
    border:thin solid #6495ed;
    width:20%;
    padding: 5px;
    text-align:center;
    background-color:#f1f1f1;
   }
th {
	font-family:monospace;
	border:1px dotted #6495ed;
	/*padding:5px;*/
	background-color:#EFF6FF;
	/*width:25%;*/
	}
table.mdtr {
border:3px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}
thead.mdtr, tfoot.mdtr {
background-color:#D0E3FA;
background-image:url(sky.jpg);
border:1px solid #6495ed;
}
tbody.mdtr {
background-color:#111111;
border:1px solid #6495ed;
}
th.mdtr {
color:#000000;
font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
td.mdtr {
background-color:#ffffff;
font-family:sans-serif;
font-size:80%;
border:1px solid #6495ed;
padding:5px;
text-align:left;
vertical-align: middle;
}

Mais :
.table
.thead
.tfoot
.tbody
prennent le dessus sur mes tableaux avec "class"
quelle solution ai-je ?
merci
Modifié par Express (07 Feb 2007 - 18:57)