body {
background: #99B6CF; 
font: 100% Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #ffffff; 
margin: 6px 0 6px 0; 
padding: 0 0 0 0; 
overflow: auto;
}
#conteneur {
position: relative;
width: 750px;
margin: 0 auto; 
background:#ffffff;
}
#header {
width: 750px;
height: 108px;
background: url(../../images/ban.jpg);
margin : 0 0 0 0;
}
#haut {
height: 20px;
background: #ffffff;
}
#date {
position: absolute;
margin: -3px 0 0 550px;
border: 0px solid #000080;
width: 185px;
height: 15px;
font: 0.75em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000080; 
text-align: center; 
}
#centre {
background: #DDE7EF;
border: 1px solid #000080;
width: 590px;
margin: 0 0 8px 150px;
}
#centre1 {
background: #DDE7EF;
border: 1px solid #000080;
width: 590px;
height: 302px;
margin: 0 0 5px 150px;
}
#centre2 {
background: #DDE7EF;
border: 1px solid #000080;
width: 590px;
height: 450px;
margin: 0 0 5px 150px;
}
#gauche {
background: #447AA7;
position: absolute;
left: 8px;
width: 135px;
}
#pied {
background: #447AA7;
clear: both;
}
.image {
border: 0px;
}
.img {
float: left;
clear: both;
}
h1 {
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000; 
text-align: justify; 
margin: 8px 8px 8px 8px; 
} 
.h1 {
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000; 
text-align: justify; 
margin: 0px 8px 8px 8px; 
}
p {
font: 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #000000;
text-align: justify;
margin: 8px 8px 8px 8px;
}
.font {
font: bold 0.65em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #ffffff;
text-align: center;
margin: 2px 2px 0px 2px;
padding: 3px;
} 
.font2 {
font:  0.75em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #000000;
text-align: justify;
margin: 10px 6px 0px 30px;
padding: 3px;
} 
.font3 {
font: 0.85em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #841028;
text-align: center;
margin: 10px 6px 0px 60px;
padding: 3px;
}
.message {
font: 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #841028;
text-align: center;
margin: 20px 6px 0px 190px;
padding: 4px;
}  
.espace { 
margin: 20px 0 0 0;
}  
.espace2 { 
margin: 6px 0 0 0;
}
.espace3 { 
margin: 40px 0 0 0;
}
hr {
border: 0; 
width: 95%; 
color: #ffffff; 
background: #ffffff; 
height : 1px; 
} 
ul {
list-style-type: none;
} 
li {
margin-bottom: 8px;
}
.menugauche a {
margin: 12px 0 0 -31px;
width: 120px; 
height: 20px;
display: block;
text-align: justify;
border-bottom : 1px solid #ffffff;
text-decoration: none;
font: 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #ffffff;
background: #447AA7;
}	 
.menugauche a:hover {
background: #C9D8E5;
border-bottom: 1px solid #ffffff; 
}
.menugauche a:active {
background: #C9D8E5;
border-bottom: 1px solid #ffffff; 
color: #fff;
}
.menubas {
margin: 3px 0 0 110px; 
} 
.menubas a {
font: bold 0.65em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color : #ffffff; 
text-decoration : none; 
} 
.menubas a:hover {
font: bold 0.65em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color : #ffffff; 
text-decoration : underline; 
} 
.menubas li {
display: inline;
}
a.menuhaut {
font: bold 0.7em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
margin: 0 0 0 500px;
text-decoration: none; 
} 
a.menuhaut:hover {
font: bold 0.7em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #841028; 
margin: 0 0 0 500px;
text-decoration: none; 
} 
a.menuhaut {
display: inline;
}
a.lien {
font: bold 1.0em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color : #000000; 
margin: 10px;
text-decoration : none; 
} 
a.lien:hover {
font: bold 1.0em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #c6c6c6;
margin: 10px;
text-decoration: none; 
} 
a.lien  {
display: inline;
}
a.back {
font: bold 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color : #000000; 
margin: 200px;
text-decoration : none; 
} 
a.back:hover {
font: bold 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #c6c6c6;
margin: 200px;
text-decoration: none; 
} 
a.back  {
display: inline;
}
a.menulien{
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color : #000000; 
margin: 10px; 
text-decoration : none; 
}
a.menulien:hover {
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color : #b6b6b6; 
margin: 10px;
text-decoration : none; 
} 
a.menulien  {
display: inline;
}
form {
background: #Ffffff;
margin: 0 0 8px 60px;
padding: 8px;
width: 430px;
}
label {
font: bold 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000; 
}
input {
border: 1px solid #000040;
background: #Ffffff;
font: 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000080;
}
select, option {
background: #Ffffff;
color: #000080;
}
textarea {
border: 1px solid #000040;
background: #Ffffff;
font: 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
}
input.bouton {
border: 1px outset #000080;
font: bold 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000; 
cursor: pointer;
}
input.bouton:hover {
background: white;
color: #d6d6d6;
}
input.bouton:active {
border:1px inset #000080;
background: #F7F9FA;
color: #d6d6d6;
}