

	
	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;*/
	}
	
		#bouton
	{
	padding-left:80px;
	}
	#bouton a:hover
	{
		color: red;
		font-size: 14pt;
	}
/***********************************         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              *****************************/
	#bouton
	{
	padding-left:0px;
	}
	#bouton a:hover
	{
		color: red;
		font-weight: 700;
		font-size: 12pt;
	}
/*****************************************          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 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;
		}
		.sans
		{
			list-style-type: none;
			color:red;
		}
		#cadre_1
		{
			float:right;
			width:205px;
			margin-left:0px;
		}
		#cadre_2
		{
			width:405px;
			margin-top:0px;
		}


/*******************************************             Fin Corps                 ******************************************/	
/*******************************        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               ******************************************/
