body
    {
    width:100%;
    height:100%;
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color: #85ADCE;
    }

    #global
    {
    position:static;
    width:1280px;
    height: 1500px;
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:0;

    background: url('Photos_presentation/amelioration continue5.jpg')  no-repeat;
    background-color: #fff;
    }
 
 
 
 
  #ici{  float:left; 
         width:110px; 
         height:139px; 
         padding : 20px; 
         float:left; 
         font:  15px comic; color:white; 
 
         background: url('Photos_presentation/ici_noir.gif'); 
          } 
 
  #ici a{ text-decoration:none; font: bold 30px comic; color:white;} 
 
 
  #entete{float:left; margin-top:0px; margin-left:150px; }
  #entete h1 {text-align: left;margin-bottom:0px; width : 500px; } 
  #entete h1 .a { font-size: 18pt; font-family: Verdana; color: #999999 } 
  #entete h1 .b { font-size: 18pt; font-family: Verdana; color: rgb(102, 204, 204); 
  margin-top: -23pt; margin-left: 2pt } 
  #entete h2 {padding:0px; margin-top: 170px; margin-left: 230px;
             text-align: left; 
             font-size: 13pt;color: rgb(102, 204, 204)}
 
  #chemin_fer {font: bold 15px comic; color:black; 
              padding-top:5px;} 
  #chemin_fer a {text-decoration:none; color:#808080;} 
   
 
  #menuvertical {height:230px;
                 width:180px;
                 margin-top: 230px;
                 margin-left: 130px;
                 padding-top:10px;
                 float:left; 
                 background: url('Photos_presentation/menu_vertical.gif');} 
  #menuvertical ul {list-style-type: none;padding-left:0px;margin-left:0px;} 
  #menuvertical a { 
          padding:0px; margin:0px; 
          text-decoration: none; 
          font:  12px Arial; color:rgb(102, 102, 102);} 
  #menuvertical a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche {width : 450px; 
              height : 230px; 
              margin-top:130px; 
              margin-left:220px; 
              padding : 10px; 
              background: url('Photos_presentation/recherche_bleu2.gif'); 
              font:  10px Arial; color:#fff;} 
  #reherche h2 { width : 200px; 
                  margin:0px; 
                  padding-bottom:0px; 
                  margin-left:100px; 
                  text-align: center; 
                  font: bold 17px Arial; 
                  background-color:rgb(204, 204, 255)} 
 
  #reherche1 {Position : relative; 
              left : -20px; 
              bottom:350px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection1.gif'); 
              font: 10px Arial; 
              } 
  #reherche1 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial; 
                  background-color:rgb(204, 204, 255)} 
  #reherche1 a{font: 10px Arial; color:black;} 
  #reherche1 a:hover{ font: bold 12px Arial; color:black;} 
 
 
   
  #reherche2 {Position : relative; 
              left : 550px; 
              bottom:540px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection2.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche2 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche2 a{font: 10px Arial; color:black;} 
  #reherche2 a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche3 {Position : relative; 
              left : 800px; 
              bottom:650px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection3.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche3 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche3 a{font: 10px Arial; color:black;} 
  #reherche3 a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche4 {Position : relative; 
              left : 650px; 
              bottom:650px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection4.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche4 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche4 a{font: 10px Arial; color:black;} 
  #reherche4 a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche5 {Position : relative; 
              left : -20px; 
              bottom:750px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection5.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche5 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche5 a{font: 10px Arial; color:black;} 
  #reherche5 a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche6 {Position : relative; 
              left : 250px; 
              bottom:870px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection6.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche6 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche6 a{font: 10px Arial; color:black;} 
  #reherche6 a:hover{ font: bold 12px Arial; color:black;} 
   
 
  #reherche7 {Position : relative; 
              left : 450px; 
              bottom:900px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection7.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche7 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche7 a{font: 10px Arial; color:black;} 
  #reherche7 a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche8 {Position : relative; 
              left : 700px; 
              bottom:1200px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection8.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche8 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche8 a{font: 10px Arial; color:black;} 
  #reherche8 a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche9 {Position : relative; 
              left : -20px; 
              bottom:1250px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection9.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche9 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche9 a{font: 10px Arial; color:black;} 
  #reherche9 a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche10 {Position : relative; 
              left : 250px; 
              bottom:1300px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection10.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche10 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font:bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche10 a{font: 10px Arial; color:black;} 
  #reherche10 a:hover{ font: bold 12px Arial; color:black;} 
   
  #reherche11 {Position : relative; 
              left : 700px; 
              bottom:1500px; 
              width : 250px; 
              height : 134px; 
              padding : 20px; 
              background: url('Photos_presentation/selection11.gif'); 
              font: 10px Arial; color:black; 
              } 
  #reherche11 h3 { width : 150px; 
                  margin-left:60px; 
                  text-align: center; 
                  font: bold bold 12px Arial;color:black; 
                  background-color:rgb(204, 204, 255)} 
  #reherche11 a{font: 10px Arial; color:black;} 
  #reherche11 a:hover{ font: bold 12px Arial; color:black;} 
 
     
      
