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

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

.bahrein_flag {
float:left;
width:150px;
margin-right:10px; 
text-align:center;
}

.roundel_as_j {
float:left;
width:200px;
text-align:center;
margin:0 10px 0 0;
}

.roundel_b_q {
float:right;
width:200px;
text-align:center;
margin:0 0 0 10px;
}

.sirene {
float:left;
margin:0 10px 5px 0;
width:150px;
text-align:center;
}

.aigle {
float:left;
margin:5px 10px 5px 0;
width:200px;
text-align:center;
}

.chevalier {
float:right;
margin:0 0 5px 10px;
width:100px;
text-align:center;
}

.lafayette {
float:right;
margin:0 0 5px 10px;
width:240px;
text-align:center;
}

.moselle {
float:right;
margin:0 0 5px 10px;
width:120px;
text-align:center;
}

.neuneu {
float:left;
margin:0 10px 5px 0;
width:120px;
text-align:center;
}

.soustxt {
font-size:0.6em;
font-weight:bold;
}

table {
width:760px;
margin:auto;
padding-top:10px;
}

.legende {
font-size:0.6em;
text-align:center;
font-weight:bold;
}

#ecusson  {
width:450px;
margin:auto;
}

.jg26 {
float:left;
width:100px;
margin:0 10px 5px 0; 
text-align:center;
line-height:0.8;
}

.jg3 {
float:right;
width:80px;
margin-left:10px; 
text-align:center;
}

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

#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;
margin:auto;
text-align:center;
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;
}