html {
}

body {
width:100%;
background: #F3ECDE;
}


#en-tete {
  background: #d7dabd;
  color: blue;
  padding: 1em;  
  margin-left:  20px;
  margin-right: 20px;
  height: 3em;
  border-left: 0.5em solid blue;
  border-top-right-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  font-size: 1.5em;
 }



#menu {
  position: relative;
  z-index: 2;
  margin-top: 3em;
  width: 3em;
  float: left;
  font-variant: small-caps;
  font-size: 1em;
  font-weight: bold;
  
}

#menu ul {
  position: relative;
  margin-left: 20px;
  float:left;
  padding:0em;
  list-style-type:none;
  text-align:center;
}

#menu ul li {
font-size: 1.1em;
float:left;
height:2.5em;
margin:4px;
padding:0em;
background: #c7dabd;
width: 6em;
border-left: 0.3em solid blue;
border-right: 1em solid #c7dabd ;
border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
}


#menu ul li ul {
postion: relative;
background: white;
z-indax: 3;
display:none;
font-size: 0.8em;
width: 10em;
margin-left: 8em;

border-top-right-radius: 1em;
border-bottom-left-radius: 1em;
}




#menu li a {
float: left;
text-decoration:none;
padding: 0.5em;
}


#menu li a:hover {
color:purple;
font-style: italic;
display:block;
}


#menu ul li:hover ul {
display:block;
}

#menu li:hover ul li {
display:block;
}



#conteneur {
  position: relative;  
  margin-top: 1.5em;
  margin-left: 260px;
  margin-right: 20px;
  width: auto;
  font-size: 1em;  
  z-index: 1;
}

#footer {
  position: relative;
  float: left;
  margin-top: 20em;  
  background: #d7dabd;
  color: blue;
  padding: 6px;
  margin-left: -200px;

  width: 100%;
  height: 1.5em;
  text-align:left;
  font-size: 0.8em;
  border-left: 0.5em solid blue;
  border-top-right-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  z-index: -10;
}