body{
font-family: Papyrus, NoteWorthy, Candara, "Times New Roman", Times, serif;
}

h1,h2,h3{
color: #FFF;
font-weight: normal;
}

a:link{ 
 text-decoration: none; 
} 

#plan{
height: 99%;
width: 99%;
z-index: 0;
position: absolute;
<!--background: url("../img/Quantique_1280x720.jpg") no-repeat center center; // en commentaire pour la Map-->
background-size: cover;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#message{
top: 2%;
left: 2%;
height: 20%;
width: 20%;
z-index: 1;
position: absolute;
}

#corps{
bottom: 6.5em;
top: 3%;
left: 2%;
width: 96%;
z-index: 1;
position: absolute;
overflow: auto;
background-color: rgba(255, 220, 255, 0.75);
}

#bandeau{
height: 5em;
width: 99%;
z-index: 1;
position: absolute;
bottom: 1%;
background: #000 fixed;
box-shadow: 0px 0px 0.5em rgba(200,0,255,0.5),0px 0px 5em rgba(255,0,200,0.5) inset;
}

#lien{
height: 1em;
width: 10em;
bottom: 3.4em;
right: 1em;
z-index: 1;
position: absolute;
}

#entrant{
height: 1em;
width: 10em;
bottom: 0.5em;
right: 1em;
z-index: 0;
position: absolute;
}

#entree{
//height: 5em;
z-index: 2;
position: absolute;
bottom: 0;
right: 1em;
}

#menu{
//width: 5em;
//height: 1em;      
list-style-type: none;
//margin: 0 auto;
//padding: 0;
//border: 0;
//top: 250px;  /* pour placer mon menu dans son élément prenant en compte la hauteur du sous menu */
//position: relative;	/* important pour bien placer le menu par rapport aux 250px indiqué avant */
}

#menu > li{
//float: left;
width: 10em;
//margin: 0 0px;  /* une marge de 0 pour le haut est importante pour ne pas avoir d'espace entre le menu et le sous menu sinon vous rencontreriez des soucis */
//padding: 0;
//border: 0;
}

#menu li a{
display: block;
height: 2em;      
color: #FFF;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
//margin: 0;
//padding: 4px 8px;
//border: 1px solid #FFFFFF;
text-decoration: none;
}

#menu li a:hover{
background-color: rgb(175, 214, 1);
background-color: rgba(175, 214, 1, 0.5);
}
/*---------------fin du menu de premier niveau-------------*/

/*---------------debut du menu deroulant-------------------*/

#menu .menuderoulant{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
bottom: 1em;
position: absolute; /* c'est ici que j'inverse mon menu pour le faire partir vers le haut */
}

#menu .menuderoulant li{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 10em;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}

#menu .menuderoulant li a{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;       
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
}

#menu .menuderoulant li a:hover{
background-color: rgb(18, 89, 239);
background-color: rgba(18, 89, 239, 0.8);
}

#menu .menuderoulant li a:visited{
background-color: rgb(100, 22, 127);
background-color: rgba(100, 22, 127, 0.5);
}

#menu li:hover > .menuderoulant{
display: block;
}
/*----------fin du menu deroulant----------------*/