html
	/*.web*/
	{
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
		vertical-align: top;
		height: 100%;
		/*width: 100%;*/
		/*
		background-image: url( image/papier_peint.png );
		background-repeat: no-repeat;
		background-position: center top;
		*/
	}
			
	.site
	{
		position: relative;
		/* technoique de centrage auto sans utiliser <center> */
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 900px;
		height: 800px;
		overflow: visible;
		text-align: left;
		/* texte en gris avec police verdana pour le site*/
		font-family: verdana;
		font-size: 16px;
		color: #4F4F4F;
		/* trop claire
		color: #6F7073;
		*/
	}
	
	.site_admin
	{
		position: relative;
		/* technoique de centrage auto sans utiliser <center> */
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 100%;
		overflow: visible;
		text-align: left;
		/* texte en gris avec police verdana pour le site*/
		font-family: verdana;
		font-size: 16px;
		color: #4F4F4F;
		/* trop claire
		color: #6F7073;
		*/
	}
	
	.password
	{
		position: relative;
		/* technoique de centrage auto sans utiliser <center> */
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		width: 300px;
		height: 300px;
		text-align: left;
		/* texte en gris avec police verdana pour le site*/
		font-family: verdana;
		font-size: 16px;
		color: #4F4F4F;
		/* trop claire
		color: #6F7073;
		*/
		border: 1px solid;
	}
	
	#tableau
	{
		width: 100%;
		border-collapse: collapse;
		font-family: verdana;
		font-size: 14px;
		white-space: nowrap;
	}
	
	#tableau td
	{
	   text-align : center;
	   border: 1px solid black;
	   padding: 4px;
	}
	
	#tableau th
	{
	   text-align : center;
	   border: 1px solid black;
	   border-bottom: 1px solid black;
	   padding: 4px;
	}
	
	.ligne_impaire
	{
	   background-color: #e0e0e0;
	}
	
	#non
	{
	   background-color: red;
	   font-weight: bold;
	   color: white;
	}
	
	#oui
	{
	   background-color: green;
	   font-weight: bold;
	   color: white;
	}
	
	/* --------- formulaire d'inscription ---------- */

	.contenu
	{
		text-align: center;
	}
	
	#formulaire
	{
		width : 600px;
		margin: 0 auto 0 auto;
		font-size: 12px;
	}
	
	#formulaire input
	{
		/*border: solid 1px #B0B0B0;*/
	}
	
	#tete, #piedformulaire
	{
		color: white;
		background: black;
		padding: 5px;
		margin: 0px;
		text-align:center;
		font-weight: bold;
	}
	
	#piedformulaire
	{
		text-align: right;
	}
	
	#piedformulaire input
	{
		font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
		margin-left: 15px;
	}
	
	#piedformulaire #retour
	{
		float: left;
	}
	
	#piedformulaire2
	{
		color: white;
		background: black;
		padding: 5px;
		margin: 0px;
		border: none;
		border-collapse: collapse;
		width: 100%;
		height: 30px;
	}

	#piedformulaire2 form
	{
		margin: 0;
		padding: 0;
	}
	
	#piedformulaire2 input
	{
		font-weight: bold;
		margin: 0 15px 0 15px;
	}
	
	#modif
	{
		float: left;
	}
	
	#valid
	{
		float: right;
	}
	
	#fond
	{	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
		border: 1px solid black;
		color: black;
		background: #efefef;
		margin: 0;
		padding: 5px;
		text-align: left;
		font-family: arial;
	}
	
	#fond textarea
	{
		font-family: arial;
	}
	
	#fond fieldset
	{
	   padding: 5px;
	}
	
	#fond fieldset#licencie
	{
	   margin: 0px 10px 0px 10px;
		padding: 5px;
	}

	#fond legend
	{
	   margin: 5px;
	}
	
	#fond p
	{
	   margin: 0px 0px 5px 0px;
	   padding: 2px;
	   width: 100%;
	   overflow: visible;
	}
	
	#fond .image_validation img
	{
		position: relative;
		left: 5px;
		border: none;
		Height: 15px;
		width: 15px;
	}
	
	input.file
	{
		font-weight: bold;
	}
	
	#fond p#sexe input
	{
	   margin-left: 10px;
	   border: 1px solid 
	}
	
	#fond fieldset label
	{	/*** Mise en forme des intitulés de champs ***/
		float: left;	/*** Très important, ne pas suprimer ! ***/
		width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
		text-align: right;	/*** ... et ils sont alignés à droite... ***/
		margin: 0;
		padding: 0 7px 0 0;
	}
/*	
	#input
	{
		padding: 2px;
		margin: 2px 0px 2px 5px;
		background-color: white;
		border: 1px solid grey;
		text-align: left;
		width: 40px;
		height: 17px;
		left: 40%;
		position: relative;		
	}
*/
	#fond .alerte
	{	/*** Mis en évidence des champs mal renseignés ***/
		border: 1px solid red;
	}
	
	#fond .alerte span/*.message_alerte*/
	{	/*** Mise en forme des message d'alerte ***/
		display: block;
		margin: 0 0 5px 5px;
		padding-left: 25px;
		color: red;
		font-weight: bold;
		background: url("pages/lacourse/inscriptions/icon_alert.png") no-repeat left center;
	}
	
	.menu_admin
	{
		margin: auto auto;
		display: block;
		width: 400px;
		background-color: #CCCCCC;
		display: block;
		border: 1px solid red;
	}
	
	.menu_admin a
	{
		padding: 15px 0 0 0px;
		width: 100%;
		height: 30px;
		text-decoration: none;
		border: solid blue 1px;
		text-align: center;
		float: left;
		font-weight: bold;
	}
	
	.bleu
	{
		background-color: #E0E0FF
	}