body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #000 url('images/body.gif') ;
		}
		
		#home {
			position:absolute ;
			left: 50% ;
			top: 50% ;
			width: 390px ;
			height: 557px ;
			margin-top: -278px; /* moitié de la hauteur */
			margin-left: -195px; /* moitié de la largeur */
			border: 1px solid #CE0B1D ;
			background-color: #000 ;
		}
		
		div#conteneur
		{
			width: 960px ;
			margin: 0 auto ;
			text-align: left ;
			border: 1px solid #CE0B1D ;
			background: #fff ;
		}
		
		h1#header
		{
			width: 960px ;
			height: 258px ;
			margin: 0 ;
			background: url('images/header.jpg') no-repeat left top ;
		}
		
		span#header
		{
			float: right ;
			padding-top: 0px ;
			padding-right: 5px ;
		}	
		
				
		ul#menu
		{
			height: 29px ;
			margin: 0 ;
			padding: 0 ;
			background: url('images/bg_menu.jpg') repeat-x 0 0px ;
			list-style-type: none ; 
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 160px ;
			line-height: 25px ;
			font-size: 1em ;
			font-weight: bold ;
			letter-spacing: 1px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
		}
		
		ul#menu li a:hover
		{
			background: url('images/bg_menu.jpg') repeat-x 0 0 ;
			color: #FF0000 ;
			font-size: 1.2em ;
			font-weight: bold ;
		}
		
		div#contenu
		{
			padding-left: 50px ; 
			padding-right: 50px ; 
			padding-top: 0 ; 
			padding-bottom: 0 ;
		}
		
		div#contenu h2
		{
			background: url('images/puce2.gif') no-repeat ;
			padding-left: 35px ;
			line-height: 25px ;
			font-size: 1.6em ;
			color: #CE0B1D ;
			border-bottom: 1px dotted #CE0B1D ; 
		}
		
		div#contenu h3
		{
			background: url('images/puce.png') no-repeat ;
			margin-top: 40px ;
			padding-top: 5px ;
			padding-left: 30px ;
			font-size: 1.3em ;
			border-bottom: 1px dotted #CE0B1D ;
			color: #CE0B1D ;
		}
		
		div#fb_ms
		{
			text-align: right ;
			padding-top: 10px ;
		}
		
		img.fb_ms
		{
			border: 0;
		}
		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 0em ;
			line-height: 1.5em ;
			color: #000 ;
		}
		
		div#contenu a
		{
			color: #000 ;
			text-decoration: none ;
		}
		
		div#contenu a:hover
		{
			color: #CE0B1D ;
			text-decoration: none;
		}
		
		.img
		{
			border: 0;
		}	
		
		
		/* -- Contact -- */
		
		p.contact
		{
			padding-left: 110px;
		}	
		
		
		/* -- Footer -- */
		
		p#footer
		{
			padding-top: 5px ;
			padding-right: 10px ;
			margin-bottom: 0px ;
			height: 25px ;
			text-align: right ;
			background: #000 url('images/footer.gif') repeat-x ;
			color: #fff ;
		}
		
		p#footer a
		{
			color: #fff ;
			font-style: italic ;
			font-size: 0.9em ;
			text-decoration: none ;
			font-weight: bold ;
		}
		
		p#footer a:hover
		{
			color: #FF0000 ;
			font-weight: bold ;
			font-style: italic ;
			text-decoration: none ;
		}
		
		#copyright
		{
			float: left ;
			color: #fff ;
			padding-left: 5px ;
			font-size: 0.9em ;
		}	
		
		pre
		{
			overflow: auto ;
			background: #fff ;
			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 ;
		}