.illustration{ display:block; float:right}     
   
 
 
     
     
     
     
     
  #contenu { float:left;text-align: left;width: 1070px; margin-left: 10px; margin-top : -150px;}
                
  #publicite{float:left; min-height:365px; margin-top : 100px; background-color:white;width:170px; margin-left:10px; text-align:justify;font: 15px Times;
             border-right: #ddd outset 2px;border-bottom: #ddd outset 5px;border-left: #ddd solid 2px;border-top: #ddd solid 2px}     
  h1{position:relative;font:bold  25px Times;color:#0066CC;}     
       
 .texte  {font: normal 18px arial;color:#0066CC;}     
     
     
     
  #dateselection {background:#EEEEFF; margin:5px; padding:10px; font:normal 18pt Verdana;border:groove}     
  #date1 {position:relative;font:bold  20px Comic Sans MS; color:#00899F;text-align:center;background:#EEEEFF}     
     
  #date1 span {position:relative;font:bold  25px Comic Sans MS; color:red;text-align:center}     
  #date2 {position:relative;font:bold  20px Comic Sans MS; color:#00899F;text-align:center; background:#FFFFEE}     
  #date2 span {position:relative;font:bold  25px Comic Sans MS; color:red;text-align:center}     
  a #supr{text-decoration: none;}     
     
     
       
 .titremenu{ background:#EEEEFF; font:normal 12pt Comic Sans MS; padding:2px; margin:2px; width:255px}     
 .soustitre{ background:#FFFFEE;margin-left:10px; padding-top:0; margin-top:0; width:255px }     
       
     
  a:hover { text-decoration:underline; color:black }     
  td.menu { border:solid 1pt silver;}     
  td.item { border:outset 1pt white; text-align:center; font:bold 9pt Verdana; background:#EEEEFF }     
  td.msg { border:solid 1pt silver }     
  dt.msg { background:#EEEEFF }     
  dd.msg { background:#FFFFEE }     
  font.msg,A.msg { font:bold 9pt Verdana }     
  .msgdate { color:gray }     
  .msg1 { padding:5px; border:solid 1pt silver; background:#EEEEFF }     
  .msg2 { padding:5px; border:solid 1pt silver; background:#FFFFEE }     
  .navig { background:#EEEEFF }     
  .titre { font:normal 18pt Verdana; color:gray }     
  .form { background:#EEEEFF; border:solid 1pt silver }     
  .f7 { font:normal 7pt Verdana }     
  .signature { border-top:dashed 1pt silver; font:normal 7pt Verdana; color:gray }     
  .box { border:outset 1pt white;}     
       
  #cadre {padding:5px; background:#EAFFF4; margin:0px; border:groove;}     
  #article {background:#EAFFF4;border:groove; margin:1px; padding:10px}     
  #article #cv {background:#EEEEFF}     
  #article ul {list-style-type: none;}     
  #article ul span {color:#0066CC;}     
       
  #pied_page{float:left; min-margin-top:365px;background: url('Photos_presentation/riviere2.jpg') no-repeat;     
             width:1000px; height:101px}   
     
  #pied_page ul {list-style-type: none; color:white; text-align:center;     
                  font:bold 15px arial;}     
  #pied_page ul a {text-decoration: none; color:white;}    
   
  #cacher{visibility:hidden}