main#game .preview {
  width: 25%;
  min-width: 230px;
  max-width: 30px;
}
@media screen and (max-width: 1054px) {
  main#game .preview {
    display: block;
    float: unset;
    -o-object-position: unset;
       object-position: unset;
    margin-left: unset;
    margin-bottom: unset;
    margin: auto;
    width: 60%;
    min-width: unset;
    max-width: 230px;
  }
}
main#game > section:has(h2#Sommaire) > div#picture {
  width: 40%;
  min-width: 300px;
  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: 330px;
  }
  main#game > section:has(h2#Sommaire) > div:has(h2#Sommaire) {
    width: 100%;
    padding-left: 0;
  }
}/*# sourceMappingURL=98.css.map */