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

/*  */
.milieu p {
	font-family:trebuchet, arial, sans-serif;
	font-size:0.7em;
	color:black;
	padding:8px 15px 10px 15px;
	font-weight:bold;
}
/* pour ecrire à l'utilisateur qu'il n'y a pas encore de profil pour cet avion */
.milieu .highslide-gallery p#avion_info {
	font-weight:bold;
}

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

/* j'ai rajouté une classe aux image vignette parce que si on force la taille de toutes les images, 
le highslide pète sous Webkit */
img.vignette_avion {
	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;
}

#retour a {
	font-weight:bold;
	color:white;
	text-decoration:none;
}
#retour a:hover {
	text-decoration:none;
}

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