/*** Mise en forme générale de la page ***/

body {
	font: 80% verdana, arial, sans-serif;
	margin: 1em;
	padding: 0;
	text-align: center;
	color: white;
	background: black;
}

body span.navPage a, a:visited, a:active {	/* Mise en forme des liens du corps de la page, hors tableau */
	text-decoration: none;
	color: blue;
	background: transparent;

}	
	
p#notes {
	border-bottom: 1px dotted black;
	padding-bottom: 1em;
}
p#footer {
	border-top: 1px dotted black;
	padding-top: 1em;
}
code {
	font-size: .9em;
}
html>body code {
	font-size: 1.3em;
}

/*** Mise en forme du tableau ***/

table {	/* Mise en forme du tableau (cadre) */
	border-collapse: collapse;	/* Suppression des espace entre les cellules	*/
	border: 2px solid black;
	margin-left: auto; 
	margin-right: auto;
	width: 90%;
	color: black;
	background: white;
	
}
caption {	/* Mise en forme de la légende */
	text-align: left;
	font: italic 100% vardana, arial, sans-serif;
	margin-bottom: .5em;
	color: pink;
	margin-left: auto; 
	margin-right: auto;
}

/*** Mise en forme du titre du tableau ***/

thead td#titreTableau {	/* Mise en forme du bandeau de titre du tableau */
	font: bold 120% verdana, arial, sans-serif;
	color: white;
	background: grey;
	padding: .2em .5em;
}
thead td {	/* Mise en forme de la rangée de navigation page à page */
	border: 1px solid black;
}


td span.navPage {	/* Mise en forme de la navigation page à page */
	float: left;	/* Alignement du nombre de pages à gauche */
	margin-left: .3em;	/* Ajustement des marges */
}

td span.navPage a, td span.navPage span {	/* Mise en forme des liens de la navigation page à page */
	float: left;	/* Pour activer les marges intérieures */
	margin: .2em 0;
	padding: .1em .3em;
}

td span.navPage a:active {	/* Mise en forme de la navigation page à page */
	font-weight: bold;	/* Mis en évidence de la page en cours */
}

td span.navPage a:hover {	/* Mise en forme des liens de la navigation page à page (survol de la souris) */
	background: #e0e0e0;
}
thead td span#nbLignes {	/* Mise en forme du choix du nombre de lignes par pages */
	float: right;	/* Alignement de l'ensemble des numéros de pages à droite */
}
thead th {	/* Mise en forme des intitulés de colonnes */
	font-size: 110%;
	color: black;
	background: #c0c0c0;
	padding: .1em .5em;
	border: 1px solid black;
	text-align: left;
	vertical-align:top;
}
thead th a, thead th a:visited, thead th a:active {	/* Mise en forme des liens des intitulés de colonnes */
	text-decoration: none;
	color: black;
	background: transparent;
	padding: 0 1.1em;
	text-align: left;
	vertical-align:top;
}
thead th a:hover {	/* Mise en forme des liens des intitulés de colonnes (survol de la souris) */
  text-decoration: underline;
}

/*** Mise en forme du corps du tableau ***/

tbody td, tbody th {	/* Mise en forme des cellules */
	font-size: 100%;
	color:black;
	border: 1px solid black;
	padding: .2em;
	text-align: left;
	vertical-align:top;
	
}
tbody td.etat {	/* Alignement à droite des nombres dans les cellules */
  text-align: center;
  width:100px;
}

tbody th.etat {	/* Alignement à droite des nombres dans les cellules */
  text-align: center;
  width: 100px;
}


tbody tr.lignePair td, tbody tr.lignePair th {	/* Mise en forme des lignes paires */
  background: #e0e0e0;
}
tbody td.colonneTriee, tbody th.colonneTriee {	/* Mise en forme des cellules de la colonne triée */
  background: #f0f0f0;
}
thead th.colonneTriee {	/* Mise en forme de l'intitulé de la colonne triée */
  background: #b0b0b0;
}
thead th.colonneTriee a {	/* Mise en forme du lien de l'intitulé de la colonne triée */
	padding: 0 1.1em;
	background: url(fleche-bas.gif) left center no-repeat; 
	display: block;	/* Code necessaire à IE 5.x pour bien positionner l'image */
	voice-family: "\"}\"";
	voice-family: inherit;
	display: inline;	/* Cette ligne de code n'est pas visible que par IE 5.x */
}
tbody tr.lignePair td.colonneTriee, tbody tr.lignePair th.colonneTriee {	/* Mise en forme des cellules de la colonne triée ET de la ligne grisée */
  background: #d0d0d0;
}
tbody td a.bouton {	/* Mise en forme des liens de corps de tableaux */
	font: bold 90% verdana, arial, sans-serif;
	padding: 0 .5em;
	margin: 0 0 0 .2em;
	color: white;
	background: gray;
	text-decoration: none;
	border: 1px solid black;
	float: left;	/* Code necessaire à IE 5.x pour respecter les marges des boutons */
	voice-family: "\"}\"";
	voice-family: inherit;
	float: none;
}
tbody td a.bouton:hover {	/* Mise en forme des liens de corps de tableaux (survol de souris) */
	color: white;
	background: black;
}

/*** Mise en forme du pied de tableau ***/

tfoot td#piedTableau {	/* Mise en forme du pied du tableau */
	text-align: right;
	color: white;
	background: black;
	padding: .2em .5em;
	border: 1px solid black;
}
tfoot td#piedTableau input {	/* Mise en forme des liens de pieds de tableaux */
	font-weight: bold;
	padding: 0;
	margin: 0 .5em;
}