* {margin: 0; padding: 0;}
		html, body {
			height: 100%;
		}
		body
		{
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #000;
		}
		
		div#conteneur
		{
			min-height:100%;
			width: 770px ;
			margin: 0 auto ;
			text-align: left ;
			position:relative;
			border-left:2px solid #333333;
			border-right:2px solid #333333;
			background: #fff ;
		}
		
		h1#header
		{
			height: 57px ;
			background: url(../images/header.jpg) repeat-x left top ;
		}
		
		h1#header a
		{
			width: 300px ;
			height: 35px ;
			display: block ;
			background: url(../images/julien-fauconnier.png) no-repeat ;
			position: relative ;
			left: 10px ;
			top: 5px ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 30px ;
			background-color: #b82222 ;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			padding-right:10px;
			padding-left:10px;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #333 ;
		}
		
		ul#menu li a:hover
		{
			font-size: 2em ;
			background: url(../images/bg_menu.gif) repeat-x 0 0 ;
		}
		
		
		div#contenu
		{
			padding: 30px 50px 20px 50px ;
			background: url(../images/menu.png) repeat-x;
			height:100%;
		}
		
		div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background:  url(../images/puce.png) no-repeat left center ;
			color: #000 ;
			border-bottom: 1px solid #b82222;
		}
		
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #9b2 ;
			border-left: 3px solid #9b2 ;
			color: #9b2 ;
		}
		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
		
		div#contenu a,p#footer a
		{
			font-weight:bold;
			text-decoration:none;
		}
		div#contenu a
		{
		color: #333;
		}
		p#footer a
		{
		
		color:#FFF;
		}
		p#footer a:hover
		{
		color:#b82222;
		}
		div#contenu a:hover
		{
			color: #b82222 ;
		}
		
		p#footer
		{
			background: #666 url(../images/rouge.jpg) repeat-x;
			font-size: 0.9em ;
			padding-top: 15px ;
			line-height: 30px ;
			text-align: right ;
			color: #fff ;
			width:770px;
			position:absolute;
			bottom:0;
		}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		* html pre
		{
			width: 636px ;
		}
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
	}
	.forml{
	background-color:#CCC;
	display:inline;
	}