* {
  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;
  width:80%;
  height:auto;
  margin:0 auto;
}
body header {
  width:100%;
}
header {
  box-sizing:border-box;
}
header img { /*image de l'entete*/
  border-radius: 15px;
  width: 100%;
  height: 100%;
}

container {
  box-sizing: border-box;
  background-color: rgba(128, 0, 128, 0.7);
  width:100%;
  height:auto;
  border-radius: 15px;
  padding: 10px;
  margin-top: 10px;
}

container img {
  width: 100%;
  height: auto;
  border-radius: 15px;
}

p {
  color: white;
}

























/*Responsive ! _________________________________________________________ */
.petit-ecran { /*supprime le petit header en big screen*/
  display: none;
}
@media (max-width: 768px) {
  .grand-ecran {
    display: none; /* cache le grand */
  }
  .petit-ecran {
    display: block; /*afficher le petit */
  }
  body {
    width: 100%;
  }
  header {
    margin: 0 auto;
  }
}
  

}