body {
        background-color:  #CCFFCC;
        width: 400px;
}
body,td,th,p {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: Indigo;
        margin: 15px 10px;
}
#page{
  background: #ffffff;
  width: 862px;
}
#page li{
display: block;

}

#header{
  background:   White;
  margin: 20px 50%;
}
#banners {
  padding: 0 2%;

}






.Style1 {
        font: medium;
}
.Style2 {
        font: 16px;}
.Style4 {
        font: 12px, bold; }
a:link {
        color: #000000;
}
a:hover {
        color:  #00CC00;
}
a:active {
        color:  #990033;
}
#menuhaut {
margin-top: 2px;
padding: 0;
list-style-type: none;
float: right;
color:  #006699 ;
font-size: large;
width: 100%;
}

#menuhaut ul {
margin: 0;
padding: 0;
font: bold 0.8em   Georgia, Arial, Helvetica, sans-serif;
 }
#menuhaut li {
display: inline block  ;
width: auto;
height: auto;
background:  #FFCCFF no-repeat ;
margin: 0 5px;
line-height: 20px;
text-decoration: none;
text-align: center;
float: left;
}
.Style6 {color: #CC0099; }

#tableau  {
font-size:  4px;
border: medium solid  #003300;
width:  auto;
 border-collapse: collapse;
 margin:  15px 15px;
}

#tableau td, th {
border: thin solid #6495ed;
width: 20%;
}