/* CSS Document */

body {
	background-image: url(noir.gif);
}

a.bouton {
  color: white;
  background-image:  url(noir.jpg);
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 1px outset #c0c0c0;

}
a.bouton:hover {
  background-color: #339900
  backround-color: #000000
  border: 2px inset #000000;

}
table {
border:0px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}
thead, tfoot {
background-color:#D0E3FA;
background-image: url(rouge.gif);
border:1px solid #6495ed;
}

tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
th {
color:#000000;
font-family:Times New Roman;
font-weight:bold;
font-size:16px;
border:1px;
padding:5px;
background-color:#FFCCFF;

/*width:0%;*/
}
td {
font-family:sans-serif;
font-size:80%;
border:1px solid #663300;
padding:5px;
text-align:left;
}
caption {
font-family:Times New Roman;
}
<STYLE type="text/css">
<!--
   body{
   margin:0px;
   padding:0px;
   text-align:center;
   }
   
   h1 {
      font-family:arial, verdana, sans-serif; 
      font-size:16px;
      font-weight:bold;  
      color:#62c0f4;  
   }
   
   a.bulle {
     position:relative;
     color:#396a86; 
     text-decoration:none; 
     font-family:arial, verdana, sans-serif; 
     text-align:center; 
     font-size:11px;
   }
   
   a.bulle:hover {
      background: none; 
      z-index: 50; 
   }
   
   a.bulle span { 
     display: none;
   }
   
   a.bulle:hover span {
      display: block; 
      position: absolute;
      top: -10px; 
      left: 40px;
      font-family:arial, verdana, sans-serif; 
      text-align:justify; 
      font-size:12px;
      font-weight:normal;
      width:400px;
      background: white;
      padding: 5px;
      border: 1px solid #62c0f4;
      border-left: 10px solid #62c0f4;
   }
   
-->
</STYLE>