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

      50% {
            height: 23px
      }
}

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

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

.Template_T9 .x-fsize-07 {
      font-size: .7em
}

.Template_T9 .x-fweight-400 {
      font-weight: 400
}

.Template_T9 .x-fweight-600 {
      font-weight: 600
}

.Template_T9 .x-height-100 {
      height: 100% !important
}

.Template_T9 .x-relative {
      position: relative !important
}

.Template_T9 .x-margin-b-05-rem {
      margin-bottom: .5rem
}

.Template_T9 .x-margin-b-15-rem {
      margin-bottom: 1.5rem
}

.Template_T9 .x-margin-b-20-rem {
      margin-bottom: 2rem
}

.Template_T9 .x-flex {
      display: flex
}

.Template_T9 .x-width-100 {
      width: 100% !important
}

.Template_T9 .x-align-center {
      text-align: center
}

.Template_T9 .x-white {
      color: #fff
}

.Template_T9 .x-black {
      color: #000
}

.Template_T9 .x-fit-cover {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center
}

.Template_T9 .x-fit-cover-bot {
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: top;
      object-position: top
}

/* .Template_T9 .x-fit-cover-bot {
      -o-object-position: bottom;
      object-position: bottom
} */

.Template_T9 .x-upper {
      text-transform: uppercase
}

.Template_T9 .x-display-none {
      display: none !important
}

.Template_T9 main {
      display: block
}

.Template_T9 template {
      display: none
}

.Template_T9 body {
      margin: 0
}

.Template_T9 a {
      background-color: transparent
}

.Template_T9 img {
      border-style: none
}

.Template_T9 button {
      overflow: visible
}

.Template_T9 button {
      text-transform: none
}

.Template_T9 [type=button], .Template_T9 button {
      -webkit-appearance: button
}

.Template_T9 [type=button]::-moz-focus-inner, .Template_T9 button::-moz-focus-inner {
      border-style: none;
      padding: 0
}

.Template_T9 [type=button]:-moz-focusring, .Template_T9 button:-moz-focusring {
      outline: 1px dotted ButtonText
}

.Template_T9 ::-webkit-file-upload-button {
      -webkit-appearance: button;
      font: inherit
}

.Template_T9 .heading-02 {
      letter-spacing: .25rem
}

.Template_T9 .body-03 {
      letter-spacing: .08rem
}

.Template_T9 .btn-secondary {
      width: auto
}

.Template_T9 .Template_T9__titre {
      font-size: 3rem;
      line-height: 1em
}

.Template_T9 .Template_T9__bloc-hero-img {
      position: relative;
      height: calc((100vh - 35px)*.6);
      margin-bottom: 2rem
}

.Template_T9 .Template_T9__bloc-hero-img::before {
      content: "";
      z-index: 1;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .5) 100%)
}

.Template_T9 .Template_T9__bloc-hero-text {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin-bottom: 2rem
}

.Template_T9 .Template_T9__bloc-hero-text .body-03 {
      padding: 0 2rem
}

.Template_T9 .Template_T9__bloc-produit {
      display: grid;
      grid-template-columns: repeat(2, 1fr);

      flex-wrap: wrap;
      row-gap: .5rem;
      -moz-column-gap: .5rem;
      column-gap: .5rem;
      padding: 0 2rem;
      margin-bottom: 3rem
}

.Template_T9 .Template_T9__bloc-produit-item {
      position: relative;
      height: 40vh;
      max-width: 330px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center
}

.Template_T9 .Template_T9__bloc-produit-item-text {
      z-index: 2;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: 0 2rem;
      bottom: 1.5rem;
      width: 100%
}

.Template_T9 .Template_T9__bloc-produit-item::before {
      content: "";
      z-index: 1;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50%;
      background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .2) 50%, rgba(255, 255, 255, 0) 100%)
}

.Template_T9 .Template_T9__bloc-produit-item img {
      transform: scale(1.3);
      transition: 2.5s all ease
}

.Template_T9 .Template_T9__bloc-produit-item.unzoom img {
      transform: scale(1)
}

.Template_T9 .Template_T9__bloc-video {
      margin-bottom: 3rem;
      padding: 0 1rem
}

