#header {
width: 100%;
height: 145px;
background-color: #005780;
}
#haut {
width:100%;
height: 25px;
background-color:#005780;
margin-bottom: 10px;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#33CCFF;
}
#centre {
background-image: url('http://www.futurama-espace.com/planet_express.gif');
background-repeat: repeat;
margin-top: 10px;
margin-left: 170px;
margin-right: 17%;
height: 925px;
}
#gauche {
position: absolute;
left: 5px;
width: 160px;
}
#droite {
position: absolute;
right: 2px;
width: 160px;
background-color: #33CCFF;
}
#pied {
height: 30px;
background-color: #005780;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: none;
}
.menuhaut a:hover {
color: #FF0000;
text-decoration: underline;
}
h4 {
background-image: url('images/titremenug.gif');
background-repeat: no-repeat;
color: #FFFF00;
font-weight: bold;
text-align:center;
line-height: 27px;
margin: 5px 0 0 0;
padding: 0 0 0 0;
}
.menugauche {
color: #FFFF00;
font-weight: bold;
line-height: 27px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.menugauche li {
background-image: url('images/sousmenug.gif');
background-repeat: repeat-y;
list-style-type: disc;
line-height: 18px;
text-indent: 15px; 
}
.menugauche a {
margin: 0 0px;
color: #FFFF00;
font-weight: bold;
text-decoration: none;
}
.menugauche a:hover {
background:#0000FF;
color: #FF0000;
text-decoration: underline;
}
.menudroit {
margin-top: 0px;
margin-left: 15px;
padding: 0px;
}
.menudroit li {
margin-bottom: 0px;
list-style-type: none;
line-height: 0px;
text-indent: 45px;
padding: 0px;
}
.menudroit a {
margin: 0 0px;
color: #FF0000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
.sousdroit {
background-image: url('images/sousmenud.gif');
background-repeat: repeat-y;
color: #000000;
font-weight: normal;
line-height: normal;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.titresousdroit {
background-image: url('images/titremenud.gif');
background-repeat: no-repeat;
color: #FFFF00;
font-weight: bold;
line-height: 27px;
margin: 1px 0 0 0;
padding: 0 0 0 0;
}
.textesousdroit {
text-indent: 15px;
}
p
{
margin: 0 0 2px 0;
}
.p0
{
margin: 0 0 0 0;
}
a:link,a:active,a:visited 
{
color:#FFFF00;
text-decoration:none; 
} 
a:hover 
{
text-decoration:underline;
color:#FF0000;
background:#FFFFCA;
}
.lien a
{
font-family: 'Times New Roman', Times, serif;
font-size:18px;
color:#FFFF00;
text-decoration:none; 
}
.lien a:hover
{
font-family: 'Times New Roman', Times, serif;
font-size:18px;
color:#FF0000;
background:#FFFFCA;
text-decoration:underline;
}
.titre
{
color:#000000;
font-family: 'Times New Roman', Times, serif;
font-size:22px;
}
.titrejaune
{
color:#FFFF00;
font-family: 'Times New Roman', Times, serif;
font-size:22px;
}
.copyright 
{
margin: 35px 0 0 0;
}
body {
background-color: #33CCFF;
font-family: Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
scrollbar-face-color: #0194D9;
scrollbar-arrow-color: #FFFF00;
scrollbar-track-color: #33CCFF;
scrollbar-3dlight-color: #005780;
scrollbar-darkshadow-color: #000080;
}

table {
border-width:1px;
border-color:#FFFF00;
}
.text
{
border-style:solid;
border-width:1px;
border-color:#FF0000;
font-family:Arial;
font-size:14px;
}

.image
{
border-style:solid;
border-width:1px;
border-color:#FF0000;
}

.nobg
{
background-color:#33CCFF;
}

select
{
border-color:#CC9900;
}
input
{
padding: 0px;
}
textarea
{
border-style:solid;
border-width:1px;
border-color:#FF0000;
font-family:Arial;
font-size:14px;
overflow:auto;
}