body
	{
		width:auto;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;	
				
		background-image:url("../images/background.jpg");
		background-color:#E8F0F4;
		background-repeat:no-repeat;

		/*background-color:#E8F0F4;*/
		/*background-repeat:no-repeat;*/
		
		/*border-color:blue;
		border-width:5;
		border-style:solid;*/
	}
	
	#sousbody
	{
		width:780px; /* largeur du sous body en bleu */
		height:auto;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;	
		background-color:#E8F0F4;
		
		/*border-color:gray;
		border-width:5;
		border-style:solid;*/
	}
/***********************************         Début en-tête              ****************************/
	#en_tete
	{
		width:780px;
		height:140px;
		background-image:url("../images/banniere.gif");
		background-repeat:no-repeat;
		margin-left:0px;
		
		/*border-color:red;
		border-width:5;
		border-style:solid;*/
	}
/***********************************              Fin en-tête              *****************************/
	
/*****************************************          Début Menu               *****************************/
	#menu
	{
		float:left;
		width:140px;
		margin-top:0px;
		
		/*border-color:green;
		border-width:5;
		border-style:solid;*/
	}			
		.element_menu
		{
			background-image:url('../images/fond_menu.jpg');
		}
	/* Quelques effets sur les menus */
		.element_menu h4, h3
		{	
			color:black;
			font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
			/*text-align:right;*/
		}
		.element_menu ul
		{
			list-style-image:url("puce.png");
			padding:0px;
			padding-left:20px;
			margin:0px;
			margin-bottom:5px;
		}
		.element_menu a
		{
			color:#B3B3B3;
		}
		.element_menu a:hover
		{
			color:black;
		}
/*************************************          Fin Menu              ***********************************************/
#test
	{
		margin-top: 0px;
		float:left;

		/*border-color:pink;
		border-width:5;
		border-style:solid;*/
	}
	
/***********************************             Début Corps           ***************************************/
		#news
		{
		width:605px;
		/*border-color: green;
		border-width:1;
		border-style:solid;*/
		}
	
		
		#corps2
		{
		width:605px;
		/*border-color: green;
		border-width:1;
		border-style:solid;*/
		}
		
		
	#corps
	{
		margin-left:150px;
		margin-bottom:20px;
		margin-top:0px;
		padding:2px;
		height:auto; 
		
		color:black;
		background-color:#F2F8FD;
		background-image:url("motif.png");
		background-repeat:repeat-x;
		
		/*border-color:yellow;
		border-width:1;
		border-style:solid;*/
	}
		p
		{	
		   text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
		   text-align: justify; /* Ils seront justifiés */
		}
			
		.important
		{
			text-align: center;
			color: red;
			font-size: 18px;
		}
		.decalage80
		{
			text-indent:80px;
		}
		.decalage20
		{
			text-indent:20px;
		}
		.decalage40
		{
			text-indent:40px;
		}
		.lettres_minuscules
		{
			list-style-type: lower-alpha;
		}
		.rien
		{
		   list-style-type: none;
		}

		#corps h3 /* Tous les titres h1 du corps */
		{
			/*color:#B3B3B3;
			background-image:url("titre.png");  Une petite image de fond sur les titres h2 
			background-repeat:no-repeat;  L'image ne se répètera pas, elle sera à gauche du titre */
			text-align:center;
			font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
		}	
		
		.section_judo
		{
			color: red;
		}
		
		#cadre_retrait
		{
			float:right;
			width:55px;
			margin-left:0px;
		}
		.sans
		{
			list-style-type: none;
			color:red;
		}
		.retrait
		{

				color: red;
			  list-style-position: outside;
			 padding: 12px;

		}
		
		#cadre_1
		{
			float:right;
			width:205px;
			margin-left:0px;
		}
		#cadre_2
		{
			width:405px;
			margin-top:0px;
		}


/*******************************************             Fin Corps                 ******************************************/
/***************************************        Début mise en pages licencié *****************************************/

		#licencie_base
		{
			width:auto;
			height:auto;
			margin:auto;
	
			/*border-color: blue;
			border-width:1;
			border-style:solid;*/
		}
		
		#licencie
		{
			width:500px;
			height:auto;
			margin:auto;
	
			/*border-color: red;
			border-width:1;
			border-style:solid;*/
		}
		#licencie_photo
		{
			width:100px;
			height:100px;
			float:left;
			margin:auto;
			
			
			/*border-color: green;
			border-width:1;
			border-style:solid;	*/
		}
		#licencie_texte
		{
			width:230px;
			height:150px;
			margin:auto;
			
			/*border-color: white;
			border-width:1;
			border-style:solid;	*/
		}
		#licencie_palmares
		{
			width: auto;
			height:auto;
			margin:auto;
			
			/*border-color: yellow;
			border-width:1;
			border-style:solid;	*/
		}


/****************************************** Fin mise n pages licencié   *******************************************/

/********************************               Début Tableaux Horaires                     ***************************** */	
		th /* Les cellules d'en-tête */
		{
		   background-color: #86BDF4;
		   color: white;
		   font-size: 1.1em;
		   border: 1px solid black;
		   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
		}
		td /* Les cellules normales */
		{
		   border: 1px solid black;
		   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
		   text-align: center; /* Tous les textes des cellules seront centrés*/
		   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
		}

		table
		{
			border-collapse: collapse;
			border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
			text-align: center;
			margin: auto;
		}
		caption
		{
			margin: auto; /* Centre le titre du tableau */
			font-family: Arial, Times, "Times New Roman", serif;
			font-weight: bold;
			font-size: 1.2em;
			color: #009900;
			margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
		}

/****************************                    Fin Tableau Horaires                  *********************************/
	
/*******************************        Début Pied de Page                      **************************************/
		#pied_de_page
		{
			/*padding:1px;*/
			text-align: center;
			color:black;
			background-color:#F4F9FD;
			/*background-image:url("../images/pied.jpg");*/
			/*background-repeat:repeat-x;*/
			/*border:1px solid black;*/
			/*border-color:black;
			border-width:5;
			border-style:solid;*/
		}
		
/**************************************          Fin Pied de Page               ******************************************/