html, body{
height:100%;
}
div.titre {
width:100%;
height:20px;
vertical-align: middle;
text-align: center;
font-family: Arial, Serif;font-size: 12px;
font-weight: 800;
color:#Ce29a2;
}
a.show {
position: relative;
text-decoration:none;
}
a.show:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.show div{
display:none;
}
a.show:hover div{
display:inline;
position:absolute;
border: 2px solid #Ce29a2;
padding: 10px;
text-align: justify;
color:#323D59;
font-family: Arial, Serif;font-size: 12px;
background: #F9FFEB;
z-index:1000;
}

div#masque{
position:absolute;
width:100%;
height:100%;
background:#000000;
z-index:500;
filter:alpha(opacity=70);
-moz-opacity:0.7;
}
div#masque2{
position:absolute;
width:100%;
height:100%;
background:none;
z-index:900;
}