body {
	background: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding:0px;
}

* {
	font-family: "Century Gothic";
	font-size: 12px;
}

table {
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

h1 {
	font-size: 25px;
	font-weight: bold;
	color: #000000;
	text-align: left;
    margin: 0 0 0.5em 0;
    padding: 0;
    font-size: 1.5em;
    font-family: "Trebuchet MS";
    color: #204a87;
    font-weight: normal;
}

h2 {
	padding-left: 25px;
	border-bottom: 1px solid #CACACA;
	border-top: 1px solid #CACACA;
	background: #eeeedd;
	padding-left: 20px;
	height: 25px;
	padding-top:3px;
}

img {
	border-width: 0px;
}

a:hover {
	text-decoration: none;
}

ul {
	list-style-type: square;
	text-indent: 25px;
}
/***********************************************************************************
bandeau
***********************************************************************************/
	#bandeau_commun {
		height: 100px;
		background: #FFFFFF url(logo.jpg) no-repeat left;
		text-align: right;
		width: 950px;
	}
	
	#bandeau_commun div.menu_commun {
		background: #FFFFFF url(background_menu_commun.png) no-repeat right;
		height: 40px;
		width: 300px;
		color: #000000;
		padding-right: 10px;
		padding-top: 13px;
	}
	
	#bandeau_commun div.menu_commun a{
		color: #000000;
		text-decoration: none;
	}

	#bandeau_commun div.menu_commun a:hover{
		color: #444444;
		text-decoration: underline;
	}
	
/***********************************************************************************
Structure
***********************************************************************************/
	#middle {
		width: 950px;
		text-align: left;
	}

/***********************************************************************************
Bas de page
***********************************************************************************/
	#footer {
		height: 70px;
		width: 950px;
	}

/***********************************************************************************
Formulaire
***********************************************************************************/
label.form {
	font-weight: bold;
	float: left;
}
input.btn {
	margin-top: 15px;
	width: 110px;
	margin-left: 70px;
}
input.chTextLong, select.chTextLong {
	width: 220px;
}

select.chListeMultiple {
	width: 220px;
}


/***********************************************************************************
Boutons
***********************************************************************************/
a.valid_btn {
	height: 24px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top : 2px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background : #FFFFFF url(bcg_btn.gif) repeat-x;
	border: 1px solid #7a8a99;
	margin-right: 5px;
}

a.valid_btn:hover {
	border: 1px solid #b8cfe5;
	text-decoration: none;
}

.valid_btn img {
	border-width: 0px;
	margin-right: 10px;
	vertical-align: text-bottom;
}

/***********************************************************************************
Afichage des messages
***********************************************************************************/




/*****/
#messagehead {
	position: absolute;
	top: 30px;
	text-align: center;
	width: 950px;
}

#message a {
	width: 600px;
	padding: 10px;
	padding-top:30px;
	padding-bottom:30px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	border: 8px solid #FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=135, Color:#CACACA);
}
#message a.information {
	background: #82c3ec;
}
#message a.information:hover {
	background: #006699;
}
#message a.warning {
	background: #ffcc33;
}
#message a.warning:hover  {
	background: #ff9900;
}
#message a.error{
	background: #f04343;
}
#message a.error:hover {
	background: #f04343;
}

/****/



/***********************************************************************************
Patienter
***********************************************************************************/
#Patienter {
	width: 600px;
	padding: 10px;
	padding-top:30px;
	padding-bottom:30px;
	text-decoration: none;
	text-align: center;
	color: #000000;
	background: #cccccc;
	border: 8px solid #FFFFFF;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=5, Direction=135, Color:#CACACA);
}
	
/***********************************************************************************
Afichage des tableaux. avec entete fixe.
Ajouter la taille de tbody
Ajouter la taille de la div fixeHeader, plus grande que celle de tbody
***********************************************************************************/

div.fixeHeader {
	height: 295px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	}

.fixeHeader table {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	}
	
.fixeHeader table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 250px;
	overflow-x: hidden;
	}
	
.fixeHeader thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	background-color: #FFFFFF;
	}

.fixeHeader td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/


/***********************************************************************************
Affichage de tableau 
***********************************************************************************/
	.liste td{
		border: 1px solid #000000;
		background: #FFFFFF;
		padding-right: 10px;
		padding-left: 10px;
	}
	.liste td.paire{
		background: #cccc99;
		border-width: 0px;
	}
	.liste td.impaire{
		background: #FFFFFF;
		border-width: 0px;
	}	
	.liste th {
		border: 1px solid #000000;
		padding-right: 10px;
		padding-left: 10px;
		background: #CACACA;
	}

/***********************************************************************************
Bloc d'information
***********************************************************************************/
	.bloc_information {
		border:1px solid #006699;
		margin: 5px;
		width: 300px;
		
	}
	.bloc_information p {
		padding: 10px;
		padding-top: 0px;
		color: #000000;
	}
	.bloc_information h1{
		padding-left: 15px;
		font-size: 12px;
		height: 38px;
		border: 4px solid #FFFFFF;
		padding-top: 5px;
		background: #006699;
		color: #ffffff;
		font-weight: bold;
	}
	.bloc_information img.gauche{
		float: left;
	}
