/*structure*/  
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}
img#bg {
  position:fixed;
  top:0;
  right:0;
  width:100%;
  height:100%;
} 
#content {
  position:relative;
  z-index:1;
}
 


#corps {
width:100%;
 }

#valise {
 position :fixed;
 width:70%;
 height:70%;
 top:12%;
 left:1.5em;
 margin-right:28%;
}
#menupage {
 width :100%;
 padding-bottom:0.1em;
 height:1.8em;
 
 }
#sousmenu {
 width:100%;
 height:70px;
 padding-top:0.2em;
 } 

#milieu {
 width:100%;
 height:100%;
 min-height:400px;
}
.col { 
 float:left;
 width:40%; 
 height:70%;
 min-height:300px;
}
.col1 { 
 float:left;
 width:58%; 
 height:70%;
 min-height:300px;
}

#pieddepage { 
 height:20px; 
 padding-top:0.2em; 
} 
.citation{
 padding :3em;
}




/*habillage*/
html {
 font-size:100%;
}
body {
 background-color: #000000;	
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:0.8em;
 line-height: normal;
}
#menupage {
 background-color:#b6a386;}
#menupage a {
 color:#000000;
 text-decoration: none;
 font-size:1.6em;}
#menupage a:hover {
 color: #b6a386 ;
 background-color:#000000;
 text-decoration: none;
 font-size:1.6em;}

#milieu {
 text-align :center;
 border-right : 3px solid #b6a386;
 border-left : 3px solid #b6a386;
 border-bottom : 3px solid #b6a386;
}

p {
 font-family: Georgia, "Times New Roman", Times, serif;
 color:#dbd9d8;
 font-size:0.9em;
}
#pieddepage  {
 text-align:center;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:0.8em;
 color:#b6a386;
 letter-spacing:1pt;
}

a {
 color:#6f5941;
 text-decoration: none;
 font-size:1.1em;
}
a:hover {
 color: #ffe0b5 ;
 text-decoration: none;
 font-size :1.1em;
}
a img {
 text-decoration:none;
 border:0 none;
}