main#game .preview {
  width: 15%;
  max-width: 180px;
  min-width: 120px;
}
@media screen and (max-width: 684px) {
  main#game .preview {
    display: block;
    float: unset;
    -o-object-position: unset;
       object-position: unset;
    margin-left: unset;
    margin-bottom: unset;
    margin: auto;
    width: 100%;
    min-width: unset;
    max-width: 120px;
  }
}
main#game > section:has(h2#Sommaire) > div#picture {
  width: 35%;
  min-width: 260px;
  max-width: 400px;
}
@media screen and (max-width: 640px) {
  main#game > section:has(h2#Sommaire) {
    flex-flow: column nowrap;
    margin-top: 20px;
    margin-bottom: -20px;
  }
  main#game > section:has(h2#Sommaire) > div#picture {
    margin: auto;
    margin-bottom: 20px;
    width: 100%;
    min-width: unset;
    max-width: 280px;
  }
  main#game > section:has(h2#Sommaire) > div:has(h2#Sommaire) {
    width: 100%;
    padding-left: 0;
  }
}/*# sourceMappingURL=PMU.css.map */