body
		{
   margin: 10px 0;
   padding: 0;
   text-align: center;
   font: 0.8em "Trebuchet MS", helvetica, sans-serif;
   background: url(../images/fond-base02.jpg);
   }
		
		div#conteneur
		{
   width: 980px;
   margin: 0 auto;
   text-align: center;
   border: 2px solid #B8860B;
   background: #FFF2D9;
}
		
		h1#header
		{
			height: 150px ;
			margin: 0 ;
			text-align: center;
			background: url(../images/header-eco.jpg) no-repeat center;
		}
      
    		ul#menu
		{
			height: 27px ;
			margin: 0 ;
			padding: 0 ;
			background: url(../images/bg_menu.gif) repeat-x 0 -25px ;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 155px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #FFDAB9 ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
		}
		
		ul#menu li a:hover
		{
			background: url(../images/bg_menu.gif) repeat-x 0 0 ;
		}
   
      		
		div#contenu
		{
			padding: 5px 5px 5px 5px ;
		}
		
		div#contenu h2
		{
			padding-left: 32px ;
			line-height: 32px ;
			font-size: 1.4em ;
			background: url(little_apple.gif) no-repeat left bottom ;
			color: #333333;
			border-bottom: 1px solid #333333;
		}
		
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #333333 ;
			border-left: 3px solid #333333;
			color: #333333 ;
		}
		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
         color: black;
		}
		
		div#contenu a
		{
			color: #D2691E ;
		}
		
		div#contenu a:hover
		{
			color: #FF7F50 ;
		}
		

		div#contenu .article
		{
		width: 800px;
		text-align: left;
		}
		
		
		div#contenu .article .img_g
		{
		float: left;
		padding: 5px 10px 5px 10px ;
		}
		
		div#contenu .article h2
		{
		padding-left: 32px ;
		line-height: 32px ;
		font-size: 1.4em ;
		background: url(../images/favicon.png) no-repeat left bottom ;
		color: #333333;
		border-bottom: 1px solid #333333;
		}
		
		div#contenu .article h4
		{
		text-align: center;
		text-indent: 2em ;
		line-height: 1.7em ;
		font: 1em "Trebuchet MS", helvetica, sans-serif;
        color: black;
		padding: 5px 10px 5px 10px ;
		}
		
		div#contenu .article .img_d
		{
		float: right;
		padding: 5px 10px 5px 10px ;
		}
		
		div#contenu .article p
		{
		padding: 5px 10px 5px 10px ;
		}
		
		
		div#contenu .separateur
		{
		width: 800px;
		height: 50px ;
		background: url(../images/separateur.gif) no-repeat;
		}

		
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: center ;
			color: #D2691E ;
		}
      
      p#footer2
{
   height: 150px;
   margin: 0px auto;
   text-align: right;
   color: #D2691E;
   background-image: url(../images/footer.jpg);
}
		
		pre
		{
   overflow: auto;
   background: Black;
   border: 2px solid #D2691E;
   padding: 5px 0 0 5px;
   font-size: 1.2em;
}
		
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}