body{
		margin: 10px 0 ;
		padding: 0 ;
		text-align: center ;
		font: 0.8em Verdana, helvetica, sans-serif ;
		background: #dea ;


	   
/*	   background-color: #009933;
/*	   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
/*	   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
/*	   #background-image: url("im/fond.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
	}
	div#conteneur
	{
		width: 792px ;
		margin: 0 auto ;   
		margin-top : -10px ;
		text-align: left ;
		border: 2px solid #666666 ;
		background: #fff ;

	}
		
	div#header{
		background-color:#009900;
		padding-top: -10; 
	}
	
	div#barre_menu{
		/*float: left; /* Le menu flottera à gauche */
		width: 787px; /* Très important : donner une taille au menu */
		background-color:#dea;
	}

	
	div#corps{
		/*margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
		margin-bottom: 2px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
		margin-top: 0px;
		padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

		color: #FFFFFF;
		background-color: #669933; /* Une couleur de fond pour le corps */
		/*background-image: url("images/motif.png");
		/*background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

		/*border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
	}
		
	div#corps p
	{
		color: #FFFFFF;
		margin : 5px;
		padding : 5px ;
	}
	div#corps h4
	{
		color: #FFFFFF;
		font-size: 0.8em 
	}
	#table_bordure
	{
		color: #FFFFFF;
		font-size: 1em ;
		border-style:solid; 
		border-color:white;
		border-width:1;
		border-collapse : collapse ;
	

	}
	#table_sans_bordure
	{
		color: #FFFFFF;
		font-size: 1em ;
		
		border-color:white;
		border-width:1;
		border-collapse : collapse ;


	}
	
	#td_bordure
	{
		color: #FFFFFF;
		font-size: 1em ;
		border-style:solid; 
		border-color:white;
		border-width:1;
	}

	
	
	
	#footer{
	background-color:#669933;
	margin-top: -12px;
	margin-bottom : -12px ;
	}
	
	#image_droite{
		float: right;
		margin-right:20px;
	} 
	#suivant{
		float: right;
		margin-right:260px;
	} 
	#precedent{
		float: leff;
		margin-left:260px;
	} 
	#droite{
		float: right;
		/*margin-right:20px;   */
	} 	
	#gauche{
		float: left;
		/*margin-right:20px;   */
	} 


	
	/*  -----------------------  MENU ---------------------------------------------------- */
	
	table#menu
	{
		width : 781px ;
		height: 40px ;
		margin: 0 ;
		padding: 0 ;
		width : 600 ;
		Border : 1px;
		Border-Collapse: Collapse;
		
	}
	
	
	
	

/*  ----------------------- A VOIR ---------------------------------------------------- */
	
	h1#header
	{
		height: 171px;
		/* background: ecobag_ab.png no-repeat left top; */
	}
	
	div#conteneur h1
	{
		padding-left: 25px ;
		line-height: 25px ;
		font-size: 1.4em ;
		/*background: url(little_apple.gif) no-repeat left bottom ;   */
		color: #000000 ;
		/* border-bottom: 1px solid #9b2 ; */
	}
	
	
	div#conteneur h2
	{
		padding-left: 25px ;
		line-height: 25px ;
		font-size: 1.4em ;
		background: url(little_apple.gif) no-repeat left bottom ;
		color: #9b2 ;
		border-bottom: 1px solid #9b2 ;
	}
	/* Mise en forme du titre de page, une petite image,
	 on décale le texte en fonction de l'image, on donne un couleur au texte et
	  on met une bordure basse */
	  
	 div#ecobag {
		text-align : center ;
	 
	 }


	div#conteneur h3
	{
		margin-left: 15px ;
		padding-left: 5px ;
		border-bottom: 1px solid #9b2 ;
		border-left: 3px solid #9b2 ;
		color: #9b2 ;
	}
	/* De même que pour le titre h2, à ceci près qu'on
	 ne donne pas d'image décorative cette fois ci */
	
	div#conteneur li {
		font-family: Arial, sans-serif;
		font-size: 100%;
		color: white;
		display : list-item;
		/* list-style-image : (/im/poire.jpg);   */
	} 

	
	div#conteneur p
	{
		text-align: left ;
		/* text-indent: 2em ; */
		line-height: 1.7em ;
		padding-left: 25px ;
	}
	/* On rend les paragraphes plus propre, alignement justifié,
	 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */


	div#contenu a:visited
	{
		color: #FFFFFF ;
	}
	
	div#contenu a:link 
	{ 
	color: #FFFFFF; 
	}

	div#contenu a:hover
	{
		color: #006633;
	}
	div#corps a:visited
	{
		color: #FFFFFF ;
	}
	
	div#corps a:link 
	{ 
	color: #FFFFFF; 
	}

	div#corps a:hover
	{
		color: #006633;
	}
	/* On met en forme les liens contenu dans la page */

/*	p#footer
	{
		margin: 0 ;
		padding-right: 10px ;
		line-height: 30px ;
		text-align: right ;
		color: #8a0 ;
	}
	/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

	pre
	{
		overflow: auto ;
		background: #dea ;
		border: 2px solid #9b2 ;
		padding: 5px 0 0 5px ;
		font-size: 1.2em ;
	}
	/*une couleur de fond, une bordure, la taille de police
	 et un léger espace entre le texte et les bords du pre */

	pre span
	{
		color: #560 ;
	}
	/* Couleur de texte des éléments compris dans des span
	 eux mêmes compris dans un pre */

	pre span.comment
	{
		color: #b30000 ;
	}
	/* Couleur différente pour les span.comment, les span
	 utilisés pour les commentaires */