body
{
background-color:#669999;
color:"#000000";
margin: 0;
padding: 0;
}

a {
  position: absolute;
  text-decoration: none;
  border: none
  text-align:right;
  }
  
div {
    position: absolute;
    }

img {
    position: absolute;
    border: none;
    }
    
p
{
font: Verdana, Arial, Helvetica, sans-serif;
}

#logo {
top: 30px;
left:110px;
}

#bandeau_h1 {
width: 549px;
height:20px;
background-color:#336666;
top: 30px;
left:339px;
}

#bandeau_h21 {
width: 269px;
height:20px;
background-color: #000000;
top: 141px;
left:110px;
}

#bandeau_h22 {
width: 550px;
height:20px;
background-color: #000000;
top: 141px;
left:339px;
}

#bandeau_h3 {
width: 550px;
height:20px;
background-color:#000000;
top: 330px;
left:339px;
}

#bandeau_vertical {
top: 161px;
left:110px;
width:  229px;
height: 400px;
background-color:#336666;
}

#banniere {
top:  161px;
left: 229px;
}

#menu_h1 {
top: 52px;
left:360px;
}

#menu_h2 {
top: 52px;
left:530px;
}

#menu_h3 {
top: 52px;
left:655px;
}

#DIST {
top: 75px;
left:450px;
}

#rectangle1_1 {
top: 304px;
left:480px;
width:  270px;
height: 37px;
background-color:#99cccc;
}

#rectangle1_2 {
top: 304px;
left:750px;
width:  140px;
height: 37px;
background-color:red;
}


#img2 {
top: 384px;
left:339px;
}

#rectangle2_1 {
top: 362px;
left:480px;
width:  270px;
height: 210px;
background-color:#99cccc;
}

#rectangle2_2 {
top: 363px;
left:750px;
width:  140px;
height: 210px;
background-color:red;
}


#titre_bandeau {
left: 45px;
}

#titre_page {
top : 100px;
left: 400px;
}

p.titre {
color : #000000;
font-weight : bold;
font-size: small;
font: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
}

#menu_vertical {
top: 220px;
left: 120px;
text-align: center;
}

#animation {
top:   162px;
left:  339px;
}

#centre_droit {
top: 352px;
left:490px;
width:  399px;
height: 180px;
background-color:#99CCCC;
}

#centre_gauche {
top: 360px;
left:380px;
}

p.cent {
font :