table { background:#D3E4E5;  /* Table fond bleu clair */
 border:1px solid gray;    /* bordure 1px gris */
 border-collapse:collapse; /* Les bordures du tableau seront collées (plus joli) */
 color:#fff;			   /* couleur ??? */
 font:normal 10px verdana, arial, helvetica, sans-serif;
}
caption { border:1px solid #5C443A; /* titre de la table  bord en maron */ 
 color:#5C443A;					  /* texte de la table  bord en maron */ 
 font-weight:bold;				  /* texte en gras */
/* letter-spacing:20px;			  /* espace entre chaque lettre et mot 20px */
 padding:6px 4px 8px 0px;		  /* spécifie la marge qui sépare un élément de chacune de ses bordures (marges intérieures) */
 text-align:center;				  /* centrer dans la cellule */
 text-transform:uppercase;		  /* texte en majuscule */
  font-style:italic;				/* police en italique */
}
td, th { color:#363636;				/* td cellule, th cellule d'en-tête couleur maron foncé*/
 padding:.4em;						/*  marge qui sépare un élément de chacune de ses bordures de 4 unités relatives à la police */
}
tr { border:1px dotted gray;			/* tr ligne, 1px en pointillé gris */
}
thead th, tfoot th { background:#5C443A; /* en-tête ou pied de tableau en maron */
 color:#FFFFFF;						/* texte en noir */
 padding:3px 10px 3px 10px;   		/* spécifie la marge qui sépare un élément de chacune de ses bordures (marges intérieures) */
 text-align:left;					/* texte aligné à gauche */
 text-transform:uppercase;			/* texte en majuscule */
}
tbody td a { color:#363636;			/* corps du tableau couleur maron foncé*/
 text-decoration:none;				/* spécifie pas de décorations d'un mot */
}
tbody td a:visited { color:gray;		/* si le texte à déjà été visité alors couleur gris */
 text-decoration:line-through;		/* spécifie décorations d'un mot en barrage */
}
tbody td a:hover { text-decoration:underline; /* la cellule du corps survolé par le curseur souligné */
}
tbody th a { color:#363636;			/* corps du tableau couleur maron foncé*/
 font-weight:normal;
 text-decoration:none;
}
tbody th a:hover { color:#363636;		/* corps du tableau survolé par le curseur couleur maron foncé*/
}

tbody th, tbody td { text-align:left;	
 vertical-align:top;
}
tfoot td { background:#5C443A;
 color:#FFFFFF;
 padding-top:3px;
}
.odd { background:#fff;
}
tbody tr:hover { background:#99BCBF; /* ligne tableau du corps du tableau survolé par le curseur couleur bleu foncé*/
 border:1px solid #03476F;			/* bordure du tableau en bleu très foncé */
 color:#000000;						/* couleur du texte noir */
}


.box_rotate {
     -moz-transform: rotate(-90deg);  /* FF3.5+ */
       -o-transform: rotate(-90deg);  /* Opera 10.5 */
  -webkit-transform: rotate(-90deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; /* IE8 */
}

/*
    l'en-tête (en haut) : il se définit avec les balises <thead></thead> ;
    le corps (au centre) : il se définit avec les balises <tbody></tbody> ;
    le pied du tableau (en bas) : il se définit avec les balises <tfoot></tfoot>. */