body {margin: 1em;padding: 0;font:.8em arial, hevetica, sans-serif;	text-align: left;color:#000;;}

#conteneur { width:50em; margin:auto;}
#titre, #pied {	font-size:1.1em ; font-weight:bold;	color: #FFF;background:#060;margin: 0;padding: .5em;}
#pied {	text-align: right;}
#pied input {font-weight: bold;margin-left: 1em;}
#contenu {border: 1px solid black;	color:#000;	background:#efefef;	margin: 0;	padding: 1em; overflow:hidden;} 
#contenu fieldset {	margin: 0;	font-style: normal;	padding: 0 1em 1em;}
#contenu legend {font-weight: bold;	color: black;	background: transparent;}
#contenu p {padding: .2em 0;	margin: 0 0 .2em 0;}
#contenu fieldset label {float: left;width: 30%;text-align: right;	margin: 0;	padding: 0 .5em 0 0;line-height: 1.8;}
#contenu label:hover, #pied input {	cursor: pointer;}
#contenu label.oblig {	font-weight: bold;}
#contenu .focus {background: beige;	color: black;}
#contenu .normal {background: white;	color: black;}
#contenu .legende {	font-style: italic;	color: #666;	background: transparent;	margin: 0;	padding: 0;font-size:85%;}

#contenu #connexion label {float: left;width: 40%;text-align: right;}

#contenu .alerte {	/*** Mis en évidence des champs mal renseignés ***/	border: 1px solid red;}
#contenu .messageAlerte {	/*** Mise en forme des message d'alerte ***/	display: block;	margin: 0 0 .3em .3em;	padding-left: 2em;	color: red;	font-weight: bold;}

.liens { text-align:center;}
.liens a { color:#060; text-decoration:none;}
.liens a:hover { text-decoration:underline;}



table {font-size: small;border-color:#000;border-collapse:collapse; margin:auto}
caption {margin:auto; color:#000000;}
tr.entete {background:#333333;color: #FFF;text-align: center;font-size: small; }
tr.entete th {border:1px solid #000; font-weight:bold; padding:2px;}
tr{	background: #fff;	color: #000000;}
td {padding: 1px 5px 1px 5px; border:1px solid #000;}

.rq { font-size:85%; font-style:italic;}