.elementor-7 .elementor-element.elementor-element-846ddc4{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-846ddc4:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-846ddc4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#141414;}.elementor-7 .elementor-element.elementor-element-eb7a489{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-bd50a6c{--spacer-size:5vh;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-b85cd6d .elementor-heading-title{font-family:"Geologica", Sans-serif;font-size:23px;font-weight:600;color:#C56EE4;}.elementor-7 .elementor-element.elementor-element-76fd852{--spacer-size:10vh;}.elementor-7 .elementor-element.elementor-element-6047818{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7 .elementor-element.elementor-element-6047818.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-1a4751f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-1a4751f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}:is( .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid > .jet-listing-grid__items, .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(0px / 2);padding-right:calc(0px / 2);padding-top:calc(0px / 2);padding-bottom:calc(0px / 2);}:is( .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid, .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid > .jet-listing-grid__slider, .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 0px / -2);margin-right:calc( 0px / -2);width:calc(100% + 0px);}:is( .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid, .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid > .jet-listing-grid__slider, .elementor-7 .elementor-element.elementor-element-fa639c8 > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 0px / -2);margin-bottom:calc( 0px / -2);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-1a4751f{--width:88%;}}/* Start custom CSS *//* =========================================================
   VARIABLES
   ========================================================= */
:root {
  --vlist-gap: 12px;
  --fade-size: 15%;
}

/* =========================================================
   FENÊTRE (viewport)
   ========================================================= */
#fenetre {
  position: relative;
  padding-top: 5vh;
  height: 95vh;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black calc(100% - var(--fade-size)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    black 0%,
    black calc(100% - var(--fade-size)),
    transparent 100%
  );
}

/* =========================================================
   LISTING STRUCTURE
   ========================================================= */
#listingaction {
  height: 100%;
}

#listingaction > .jet-listing-grid__items {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--vlist-gap);
}

/* hauteur injectée par JS */
#listingaction > .jet-listing-grid__item {
  height: var(--vitem-h, auto) !important;
  min-height: unset !important;
  max-height: unset !important;
  box-sizing: border-box;
  overflow: hidden;
}

/* Empêche le contenu interne de déborder */
#listingaction > .jet-listing-grid__item > * {
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

#listingaction .mon-bloc {
  height: 100% !important;
  max-height: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box;
}

/* Track animé */
#listingaction .je-vlist__track {
  will-change: transform;
  transition: transform 320ms cubic-bezier(.4, 0, .2, 1);
}

/* =========================================================
   COULEURS SELON POSITION (SUR .mon-bloc)
   ========================================================= */
#listingaction .mon-bloc {
  transition: background-color .3s ease, box-shadow .3s ease;
}

/* 1er visible → vert */
#listingaction .jet-listing-grid__item.is-top .mon-bloc {
  background-color: #2ecc7121;
  box-shadow: inset 0 0 40px #2ecc7130, 0 0 10px #2ecc7187;
}

/* 2e visible → rouge */
#listingaction .jet-listing-grid__item.is-middle .mon-bloc {
  background-color: #e74c3c1f;
  box-shadow: inset 0 0 10px #e74c3c1f, 0 0 10px #e74c3c6b;
}

/* 3e visible → bleu */
#listingaction .jet-listing-grid__item.is-bottom .mon-bloc {
  background-color: #3498db17;
  box-shadow: inset 0 0 10px #3498db17, 0 0 10px #3498db17;
}

/* =========================================================
   FLÈCHES + INDEX CENTRAL
   ========================================================= */
#fleche {
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}

/* boutons flèches */
#fleche .je-vbtn {
  width: 100%;
  height: 124px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .15);
  background: rgba(30, 30, 30, .9);
  color: rgba(255, 255, 255, .6);
  cursor: pointer;
  display: grid;
  place-items: center;
  font-size: 28px;
  transition:
    background .2s ease,
    color .2s ease,
    transform .15s ease,
    opacity .2s ease;
}

#fleche .je-vbtn:hover {
  color: #fff;
  background: rgba(40, 40, 40, .95);
  transform: scale(1.04);
}

#fleche .je-vbtn:disabled {
  opacity: .25;
  cursor: default;
  transform: none;
}

#fleche .je-vbtn:focus-visible {
  outline: 2px solid #2ecc71;
  outline-offset: 3px;
}

/* =========================================================
   INDEX CENTRAL (1 / 57)
   ========================================================= */
#fleche .vlist-index {
  width: 100%;
  height: 72px;
  border-radius: 14px;
  border: 1px solid #2ecc71;
  background: rgba(25, 25, 25, .95);
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  transition: transform .15s ease;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative;
  z-index: 9999;
}

#fleche .vlist-index * {
  visibility: visible !important;
  opacity: 1 !important;
}

#fleche .vlist-index.is-updated {
  transform: scale(1.06);
}

#fleche .vlist-index .current {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  min-width: 2ch;
  text-align: right;
  font-size: 26px;
  font-weight: 600;
  color: #ffffff;
}

#fleche .vlist-index .current .slot {
  display: block;
  transform: translateY(0);
  will-change: transform;
}

#fleche .vlist-index .current.is-anim .slot {
  transition: transform 260ms cubic-bezier(.2, .9, .2, 1);
}

#fleche .vlist-index .sep,
#fleche .vlist-index .total {
  font-size: 18px;
  color: rgba(255, 255, 255, .35);
}

/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  #fleche .vlist-index .current.is-anim .slot {
    transition: none;
  }
}/* End custom CSS */