html, body {
height:100%;
}

* {margin:0px; padding:0px;}

body {
background-color:#666;
background-image:url(../images/hachures.jpg);
background-repeat:repeat-x;
}

#principal {
background-image:url(../images/tornado.jpg);
width:800px;
height:382px;
margin:auto;
}

#credit {
width:370px;
font-family:trebuchet, arial, sans-serif;
font-size:0.7em;
text-align:right;
color:white;
position:relative;
left:410px;
top:364px;
}

#corps {
width:800px;
margin:auto;
}

.haut {
background-image:url(../images/bandeau_orange.jpg);
height:40px;
}

.haut h1 {
	font-family:trebuchet, arial, sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:white;
	position:relative;
	top:4px;
	left:15px;
}

.milieu {
background-image:url(../images/fond.jpg);
width:800px;

margin:auto;
}

#plan {
padding:15px;
}

#plan h1{
font-family:trebuchet, arial, sans-serif;
font-size:1em;
color:black;
font-weight:normal;
}

#plan p {
font-family:trebuchet, arial, sans-serif;
font-size:0.8em;
color:black;
margin-left:20px;
}

#plan li {
	list-style-type:none;
	display:block;
	font-family:trebuchet, arial, sans-serif;
	font-size:0.6em;
	color:black;
	margin-left:80px;
}

#plan a {
	text-decoration:none;
	color:black;
}

#plan span.gris {
	text-decoration:none;
	color:gray;
}

.bas {
background-image:url(../images/bandeau_orange_2.jpg);
height:40px;
}

img {
width:243px;
height:91px;
margin:10px 0 5px 16px;
}

#retour {
width:140px;
position:relative;
left:650px;
top:10px;
font-size:1em;
font-family:trebuchet, arial, sans-serif;
color:white;
}

.footer {
	width: 300px;
	text-align:center;
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	font-family:trebuchet, arial, sans-serif;
	font-size:0.7em;
	color:white;
}

.footer a {
text-decoration:none;
color:white;
}

li {
display:inline;
text-decoration:none;
}