.Template_T9 .Template_T9__bloc-video-body {
      width: 100%;
      height: auto;
      flex-direction: column;
      row-gap: 1.5rem
}

.Template_T9 .Template_T9__bloc-video-body {
      display: flex;
      align-items: center;
      justify-content: center
}

.Template_T9 .Template_T9__bloc-video-body video::-webkit-media-controls-panel {
      display: none;
      -webkit-appearance: none
}

.Template_T9 .Template_T9__bloc-video-body video::-webkit-media-controls-play-button {
      display: none;
      -webkit-appearance: none
}

.Template_T9 .Template_T9__bloc-video-body video::-webkit-media-controls-start-playback-button {
      display: none;
      -webkit-appearance: none
}

.Template_T9 .Template_T9__bloc-video-body video::-webkit-media-controls {
      display: none;
      -webkit-appearance: none
}

.Template_T9 .Template_T9__bloc-video-text {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      text-align: center
}

.Template_T9 .Template_T9__bloc-footer {
      width: 100%;
      margin-bottom: 2rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
}

.Template_T9 .Template_T9__bloc-footer-items {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      padding: 0 2rem;
      row-gap: 1rem;
      -moz-column-gap: 1rem;
      column-gap: 1rem
}

.Template_T9 .Template_T9__bloc-footer-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      text-align: center
}

@media (min-width:769px) {
      .Template_T9 .x-hide-desktop {
            display: none !important
      }
}

@media screen and (min-width:1024px) {
      .Template_T9 .x-fsize-10-l {
            font-size: 1em
      }

      .Template_T9 .x-margin-b-05-rem-l {
            margin-bottom: .5rem
      }

      .Template_T9 .x-margin-b-20-rem-l {
            margin-bottom: 2rem
      }

      .Template_T9 .x-align-left-l {
            text-align: left
      }

      .Template_T9 .Template_T9__titre {
            font-size: 7rem
      }

      .Template_T9 .Template_T9__bloc-hero-img {
            height: calc((100vh - 35px)*.6);
            margin-bottom: 2.5rem
      }

      .Template_T9 .Template_T9__bloc-hero-text {
            margin-bottom: 3rem
      }

      .Template_T9 .Template_T9__bloc-hero-text .body-03 {
            padding: 0 30%
      }

      .Template_T9 .Template_T9__bloc-produit {
            margin-bottom: 5rem;
            row-gap: 1rem;
            -moz-column-gap: 1rem;
            column-gap: 1rem;
            padding: 0 15%
      }

      .Template_T9 .Template_T9__bloc-produit-item {
            width: 100%;

            height: auto;
            max-width: none;
      }

      .Template_T9 .Template_T9__bloc-produit-item-text {
            bottom: 2rem;
            justify-content: space-between;
            text-align: left
      }

      .Template_T9 .Template_T9__bloc-produit-item::before {
            background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .2) 30%, rgba(255, 255, 255, 0) 100%)
      }

      .Template_T9 .Template_T9__bloc-video {
            padding: 0 5%;
            margin-bottom: 5rem
      }

      .Template_T9 .Template_T9__bloc-video-text {
            justify-content: space-between;
            margin-bottom: 0;
            text-align: left;
            padding: 0 2rem
      }

      .Template_T9 .Template_T9__bloc-footer {
            margin-bottom: 3rem
      }

      .Template_T9 .Template_T9__bloc-footer-items {
            flex-direction: row;
            align-items: center;
            padding: 0 20%;
            row-gap: 2rem;
            -moz-column-gap: 2rem;
            column-gap: 2rem
      }

      .Template_T9 .Template_T9__bloc-footer-item {
            width: calc(33.3333333333% - 1.3333333333rem)
      }
}

@media screen and (min-width:1439px) {
      .Template_T9 .Template_T9__bloc-hero-img {
            height: calc((100vh - 35px)*.85)
      }
}

@media (max-width:768px) {
      .Template_T9 .x-hide-mobile {
            display: none !important
      }
}

/*# sourceMappingURL=/main.min.d1bbbc1f.css.map */