body {
text-align:center;
font:0.8em "Trebuchet MS", helvetica, sans-serif;
background:#4D88BC;
margin:25px 0;
padding:0;
}

div#conteneur {
width:900px;
text-align:left;
background:#fff;
margin:0 auto;
}

h1#header {
height:200px;
background:url(images/bandeau.jpg) no-repeat left top;
margin:0;
}

h1#header a {
width:660px;
height:75px;
display:block;
background:url(images/spacer.gif) no-repeat;
position:relative;
left:220px;
top:70px;
text-indent:-5000px;
}

ul#menu {
height:35px;
background:url(images/bg_menu.gif) repeat-x 0 -25px;
list-style-type:none;
margin:0;
padding:0;
}

ul#menu li {
float:left;
text-align:center;
}

ul#menu li a {
width:140px;
line-height:25px;
font-size:1.2em;
font-weight:700;
letter-spacing:2px;
color:#fff;
display:block;
text-decoration:none;
}

ul#menu li a:hover {
background:url(images/bg_menu.gif) repeat-x 0 0;
color:#fff;
}
div#contenu {
	margin: 15px;
}

div#contenu h2 {
	padding-left: 55px;
	line-height: 25px;
	font-size: 1.6em;
	background: url(images/etoile.gif) no-repeat left bottom;
	color: #B47D08;
}
div#contenu h3 {
	font-size: 1.4em;
	color: #B47D08;
	text-align:center
}
div#contenu p {
text-align:justify;
text-indent:2em;
line-height:1.7em;
}

div#contenu a {
color:#B47D08;
}

div#contenu a:hover {
	color: #B47D08;
}

p#footer a {
line-height:20px;
text-align:center;
color:#8a0;
margin:0;
}

pre {
overflow:auto;
background:#dea;
border:2px solid #9b2;
font-size:1.2em;
padding:5px 0 0 5px;
}

* html pre {
width:636px;
}

pre span {
color:#560;
}

pre span.comment {
color:#b30000;
}

img {
border:0;
margin:0;
padding:0;
}

p#footer,p#footer a:hover {
	line-height: 20px;
	text-align: center;
	color: #990000;
	margin: 0;
}