<html  xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr"> 
<head>
<meta charset="UTF-8" />
  <title>CSS Debutant : Exemple de base d'utilisation d'image de fond en CSS</title>
  <style type="text/css">		
/*  body { */
/* margin: 30px; */
/*        font-family:Verdana, Geneva, sans-serif; */
/* } */
/* a { */
    /*    font-size:1.5em; */
/* } */
#masque {
    display: none; /* #masque et son contenu sont invisibles à l'état initial
*/
    position: fixed; /* rend le masque insensible au défilement */
    top:0; right:0; bottom:0; left:0; /* permet de couvrir entièrement la
fenêtre du navigateur, y compris le contenu à l'extérieur de #masque */
    background-color: rgba(0, 0, 0, 0.1); /* couleur de fond semi-transparente
*/
    z-index: 1000; /* assure que #masque est au-dessus de tous les autres
éléments de contenu */
}
#masque:target {
    display: block; /* le clic du lien pointant vers #masque fait apparaître le
conteneur #masque et son contenu */
}
.fenetre-modale {
    background: #fff;
    padding: 10px;
    border: 3px solid #bbb;
    position: relative;
    margin: 10% auto;
    width: 40%;
    box-shadow: 0px 0px 20px #000;
    border-radius: 5px;
}
img.btn-fermer {
    float: right;
    margin: -5px -5px 0 0;
}

</style>
</head>
