body
		{
			margin: 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #e6e6e6;
		}
		
/* -- index --*/

		div#index
		{
			position: relative;
			margin-top: 30px; 
		    margin-left: auto;
     		margin-right: auto;
     		width: 800px;
     		text-align: left;
     		border: 0px;
     	}
     	
     	div#index img
     	{
     		border: 0px;
     	}	
		
		div#conteneur
		{
			width: 850px ;
			margin: 0 auto ;
			text-align: left ;
			border: 0px none;
			background: #e6e6e6 ;
		}
		
		h1#header
		{
			width: 400px ;
			height: 200px ;
			margin: 0 ;
			background: url('images/logo.jpg') no-repeat left top ;
		}
		
		h1#header a
		{
			width: 450px ;
			height: 200px ;
			display: block ;
			background: url('images/title.gif') no-repeat ;
			position: relative ;
			left: 400px ;
			top: 0px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: #E6E6E6 ;
			border-top: 1px solid #d7d7d7 ;
			border-bottom: 1px solid #d7d7d7 ;
			list-style-type: none ; 
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 106px ;
			line-height: 25px ;
			font-size: 1em ;
			font-weight: bold ;
			letter-spacing: 1px ;
			color: #000 ;
			display: block ;
			text-decoration: none ;
		}
		
		ul#menu li a:hover
		{
			text-decoration: underline ;
		}
		
		div#contenu
		{
			padding-top: 0 ;
			padding-left: 50px ;
			padding-right: 50px ; 
			padding-bottom: 0 ;
		}
		
		div#contenu h2
		{
			padding-left: 10px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url('images/puce.jpg') no-repeat left bottom ;
			color: #000 ;
			border-bottom: 2px solid #d7d7d7 ; 
		}
		
		div#contenu h3
		{
			margin-left: 80px ;
			font-size: 1.2em ;
			color: #000 ;
		}
		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
			margin-left: 40px;
			margin-right: 50px;
		}
		
		#loi
		{
		padding-top: 20px ;
		text-align: justify ;
		line-height: 1.7em ;
		margin-left: 210px ;
		margin-right: 30px ;
		}
		
		div#contenu a
		{
			color: #000 ;
			text-decoration: none ;
		}
		
		div#contenu a:hover
		{
			color: #000 ;
			text-decoration: underline;
		}
		
		div#contenu dl
		{
			margin-left: 100px;
		}	
		
		/* -- Bio -- */
		
		div#bio
		{
		margin-left: 50px;
		}
		
		div#bio p
		{
		margin-left: 0px;
		text-indent: 0em ;
		}
		
		p#bio
		{
		margin-left: 50px;
		margin-right: 50px;
		}
		
		/* -- Footer -- */
		
		p#footer
		{
			margin: 0 ;
			padding-right: 30px ;
			line-height: 30px ;
			text-align: right ;
			font-size: 0.8em ;
			color: #000 ;
		}
				
		p#footer a
		{
			color: #000 ;
			text-decoration: none ;
		}
		
		p#footer a:hover
		{
			color: #000 ;
			text-decoration: underline ;
		}		
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9599B8 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		* html pre
		{
			width: 636px ;
		}
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}