/** END FONCTIONS **/
@font-face {
  font-family: 'Impregnable';
  src: url('../fonts/Impregnable.eot');
  src: url('../fonts/Impregnable.eot?#iefix') format('embedded-opentype'), url('../fonts/Impregnable.woff2') format('woff2'), url('../fonts/Impregnable.woff') format('woff'), url('../fonts/Impregnable.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rumble Brave';
  src: url('../fonts/Rumblebrave.eot');
  src: url('../fonts/Rumblebrave.eot?#iefix') format('embedded-opentype'), url('../fonts/Rumblebrave.woff2') format('woff2'), url('../fonts/Rumblebrave.woff') format('woff'), url('../fonts/Rumblebrave.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.page-univers .m_24 {
  font-size: 20px;
}
.page-univers .m_18 {
  font-size: 16px;
}
.page-univers .m_48 {
  font-size: 32px;
}
#choix_jeux {
  height: 600px;
  width: 100%;
  text-align: center;
  padding-top: 120px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1024px;
}
.univers-mysterium #choix_jeux {
  background-image: url(../images/mysterium/fond_mysterium_mobile.jpg);
  background-color: #012b34;
}
.univers-dixit #choix_jeux {
  background-image: url(../images/dixit/fond_dixit_mobile.jpg);
  background-color: #f47611;
}
#choix_jeux #caroussel .item {
  margin-bottom: 30px;
}
#choix_jeux #caroussel .item .jeu {
  transform: scale(0.7);
  opacity: 0.8;
  transition: all 0.5s ease 0.2s;
}
#choix_jeux #caroussel .item .jeu img {
  width: 300px;
  margin: 0 auto;
}
#choix_jeux #caroussel .item .btn {
  transform: scale(0.5);
  opacity: 0;
  transition: all 0.5s ease 0.2s;
}
#choix_jeux #caroussel .owl-item.active {
  z-index: 50;
}
#choix_jeux #caroussel .owl-item.active .item .jeu {
  transform: scale(1);
  opacity: 1;
}
#choix_jeux #caroussel .owl-item.active .item .btn {
  transform: scale(1);
  opacity: 1;
}
#choix_jeux #caroussel .owl-controls {
  margin: 0;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
#choix_jeux #caroussel .owl-controls .owl-dots {
  position: absolute;
  bottom: 70px;
  right: 0;
  left: 0;
  padding: 0px;
  margin: 0;
}
#choix_jeux #caroussel .owl-controls .owl-dots .owl-dot span {
  margin: 0 5px;
  background: transparent;
  border: 1px solid #fff;
}
#choix_jeux #caroussel .owl-controls .owl-dots .owl-dot.active span {
  background-color: #fff;
}
#choix_jeux #caroussel .owl-nav {
  position: absolute;
  bottom: -90px;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#choix_jeux #caroussel .owl-nav .owl-prev,
#choix_jeux #caroussel .owl-nav .owl-next {
  height: 44px;
  width: 44px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  font-size: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#choix_jeux #caroussel .owl-nav .owl-prev:before,
#choix_jeux #caroussel .owl-nav .owl-next:before {
  content: "\f054";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 10px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #fff;
}
#choix_jeux #caroussel .owl-nav .owl-prev:before {
  transform: rotate(180deg);
}
#choix_jeux.desktop_version {
  height: 880px;
  min-height: inherit;
  max-height: inherit;
  background-size: 1920px;
  position: relative;
}
.univers-dixit #choix_jeux.desktop_version {
  background-image: url(../images/dixit/page-univers/fonds/fond-haut-dixit-1.jpg);
}
.univers-dixit #choix_jeux.desktop_version .fond {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50px;
  right: -50px;
  background-repeat: no-repeat;
  background: center;
  background-size: 2020px;
}
.univers-dixit #choix_jeux.desktop_version #bateau {
  top: 280px;
  left: -500px;
  transform: scale(1);
}
.univers-dixit #choix_jeux.desktop_version #cactus {
  bottom: 20px;
  left: 300px;
}
.univers-dixit #choix_jeux.desktop_version #chateau {
  left: -355px;
  top: 60px;
}
.univers-dixit #choix_jeux.desktop_version #persostella {
  right: -430px;
  top: 210px;
}
.univers-dixit #choix_jeux.desktop_version #lune {
  top: 200px;
  left: -40px;
  animation: lune 8s ease-in-out infinite;
}
@keyframes lune {
  0%,
  100% {
    transform: translate(-10px, 10px);
  }
  50% {
    transform: translate(0, 0);
  }
}
.univers-dixit #choix_jeux.desktop_version #soleil {
  left: -20px;
  top: 160px;
  animation: soleil 8s ease-in-out infinite;
}
@keyframes soleil {
  0%,
  100% {
    transform: translate(20px, -20px);
  }
  50% {
    transform: translate(0, 0);
  }
}
.univers-mysterium #choix_jeux.desktop_version {
  background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-fond.jpg);
}
.univers-mysterium #choix_jeux.desktop_version .manoir,
.univers-mysterium #choix_jeux.desktop_version .maisons,
.univers-mysterium #choix_jeux.desktop_version .lampadaire {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: 1920px;
  background-repeat: no-repeat;
  background-position: center;
}
.univers-mysterium #choix_jeux.desktop_version .manoir {
  background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-manoir.png);
  z-index: 1;
}
.univers-mysterium #choix_jeux.desktop_version .maisons {
  background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-maisons.png);
  z-index: 2;
}
.univers-mysterium #choix_jeux.desktop_version .lampadaire {
  background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-lampadaire.png);
  z-index: 3;
}
#choix_jeux.desktop_version .titre,
#choix_jeux.desktop_version .elements,
#choix_jeux.desktop_version #caroussel {
  z-index: 10;
  position: relative;
}
#choix_jeux.desktop_version .elements {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#choix_jeux.desktop_version .elements img {
  position: absolute;
}
#choix_jeux.desktop_version #caroussel {
  max-width: 1400px;
  position: relative;
  margin: 50px auto 0;
}
#choix_jeux.desktop_version #caroussel .item .jeu img {
  width: 530px;
  margin-right: auto;
  margin-left: auto;
}
#choix_jeux.desktop_version #caroussel .owl-controls {
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 0;
  left: 0;
  height: 1px;
}
#choix_jeux.desktop_version #caroussel .owl-controls .owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1px;
  bottom: 0;
}
#choix_jeux.desktop_version #caroussel .owl-controls .owl-nav div {
  height: 300px;
  width: 33%;
  opacity: 0;
}
#choix_jeux.desktop_version #caroussel .owl-item .item .jeu {
  transform: scale(0.7);
  opacity: 1;
  transition: all 0.5s ease 0.1s;
}
#choix_jeux.desktop_version #caroussel .owl-item .item .btn {
  transform: scale(0.7);
  opacity: 0;
  position: relative;
  z-index: 20;
  margin-top: 0;
  transform: translateY(-30px);
  transition: opacity 0.2s ease 0.3s, transform 0.2s ease 0.3s;
}
#choix_jeux.desktop_version #caroussel .owl-item.active .item .jeu {
  opacity: 1;
  transform: scale(0.7);
}
#choix_jeux.desktop_version #caroussel .owl-item.active .item .btn {
  transform: scale(0.7) translateY(-30px);
  opacity: 0;
}
#choix_jeux.desktop_version #caroussel .owl-item.center .item .jeu {
  transform: scale(1);
}
#choix_jeux.desktop_version #caroussel .owl-item.center .item .btn {
  transform: scale(1) translateY(-30px);
  opacity: 1;
}
#choix_jeux.desktop_version .elements img {
  position: absolute;
}
#choix_jeux.desktop_version .elements .cartes {
  bottom: 110px;
  left: -705px;
}
#choix_jeux.desktop_version .elements .bonbons {
  bottom: 510px;
  left: -520px;
}
#choix_jeux.desktop_version .elements .popcorn {
  bottom: 40px;
  left: -170px;
}
#choix_jeux.desktop_version .elements .medium {
  bottom: -10px;
  left: -490px;
}
#choix_jeux.desktop_version .elements .vase {
  bottom: -160px;
  right: -340px;
}
.fond_univers {
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: 1024px;
  filter: drop-shadow(0px 0px 50px #000000);
}
.univers-dixit .fond_univers {
  background-image: url(../images/dixit/page-univers/fonds/fond-dixit-mobile.jpg);
  background-color: #1c2953;
}
.univers-mysterium .fond_univers {
  background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-mobile.jpg);
  background-color: #1f0e0c;
}
#bateau {
  position: absolute;
  left: -100px;
  top: 130px;
  transform: scale(0.7);
}
#soleil {
  position: absolute;
  top: 130px;
  right: 10px;
}
#univers_dixit {
  position: relative;
  padding-top: 130px;
  width: 100%;
  text-align: center;
}
#univers_dixit:before {
  content: '';
  position: absolute;
  top: -82px;
  right: 0;
  left: 0;
  height: 82px;
  background-image: url(../images/dixit/page-univers/fonds/fond-dixit-mobile-top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1024px;
}
#univers_dixit .contenue {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}
#univers_dixit .elements-mobile #fusee {
  position: absolute;
  top: -90px;
  right: 30px;
}
#univers_dixit .elements-mobile #nuage {
  position: absolute;
  top: -150px;
  left: -100px;
}
#univers_dixit .cartes {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#univers_dixit .cartes .carte {
  width: 50%;
  height: 315px;
  background-repeat: no-repeat;
  background-size: 185px;
}
#univers_dixit .cartes .carte.gauche {
  background-image: url(../images/dixit/cartes-gauche.png);
  background-position: center;
}
#univers_dixit .cartes .carte.droite {
  background-image: url(../images/dixit/cartes-droite.png);
  background-position: center;
}
#dixit {
  margin-top: 40px;
  padding-bottom: 90px;
  text-align: center;
}
#dixit .logo {
  width: 184px !important;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
