@keyframes animation-scroll {
      0%, to {
            height: 9px
      }

      50% {
            height: 23px
      }
}

@keyframes marqueeX {
      0% {
            transform: translateX(0)
      }

      to {
            transform: translateX(calc(-100% - var(--gap)))
      }
}

.slot-template-bandeau-categ-2023 .x-height-100 {
      height: 100% !important
}

.slot-template-bandeau-categ-2023 .x-margin-b-10-rem {
      margin-bottom: 1rem
}

.slot-template-bandeau-categ-2023 .x-margin-b-20-rem {
      margin-bottom: 2rem
}

.slot-template-bandeau-categ-2023 .x-width-80 {
      width: 80% !important
}

.slot-template-bandeau-categ-2023 .x-width-100 {
      width: 100% !important
}

.slot-template-bandeau-categ-2023 .x-fit-cover {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center
}

.slot-template-bandeau-categ-2023 main {
      display: block
}

.slot-template-bandeau-categ-2023 template {
      display: none
}

.slot-template-bandeau-categ-2023 body {
      margin: 0
}

.slot-template-bandeau-categ-2023 a {
      background-color: transparent
}

.slot-template-bandeau-categ-2023 img {
      border-style: none
}

.slot-template-bandeau-categ-2023 button {
      overflow: visible
}

.slot-template-bandeau-categ-2023 button {
      text-transform: none
}

.slot-template-bandeau-categ-2023 [type=button], .slot-template-bandeau-categ-2023 button {
      -webkit-appearance: button
}

.slot-template-bandeau-categ-2023 [type=button]::-moz-focus-inner, .slot-template-bandeau-categ-2023 button::-moz-focus-inner {
      border-style: none;
      padding: 0
}

.slot-template-bandeau-categ-2023 [type=button]:-moz-focusring, .slot-template-bandeau-categ-2023 button:-moz-focusring {
      outline: 1px dotted ButtonText
}

.slot-template-bandeau-categ-2023 ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt {
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center;
      position: relative
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__text {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-top: calc(15px + .75rem)
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__text .heading-03 {
      font-weight: 900
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__bloc-image {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      height: 160px
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__bloc-image a {
      height: 100%;
      width: 33.3333333333%;
      display: flex
}

.slot-template-bandeau-categ-2023 .slot-2img-1txt__bloc-image picture, .slot-template-bandeau-categ-2023 .slot-3img-1txt__bloc-image picture {
      height: 100%;
      width: 100%
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__bloc-cta {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-start;
      justify-content: flex-start;
      row-gap: 1rem;
      -moz-column-gap: 1rem;
      /* column-gap: 1rem; */
      scroll-snap-type: x mandatory;
      overflow: scroll;
      padding-left: 10%;
      width: 100%
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__cta--btn {
      width: 100%;
      min-width: 50%
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__cta .btn-transparent {
      font-size: .75rem;
      padding: .25rem 1rem
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__cta .btn-transparent.btn-transparent--vanilla {
      color: #000;
      background: 0 0;
      border: 1px #000 solid
}

.slot-template-bandeau-categ-2023 .slot-3img-1txt__cta.active-link .btn-transparent {
      background-color: var(--black);
      color: var(--white);
}

.slot-template-bandeau-categ-2023 .slot-2img-1txt {
      width: 100%;
      display: flex;
      flex-direction: column-reverse;
      align-items: center;
      justify-content: center
}

.slot-template-bandeau-categ-2023 .slot-2img-1txt__text {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-top: calc(15px + .75rem)
}

.slot-template-bandeau-categ-2023 .slot-2img-1txt__text .heading-03 {
      font-weight: 900;
      width: 80%;
}

.slot-template-bandeau-categ-2023 .slot-2img-1txt__bloc-image {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      height: 220px
}

.slot-template-bandeau-categ-2023 .slot-2img-1txt__bloc-image a {
      height: 100%;
      width: 50%;
      display: flex
}

@media screen and (min-width:1024px) {
      .slot-template-bandeau-categ-2023 .x-width-100-l {
            width: 100% !important
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt {
            padding: 0 0 1rem;
            flex-direction: row;
            justify-content: space-between
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt__text {
            width: 40%;
            align-items: flex-start;
            text-align: left;
            margin-top: 0
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt__bloc-image {
            width: 45%;
            height: 225px
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt__bloc-cta {
            align-items: flex-start;
            justify-content: flex-start;
            flex-wrap: nowrap;
            overflow: visible;
            width: 130%;
            -moz-column-gap: 2rem;
            column-gap: 2rem;
            padding-left: 0
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt__bloc-cta--round {
            -moz-column-gap: 1rem;
            column-gap: 1rem
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt__cta--btn {
            width: auto;
            min-width: auto
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt__cta .btn-transparent.btn-transparent--vanilla:hover {
            color: #fff;
            background: #000
      }

      .slot-template-bandeau-categ-2023 .slot-2img-1txt {
            padding: 0 0 1rem;
            flex-direction: row;
            justify-content: space-between
      }

      .slot-template-bandeau-categ-2023 .slot-2img-1txt__text {
            width: 35%;
            align-items: flex-start;
            text-align: left;
            margin-top: 0
      }

      .slot-template-bandeau-categ-2023 .slot-2img-1txt__text .heading-03 {
            width: 100%;
      }

      .slot-template-bandeau-categ-2023 .slot-2img-1txt__bloc-image {
            width: 40%;
            height: 225px
      }
}

@media screen and (min-width:1200px) {
      .slot-template-bandeau-categ-2023 .slot-3img-1txt__cta {
            white-space: nowrap
      }
}

@media screen and (min-width:1440px) {
      .slot-template-bandeau-categ-2023 .slot-3img-1txt__bloc-image {
            height: 250px
      }

      .slot-template-bandeau-categ-2023 .slot-2img-1txt__bloc-image {
            height: 275px
      }
}

@media screen and (max-width:1023px) {
      .slot-template-bandeau-categ-2023 .slot-3img-1txt__cta {
            margin-right: 1rem
      }
      
      .slot-template-bandeau-categ-2023 .slot-3img-1txt__cta:last-child {
            padding-right: 1rem
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt__cta .btn-transparent {
            min-width: 100%
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt:has(.slot-3img-1txt__bloc-cta)::after {
            content: "";
            width: 10%;
            z-index: 2;
            bottom: 0;
            height: 8%;
            position: absolute;
            right: 0;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 85%, #fff 100%)
      }

      .slot-template-bandeau-categ-2023 .slot-3img-1txt:has(.slot-3img-1txt__bloc-cta)::before {
            content: "";
            width: 10%;
            z-index: 2;
            bottom: 0;
            height: 8%;
            position: absolute;
            left: 0;
            background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .8) 85%, #fff 100%)
      }
}

/*# sourceMappingURL=/categ_banner_template.5d65cee5.css.map */