		
	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;
		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;*/
		}
		
		#souscorps2
		{
		float:right;
		width:290px;
		height:250px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:0px;
		padding:2px;
		
		/*border-color: blue;
		border-width:1;
		border-style:solid;*/
		}

		#souscorps1
		{
		
		float:left;
		width:290px;
		height:250px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:0px;
		padding:2px;
		
		/*border-color: red;
		border-width:1;
		border-style:solid;*/

		}
	
		#souscorps3
		{
		
		float:left;
		width:100px;
		height:100px;
		margin-left:0px;
		margin-right:0px;
		margin-top:20px;
		margin-bottom:0px;
		padding:0px;
		
		/*border-color: red;
		border-width:1;
		border-style:solid;*/

		}
		
		#souscorps4
		{
		
		float:right;
		width:175px;
		height:160px;
		margin-left:0px;
		margin-right:0px;
		margin-bottom:0px;
		margin-top:20px;
		padding:0px;
		
		/*border-color: red;
		border-width:1;
		border-style:solid;*/

		}
	#corps
	{
		margin-left:150px;
		margin-bottom:20px;
		margin-top:0px;
		padding:2px;
		
		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 h2 /* Tous les titres h1 du corps */
		{
			color:#B3B3B3;
			text-align:center;
			font-family:Arial, "Arial Black", "Times New Roman", Times, serif;
		}	
		#corps h3 /* Tous les titres h2 du corps */
		{
			height:30px;

			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 */
			
			padding-left:30px;
			color:#B3B3B3;
			text-align:left;
		}
		
		.section_judo
		{
			color: red;
		}
		
		#cadre_0
		{
			width:605px;
		/*border-color:blue;
		border-width:1;
		border-style:solid;*/
		}
		#cadre_1
		{
			float:left;
			width:400px;
			
		/*border-color:green;
		border-width:1;
		border-style:solid;*/
		}
		#cadre_2
		{
			float:right;
			width:200px;

		/*border-color:red;
		border-width:1;
		border-style:solid;*/
		}
		
		#cadre_3
		{
			width:200px;
		/*border-color:gray;
		border-width:1;
		border-style:solid;*/
		}
		#fin_corps
		{
			width:605px;
		/*border-color:yellow;
		border-width:1;
		border-style:solid;*/
		}


/*******************************************             Fin Corps                 ******************************************/


/********************************               Début Tableaux News                   ***************************** */	
/*th, td
		{  
		border:1px solid black;
		text-align:center;
        }*/
table
		{
            border-collapse:collapse;
            margin:auto;
			/*border: 4px outset blue; /* Bordure du tableau avec effet 3D (outset) */
			text-align: center;
			margin: auto;
		}
/*th /* Les cellules d'en-tête 
		{
			background-color: #86BDF4;
			color: white;
			font-size: 1.1em;
			border: 1px solid black;
			font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
		}*/
td /* Les cellules normales */
		{
		   border: 1px solid black;
		   text-align: center; /* Tous les textes des cellules seront centrés
		   padding: 0px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
		}
	


/****************************                    Fin Tableau News                 *********************************/
	
/*******************************        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               ******************************************/

