/* Feuille de style pour l'écran */

body {
	margin:auto;
	min-width:400px;
	max-width:900px;
	font-family:sans-serif;
	font-size:12px;
	border-right: solid gray 1px;
	border-left: solid gray 1px;
}

img {border-width:0;}

a {color:black; text-decoration:none;}

/* Pour le débugage */
/*div,span,p,a,ul,li,img {border:dotted red 1px;}*/

/* Formatage pour les messages d'erreur */
.erreur {text-align:center;}
.erreur span{color:red; font-weight:bold; padding-left:18px; background:url('img/warning.png') top left no-repeat;}

/* Style pour les tableaux de résultats */
.liste {width:100%; border-left:solid silver 1px; border-bottom:solid silver 1px;}
.liste caption {background:url('img/fondEntete.png') top left repeat-x; border-right:solid silver 1px;
				text-align:left; font-size:16px; padding:5px; text-decoration:underline;}
.liste tr {}
.liste tr th {background:url('img/enteteListe.png') top left repeat-x; height:20px; border-right:solid silver 1px; color:black;}
.liste tr th a {display:block;}
.liste tr th.active {background:url('img/enteteListeActive.png') top left repeat-x;}
.liste tr th:hover {background:url('img/enteteListeHover.png') top left repeat-x; text-shadow:white 0px 0px 5px;}
.liste tr th.fixTri {width:16px;}
.liste tr td {border-right:solid silver 1px; padding:1px;}
.liste tr.l0 {background-color:white;}
.liste tr.l1 {background-color:#EDF3FE;}
.liste tr:hover {background-color:#3d80df; color:white;}

/* Variante pour l'accueil */
.accueil {margin-bottom:3em;}
.accueil .vide {text-align:center; font-style:italic; color:#800;}

/* Style pour la barre de titre */
#titre {line-height:50px; text-align:center; font-variant:small-caps; padding:0;
		border-bottom:solid gray 1px; background:url('img/fondTitre.png') top center repeat-x;}
#titre div {font-size:30px; font-weight:bold; padding:0; text-shadow:white 2px 2px 0px;}

/* Style pour la barre de menu */
#menubar {width:200px; float:left; background-color:#e6edf7;}
#menubar ul {padding:0; list-style:none;}
#menubar ul li {display:block; margin:0px; background:url('img/fondMenu.png') bottom center repeat-x;}
#menubar ul li a {display:block; padding:10px 5px;}
#menubar ul li a:hover {text-shadow:white 0px 0px 5px; background:url('img/fondMenuHover.png') bottom center repeat-x;}
#menubar ul li a:active {color:white; background:#616a79 none;}

/* Style pour le main et ses dérivés*/
#main {margin-left:200px; border-left:solid gray 1px;}

#entete {height:55px; border-bottom:solid gray 1px; background:url('img/fondEntete.png') top left repeat-x;}
#entete ul {display:inline; list-style:none; padding:0;}
#entete ul li {float:left; text-align:center;}
#entete ul li a {display:block; border:solid transparent 1px; text-decoration:none; padding:0 5px;}
#entete ul li a:visited {border:none;}
#entete ul li a:hover {border:outset silver 1px;}
#entete ul li a:active {border:inset silver 1px;}

#corps {position:relative; padding:5px;}

/* Style pour le pied de page */
#pied {clear:both; text-align:center; border-top:solid gray 1px; line-height:30px;
		background:url('img/fondPied.png') top center repeat-x;}

#version {position:absolute; top:0px; left:0px; font-size:9px;}