html, body {
 margin: 10px;
 padding: 10px;
 }

body {
 background-color: white; 
 font-family: Verdana, sans-serif; 
 font-size: 100%;
 }

h1 {
 font-size: 200%; 
 color: navy; 
 text-align: left;
 }

h2 {
 font-size: 150%; 
 color: red; 
 padding-left: 15px;
 }

p,ul,li,td {
 font-family: Arial, sans-serif; 
  font-size: 100%; 
 color: black; 
 }

a:link {
 color: green;
 text-decoration: underline;
 }

a:visited {
 color: gray;
 }

a:hover {
 color: red;
 text-decoration: none;
}

a:active, a:focus {
 color: red;
}

#overlay {
    display : none; /* Par défaut, on cache l'overlay */

    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    text-align: center; /* Pour centrer l'image que l'overlay contiendra */

    /* Ci-dessous, nous appliquons un background de couleur noire et d'opacité 0.6. Il s'agit d'une propriété CSS3. */
    background-color: rgba(0,0,0,0.6);
}