@font-face {
    font-family: "major";
    src: url("../fonts/Major_Mono_Display/majormonodisplay-regular-webfont.woff2") format("woff2"),
    url("../fonts/Major_Mono_Display/majormonodisplay-regular-webfont.woff") format("woff");
    font-display: swap;
  }
  
  body {
    margin: 0;
    height: 100vh;
    overflow: hidden;
    background-color: #fff;
  }
  footer, #footer-back {
    display: none;
  }
  .webp .galerie #content-wrapper, .webp .galerie-element #content-wrapper {
    background: none;
  }

  .ct-div-block {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
  }
  #div_block-47-10398 {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100%;
      max-height: 1300px;
  }
  #div_block-35-10398 {
    display: flex;
    width: 250px;
  }
  #code_block-3-4422 {
      position: relative;
      height: 100%;
  }
  #svg-wrapper {
    display: flex;
    height: 100%;
    width: 264.5vh;
    min-height: 550px;
    min-width: 1454.75px;
    max-width: 3438.5px;
  }
  #svg-wrapper, .fond, #svg-wrapper svg, .element, .element img, .bouton {
    position: absolute;
  }
  .bouton {
    cursor: pointer;
  }
  .bouton.anim-cat, #livres.bouton.inactive {
    cursor: auto;
  }
  main a:hover, .titre-svg.souligne {
    text-decoration: underline dotted;
  }
  .categorie-titre {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'major';
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #c55b62;
    font-size:15px;
    color:#000000;
    text-align:center;
    line-height: 1.6;
    font-weight: 400;
  }
  
  
  /* POSITIONNEMENT DES FONDS */
  #etagere-gauche {
    height: 73.5%;
    left: 0%;
    bottom: -0.5%;
  }
  #etagere-fond {
    height: 36.8%;
    left: 20.3%;
    bottom: 27.3%;
  }
  #etagere-droite {
    height: 78%;
    bottom: 0;
    left: calc(100vw - 16%);
  }
  #presentoire {
    height: 38.8%;
    bottom: 0%;
    left: 31.5%;
  }
  
  
  
  .grise {
    opacity: .2;
  }
  .anim-cat.grise {
    opacity: 1;
  }
  
  body.woocommerce img:not(.zoomImg) {
      transition: unset;
  }
  .categorie-titre, .element, img, .revue {
    transition: opacity 1s;
  }
  .categorie-titre.hide {
    opacity: 0;
  }
  
  
  /* LIVRES */
  #livres-categories {
    width: 100%;
    height: 100%;
  }
  .cache-etagere.cache-livres {
    bottom: 55.7%;
    width: 11.9%;
    left: 22%;
  }
  .cache-etagere.cache-jeunesse {
    opacity: 0;
    bottom: 48.5%;
    width: 11.9%;
    left: 22%;
  }
  .cache-etagere.cache-adulte {
    opacity: 0;
    bottom: 41.3%;
    width: 12%;
    left: 21.9%;
  }
  .cache-etagere.cache-jeunesse, .cache-etagere.cache-adulte {
    transition: opacity .2s;
  }
  .cache-etagere.cache-jeunesse.show, .cache-etagere.cache-adulte.show {
    opacity: 1;
  }
  #livres {
    bottom: 56%;
    left: 22%;
    height: 6.5%;
    width: 11.8%;
  }
  #cat-adulte {
    bottom: 41.7%;
    left: 22%;
    height: 6%;
    width: 11.8%;
    padding-left: 3rem;
  }
  #cat-jeunesse {
    bottom: 48.7%;
    left: 22%;
    height: 6%;
    width: 11.8%;
    padding-left: 3rem;
  }
  .livre-etagere {
    bottom: 56.2%;
    left: 22.55%;
    width: 1.6%;
    transform: translateY(0) scale(1);
  }
  @keyframes tombe {
    to {
      bottom: 48.6%;
    }
  }
  .livre-etagere.show {
    animation: tombe 1s linear forwards;
  }
  
  
  @keyframes tombe2 {
    50% {
      opacity: 0;
      transform: translateY(-180%);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  #livres-categories .livres-wrapper {
    position: absolute;
    bottom: 42%;
    left: 22.4%;
    width: 1.66%;
    height: 5%;
  }
  #livres-categories .livres-wrapper .livre {
    opacity: 0;
    transform: translateY(-180%);
  }
  #livres-categories .livres-wrapper .livre.show {
    animation: tombe2 2s linear forwards;
  }
  #livres-categories .livres-wrapper .livre-vert.livre.show {
    animation-delay: 1s;
  }
  #livres-categories .livres-wrapper .livre-bleu.livre.show {
    animation-delay: 1.2s;
  }
  #livres-categories .livres-wrapper .livre-jaune.livre.show {
    animation-delay: 1.4s;
  }
  #livres-categories .livres-wrapper .livre-rouge.livre.show {
    animation-delay: 1.6s;
  }
  .livres-wrapper .livre {
    position: absolute;
    width: 100%;
  }
  .livre-marron.livre {
    bottom: 0;
  }
  .livre-vert.livre {
    width: 95%;
    bottom: 13.5%;
    left: 2%;
  }
  .livre-bleu.livre {
    bottom: 25%;
    left: 2%;
  }
  .livre-jaune.livre {
    bottom: 40%;
    left: 8%;
  }
  .livre-rouge.livre {
    bottom: 51%;
    left: 22%;
  }
  
  .categorie, #livres-categories .categorie-titre:not(#livres) {
    opacity: 0;
  }
  .categorie.sans-contour * {
    stroke: none;
  }
  #livres-categories .categorie-titre:not(#livres), #livres-categories .categorie {
    z-index: 1;
    pointer-events: none;
  }
  svg#cat-docu {
    bottom: 19%;
    left: 16.25%;
    height: 16.5%;
    width: 5.32%;
  }
  svg#cat-fiction {
    bottom: 34.1%;
    left: 16.15%;
    height: 14.8%;
    width: 5.37%;
  }
  
  /* APPARITION DES LIVRES */
  @keyframes arrive {
    to {
      transform: translateY(0);
    }
  }
  .livres-items path {
    transform: translateY(-200px);
  }
  #cat-bd .livres-items path {
    transform: translateY(-250px);
  }
  .livres-items path.show {
    animation: arrive .5s forwards;
  }
  
  svg#cat-premiere {
    bottom: 52.35%;
    left: 33.6%;
    height: 10.05%;
    width: 16.1%;
  }
  svg#cat-4ans {
    bottom: 61.25%;
    left: 44.155%;
    height: 11.8%;
    width: 5.13%;
  }
  svg#cat-12ans {
    bottom: 42.1%;
    left: 34.3%;
    height: 13%;
    width: 15.3%;
  }
  svg#cat-bd {
    bottom: 24.5%;
    left: 47.78%;
    height: 17.5%;
    width: 2.35%;
  }
  svg#cat-interactifs {
    bottom: 37.8%;
    left: 34.35%;
    height: 4.5%;
    width: 11.1%;
  }
  svg#cat-toutpetits {
    bottom: 26.6%;
    left: 45.4%;
    height: 13.5%;
    width: 2.2%;
  }
  #livres-categories .categorie.show, #livres-categories .categorie-titre:not(#livres).show, .livre-etagere.show {
    opacity: 1;
    pointer-events: auto;
  }
  #livres-categories .categorie-titre:not(#livres).show.grise {
    opacity: .2;
  }
  #livres-categories .categorie.show.grise {
    opacity: 0;
    pointer-events: none;
  }
  
  
  /* PAPETERIE */
  .cache-etagere.cache-papeterie {
    position: absolute;
    bottom: 26%;
    left: 32.1%;
    width: 12.8%;
  }
  #papeterie {
    bottom: 26.7%;
    left: 32.4%;
    height: 10%;
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #papeterie svg {
    height: 50%;
    width: 50%;
    overflow: visible;
  }
  
  
  /* REVUES */
  .categorie-titre.revues {
    bottom: 13%;
    left: 36.4%;
  }
  #revues {
    position: unset;
  }
  .revue {
    bottom: 9.5%;
    left: 39.9%;
    height: 10%;
    width: 6%;
  }
  #revue-rouge {
    left: 39.3%;
    height: 11.2%;
  }
  #revue-jaune {
    left: 39.6%;
  }
  
  
  /* DVD */
  .categorie-titre.dvd {
    bottom: 56.5%;
    left: 102vw;
  }
  #disque {
    position: absolute;
    bottom: 46.4%;
    left: 102vw;
    width: 2.8%;
    transition: opacity .5s;
  }
  #disque img {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  #disque.grise {
    opacity: .2;
  }
  
  
  /* JEUX */
  .categorie-titre.jeux {
    bottom: 13%;
    left: 25.3%;
  }
  #jeux {
    bottom: 15%;
    left: 25%;
    width: 3.5%;
    height: 10%;
  }
  #jeux img, #jeux svg, #menu-item-3958 .menu-item-img-wrapper img {
    width: 41%;
    height: 35%;
    top: unset;
    position: absolute;
  }
  .de-jaune {
    bottom: 40.2%;
    left: 8.3%;
  }
  .de-rouge {
    bottom: 27.7%;
    left: 22.6%;
  }
  .de-bleu {
    bottom: 24.1%;
    left: 0;
  }
  #jeux .de-orange, #menu-item-3958 .menu-item-img-wrapper .de-orange {
    width: 36%;
    bottom: 24.8%;
    left: 50%;
  }
  
  
  /**** MENU DEUX ****/
  body #div_block-35-10398 {
    position: absolute;
    top: 40%;
    padding-top: 0;
    padding-left: 1rem;
    left: 0;
  }
  .sub-menu {
    display: none;
  }
  .oxy-nav-menu-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
  }
  body .oxy-nav-menu .oxy-nav-menu-list li.menu-item {
    display: flex;
      flex-direction: row;
  }
  body .menu-item {
    max-height: 44px;
    font-family: 'major';
    font-size: 15px;
    text-align: center;
    color: #000;
  }
  body .menu-item-img-wrapper {
    position: relative;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
    opacity: 0;
  }
  body .menu-item-img-wrapper.livres-wrapper {
      width: 35px;
      margin-right: 5px;
  }
  body .menu-item-img-wrapper img {
      width: 100%;
    max-height: 100%;
  }
  body .menu-item span {
    opacity: 0;
  }
  
  #menu-item-3957 .menu-item-img-wrapper, #menu-item-3957.menu-item span {
    opacity: 1;
  }
  #_nav_menu-32-10398 .menu-item span {
    padding: 10px 20px;
  }
  
    /* ANIMATIONS DE DÉPART */
    @keyframes grandissementFond {
      to {
        transform: translateY(0) scale(1);
      }
    }
    @keyframes apparition {
      to {
        opacity: 1;
      }
    }
    @keyframes translationFond {
      to {
        transform: translate(0);
      }
    }
    @keyframes translationMenu2 {
      to {
        left: 0;
      }
    }
    @keyframes translationFondDroite {
      to {
        left: 33.6%;
      }
    }
    @keyframes translationDisque {
      to {
        left: 51%;
      }
    }
    @keyframes translationDvdTitre {
      to {
        left: 51.5%;
      }
    }
    @keyframes translationWidget {
      to {
        left: 135vh;
      }
    }
    .start #etagere-gauche {
      transform: translateX(-67%);
      animation: translationFond 1.5s 1s forwards;
    }
    body.start #div_block-35-10398 {
      left: -250px;
      animation: translationMenu2 1.5s 1s forwards;
    }
    .start #disque {
      animation: translationDisque 1.5s 2.5s forwards;
    }
    .start .categorie-titre.dvd {
      animation: translationDvdTitre 1.5s 2.5s forwards;
    }
    body #widget-12-10423 {
        display: none;
      animation: translationWidget 1.5s 2.5s forwards;
    }
    .start #etagere-droite {
      animation: translationFondDroite 1.5s 2.5s forwards;
    }
    .start #presentoire, .start .categorie-titre.revues, .start #papeterie, .start .revue, .start .cache-papeterie {
      transform: translateY(40vh);
    }
    .start .categorie-titre.revues, .start .revue, .start #papeterie, .start .cache-papeterie {
      animation: translationFond 1.5s 4s forwards;
    }
    .start #presentoire {
      animation: translationFond 1.5s 4s forwards;
    }
  
  
  /**************/
  /* ANIMS MENU */
  /**************/
  /***************** UNIQUEMENT QUAND L'ÉCRAN EST PLUS GRAND QUE 992px ******************/
  @media only screen and (min-width: 1081px) {
  
  body .menu-item-img-wrapper.anim-cat {
    opacity: 1;
  }
  /* Ne pas dérouler les sous-menus tant que l'animation n'a pas eu lieu */
  body .sub-menu:not(.anim-cat) {
      height: 0;
  }
  body #_nav_menu-32-10398 .menu-item:not(#menu-item-3957) a:not(.anim-cat) {
      pointer-events: none;
  }
  
  /* Livres jeunesse */
  #menu-item-3986.menu-item span.anim-cat {
    animation: apparition .5s 4s forwards;
  }
  body #menu-item-3986 .menu-item-img-wrapper {
    transform: translateY(-50vh);
  }
  @keyframes animJeunesse {
    0% {
      transform: translateY(0) scale(1);
      bottom: 48.6%
    }
    90% {
      transform: translateY(-3%) scale(1.2);
      bottom: 48.6%
    }
    100% {
      bottom: -10%;
    }
  }
  @keyframes animMenuJeunesse {
    to {
      transform: translateY(0)
    }
  }
  .livre-etagere.show.anim-cat {
    animation: animJeunesse 2.5s linear forwards;
  }
  #menu-item-3986 .menu-item-img-wrapper.anim-cat {
    animation: animMenuJeunesse 1s 3s forwards;
  }
  /* Livres adulte */
  #menu-item-3987.menu-item span.anim-cat {
    animation: apparition .5s 4s forwards;
  }
  body #menu-item-3987 .livres-wrapper .livre {
    transform: translateY(-60vh);
  }
  @keyframes animAdulte {
    0% {
      transform: translateY(0) scale(1);
      opacity: 1;
    }
    90% {
      transform: translateY(-3%) scale(1.2);
    }
    100% {
      transform: translateY(55vh) scale(1.2);
      opacity: 1;
    }
  }
  @keyframes animMenuAdulte {
    to {
      transform: translateY(0)
    }
  }
  #livres-categories .livres-wrapper .livre.show.anim-cat {
    transform: translateY(0) scale(1);
    opacity: 1;
    animation: animAdulte 2.5s ease-in forwards;
  }
  #livres-categories .livres-wrapper .livre-vert.livre.show.anim-cat {
    animation-delay: .1s;
  }
  #livres-categories .livres-wrapper .livre-bleu.livre.show.anim-cat {
    animation-delay: .2s;
  }
  #livres-categories .livres-wrapper .livre-jaune.livre.show.anim-cat {
    animation-delay: .3s;
  }
  #livres-categories .livres-wrapper .livre-rouge.livre.show.anim-cat {
    animation-delay: .4s;
  }
  
  #menu-item-3987 .livres-wrapper .livre.anim-cat {
    animation: animMenuAdulte 1s 3s ease-out forwards;
  }
  #menu-item-3987 .livres-wrapper .livre-vert.livre.anim-cat {
    animation-delay: 3.1s;
  }
  #menu-item-3987 .livres-wrapper .livre-bleu.livre.anim-cat {
    animation-delay: 3.2s;
  }
  #menu-item-3987 .livres-wrapper .livre-jaune.livre.anim-cat {
    animation-delay: 3.3s;
  }
  #menu-item-3987 .livres-wrapper .livre-rouge.livre.anim-cat {
    animation-delay: 3.4s;
  }
  
  /* Revues */
  #menu-item-3978.menu-item span.anim-cat, #menu-item-3978 .menu-item-img-wrapper.anim-cat {
    opacity: 0;
    animation: apparition .5s 7s forwards;
  }
  #revues {
    transition: opacity .5s 7s;
  }
  @keyframes animRevueBleue {
    75% {
      bottom: calc(60% - 132px + 3%);
    }
    100% {
      height: 44px;
      width: 13px;
      left: 1rem;
      bottom: calc(60% - 132px);
    }
  }
  @keyframes animRevueJaune {
    70% {
      bottom: calc(60% - 132px + 3%);
    }
    100% {
      height: 44px;
      width: 13px;
      left: calc(1rem + 13px);
      bottom: calc(60% - 132px);
    }
  }
  @keyframes animRevueRouge {
    65% {
      bottom: calc(60% - 132px + 3%);
    }
    100% {
      height: 44px;
      width: 13px;
      left: calc(1rem + 26px);
      bottom: calc(60% - 132px);
    }
  }
  #revues.anim-cat {
    opacity: 0;
    z-index: 2;
  }
  .revue.anim-cat {
    transform: translateX(0);
  }
  #revue-bleue.anim-cat {
    animation: animRevueBleue 2s 5s 1 ease-out forwards;
  }
  #revue-jaune.anim-cat {
    animation: animRevueJaune 2s 4.5s 1 ease-out forwards;
  }
  #revue-rouge.anim-cat {
    animation: animRevueRouge 2s 4s 1 ease-out forwards;
  }
  
  /* DVDs */
  #menu-item-3988.menu-item span.anim-cat {
    animation: apparition .5s 4s forwards;
  }
  @keyframes animDvd {
    0% {
      opacity: 1;
    }
    99% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      left: 100vw;
    }
  }
  #disque.anim-cat {
    left: 51%;
    animation: animDvd 2s ease-in forwards;
  }
  @keyframes tourneDVD {
    100% {
      transform: rotate(1080deg)
    }
  }
  #disque.anim-cat img {
    animation: tourneDVD 3s ease-in;
  }
  
  @keyframes animMenuDvd {
    100% {
      transform: translate(0) rotate(360deg);
    }
  }
  body #menu-item-3988 .menu-item-img-wrapper img {
    transform: translate(-5rem) rotate(0);
  }
  #menu-item-3988 .menu-item-img-wrapper.anim-cat img {
    animation: animMenuDvd 2s 2s ease-out forwards;
  }
  
  /* Dés */
  #menu-item-3958.menu-item span.anim-cat {
    animation: apparition .5s 2.5s forwards;
  }
  @keyframes lancer {
    0% {
      transform: translateX(0) rotate(0);
    }
    100% {
      transform: translateX(450%) rotate(360deg);
    }
  }
  @keyframes lancer2 {
    0% {
      transform: translateX(0) rotate(0);
    }
    100% {
      transform: translateX(-400%) rotate(-360deg);
    }
  }
  @keyframes lancer3 {
    0% {
      transform: translateX(0) rotate(0);
    }
    100% {
      transform: translateX(450%) rotate(360deg);
    }
  }
  @keyframes shake {
    0% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(-3px);
    }
    75% {
      transform: translateX(3px);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes shake2 {
    0% {
      transform: translateY(0);
    }
    25% {
      transform: translateY(-3px);
    }
    75% {
      transform: translateY(3px);
    }
    100% {
      transform: translateY(0);
    }
  }
  @keyframes lancer-y-1-rouge {
    0% {
      bottom: 27.7%;
    }
    50% {
      bottom: 42%;
    }
    100% {
      bottom: 27.7%;
    }
  }
  @keyframes lancer-y-2-rouge {
    0% {
      bottom: 27.7%;
    }
    50% {
      bottom: 32%;
    }
    100% {
      bottom: 27.7%;
    }
  }
  @keyframes lancer-y-1-orange {
    0% {
      bottom: 26.8%;
    }
    50% {
      bottom: 45%;
    }
    100% {
      bottom: 26.8%;
    }
  }
  @keyframes lancer-y-2-orange {
    0% {
      bottom: 26.8%;
    }
    50% {
      bottom: 35%;
    }
    100% {
      bottom: 26.8%;
    }
  }
  @keyframes lancer-y-1-jaune {
    0% {
      bottom: 40.2%;
    }
    50% {
      bottom: 51%;
    }
    100% {
      bottom: 40.2%;
    }
  }
  @keyframes lancer-y-2-jaune {
    0% {
      bottom: 40.2%;
    }
    50% {
      bottom: 45%;
    }
    100% {
      bottom: 40.2%;
    }
  }
  @keyframes lancer-y-1-bleu {
    0% {
      bottom: 24.1%;
    }
    50% {
      bottom: 42%;
    }
    100% {
      bottom: 24.1%;
    }
  }
  @keyframes lancer-y-2-bleu {
    0% {
      bottom: 24.1%;
    }
    50% {
      bottom: 31%;
    }
    100% {
      bottom: 24.1%;
    }
  }
  #jeux.anim-cat .de-rouge {
    animation: shake 0.05s 0.1s 8 linear, lancer 1s 0.5s ease-out forwards, lancer-y-1-rouge 0.5s 0.5s, lancer-y-2-rouge 0.3s 1s;
  }
  #jeux.anim-cat .de-orange {
    animation: shake2 0.07s 7 linear, lancer3 1s 0.5s ease-out forwards, lancer-y-1-orange 0.5s 0.5s, lancer-y-2-orange 0.3s 1s;
  }
  #jeux.anim-cat .de-jaune {
    animation: shake 0.06s 0.08s 7 linear, lancer2 1s 0.5s ease-out forwards, lancer-y-1-jaune 0.5s 0.5s, lancer-y-2-jaune 0.3s 1s;
  }
  #jeux.anim-cat .de-bleu {
    animation: shake2 0.05s 0.15s 7 linear, lancer2 1s 0.5s ease-out forwards, lancer-y-1-bleu 0.5s 0.5s, lancer-y-2-bleu 0.3s 1s;
  }
  
  @keyframes lancerMenu {
    0% {
      opacity: 1;
      transform: translateX(-400%) rotate(0);
    }
    100% {
      opacity: 1;
      transform: translateX(0) rotate(360deg);
    }
  }
  @keyframes lancerMenu2 {
    0% {
      opacity: 1;
      transform: translateX(400%) rotate(0);
    }
    100% {
      opacity: 1;
      transform: translateX(0) rotate(-360deg);
    }
  }
  #menu-item-3958 .menu-item-img-wrapper img {
    transition: opacity 0s;
  }
  #menu-item-3958 .menu-item-img-wrapper.anim-cat .de-rouge, #menu-item-3958 .menu-item-img-wrapper.anim-cat .de-orange {
    opacity: 0;
    transform: translateX(-400%) rotate(0);
    animation: lancerMenu 1s 1.5s ease-out forwards;
  }
  #menu-item-3958 .menu-item-img-wrapper.anim-cat .de-jaune, #menu-item-3958 .menu-item-img-wrapper.anim-cat .de-bleu {
    opacity: 0;
    transform: translateX(400%) rotate(0);
    animation: lancerMenu2 1s 1.5s ease-out forwards;
  }
  
  /* Papeterie */
  #papeterie svg path {
    transform: translateY(0);
  }
  @keyframes animStylos {
    100% {
      transform: translateY(30vh);
    }
  }
  #papeterie svg path.anim-cat {
    animation: animStylos 2s ease-in forwards;
  }
  @keyframes animMenuStylos {
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  #menu-item-3964.menu-item span.anim-cat {
    animation: apparition .5s 5.5s forwards;
  }
  body #menu-item-3964 .menu-item-img-wrapper img {
    transform: translateY(-90vh) rotate(-1440deg);
  }
  #menu-item-3964 .menu-item-img-wrapper.anim-cat img {
    animation: animMenuStylos 2s 4s forwards;
  }
  }
  
  /* Formulaire de recherche sous le menu secondaire */
      #div_block-35-10398 .woocommerce form.woocommerce-product-search {
          flex-wrap: wrap;
          margin-top: 5px;
      }
      #div_block-35-10398 .woocommerce form.woocommerce-product-search button {
          margin-top: 5px;
      }
    /* ATTENTION : NOUVEL EMPLACEMENT DE LA BARRE DE RECHERCHE */
    body #widget-12-10423 {
      z-index: 5;
      position: fixed;
      bottom: 28vh;
      left: 102vw;
      width: 150px;
    }
    body #widget-12-10423 form input {
      padding: 5px 8px;
      max-width: 100%;
      font-size: 12px;
    }
    body #widget-12-10423 form button {
      padding: 6px 10px;
    }
  
  @media only screen and (max-width: 1080px) {
    .fond, .element, .bouton, .categorie-titre, .revue {
      /*display: none;*/
      height: 0 !important;
      width: 0 !important;
      overflow: hidden;
    }
    body {
      overflow: hidden auto;
    }
    #div_block-47-10398 {
        max-height: unset;
      }
    body #div_block-35-10398 {
      width: 100vw;
      height: auto;
      min-height: 100vh;
      justify-content: center;
      top: 0;
      z-index: 1;
      padding-top: 6rem;
      padding-bottom: 2rem;
    }
    body #widget-12-10423 {
      position: static;
    }
    body .menu-item-img-wrapper, body .menu-item-img-wrapper img, body .menu-item span, body #div_block-35-10398 {
      opacity: 1;
      transform: translateY(0) translateX(0) rotate(0);
      transition: all 0s;
    }
  }
  
  @keyframes translationWidgetPetit {
      to {
        left: 297%;
      }
    }
  @media only screen and (max-height: 550px) and (min-width: 1080px) {
    body #div_block-35-10398 {
      top: 220px;
    }
    body.start #widget-12-10423 {
      position: absolute;
      bottom: 43.1%;
      /*left: 297% !important;*/
        animation: translationWidgetPetit 1.5s 2.5s forwards;
    }
  }
  
  @keyframes translationWidgetGrand {
      to {
        left: calc(1300px * 135 / 100);
      }
    }
  @media only screen and (min-height: 1300px) and (min-width: 1080px) {
    body.start #widget-12-10423 {
      bottom: calc(1300px * 28 / 100) !important;
        /*left: calc(737px * 135 / 100) !important;*/
      animation: translationWidgetGrand 1.5s 2.5s forwards;
    }
      body #menu-item-3986 .menu-item-img-wrapper {
        transform: translateY(calc(-100vh + 350px));
      }
      body #menu-item-3987 .livres-wrapper .livre {
          transform: translateY(calc(-100vh + 300px));
      }
  }
  
  
  /* Limitation de la taille de la bibliothèque sur iPad */
  @keyframes translationWidgetiPad {
      to {
        left: calc(737px * 135 / 100);
      }
    }
  @media only screen and (min-height: 737px) and (min-width: 1080px) and (max-width: 1380px) {
      body.safari #div_block-47-10398 {
          max-height: 737px;
      }
      body.safari #svg-wrapper {
        max-width: 1949.37px;
      }
    body.start.safari #widget-12-10423 {
      bottom: calc(737px * 28 / 100) !important;
        /*left: calc(737px * 135 / 100) !important;*/
      animation: translationWidgetiPad 1.5s 2.5s forwards;
    }
      body.safari #menu-item-3986 .menu-item-img-wrapper {
        transform: translateY(calc(-100vh + 350px));
      }
      body.safari #menu-item-3987 .livres-wrapper .livre {
          transform: translateY(calc(-100vh + 300px));
      }
  }


  .mention-anim {
    position: relative;
    top: -3rem;
    padding-right: 1rem;
    font-style: italic;
  }
  @media only screen and (min-width: 1080px) {
    .mention-anim {
        display: none;
    }
  }