body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-image: url("images/nyan_cat.gif");
    background-repeat: no-repeat;
    background-size: 100% 50%;
    overflow:hidden;
  }
  html {
height: 100%;
  }

  #div1 img{
    position: absolute;
    height: 50%;
    width: 40%;
    bottom: 0px;
    right: 0px;
    <!-- maintenant les images s'adaptent pour toute résolution de l'ordianteur ou du navigateur -->
  }

  #div2 img{
    position: absolute;
    height: 50%;
    width: 20%;
    right: 40%;
    bottom: 0px;
  }

  #div3 img{
    position: absolute;
    height: 50%;
    width: 40%;
    left: 0px;
    bottom: 0px;
  }

  h1 {
    margin-top: 5px
  }

  @media screen and (max-width: 800px) {
h1 {
    display: none;
    <!-- ajout d'un petit peu de responsive design permettant d'effacer le texte et le logo en cas de taille trop petite du navigateur -->
}

}