/*
  But :     css de l'application 
  Auteur : Brodard Clara
  Date :   06.06.2023 / V1.0
*/
body {
  background-color: burlywood;
}

#container {
  background-color: indianred;
  width: 80%;
  padding: 1em;
  border: 1px solid black;
  margin: auto;
  font-family: Verdana, Arial, serif;
  
}

.affichePerso{
  background-color: bisque;
  border: 1px solid black;
  padding: 0.5em;
  margin: 0.25em;
  width: 20em;
}

#afficherPero{
 display: flex;
 flex-wrap: wrap;
}

.afficheMaison{
  background-color: palegoldenrod;
  border: 1px solid black;
  padding: 0.5em;
  margin: 0.25em;
  width: 15em;
}

#afficherMaison{
  display: flex;
  flex-wrap: wrap;
}

#title{
  font-size: 4em;
  margin: 20px;
}
#atitle{
  font-size: 3em;
  margin: 20px;
}
#Ptitle{
  margin: 20px;
}

#nom{
  font-weight: bold;
  
}

#nomMaison{
  font-weight: bold;
  text-decoration: overline;
}

input{
  background-color: bisque;
  width: 10em;
  height: 50px;
  font-size: 20px;
  margin-bottom: 2em;
  margin-left: 20px;
  border-radius: 8px;
}

.menu{
  font-size: 30px;
  margin-left: 20px;
}

ul{
  display: flex;
  text-align: center;
  box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.3);
  height: var(--hauteur-menu);
}

li{
  background-color: rgb(252, 220, 162);
  position: relative;
  height: 100%;
  flex: 1;
  list-style-type: none;

}

a{
  color: black;
    text-decoration: none;
}

li:hover{
  background-color: rgb(240, 183, 97);
}