table { background:#D3E4E5;  /* Table fond bleu clair */
 border:1px solid gray;    /* bordure 1px gris */
 border-collapse:collapse; /* Les bordures du tableau seront coll? (plus joli) */
 color:#fff;			   /* couleur ??? */
 font:normal 10px verdana, arial, helvetica, sans-serif;
}
caption { border:1px solid var(--primary); /* titre de la table  bord en maron */ 
 color:var(--primary);					  /* 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?fie la marge qui s?re un ?ment de chacune de ses bordures (marges int?eures) */
 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? couleur maron fonc?
 padding:.4em;						/*  marge qui s?re un ?ment de chacune de ses bordures de 4 unit?relatives ?a police */
}
tr { border:1px dotted gray;			/* tr ligne, 1px en pointill?ris */
}
thead th, tfoot th { background:var(--primary); /* en-t? ou pied de tableau en maron */
 color:#FFFFFF;						/* texte en noir */
 padding:3px 10px 3px 10px;   		/* sp?fie la marge qui s?re un ?ment de chacune de ses bordures (marges int?eures) */
 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?fie pas de d?rations d'un mot */
}
tbody td a:visited { color:gray;		/* si le texte ?? ? visit?lors couleur gris */
 text-decoration:line-through;		/* sp?fie d?rations d'un mot en barrage */
}
tbody td a:hover { text-decoration:underline; /* la cellule du corps survol?ar 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?ar le curseur couleur maron fonc?
}

tbody th, tbody td { text-align:left;	
 vertical-align:top;
}
tfoot td { background:var(--primary);
 color:#FFFFFF;
 padding-top:3px;
}
.odd { background:#fff;
}
tbody tr:hover { background:#99BCBF; /* ligne tableau du corps du tableau survol?ar le curseur couleur bleu fonc?
 border:1px solid #03476F;			/* bordure du tableau en bleu tr?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? (en haut) : il se d?nit avec les balises <thead></thead> ;
    le corps (au centre) : il se d?nit avec les balises <tbody></tbody> ;
    le pied du tableau (en bas) : il se d?nit avec les balises <tfoot></tfoot>. */