  
html,
body {
  display: grid;
  justify-content: center;
  align-content: center;
  /* line-height:80%; */
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-color: #fff;
}
#margeur {
  position: relative;
  width: 800px;
  height: 1100px;
}

#cadre {
  position: relative;
  height: 1100px;
  width: 800px;
  max-width: 800px;
  /* background-color: rgb(0, 255, 179); */
  border-radius: 3px;
  box-shadow: 3px 1px 17px 1px rgba(0, 0, 0, 0.91);
  -webkit-box-shadow: 3px 1px 17px 1px rgba(0, 0, 0, 0.91);
  -moz-box-shadow: 3px 1px 17px 1px rgba(0, 0, 0, 0.91);
  overflow: hidden;
}

    #controles {
      position: absolute;
      background-color: #CCC;
      left: 0px;
      top: 0px;
      width: 160px;
      height: 600px;
      border: solid black 2px;
      padding: 8px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bolder;
      visibility: hidden;
    }
    #boutonCache {
      position: absolute;
      left: 0px;
      top: 0px;
      width: 60px;
      height: 60px;
    }
		
#credits {
      background-image: url(credits.png);
      background-repeat: no-repeat;
      background-position: center center;
      position: absolute;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
    }

  