* {
  padding: 0px;
  margin: 0px;
  
} 
body {
  background-image: url("/acceuille/wallpaper.webp");
  background-size: cover;
  background-repeat: repeat-y;
  background-position:center;
  background-attachment: fixed;
  font-family: arial;
  display:flex;
  flex-direction: column;
  align-items:center;
  font-size:16px;
  max-width:1200px;
  height:auto;
  margin:0 auto;
}
main {
  position:relative;
  background-color: #BBD2E1;
  width:100%;
  margin: 15px 10px;
  border-radius: 15px;
  box-sizing:border-box;
}
#introduction {
  background-image: url("/acceuille/bk.jpg");
  background-size:cover;
  padding: 25px 25px 20px 25px;
  margin: 30px auto;
  box-sizing:border-box;
  border-radius: 15px;
  width: 90%;
  height:100%;
  box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.2);
}

















footer {
  background-color: #BBD2E1;
  margin: 15px auto;
  padding: 10px 10px;
  border-radius: 15px;
  box-sizing:border-box;
}
#foot {
  text-align:center;
}
#afoot { /*bouton CGU*/
  background-color: #4CAF50; /* Vert clair */
  border: none;
  color: white;
  padding: 5px 2px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 2px 2px;
  cursor: pointer;
}
#logo-madzona {
  width:150px;
  height:auto;
  margin: 0px 10px 20px 0px;
}
#hozi-center { /*Aligner logo et texte*/
  display:flex;
  align-items:center;
  border-radius:20px;
}