body {
	background-color: #000;
	background: url(images/fond.jpg) repeat-x left top ;
	list-style-type: none;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
{
			margin: 10px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #dea ;
			background-color: #000
		}
		
		div#conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			padding: 0;
			text-align: left ;
			border: 2px solid #fff ;
	background: url(images/ombre_page.jpg) repeat-y ;
		}
		
		h1#header
		{
			height: 100px ;
			margin: 0;
			padding: 0;
			text-align:center;
			font-size:25px;
			background: url(images/new_banniere.jpg) no-repeat left top ;
			color: #fff;
		}
		
		
#menu {
float: center;
height: 40px ;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 6em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: white;
border: 1px solid black;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid black;
width: 7,1em;
}
#menu li {
text-align: left;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #29589B;
}		
		div#contenu
		{
			padding: 0 25px 0 100px ;
	background: url(images/ombre_page.jpg) repeat-y ;
		}
		
		div#contenu h2
		{
			padding-left: 5px ;
			line-height: 25px ;
			font-size: 1.4em ;
			color: #000 ;
			border-bottom: 5px solid #000 ;
			border-left: 5px double #000 ;
		}
		
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 3px solid #000 ;
			border-left: 3px solid #000 ;
			color: #000 ;
		}

		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
			color: #000 ;
		}

		div#contenu a img
		{
			border: 0 ;
			border-style: none ;
		}


		div#contenu li
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
			color: #000 ;
		}
		
		
		div#contenu a
		{
			text-decoration: none;
			color: #000;
		}
		
		div#contenu a:hover
		{
			color:#29589B;
		}
		
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: center ;
			background-color: #fff;
	background: url(images/ombre_page.jpg) repeat-y ;
			color: #000 ;
		}
		
		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 ;
		}