#dixit .contenue {
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
}
#dixit .boite {
  margin-top: 30px;
  position: relative;
  text-align: center;
}
#dixit .boite img {
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  width: 300px;
}
#dixit .boite:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 50%;
  transform: translateX(82px);
  width: 143px;
  height: 219px;
  background-size: 143px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/dixit/ombre-boite-dixit-mobile.png);
}
.univers-dixit #extensions {
  background-color: #000;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 50px;
  background-image: url(../images/dixit/fond-dixit-extensions.jpg);
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: cover;
}
.univers-dixit #extensions .contenue {
  max-width: 730px;
  margin-right: auto;
  margin-left: auto;
}
.univers-dixit #extensions .logo {
  width: 230px !important;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
#odyssey {
  position: relative;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: -50px;
  background-image: url(../images/dixit/fond-univers-dixit-odyssey.jpg), url(../images/dixit/fond-univers-dixit-odyssey-top.png);
  background-repeat: no-repeat;
  background-position: right 50px, right 0;
  background-size: 1024px, 1024px;
}
#odyssey .contenue {
  max-width: 730px;
  margin-right: auto;
  margin-left: auto;
}
#odyssey .logo {
  width: 178px !important;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
#odyssey .boite {
  margin-top: 30px;
  position: relative;
  text-align: center;
}
#odyssey .boite img {
  position: relative;
  z-index: 2;
  width: 172px;
  margin-right: auto;
  margin-left: auto;
}
#odyssey .boite:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -24px;
  left: 50%;
  transform: translateX(-256px);
  width: 175px;
  height: 219px;
  background-size: 175px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/dixit/ombre-boite-dixit-odyssey-mobile.png);
}
#stella {
  position: relative;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 80px;
  max-height: 800px;
  margin-top: -50px;
  background-image: url(../images/dixit/fond-stella-univers-dixit.jpg), url(../images/dixit/fond-stella-univers-dixit-top.png);
  background-repeat: no-repeat;
  background-position: center 50px, center 0;
  background-size: 1024px, 1024px;
}
#stella .contenue {
  max-width: 730px;
  margin-right: auto;
  margin-left: auto;
}
#stella .logo {
  margin: -70px auto;
}
#stella .boite {
  margin-top: 30px;
  position: relative;
  text-align: center;
}
#stella .boite img {
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  width: 300px;
}
#stella .boite:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: -15px;
  left: 50%;
  transform: translateX(85px);
  width: 143px;
  height: 219px;
  background-size: 143px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../images/dixit/ombre-boite-dixit-mobile.png);
}
.univers-dixit #jeu {
  padding-bottom: 80px;
  text-align: center;
}
.univers-dixit #jeu .nuage {
  position: relative;
  padding-top: 40px;
  height: 168px;
  margin-bottom: 40px;
}
.univers-dixit #jeu .nuage::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 420px;
  height: 168px;
  background-image: url(../images/dixit/nuage-jeu-dixit.png);
  background-size: cover;
}
.univers-dixit #jeu .nuage p {
  position: relative;
}
.univers-dixit #jeu .nuage .titre {
  color: #e3bf73;
  margin-bottom: 10px;
}
.univers-dixit #jeu .nuage .texte {
  line-height: 1.1;
}
.univers-dixit #jeu .conteur {
  font-size: 20px;
  font-weight: bold;
  color: #f2dca6;
}
.univers-dixit #jeu .citation {
  color: #fff;
  font-style: italic;
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.2;
}
.univers-dixit #jeu #cartes {
  margin-top: 30px;
  margin-bottom: 30px;
}
.univers-dixit #jeu #cartes a:not(.btn) {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.univers-dixit #jeu #cartes a:not(.btn):after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../images/oeil-zoom.jpg);
  background-size: 21px;
  background-position: center;
  background-repeat: no-repeat;
}
.univers-dixit #jeu #cartes img {
  width: 180px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 6%;
  overflow: hidden;
  box-shadow: -10px 10px 10px 0px rgba(13, 17, 37, 0.7);
}
#gagnant,
#perdant {
  display: inline-block;
  padding: 100px 30px;
  border-radius: 20px;
  margin: 44px 20px;
  text-align: center;
}
#gagnant .titre,
#perdant .titre {
  font-size: 26px;
  font-weight: bold;
  text-transform: uppercase;
  color: #5ead31;
  margin-bottom: 10px;
}
#gagnant .texte p,
#perdant .texte p {
  color: #4b4c4d;
  font-size: 18px;
  font-weight: 300;
}
#gagnant .titre {
  color: #5ead31;
}
#gagnant .coupe {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
}
#gagnant .robot {
  position: absolute;
  bottom: -50px;
  right: 50%;
  transform: translateX(50%);
}
#gagnant .instrument {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
#gagnant .dame {
  position: absolute;
  bottom: 0px;
  right: 50%;
  transform: translateX(50%);
}
#perdant .titre {
  color: #ad3131;
}
#perdant .ange {
  position: absolute;
  bottom: 0;
  right: 0;
}
#perdant .corbeau {
  position: absolute;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
}
#univers_mysterium {
  position: relative;
  padding-top: 65px;
  text-align: center;
  height: 1000px;
  display: flex;
  align-items: center;
}
#univers_mysterium:before {
  content: '';
  position: absolute;
  top: -83px;
  right: 0;
  left: 0;
  height: 85px;
  background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-mobile-top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1024px;
}
#univers_mysterium .contenue {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}
#univers_mysterium .cartes {
  filter: drop-shadow(0px 0px 30px #000000);
  margin: 0 auto;
  margin-top: 50px;
}
#mysterium {
  margin-top: 100px;
  text-align: center;
  height: 600px;
  display: flex;
  align-items: center;
}
#mysterium .logo {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
#mysterium .contenue {
  max-width: 670px;
  margin-right: auto;
  margin-left: auto;
}
#mysterium .boite {
  margin-top: 20px;
  position: relative;
  text-align: center;
}
#mysterium .boite img {
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  width: 160px;
}
.univers-mysterium #extensions {
  text-align: center;
  padding-top: 90px;
  margin-top: 400px;
  height: 1100px;
  display: flex;
}
.univers-mysterium #extensions .contenue {
  max-width: 670px;
  margin-right: auto;
  margin-left: auto;
}
.univers-mysterium #extensions .boite {
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.univers-mysterium #extensions .boite img {
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  width: 190px;
}
.univers-mysterium #extensions .musique {
  position: absolute;
  right: -60px;
  bottom: 80px;
}
.univers-mysterium #extensions .homme {
  position: absolute;
  right: -30px;
  bottom: 0;
}
.univers-mysterium #extensions .femme {
  position: absolute;
  right: 40px;
  bottom: 0;
}
.fond_univers_2 {
  background-image: url(../images/mysterium/page-univers/fonds/fond-park-mobile.jpg);
  background-size: 1024px;
  background-repeat: no-repeat;
  background-position: center 0;
  position: relative;
}
.fond_univers_2:before {
  content: '';
  position: absolute;
  top: -68px;
  right: 0;
  left: 0;
  height: 70px;
  background-image: url(../images/mysterium/page-univers/fonds/fond-park-mobile-top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1024px;
}
#mysterium_park {
  position: relative;
  text-align: center;
  padding-top: 100px;
  padding-bottom: 50px;
  margin-top: -25px;
  height: 1330px;
}
#mysterium_park .contenue {
  max-width: 670px;
  margin-right: auto;
  margin-left: auto;
}
#mysterium_park .logo {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
#mysterium_park .boite {
  margin-top: 500px;
  position: relative;
  text-align: center;
}
#mysterium_park .boite img {
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: auto;
  width: 160px;
}
.univers-mysterium #jeu {
  padding-bottom: 80px;
  text-align: center;
}
.univers-mysterium #jeu .banderole {
  position: relative;
  padding-top: 40px;
  height: 115px;
  margin-bottom: 40px;
}
.univers-mysterium #jeu .banderole::before {
  content: '';
  position: absolute;
  top: -57px;
  left: 50%;
  transform: translateX(-50%);
  width: 362px;
  height: 265px;
  background-image: url(../images/mysterium/page-univers/banderole-mobile.png);
  background-size: cover;
}
.univers-mysterium #jeu .banderole p {
  position: relative;
  margin-bottom: 0;
}
.univers-mysterium #jeu .instruction {
  color: #fff;
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.2;
}
.univers-mysterium #jeu #cartes {
  margin-top: 130px;
  margin-bottom: 30px;
}
.univers-mysterium #jeu #cartes a:not(.btn) {
  position: relative;
  display: block;
  width: fit-content;
  margin: 0 auto;
}
.univers-mysterium #jeu #cartes a:not(.btn):after {
  content: '';
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  background-image: url(../images/oeil-zoom.jpg);
  background-size: 21px;
  background-position: center;
  background-repeat: no-repeat;
}
.univers-mysterium #jeu #cartes img {
  width: 200px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 6%;
  overflow: hidden;
}
.univers-mysterium #jeu #indices {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 130px;
}
.univers-mysterium #jeu #indices img {
  width: 145px;
  border-radius: 6%;
  overflow: hidden;
  box-shadow: -10px 10px 10px 0px rgba(0, 0, 0, 0.5);
}
.univers-mysterium #jeu #indices .indice:nth-of-type(1) {
  transform: rotate(-3deg);
  z-index: 5;
  position: relative;
}
.univers-mysterium #jeu #indices .indice:nth-of-type(2) {
  margin-top: 20px;
  transform: rotate(2deg);
  z-index: 4;
  position: relative;
}
.univers-mysterium #jeu #indices .indice:nth-of-type(3) {
  transform: rotate(5deg);
  z-index: 5;
  position: relative;
}
#articles {
  text-align: center;
  margin-top: -47px;
  background-image: url(../images/mysterium/page-univers/fonds/fond-articles.jpg);
  background-position: center 0;
  background-size: 1024px;
  background-repeat: no-repeat;
  min-height: 840px;
  position: relative;
}
#articles:before {
  content: '';
  position: absolute;
  top: -45px;
  right: 0;
  left: 0;
  height: 47px;
  background-image: url(../images/mysterium/page-univers/fonds/fond-articles-top.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1024px;
}
#articles .article {
  padding: 20px;
  margin-top: -30px;
}
#articles .article p {
  padding: 0;
}
#articles .article .rumble {
  font-size: 30px;
}
#articles .article .m_24 {
  font-size: 18px;
  line-height: 1;
}
#articles .article .m_18 {
  font-size: 14px;
  line-height: 1.1;
}
#articles .titresection,
#articles p {
  color: #3c332e;
  padding: 0 20px;
}
#articles .visuel {
  position: relative;
  width: 250px;
  margin: 0 auto 20px;
}
#articles .visuel img {
  margin-right: auto;
  margin-left: auto;
}
#articles .visuel:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-size: cover;
  background-image: url(../images/mysterium/page-univers/cadre-article.png);
}
#articles .owl-controls {
  margin: 0;
  position: relative;
  z-index: 20;
}
#articles .owl-controls .owl-dots {
  position: absolute;
  bottom: 0px;
  right: 0;
  left: 0;
  padding: 0px;
  margin: 0;
}
#articles .owl-controls .owl-dots .owl-dot span {
  margin: 0 5px;
  background: transparent;
  border: 1px solid #fff;
}
#articles .owl-controls .owl-dots .owl-dot.active span {
  background-color: #fff;
}
#ressources {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.univers-dixit #ressources {
  background-image: url(../images/dixit/fond_dixit_ressources.jpg);
}
.univers-dixit #ressources .images {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.univers-dixit #ressources .images .enfant {
  width: 161px !important;
}
.univers-dixit #ressources .images .livre {
  width: 108px !important;
}
.univers-mysterium #ressources {
  background-image: url(../images/mysterium/page-univers/fonds/fond-ressources.jpg);
}
[id^="image_carte"],
[id^="image_indice"],
[id^="gagnant"],
[id^="perdant"] {
  padding: 0;
  border-radius: 30px;
  box-shadow: -20px 20px 30px 0px rgba(0, 0, 0, 0.75);
}
[id^="image_carte"] button,
[id^="image_indice"] button,
[id^="gagnant"] button,
[id^="perdant"] button {
  top: 10px;
  right: 10px;
}
[id^="image_carte"] button:after,
[id^="image_indice"] button:after,
[id^="gagnant"] button:after,
[id^="perdant"] button:after {
  color: #b8833d !important;
}
#mysterium_kids {
  background-color: #34225e;
  padding: 100px 0;
  text-align: center;
  background-image: url(../images/mysterium/kids/mysterium-kids-fond-mobile.webp);
  background-size: 1070px;
  background-repeat: repeat-y;
  background-position: center top;
}
#mysterium_kids .logo {
  margin: 0 auto;
  margin-bottom: -30px;
}
#mysterium_kids .contenue {
  max-width: 520px;
  margin: 0 auto;
}
#mysterium_kids .boite img {
  width: 100%;
  max-width: 299px;
  margin: 0 auto;
  margin-top: 30px;
}
#dixit_puzzle {
  background-color: #dcad6e;
  padding: 100px 0;
  text-align: center;
  background-image: url(../images/dixit/puzzle/pieces-dixit-puzzle-bandeau-mobile.webp);
  background-size: 192px;
  background-position: 100% 10px;
  background-repeat: no-repeat;
}
#dixit_puzzle .logo {
  margin: 0 auto;
  margin-bottom: 30px;
}
#dixit_puzzle .contenue {
  max-width: 520px;
  margin: 0 auto;
}
#dixit_puzzle .boite img {
  width: 100%;
  max-width: 238px;
  margin: 0 auto;
  margin-top: 30px;
}
@media (min-width: 768px) {
  #choix_jeux.desktop_version {
    height: 880px;
    min-height: inherit;
    max-height: inherit;
    background-size: 1920px;
    position: relative;
  }
  .univers-dixit #choix_jeux.desktop_version {
    background-image: url(../images/dixit/page-univers/fonds/fond-haut-dixit-1.jpg);
  }
  .univers-dixit #choix_jeux.desktop_version .fond {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50px;
    right: -50px;
    background-repeat: no-repeat;
    background: center;
    background-size: 2020px;
  }
  .univers-dixit #choix_jeux.desktop_version #bateau {
    top: 280px;
    left: -500px;
    transform: scale(1);
  }
  .univers-dixit #choix_jeux.desktop_version #cactus {
    bottom: 20px;
    left: 300px;
  }
  .univers-dixit #choix_jeux.desktop_version #chateau {
    left: -355px;
    top: 60px;
  }
  .univers-dixit #choix_jeux.desktop_version #persostella {
    right: -430px;
    top: 210px;
  }
  .univers-dixit #choix_jeux.desktop_version #lune {
    top: 200px;
    left: -40px;
    animation: lune 8s ease-in-out infinite;
  }
  @keyframes lune {
    0%,
    100% {
      transform: translate(-10px, 10px);
    }
    50% {
      transform: translate(0, 0);
    }
  }
  .univers-dixit #choix_jeux.desktop_version #soleil {
    left: -20px;
    top: 160px;
    animation: soleil 8s ease-in-out infinite;
  }
  @keyframes soleil {
    0%,
    100% {
      transform: translate(20px, -20px);
    }
    50% {
      transform: translate(0, 0);
    }
  }
  .univers-mysterium #choix_jeux.desktop_version {
    background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-fond.jpg);
  }
  .univers-mysterium #choix_jeux.desktop_version .manoir,
  .univers-mysterium #choix_jeux.desktop_version .maisons,
  .univers-mysterium #choix_jeux.desktop_version .lampadaire {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: 1920px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .univers-mysterium #choix_jeux.desktop_version .manoir {
    background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-manoir.png);
    z-index: 1;
  }
  .univers-mysterium #choix_jeux.desktop_version .maisons {
    background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-maisons.png);
    z-index: 2;
  }
  .univers-mysterium #choix_jeux.desktop_version .lampadaire {
    background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-lampadaire.png);
    z-index: 3;
  }
  #choix_jeux.desktop_version .titre,
  #choix_jeux.desktop_version .elements,
  #choix_jeux.desktop_version #caroussel {
    z-index: 10;
    position: relative;
  }
  #choix_jeux.desktop_version .elements {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  #choix_jeux.desktop_version .elements img {
    position: absolute;
  }
  #choix_jeux.desktop_version #caroussel {
    max-width: 1400px;
    position: relative;
    margin: 50px auto 0;
  }
  #choix_jeux.desktop_version #caroussel .item .jeu img {
    width: 530px;
    margin-right: auto;
    margin-left: auto;
  }
  #choix_jeux.desktop_version #caroussel .owl-controls {
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
  }
  #choix_jeux.desktop_version #caroussel .owl-controls .owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 1px;
    bottom: 0;
  }
  #choix_jeux.desktop_version #caroussel .owl-controls .owl-nav div {
    height: 300px;
    width: 33%;
    opacity: 0;
  }
  #choix_jeux.desktop_version #caroussel .owl-item .item .jeu {
    transform: scale(0.7);
    opacity: 1;
    transition: all 0.5s ease 0.1s;
  }
  #choix_jeux.desktop_version #caroussel .owl-item .item .btn {
    transform: scale(0.7);
    opacity: 0;
    position: relative;
    z-index: 20;
    margin-top: 0;
    transform: translateY(-30px);
    transition: opacity 0.2s ease 0.3s, transform 0.2s ease 0.3s;
  }
  #choix_jeux.desktop_version #caroussel .owl-item.active .item .jeu {
    opacity: 1;
    transform: scale(0.7);
  }
  #choix_jeux.desktop_version #caroussel .owl-item.active .item .btn {
    transform: scale(0.7) translateY(-30px);
    opacity: 0;
  }
  #choix_jeux.desktop_version #caroussel .owl-item.center .item .jeu {
    transform: scale(1);
  }
  #choix_jeux.desktop_version #caroussel .owl-item.center .item .btn {
    transform: scale(1) translateY(-30px);
    opacity: 1;
  }
  #choix_jeux.desktop_version .elements img {
    position: absolute;
  }
  #choix_jeux.desktop_version .elements .cartes {
    bottom: 110px;
    left: -705px;
  }
  #choix_jeux.desktop_version .elements .bonbons {
    bottom: 510px;
    left: -520px;
  }
  #choix_jeux.desktop_version .elements .popcorn {
    bottom: 40px;
    left: -170px;
  }
  #choix_jeux.desktop_version .elements .medium {
    bottom: -10px;
    left: -490px;
  }
  #choix_jeux.desktop_version .elements .vase {
    bottom: -160px;
    right: -340px;
  }
  .fond_univers.desktop_version {
    background-position: center 90px, center 0;
    background-size: 1920px, 1920px;
    margin-top: -90px;
  }
  .univers-dixit .fond_univers.desktop_version {
    background-color: transparent;
    background-image: url(../images/dixit/fond-dixit-page-dixit.jpg), url(../images/dixit/fond-dixit-page-dixit-top.png);
  }
  .univers-mysterium .fond_univers.desktop_version {
    position: relative;
    z-index: 15;
    background-color: transparent;
    background-image: url(../images/mysterium/page-univers/fonds/fond-univers-mysterium.jpg), url(../images/mysterium/page-univers/fonds/fond-univers-mysterium-top.png);
  }
  #univers_dixit.desktop_version {
    height: 600px;
  }
  #univers_dixit.desktop_version:before {
    display: none;
  }
  #univers_dixit.desktop_version .elements {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  #univers_dixit.desktop_version .elements img {
    position: absolute;
  }
  #univers_dixit.desktop_version .elements #grosnuage {
    left: -60px;
    top: 100px;
    animation: grosnuage 15s ease-in-out infinite;
  }
  @keyframes grosnuage {
    0%,
    100% {
      transform: translateX(0px);
    }
    50% {
      transform: translateX(-200px);
    }
  }
  #univers_dixit.desktop_version .elements #nuage {
    top: 600px;
    left: 110px;
    animation: nuage 12s ease-in-out infinite;
  }
  @keyframes nuage {
    0%,
    100% {
      transform: translateX(-70px);
    }
    50% {
      transform: translateX(30px);
    }
  }
  #univers_dixit.desktop_version .elements #fusee {
    right: 150px;
    top: 130px;
    animation: fusee 5s ease-in-out infinite;
  }
  @keyframes fusee {
    10%,
    90% {
      transform: translateX(0) scale(1);
      opacity: 1;
    }
    30% {
      transform: translateX(800px) scale(2);
      opacity: 0;
      filter: blur(3px);
    }
    70% {
      transform: translateX(-150px) scale(0);
      opacity: 0;
      filter: blur(0px);
    }
  }
  #univers_dixit.desktop_version .elements .cartes {
    margin-top: 0;
    display: block;
  }
  #univers_dixit.desktop_version .elements .cartes .gauche img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  #univers_dixit.desktop_version .elements .cartes .gauche img:hover {
    transform: scale(1.1) rotate(10deg);
  }
  #univers_dixit.desktop_version .elements .cartes .droite img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  #univers_dixit.desktop_version .elements .cartes .droite img:hover {
    transform: scale(1.1) rotate(-10deg);
  }
  #univers_dixit.desktop_version .elements .cartes img:nth-of-type(7n+7) {
    left: -170px;
    top: 90px;
    animation-delay: 0.1s;
  }
  #univers_dixit.desktop_version .elements .cartes img:nth-of-type(7n+6) {
    left: -280px;
    top: 250px;
    animation-delay: 0.2s;
  }
  #univers_dixit.desktop_version .elements .cartes img:nth-of-type(7n+5) {
    top: 380px;
    left: -350px;
    animation-delay: 0.3s;
  }
  #univers_dixit.desktop_version .elements .cartes img:nth-of-type(7n+4) {
    top: 560px;
    left: -220px;
    animation-delay: 0.4s;
  }
  #univers_dixit.desktop_version .elements .cartes img:nth-of-type(7n+3) {
    top: 680px;
    left: -130px;
    animation-delay: 0.5s;
  }
  #univers_dixit.desktop_version .elements .cartes img:nth-of-type(7n+2) {
    top: 750px;
    left: -50px;
    animation-delay: 0.6s;
  }
  #univers_dixit.desktop_version .elements .cartes img:nth-of-type(7n+1) {
    top: 800px;
    left: 30px;
    animation-delay: 0.7s;
  }
  #univers_dixit.desktop_version .elements .cartes .droite img:nth-of-type(7n+7) {
    right: -170px;
    left: initial;
  }
  #univers_dixit.desktop_version .elements .cartes .droite img:nth-of-type(7n+6) {
    right: -280px;
    left: initial;
  }
  #univers_dixit.desktop_version .elements .cartes .droite img:nth-of-type(7n+5) {
    right: -350px;
    left: initial;
  }
  #univers_dixit.desktop_version .elements .cartes .droite img:nth-of-type(7n+4) {
    right: -220px;
    left: initial;
  }
  #univers_dixit.desktop_version .elements .cartes .droite img:nth-of-type(7n+3) {
    right: -130px;
    left: initial;
  }
  #univers_dixit.desktop_version .elements .cartes .droite img:nth-of-type(7n+2) {
    right: -50px;
    left: initial;
  }
  #univers_dixit.desktop_version .elements .cartes .droite img:nth-of-type(7n+1) {
    right: 30px;
    left: initial;
  }
  #dixit.desktop_version {
    height: 500px;
    padding: 0;
    margin-top: 400px;
    position: relative;
  }
  #dixit.desktop_version .conteneur {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
  #dixit.desktop_version .logo {
    width: 368px !important;
  }
  #dixit.desktop_version .boite {
    position: absolute;
    top: 50px;
    right: -200px;
    margin-top: 0;
  }
  #dixit.desktop_version .boite img {
    width: 600px !important;
  }
  #dixit.desktop_version .boite:before {
    top: -25px;
    left: 50%;
    transform: translateX(165px);
    width: 296px;
    height: 438px;
    background-size: 296px;
  }
  #dixit.desktop_version .poissons {
    height: 520px;
    position: absolute;
    top: 140px;
    right: 0;
    left: 0;
    background-image: url(../images/dixit/univers-dixit-poissons.png);
    background-size: 1920px;
    background-position: center;
  }
  #dixit.desktop_version .losanges {
    position: absolute;
    top: 500px;
    left: 50%;
    animation: losanges 3s ease-in-out infinite;
  }
  @keyframes losanges {
    0%,
    100% {
      transform: translate(670px, 0);
      opacity: 1;
    }
    40% {
      transform: translate(670px, 50px);
      opacity: 0;
    }
    80% {
      transform: translate(670px, 0);
    }
    99% {
      opacity: 0;
    }
  }
  .univers-dixit #jeu.desktop_version {
    height: 1050px;
    padding-top: 50px;
    padding-bottom: 0;
  }
  .univers-dixit #jeu.desktop_version .vague {
    z-index: -1;
    position: relative;
  }
  .univers-dixit #jeu.desktop_version .vague-gauche {
    position: absolute;
    left: 0;
    transform: translateX(-560px);
    top: -340px;
  }
  .univers-dixit #jeu.desktop_version .vague-droite {
    position: absolute;
    right: 0;
    transform: translateX(560px);
    top: -340px;
  }
  .univers-dixit #jeu.desktop_version .fleurs {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 70px;
  }
  .univers-dixit #jeu.desktop_version .tiges {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-width: inherit;
    top: -170px;
  }
  .univers-dixit #jeu.desktop_version .nuage {
    height: 236px;
    padding-top: 70px;
  }
  .univers-dixit #jeu.desktop_version .nuage:before {
    width: 590px;
    height: 236px;
    background-image: url(../images/dixit/nuage-jeu-dixit-pc.png);
  }
  .univers-dixit #jeu.desktop_version .citation {
    font-size: 22px;
  }
  .univers-dixit #jeu.desktop_version #cartes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: 40px;
    position: relative;
  }
  .univers-dixit #jeu.desktop_version #cartes .carte {
    max-width: 250px;
    width: 25%;
  }
  .univers-dixit #jeu.desktop_version #cartes .carte img {
    width: 200px;
    box-shadow: -20px 20px 20px 10px rgba(13, 17, 37, 0.75);
  }
  .univers-dixit #jeu.desktop_version #cartes .carte a.btn {
    margin-top: 60px;
  }
  .univers-dixit #jeu.desktop_version #cartes .carte a:not(.btn) {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .univers-dixit #jeu.desktop_version #cartes .carte a:not(.btn):after {
    width: 24px;
    height: 24px;
    background-size: 14px;
    background-image: url(../images/dixit/oeil-zoom-pc.jpg);
  }
  .univers-dixit #jeu.desktop_version #cartes .carte a:not(.btn):hover {
    margin-top: -30px;
    margin-bottom: 30px;
  }
  .univers-dixit #jeu.desktop_version #cartes .carte:nth-of-type(1) a:not(.btn) {
    transform: rotate(-9deg) translateY(20px);
  }
  .univers-dixit #jeu.desktop_version #cartes .carte:nth-of-type(1) .btn {
    margin-left: 60px;
  }
  .univers-dixit #jeu.desktop_version #cartes .carte:nth-of-type(2) a:not(.btn) {
    transform: rotate(-4deg);
  }
  .univers-dixit #jeu.desktop_version #cartes .carte:nth-of-type(2) .btn {
    margin-left: 20px;
  }
  .univers-dixit #jeu.desktop_version #cartes .carte:nth-of-type(3) a:not(.btn) {
    transform: rotate(4deg);
  }
  .univers-dixit #jeu.desktop_version #cartes .carte:nth-of-type(3) .btn {
    margin-right: 20px;
  }
  .univers-dixit #jeu.desktop_version #cartes .carte:nth-of-type(4) a:not(.btn) {
    transform: rotate(9deg) translateY(20px);
  }
  .univers-dixit #jeu.desktop_version #cartes .carte:nth-of-type(4) .btn {
    margin-right: 60px;
  }
  #odyssey.desktop_version {
    background-image: url(../images/dixit/fond-univers-dixit-odyssey-pc.jpg), url(../images/dixit/fond-univers-dixit-odyssey-pc-top.png);
    background-repeat: no-repeat;
    background-position: center 90px, center 0;
    background-size: 1920px, 1920px;
    height: 810px;
    padding: 0;
    margin-top: -90px;
    position: relative;
  }
  #odyssey.desktop_version .montgolfiere {
    position: absolute;
    top: 0;
    right: -500px;
  }
  #odyssey.desktop_version .conteneur {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
  #odyssey.desktop_version .logo {
    width: 356px !important;
  }
  #odyssey.desktop_version .boite {
    position: absolute;
    top: 290px;
    left: -210px;
    margin-top: 0;
  }
  #odyssey.desktop_version .boite img {
    width: 344px !important;
  }
  #odyssey.desktop_version .boite:before {
    top: -46px;
    left: 50%;
    transform: translateX(-511px);
    width: 350px;
    height: 438px;
    background-size: 350px;
  }
  #univers_mysterium.desktop_version {
    height: 1110px;
    padding-top: 175px;
  }
  #univers_mysterium.desktop_version:before {
    display: none;
  }
  #univers_mysterium.desktop_version .conteneur {
    height: 100%;
  }
  #univers_mysterium.desktop_version .images img {
    position: absolute;
  }
  #univers_mysterium.desktop_version .images .barbier {
    top: 70px;
    left: -580px;
  }
  #univers_mysterium.desktop_version .images .pion-rouge {
    top: 0px;
    left: -170px;
    animation: pion 30s ease-in-out infinite;
  }
  #univers_mysterium.desktop_version .images .fleuriste {
    top: 760px;
    left: -500px;
  }
  #univers_mysterium.desktop_version .images .corbeau {
    top: 680px;
    left: -90px;
  }
  #univers_mysterium.desktop_version .images .bureau {
    top: 540px;
    left: -390px;
  }
  #univers_mysterium.desktop_version .images .pion-bleu {
    top: 0;
    right: -200px;
    animation: pion 30s ease-in-out infinite;
  }
  #univers_mysterium.desktop_version .images .carte-mysterium {
    top: 740px;
    right: -510px;
  }
  #univers_mysterium.desktop_version .images .caisse-finale {
    top: 365px;
    right: -550px;
  }
  #univers_mysterium.desktop_version .images .clown {
    top: 120px;
    right: -420px;
  }
  #univers_mysterium.desktop_version .images .empoule {
    top: 600px;
    right: -280px;
  }
  #univers_mysterium.desktop_version .images .temoin {
    top: 590px;
    right: -520px;
    animation: temoin 8s ease-in-out 3s infinite;
  }
  @keyframes temoin {
    0%,
    100% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(30deg);
    }
  }
  #mysterium.desktop_version {
    height: 600px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    display: block;
  }
  #mysterium.desktop_version .logo {
    width: 486px !important;
  }
  #mysterium.desktop_version .boite {
    position: absolute;
    top: -50px;
    right: -250px;
    margin-top: 0;
  }
  #mysterium.desktop_version .boite img {
    width: 468px !important;
  }
  .univers-mysterium #extensions.desktop_version {
    padding-top: 0;
    padding-bottom: 0;
    height: 510px;
    margin-top: 30px;
  }
  .univers-mysterium #extensions.desktop_version .boite {
    position: absolute;
    top: -50px;
    left: -190px;
    margin-top: 0;
  }
  .univers-mysterium #extensions.desktop_version .boite img {
    width: 380px !important;
  }
  .univers-mysterium #extensions.desktop_version .conteneur {
    height: 100%;
    position: relative;
  }
  .univers-mysterium #extensions.desktop_version .contenue {
    position: relative;
    z-index: 10;
  }
  .univers-mysterium #extensions.desktop_version .images {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: 100%;
  }
  .univers-mysterium #extensions.desktop_version .images img {
    position: absolute;
  }
  .univers-mysterium #extensions.desktop_version .images .musique {
    bottom: 125px;
    right: -440px;
    width: 320px !important;
  }
  .univers-mysterium #extensions.desktop_version .images .femme {
    bottom: -10px;
    right: -230px;
    width: 432px !important;
  }
  .univers-mysterium #extensions.desktop_version .images .homme {
    bottom: -40px;
    right: -380px;
    width: 322px !important;
  }
  .fond_univers_2.desktop_version {
    background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-park.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 1920px;
    position: relative;
    z-index: 20;
  }
  .fond_univers_2.desktop_version:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 310px;
    background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-park-over.png);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 1920px;
    animation: empoule 2s ease-in-out infinite;
  }
  @keyframes empoule {
    0%,
    100% {
      opacity: 1;
    }
    30% {
      opacity: 0;
    }
  }
  .fond_univers_2.desktop_version:before {
    background-image: url(../images/mysterium/page-univers/fonds/fond-mysterium-park-top.png);
    background-size: 1920px;
    height: 90px;
    top: -90px;
  }
  #mysterium_park.desktop_version {
    height: 550px;
    padding-top: 0px;
    background-color: transparent;
    position: relative;
  }
  #mysterium_park.desktop_version .logo {
    width: 400px !important;
  }
  #mysterium_park.desktop_version .boite {
    position: absolute;
    top: 100px;
    left: -90px;
    margin-top: 0;
  }
  #mysterium_park.desktop_version .boite img {
    width: 320px !important;
  }
  #mysterium_park.desktop_version .pilote {
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-955px);
  }
  .univers-mysterium #jeu.desktop_version {
    background-color: transparent;
    position: relative;
  }
  .univers-mysterium #jeu.desktop_version .banderole {
    padding-top: 50px;
  }
  .univers-mysterium #jeu.desktop_version .banderole:before {
    width: 558px;
    height: 289px;
    background-image: url(../images/mysterium/page-univers/banderole.png);
  }
  .univers-mysterium #jeu.desktop_version .instruction {
    padding-top: 30px;
    margin-bottom: 90px;
  }
  .univers-mysterium #jeu.desktop_version #cartes {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0;
    position: relative;
    margin-top: 100px;
  }
  .univers-mysterium #jeu.desktop_version #cartes .carte {
    width: 25%;
    max-width: 425px;
    padding: 0 5px;
  }
  .univers-mysterium #jeu.desktop_version #cartes .carte img {
    width: 100%;
    box-shadow: -5px 5px 20px 10px rgba(0, 0, 0, 0.5);
  }
  .univers-mysterium #jeu.desktop_version #cartes .carte a.btn {
    margin-top: 15px;
  }
  .univers-mysterium #jeu.desktop_version #cartes .carte a:not(.btn) {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .univers-mysterium #jeu.desktop_version #cartes .carte a:not(.btn):hover {
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .univers-mysterium #jeu.desktop_version #cartes .carte:not(:last-of-type):not(:first-of-type) {
    transform: translateY(-50px);
  }
  .univers-mysterium #jeu.desktop_version #indices {
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .univers-mysterium #jeu.desktop_version #indices img {
    width: 260px;
  }
  .univers-mysterium #jeu.desktop_version #indices .indice {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  .univers-mysterium #jeu.desktop_version #indices .indice:hover {
    z-index: 10;
    transform: scale(1.1);
  }
  .univers-mysterium #jeu.desktop_version #indices .indice:hover img {
    box-shadow: -10px 10px 15px 5px rgba(0, 0, 0, 0.5);
  }
  .univers-mysterium #jeu.desktop_version .images {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .univers-mysterium #jeu.desktop_version .images .medium {
    position: absolute;
    bottom: -110px;
    left: -280px;
  }
  #articles.desktop_version {
    background-image: url(../images/mysterium/page-univers/fonds/fond-articles-pc.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 1920px;
    position: relative;
    padding-top: 100px;
    height: 1035px;
    margin-top: -15px;
    padding-top: 0;
    z-index: 25;
  }
  #articles.desktop_version:before {
    height: 90px;
    background-size: 1920px;
    background-image: url(../images/mysterium/page-univers/fonds/fond-articles-top-pc.png);
    background-position: center 0;
    top: -90px;
  }
  #articles.desktop_version .visuel {
    overflow: hidden;
    width: auto;
  }
  #articles.desktop_version .visuel img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
  }
  #articles.desktop_version .articles {
    display: flex;
    justify-content: center;
    padding-top: 80px;
  }
  #articles.desktop_version .articles .article {
    padding: 0 12px;
    width: 33.33%;
    max-width: 554px;
  }
  #articles.desktop_version .articles .article:hover .visuel img {
    transform: scale(1.1) rotate(-5deg);
  }
  #articles.desktop_version .articles .article .rumble {
    font-size: 36px;
  }
  #articles.desktop_version .articles .article .m_24 {
    font-size: 18px;
    font-weight: 1.3;
    font-weight: bold;
  }
  #articles.desktop_version .articles .article .m_18 {
    font-size: 15px;
    line-height: 1.3;
  }
  #articles.desktop_version .articles .article:nth-of-type(2) {
    transform: translateY(-30px);
  }
  .univers-mysterium #ressources.desktop_version {
    position: relative;
    z-index: 30;
  }
  .univers-mysterium #ressources.desktop_version img {
    position: absolute;
  }
  .univers-mysterium #ressources.desktop_version img.bateau {
    top: -90px;
    left: -160px;
  }
  .univers-mysterium #ressources.desktop_version img.musique {
    top: -70px;
    left: -340px;
  }
  .univers-mysterium #ressources.desktop_version img.homme {
    top: -90px;
    right: -210px;
  }
  .univers-mysterium #ressources.desktop_version img.femme {
    top: -40px;
    right: -250px;
  }
}
@media (min-width: 1024px) {
  .impregnable {
    font-size: 88px;
  }
  .rumble {
    font-size: 54px;
  }
  .page-univers .m_24 {
    font-size: 24px;
  }
  #gagnant,
  #perdant {
    padding: 100px;
    max-width: 600px;
    overflow: visible;
  }
  #gagnant .coupe {
    width: 76px !important;
    top: -30px;
  }
  #gagnant .robot {
    width: 168px !important;
    bottom: inherit;
    top: 30px;
    right: 60px;
    transform: translateX(50%);
  }
  #gagnant .instrument {
    width: 86px !important;
    top: -60px;
  }
  #gagnant .dame {
    width: 148px !important;
    right: -20px;
    transform: initial;
    bottom: -10px;
  }
  #perdant .ange {
    width: 154px !important;
    right: -2px;
  }
  #perdant .corbeau {
    width: 162px !important;
    right: -20px;
    transform: initial;
  }
  #stella {
    background-image: url(../images/dixit/fond-univers-dixit-stella-pc.jpg), url(../images/dixit/fond-univers-dixit-stella-top-pc.png);
    background-repeat: no-repeat;
    background-position: center 90px, center 0;
    background-size: 1920px, 1920px;
    height: 814px;
    padding: 0;
    margin-top: -90px;
  }
  #stella .conteneur {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
  }
  #stella .logo {
    margin: -140px auto;
    width: 640px !important;
  }
  #stella .boite {
    position: absolute;
    top: 290px;
    right: -330px;
    margin-top: 0;
  }
  #stella .boite img {
    width: 600px !important;
  }
  #stella .boite:before {
    top: -25px;
    left: 50%;
    transform: translateX(165px);
    width: 296px;
    height: 438px;
    background-size: 296px;
  }
  #stella .pecheuse {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background-image: url(../images/dixit/dixit-univers-stella-pecheuse.png);
    background-position: center;
    background-size: 1920px;
  }
  .univers-dixit #extensions {
    height: 740px;
    padding: 0;
    background: none;
    background-color: #000;
    position: relative;
  }
  .univers-dixit #extensions:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-repeat: repeat-x;
    background-position: 0 0;
    animation: extension 60s linear infinite;
    background-image: url(../images/dixit/fond-dixit-extensions.jpg);
    opacity: 0.7;
  }
  @keyframes extension {
    0% {
      background-position-x: 0;
    }
    100% {
      background-position-x: 1920px;
    }
  }
  .univers-dixit #extensions .conteneur {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
  .univers-dixit #extensions .logo {
    width: 460px !important;
  }
  #ressources {
    padding: 0;
    height: 260px;
  }
  #ressources .conteneur {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
  #ressources p,
  #ressources a {
    position: relative;
  }
  .univers-dixit #ressources {
    position: relative;
  }
  .univers-dixit #ressources .images {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .univers-dixit #ressources .images .enfant {
    width: 322px !important;
  }
  .univers-dixit #ressources .images .livre {
    width: 216px !important;
    margin-top: 20px;
  }
  footer {
    padding: 30px 0;
  }
  #mysterium_kids {
    background-image: url(../images/mysterium/kids/mysterium-kids-fond.webp);
    background-size: 1920px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0;
    height: 730px;
    margin-top: -80px;
    z-index: 25;
    display: flex;
    position: relative;
    clip-path: path('M0.000,5.1000 C0.000,5.1000 192.588,67.864 387.000,75.1000 C605.540,85.146 725.565,6.818 953.1000,0.1000 C1153.722,-4.086 1349.970,53.551 1515.000,55.000 C1639.569,56.094 1775.769,48.704 1837.1000,43.000 C1886.989,38.509 1920.1000,34.1000 1920.1000,34.1000 L1920.1000,736.000 L0.000,736.000 L0.000,5.1000 Z');
  }
  #mysterium_kids .logo {
    width: 702px !important;
    margin-bottom: -100px;
  }
  #mysterium_kids .boite {
    position: absolute;
    top: 70px;
    right: -380px;
    margin-top: 0;
  }
  #mysterium_kids .boite img {
    max-width: 598px;
  }
  #mysterium_kids .hibou {
    top: calc(50% - 110px);
    right: calc(50% + 240px);
    position: absolute;
  }
  #mysterium_kids .lumieres {
    position: absolute;
    top: calc(50% - 143px);
    right: calc(50% + 475px);
    animation: lumieres 2s ease-in-out infinite;
  }
  @keyframes lumieres {
    0%,
    100% {
      opacity: 0.5;
    }
    30% {
      opacity: 0;
    }
  }
  #dixit_puzzle {
    padding: 0;
    background: linear-gradient(to top, #e5b979, #d4a061);
    height: 800px;
    margin-top: -100px;
    display: flex;
    position: relative;
    align-items: center;
    clip-path: path('M1921.1000,820.957 L1921.000,47.000 C1921.000,47.000 1696.229,100.523 1561.1000,100.000 C1427.771,99.477 1286.033,75.720 1052.1000,47.000 C819.967,18.280 670.274,71.930 608.1000,84.1000 C547.726,98.069 306.290,131.951 0.000,16.1000 C1.101,-133.961 0.1000,820.957 0.1000,820.957 L1921.1000,820.957 Z');
  }
  #dixit_puzzle .logo {
    margin-bottom: 50px;
    width: 342px !important;
  }
  #dixit_puzzle .contenue {
    max-width: 520px;
    margin: 0 auto;
  }
  #dixit_puzzle .puzzle {
    position: absolute;
    left: calc(50% - 960px);
    top: 0;
  }
  #dixit_puzzle .pieces {
    position: absolute;
    left: calc(50% + 150px);
    top: 70px;
  }
  #dixit_puzzle .boite {
    position: absolute;
    top: 0px;
    right: -230px;
  }
  #dixit_puzzle .boite img {
    max-width: 476px;
    margin: 0;
  }
}