<!--<style>
  html { height: 100%;
  }
body { 
    background: #CCFFCC url(../images/fd_theorie_cs.jpg);
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 13px;
    color: #0000A0;
  }  
 .t1 { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 13px;
    color: #0000A0;
    text-align: center;
  }
 #titre { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: bold;
    font-weight: 200;
    font-size: 30px;
    color: #CE0000;
    text-align: center;
  }
 .titrem { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: bold;
    font-weight: 200;
    font-size: 20px;
    color: #CE0000;
    text-align: center;
  }
 #titreb { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: bold;
    font-weight: 200;
    font-size: 15px;
    color: #0070DF;
    text-align: center;
  }
 #tcne { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 18px;
    color: #0000A0;
    text-align: center;
 }
 .hj { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    color: #0000A0;
    text-align: justify;
  }

.cne { 
    font-size: 18px;
}
cneh { 
    font-size: 14px;
    font-weight:bold;}
td1 { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 13px;
    color: #750000;
  }
td2 { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 13px;
    color: #FF0000;
  }
tdn { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 13px;
    color: #0000A0;
  }
gps { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    color: #004000;
  }
rsg { 
    font-family: "Verdana","verdana",arial,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: #004000;
  }
  saf { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    color: #6A0035;
  }
  h1 { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 14px;
    color: #0000A0;
    text-align: justify;
  }
  l1 { 
    font-family: "Verdana",verdana,arial,sans-serif;
    font-style: bold;
    font-weight: 200;
    font-size: 14px;
    color: #750000;
  }
  p1 {
    width:100%;
  }
  p1:first-letter {
    font-weight:bold;
    font-size:20px;
    color: #0000A0;
    float: left;
  }

a.info {
position: relative;
text-decoration: none;
color: blue;
border-bottom: 1px gray dotted;
}
a.info span {
width: 250px;
display: none;
}
a.info:hover {
background: none;
z-index: 500;
}
a.info:hover span {
display: inline;
position: absolute;
z-index: 500;
top: 2em;
left: 1em;
background: green;
text-align: center;
color: white;
padding: 0.2em;
}
  
  </style>