@import "menu/menu.css";


/*
pour le centrage du site, il faut utiliser Text-align ou <center> pour IE
car auto sur le padding fonctionne pas donc center obligatoire et sa fout la
merde complet sur tout le site
*/
	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;
		text-align: left;
		/* texte en gris avec police verdana pour le site*/
		font-family: verdana;
		font-size: 16px;
		color: #4F4F4F;
		/* trop claire
		color: #6F7073;
		*/
	}
	
	pre
	{
		font-family: verdana;
		font-size: 16px;
		color: #4F4F4F;
	}
	
	.site a 
	{
		text-decoration : none;
		color: #4F4F4F;
	}

	.site img
	{
		border: 0;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.entete 
	{
		position: relative;
		/* technique de centrage auto sans utiliser <center> */
		margin: 0px 0px 50px 0px;
		padding: 0px 0px 0px 0px;
		width: 100%;
		height: 100px;
		/*color: #808080;*/
		color: #6F7073;
	}
	
	/*-----------------------------------------------------------------------------------------------------------------*/
	
	.contenu
	{
		overflow: visible;
		float: left;
		/*width: 585px;*/
		width: 700px;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 20px 0px;
	}
	
	.contenu #bandeau
	{
		margin-bottom: 20px;
		border: none;
	}
	
	.liste li
	{
		margin: 30px 0px 10px 0px;
	}
	
	.titre_page
	{
		font-size: 25px;
		text-decoration: underline;
		font-weight: bolder;
		margin-bottom: 30px;
		text-align:center;
		width: 100%;
	}
	
	.pied
	{
		margin-top: 20px;
	}

	.pied img
				{
				border-color: #8de02f;
				border-width: 3px;
				border-style: solid;
				}
	
	.texte_gris
	{
		font-family: verdana;
		font-size: 16px;
		color: #4F4F4F;
	}
	
	.texte_vert
	{
		font-family: verdana;
		font-size: 16px;
		/* trop clair
		color: #C1D72F;
		*/
		color: #A1B70F;
		font-weight: bold;
	}

	.puce_fleche
	{
		 list-style-position: inherit;
		 list-style-image: url("image/puce/puce_fleche.png");
		 margin-left: 20px;
		 margin-top: 0px;
	}

	.puce_vide
	{
		list-style-type: none;
		margin-left: 0px;
	}
	
	#liste
	{
	   list-style-type: disc;
		color: #4F4F4F;
	}
	
	#liste li
	{
	   margin-top: 10px;
	}

	#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 2px 4px 2px;
	}
	
	#tableau th
	{
	   text-align : center;
	   border: 1px solid black;
	   border-bottom: 1px solid black;
	}
	
	.titre_reglement
	{
		font-weight: bold;
		margin: 20px 0px;
	}
	
	.ligne_impaire
	{
	   background-color: #e0e0e0;
	}
	
	#non
	{
	   background-color: red;
	   font-weight: bold;
	   color: white;
	}
	
	#oui
	{
	   background-color: green;
	   font-weight: bold;
	   color: white;
	}
	   
	
	
	/*
	address
	{
		position: relative;
		width: 100%;
		margin: 10px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	
	address div
	{
		position: relative;
		width: 840px;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
		background-color: #F5F5F5;
	}

	address a
	{
		text-decoration : none;
		color: #000000;
	}
	*/
	
	.actu
	{
		color: #ff7a00;
		width: 100%;
		margin-top: 20px;
	}
	
	.actu  caption
	{
		font-weight: bold;
		padding-bottom: 5px;
		text-align: left;
		text-decoration: underline;
	}
	
	.actu .date
	{
		font-weight: bold;
		font-size: 12px;
	}
	
	.actu .sep
	{
		height: 5px;
	}