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

#texte {
font-family:trebuchet, arial, sans-serif;
color:black;
padding:20px 20px 20px 20px;
}

#texte h2 {
font-size:1em;
font-weight:bold;
margin:30px 0 10px 40px;
color:#ff6600;
}

.page1 {
float:right;
margin-left:20px;
}

.page2 {
/*float:left;*/
margin:auto;
width:370px;
}

.page {
margin:0 5px 0 10px;
}

.lettrine {
font-weight:bold;
float:left;
color:#ff6600;
}

#texte p {
font-size:0.8em;
text-align:justify;
width:760px;
margin:10px 0 20px 0;
}

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

#texte a {
text-decoration:none;
color:gray;
}

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

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