*{
  margin:0px;
  padding:0px;
  font-family: Geneva, Verdana, sans-serif;
}
/* ----------- EN-TETE --------------*/
header{
  background-color:  rgb(154,170,105);/* rgb(157, 196, 146);*/
  background:linear-gradient(rgba(154,170,105,0.9) 40%,rgba(154,170,105,0.6));
  color:rgb(33, 40, 4);
  margin-top: 0px;
}
header h1{
  margin-bottom: 10px;
  font-size: 1.3em;
  font-weight: 500;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
}
nav{
  width: 100%;
  /*margin-bottom:10px;*/
  
  
}
nav ul{
  list-style: none;
 /*margin-bottom: 10px;*/
    
}
nav ul li{
  display: inline;
  /*float:left;*/
  padding: 10px;
  text-align: center;
  
}
nav a{
  font-size: 1.2em;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  padding:10px 5px;
  color:white;
}
nav a:hover{
  color:rgb(230, 113, 36);
  border-bottom: 2px solid black;
  background-color: white;
}
hr{
  margin-top: 5px;
  margin-bottom: 5px;
 
}

/* -------------- CORPS ------------------- */

/* PIED */

footer div{
  display:flex;
  flex-direction: row; /* row par défaut, sinon column */
  background-color:#eece9f;
  margin-top:-25px;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content:space-around ;

}
footer div span{
  color:#5e3d29;
  font-weight: 900;
}
footer div p{
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.menu{
  padding-top: 0px;
  margin-top: -35px;
}