h1 {

  position: absolute;
  top: 0%;
  left: 45%;
  text-align: center;
  
  color: rgb(255, 255, 255);
  font-size: large;
  font-size: 200%;
  margin: 15px;

  }

 header {

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

}
    

  img {

   width:100%;
    height: 200px;

  }

  p {
position: center;
text-align: center;
align-content: center;
margin-top: 10%;
margin-left: 5%;

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 */
    img{
      background-size: cover;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      color: rgb(0, 0, 0);
      border-radius: 1% ;
      opacity: 0.92;
    }
  }