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: -100px;
      left: 100px;
      font-family:"arial", "verdana", sans-serif;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      background: white;
      padding: 5px;
      border: 1px solid #003788;
      border-left: 5px solid #003788;
   }
   a.bulle.bas:hover span {
      display: block;
      position: absolute;
      top: -300px;
      left: 100px;
      font-family:"arial", "verdana", sans-serif;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      background: white;
      padding: 5px;
      border: 1px solid #003788;
      border-left: 5px solid #003788;
   }
   a.bulle.fixe:hover span {
      display: block;
      position:fixed;
      top: 100px;
      left: 100px;
      font-family:"arial", "verdana", sans-serif;
      text-align:left;
      font-size:1em;
      font-weight:normal;
/*      width:300px; */
/*      height:200px; */
      background: white;
      padding: 5px;
      border: 1px solid #003788;
      border-left: 5px solid #003788;
      z-index:50;
   }
   a.bulletexte {
     position:relative;
/*     color:#003788; */
     text-decoration:none;
     font-family:"arial", "verdana", sans-serif;
     text-align:center;
     font-size:14px;
   }
   
   a.bulletexte:hover {
      background: none;
      color:#ff6600;
      z-index: 50;
   }
   
   a.bulletexte span {
     display: none;
   }
   
   a.bulletexte:hover span {
      display: block;
      position: absolute;
      color:#000000;
      top: -100px;
      left:-50px;
      font-family:"arial", "verdana", sans-serif;
      text-align:justify;
      font-size:1em;
      font-weight:normal;
      width:400px;
/*      height:200px; */
      background: white;
      padding: 5px;
      border: 1px solid #003788;
      border-left: 5px solid #003788;
   }

   button.bulletexte {
     position:relative;
/*     color:#003788; */
     text-decoration:none;
     font-family:"arial", "verdana", sans-serif;
     text-align:center;
     font-size:14px;
   }
   
   button.bulletexte:hover {
      background: none;
      color:#ff6600;
      z-index: 50;
   }
   
   button.bulletexte span {
     display: none;
   }
   
   button.bulletexte:hover span {
      display: block;
      position: absolute;
      color:#000000;
      top: -100px;
      left:-50px;
      font-family:"arial", "verdana", sans-serif;
      text-align:justify;
      font-size:1em;
      font-weight:normal;
      width:400px;
/*      height:200px; */
      background: white;
      padding: 5px;
      border: 1px solid #003788;
      border-left: 5px solid #003788;
   }
   b.infotexte span {
     display: none;
   }
   b.infotexte:hover span {
      display: block;
      position: absolute;
      color:#000000;
      top: -100px;
      left:-50px;
      font-family:"arial", "verdana", sans-serif;
      text-align:justify;
      font-size:1em;
      font-weight:normal;
      width:400px;
/*      height:200px; */
      background: white;
      padding: 5px;
      border: 1px solid #003788;
      border-left: 5px solid #003788;
   }