/*
  Auteur      : Esther Pham 
  Date        : 23.12.2021
  Description : mise en page de l'acceuil
*/
#background {
  background-image: url(../images/seo_taiji_and_boys.jpg);        
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;   
  background-position: center;
  text-align: center;
  margin-block-start: 0em;
  margin-bottom: 20px;
  padding: 150px;
  color: whitesmoke;
}
#menu {
  margin-left: 10px;
  text-align: center;
}
#menu>div {
  width: 20em;
  height: 2em;
}
h2 {
  text-align: center;
}
h3 {
  text-align: center;
}
article {
  margin: auto;
  width: 70%;
  padding: 0px; 
  text-align: justify;
}
.container {
  display: flex;
  flex-direction: column;
  margin: 0px;
}
.container2 {
  display: flex;
  margin: 0px;
  margin-bottom: 30px;  
}
video>nav {
  width: 0px;
  padding: 0px;
  margin: 10px;
  border: none;
}
video {
  width: 50%;
}
.video {
  align-items: center;
}
.pied_de_page>div {
  font-size: 20px;
}
.pied_de_page {
  width: 20em;
}
@media screen and (max-width: 800px){
  #menu {
    align-self: center;
  }
  .container {
    max-width: 450px;
  }
  .container2 {
    flex-direction: column;
  }
  #background {
    background-position: unset;
    padding: 100px;
  }
  .pied_de_page {
    align-self: center;
  }
}