body {background-color: #ffffff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 10px; color: #333399;

}
       

.texte {  font-family: Verdana, Arial, Helvetica, sans-serif;
          font-size: 10px; color: #333399; 
          text-align: justify;}



#entete {
  background-color: #d9d0ba;
  layer-background-color: #d9d0ba;
  position:absolute;
  clip: rect(0px, 400px, 40px, 0px);
  top: 130px;
  left: 200px;
  width: 400px; 
  height: 40px; 
  z-index: 10;
}


#titre1 {
  
  background-color: #f0c40f;
  layer-background-color: #f0c40f;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; color: #333399;
  font-weight: bold;
  position:absolute;
  clip: rect(0px, 400px, 40px, 0px);
  top: 180px;
  left: 200px;
  width: 400px; 
  height: 18px; 
  z-index: 3;
}

#titre2 {
  background-color: #f0c40f;
  layer-background-color: #f0c40f;
   font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; color: #333399;
  font-weight: bold;

  position:absolute;
  clip: rect(0px, 400px, 40px, 0px);
  top: 375px;
  left: 200px;
  width: 400px; 
  height: 18px; 
  z-index: 3;
}


#texte1 {position:absolute; 
         width:198px; 
         height:145px;
         clip: rect(0px,198px,145px,0px);
         z-index:4; 
         left: 213px; top: 220px;}


#texte2 {position:absolute; 
         width:198px; 
         height:145px;
         clip: rect(0px,198px,145px,0px);
         z-index:4; 
         left: 213px; top: 420px;}

#photo1 { position:absolute; 
         width:150px; 
         height:100px;
         clip: rect(0px,150px,100px,0px);
         z-index:5; 
         left: 450px; top: 220px;}


#photo2 { position:absolute; 
         width:150px; 
         height:100px;
         clip: rect(0px,150px,100px,0px);
         z-index:5; 
         left: 450px; top: 420px;}

#bas {
  background-color:#B5CBE2;

  position:absolute;
  clip: rect(0px, 400px, 50px, 0px);
  top: 590px;
  left: 210px;
  width: 400px; 
  height: 50px; 
  text-align: center;
  z-index: 2;
}