h1 {

    position: center;
  text-align: center;

  color: rgb(255, 255, 255);
  font-size: large;
  font-size: 200%;
  margin: 0%;

  }


div.titre {
box-sizing: 10%;
    text-align: center;
    color:antiquewhite; 
    width: 100%;
    height: 10vh;

}

 header {

  position: center;
  width: 100%;
  height: 200px;
  

}
    

  img {

   width:100%;
    height: 200px;

  }

  p {
    box-sizing: 30%;
position: center;
text-align: center;
align-content: center;
margin-top: 5%;
margin-left: 0%;

color: rgb(255, 255, 255);

  }

  body
{
  background-color: black;
}   
    
.conteneur {
  display: grid;
  grid-template-columns: 200px 200px 200px;
  color: beige;
  align-content: center;
}


footer, li {
position: center;
text-align: center;
}

  @media screen and (max-width: 1200px) {
    /* A venir */
    }

    @media all and (orientation: portrait)
  {
    /* Vertical */
  }