body {
           color: #000000;
       }    
       
       A:link { color: #0000ff }
       A:visited { color: #800080 }
       
       img {vertical-align: middle;
           }
           
       table {vertical-align: middle;
              float: left;
           }    

       #datas {
         width: 320px; 
         border-collapse:collapse;
       }
       
       #datas th
       { border: 1px solid black;
         background-color:green;
         color:black;
       }
       
       #datas td 
       { background-color: #ffffcc;
         color: #000000;
         text-align: left;
         width: 170px;
         border: 2px inset black;
         padding: 3px;
         font-size: 12px;
       }
       
       #datas td.alt {
         background-color: #006699;
         color: #ffffff;
         text-align: center; 
         font-weight: bold;
         width: 27%;
       }
       
       #datas td.top {
         background-color: #000066;
         color: #ffffff;
         text-align: center; 
         font-weight: bold;
       }
       
       #datas td.fer {
         background-color: rgb(0, 204, 0);
         color: #ffffff;
         text-align: left; 
         font-weight: bold;
       }    
          
       #datas td.top a:visited { color: #33ffff; }   
       #datas td.top a:link { color: #33ffff; }
           
ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;    
}

li ol > li {
  margin: 0;
}

li ol > li:before {
  content: counters(item, ".") " ";
}