html pre
{
	width: 636px ;
}

		body
		{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
			background: #ffffff;
			
		}
			
		div#conteneur
		{
			width: 1024px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #fff ;
			background: #fff ;

		}
		
		h1#header
		{
			height: 110px ;
			background: url(bandeau.png) no-repeat left top;
		}
			
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(menugros.png) repeat-x 0 -25px ;
			list-style-type: none ;
		}
			
		ul#menu li
		{
			float: left ;
			text-align: center ;
			margin: auto;
			padding: 0;
		}
		
		ul#menu li a
		{
			width: 128px ;
			line-height: 25px ;
			font-size: 1.1em ;
			font-weight: none ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
			
		}
		
		ul#menu li a:hover
		{
			background: url(menugros.png) repeat-x 0 0 ;
		}
			
		ul#menu li ul
		{
		margin: auto;
		padding: 0px;
		float: none;
		display:none;
		list-style-type: none;
		position: absolute;
		background: url(fondhoriz.png);
		}
		
		ul#menu li ul a
		{
			height: 20px;
			width: 128px;
			line-height: 20px;
			font-size: 0.7em ;
			font-weight: none ;
			text-align: center;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
			border-top: 2px solid #dea;
		}
		
		ul#menu li ul a:hover
		{
			background: url(fondhoriz.png) repeat-x 0 0 ;
		}
		
		
	ul#menu li:hover ul 
	{
		display:block;
	}

	ul#menu li:hover ul li 
	{
		float:none;
	}

	
	
	div#actu
	
		{
			float: right;
			width: 350px;
			margin-top: 45px;
			margin-left: 15px;
			text-align: left ;
			border-top: 2px solid #fff ;
			border-left: 2px solid #fff;
			border-bottom:2px solid #fff;
			background: #1e350d;			
		}	
		
	div#actu h2
		{
			margin-left: 15px ;
			margin-right: 15px;
			padding-left: 5px ;
			line-height: 25px;
			font-size: 1.4em;
			text-align: center;
			font-weight: none;
			color: #eecbe1 ;
			border-bottom: 2px solid #eecbe1;
		}	

	div#actu li
{
			margin-left: 5px ;
			margin-right: 5px;
			padding-left: none ;
			line-height: 15px;
			font-size: 0.9em;
			text-align: left;
			font-weight: none;
			color: #eecbe1 ;
			list-style-type: none;
		}		
	div#actu a
{
			color:#eecbe1 ;
}
	
	
	div#contenu
		{
			padding: 0 30px 0 100px ;
			background: url(vertical.png) no-repeat 15px 15px ;
		}
	
	div#contenu h2
		{
			margin-top: 20px;
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(lotustransp.png) no-repeat left bottom ;
			color: #1e350d ;
			border-bottom: 1px solid #1e350d ;
		}

	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 ;
	margin-right: 15px;
}

div#contenu li
{
	text-align: justify;
	margin-right: 15px;
}

div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2;
}

	
p#footer

{
	margin: 0;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	font-size: 0.8em;
	color: #8a0 ;
}	

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;
		}

		</style>