/*
 h1, h2 {
  margin: 21px auto 0 asuto;
  text-align: center;
  font-family: var(--fPalmer400);
  font-weight: 400;
  font-size: 100px;
  line-height: 55px;
  color: var(--cRouge);
}
h2 {
  color: var(--or);
}

#divJeu {
  position: relative;
  height: 580px;
  display: grid;
  grid-template-columns: 50% 50%;
  align-content: center;
}
#lgnG1,
#lgnD1 {
  margin-top: 130px;
}
#lgnG1,
#lgnG3,
#lgnD1,
#lgnD3 {
  background-image: url(/public/asahi/img/loupioteKo.png);
  background-size: contain;
  background-repeat: repeat;
  height: 31px;
  background-position-x: 0;
}
#lgnG1.loupioteOk,
#lgnG3.loupioteOk,
#lgnD1.loupioteOk,
#lgnD3.loupioteOk {
  background-image: url(/public/asahi/img/loupioteOk.png);
}
#lgnG2,
#lgnD2 {
  background-image: url(/public/asahi/img/jeuCacahuete.png);
  background-size: contain;
  background-repeat: repeat;
  height: 227px;
  background-position-x: 0;
}
#lgnD2 {
  background-image: url(/public/asahi/img/jeuCacahueteFlip.png);
  background-position: right;
}
#iframeJeu {
  z-index: 3;
  position: absolute;
  top: 0;
  left: 80px;
  border: 0;
  background: transparent;
  width: calc(100% - 80px);
  height: 580px;
  min-height: 580px;
}
@media all and (max-width: 1050px) {
}

@media all and (max-width: 750px) {
  h1 {
    font-size: 80px;
    line-height: 44px;
  }
  h2 {
    font-size: 100px;
    line-height: 55px;
  }
  #iframeJeu {
    left: 60px;
    width: calc(100% - 60px);
  }
  #divJeu,
  #iframeJeu {
    height: 450px;
    min-height: 450px;
  }
  #lgnG1,
  #lgnD1 {
    margin-top: 100px;
  }
  #lgnG1,
  #lgnG3,
  #lgnD1,
  #lgnD3 {
    height: 25px;
  }
  #lgnG2,
  #lgnD2 {
    height: 190px;
  }
}

@media all and (max-width: 650px) {
  h1 {
    font-size: 60px;
    line-height: 33px;
  }
  h2 {
    font-size: 90px;
    line-height: 49px;
  }
  #iframeJeu {
    left: 40px;
    width: calc(100% - 40px);
  }
  #divJeu,
  #iframeJeu {
    height: 340px;
    min-height: 340px;
  }
  #lgnG1,
  #lgnD1 {
    margin-top: 72px;
  }
  #lgnG1,
  #lgnG3,
  #lgnD1,
  #lgnD3 {
    height: 21px;
  }
  #lgnG2,
  #lgnD2 {
    height: 143px;
  }
}

@media all and (max-width: 500px) {
  h1 {
    font-size: 50px;
    line-height: 28px;
  }
  h2 {
    font-size: 75px;
    line-height: 40px;
  }
  #iframeJeu {
    left: 30px;
    width: calc(100% - 30px);
  }
  #divJeu,
  #iframeJeu {
    height: 270px;
    min-height: 270px;
  }
  #lgnG1,
  #lgnD1 {
    margin-top: 62px;
  }
  #lgnG1,
  #lgnG3,
  #lgnD1,
  #lgnD3 {
    height: 15px;
  }
  #lgnG2,
  #lgnD2 {
    height: 113px;
  }
}

@media all and (max-width: 400px) {
  h1 {
    font-size: 46px;
    line-height: 26px;
    margin-bottom: 60px;
  }
  h2 {
    font-size: 70px;
    line-height: 38px;
  }
  #iframeJeu {
    left: 40px;
    width: calc(100% - 40px);
  }
  #divJeu,
  #iframeJeu {
    height: 240px;
    min-height: 240px;
  }
  #lgnG1,
  #lgnD1 {
    margin-top: 49px;
  }
  #lgnG1,
  #lgnG3,
  #lgnD1,
  #lgnD3 {
    height: 11px;
  }
  #lgnG2,
  #lgnD2 {
    height: 100px;
  }
}

#divGain,
#divPerte {
  text-align: center;
}

#divGain p,
#divPerte p {
  color: var(--cRouge);
  margin-left: 5%;
  margin-right: 5%;
}

#siteViva {
  color: var(--cNoir);
  font-size: 150%;
  font-weight: 700;
}      */