a {
 color:grey;
}

.menu a {
 color:#000000;
 font-family:Times new roman,Arial;
 text-decoration:none; 
}


.box {
 position:absolute;
 top:50px;
 left:250px;
 width:300px;
 height:150px;
 background-color:#FFF8D4;
 padding:10px;
 border:1px;
 border-style:solid;
}


.menu {
 font-size:13px;
 font-family: Georgia, Times New Roman, Serif;
 position:absolute;
 top:15px;
 left:20px;
 background-color:#FFFFE1;
 width:150px;
 padding:10px;
 border:1px;
 border-style:solid;
 border-color:grey;
 z-index:800;
}


#window {
 position:absolute;
 top:30%;
 left:30%;
 width:500px;
 height:200px;
 overflow:auto;
 z-index:5;
 font-family: 'Georgia', 'Times', serif;
 font-size:10pt;
 border-top:1px;
 border-top-style:solid;
 border-top-color:grey;
}

#volet {

 background-color:#FFFFFF;
 width:500px;
 height:200px;
 border:1px;
}

#charniere {
 position:absolute;
 top:30%;
 left:30%;
 width:500px;
 height:200px;
 overflow:hidden;
 z-index:6;
}



h1 {
 font-family: 'Georgia', 'Times', serif;
 font-size: 14pt;
 color: grey;
}


#footer {
 position:absolute;
 top:95%;
 font-family:Helvetica, Verdana, Arial, sans-serif;
 font-size:0.7em;
 color:grey;
 
}