/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/base.css ***!
  \*****************************************************************************************************************************************************/
html {
  font-size: 10px;
  scroll-behavior: smooth;
  height: -webkit-fill-available;
  height: -moz-available;
  height: stretch;
}

#main {
  position: relative;
  max-width: none !important;
  padding: 0 !important;
  min-height: -webkit-fill-available;
  min-height: -moz-available;
  min-height: stretch;
}

#la-marque .container {
  padding: 0 1.5rem;
}
@media only screen and (min-width: 1440px) {
  #la-marque .container {
    width: calc(100% - 10rem) !important;
    max-width: 190rem;
  }
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/tailwind.css ***!
  \*********************************************************************************************************************************************************/
@charset "UTF-8";
/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
#la-marque,
#la-marque *,
#la-marque ::before,
#la-marque ::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}
#la-marque ::before,
#la-marque ::after {
  --tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/
html #la-marque {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: Lato, sans-serif;
}
html { /* 1 */ /* 2 */ /* 3 */ /* 3 */ /* 4 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body #la-marque {
  line-height: inherit;
}
body {
  margin: 0; /* 1 */ /* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
#la-marque hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
#la-marque abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
#la-marque h1,
#la-marque h2,
#la-marque h3,
#la-marque h4,
#la-marque h5,
#la-marque h6 {
  font-size: inherit;
  font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
#la-marque a {
  color: inherit;
  text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
#la-marque b,
#la-marque strong {
  font-weight: bolder;
}
/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
#la-marque code,
#la-marque kbd,
#la-marque samp,
#la-marque pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/*
Add the correct font size in all browsers.
*/
#la-marque small {
  font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
#la-marque sub,
#la-marque sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#la-marque sub {
  bottom: -0.25em;
}
#la-marque sup {
  top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
#la-marque table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
#la-marque button,
#la-marque input,
#la-marque optgroup,
#la-marque select,
#la-marque textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
#la-marque button,
#la-marque select {
  text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
#la-marque button,
#la-marque [type='button'],
#la-marque [type='reset'],
#la-marque [type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
#la-marque :-moz-focusring {
  outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
#la-marque :-moz-ui-invalid {
  box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
#la-marque progress {
  vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
#la-marque ::-webkit-inner-spin-button,
#la-marque ::-webkit-outer-spin-button {
  height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
#la-marque [type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
#la-marque ::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
#la-marque ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
#la-marque summary {
  display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
#la-marque blockquote,
#la-marque dl,
#la-marque dd,
#la-marque h1,
#la-marque h2,
#la-marque h3,
#la-marque h4,
#la-marque h5,
#la-marque h6,
#la-marque hr,
#la-marque figure,
#la-marque p,
#la-marque pre {
  margin: 0;
}
#la-marque fieldset {
  margin: 0;
  padding: 0;
}
#la-marque legend {
  padding: 0;
}
#la-marque ol,
#la-marque ul,
#la-marque menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
#la-marque textarea {
  resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
#la-marque input:-ms-input-placeholder, #la-marque textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
#la-marque input::placeholder,
#la-marque textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}
/*
Set the default cursor for buttons.
*/
#la-marque button,
#la-marque [role="button"] {
  cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
#la-marque :disabled {
  cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
#la-marque img,
#la-marque svg,
#la-marque video,
#la-marque canvas,
#la-marque audio,
#la-marque iframe,
#la-marque embed,
#la-marque object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
#la-marque img,
#la-marque video {
  max-width: 100%;
  height: auto;
}
body #la-marque {
    font-family: "Lato", sans-serif;
    font-weight: 300;
  }
body:not(.loaded) * {
    transition: none !important;
  }
#la-marque strong {
    font-weight: 700;
  }
#la-marque, #la-marque *, #la-marque ::before, #la-marque ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
#la-marque ::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
#la-marque .container{
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 960px){
  #la-marque .container{
    max-width: 960px;
  }
}
#la-marque .aspect-w-2{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 2;
}
#la-marque .aspect-w-2 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .aspect-h-3{
  --tw-aspect-h: 3;
}
#la-marque .aspect-h-2{
  --tw-aspect-h: 2;
}
#la-marque .aspect-w-3{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 3;
}
#la-marque .aspect-w-3 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .aspect-w-1{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 1;
}
#la-marque .aspect-w-1 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .aspect-h-1{
  --tw-aspect-h: 1;
}
#la-marque .aspect-h-4{
  --tw-aspect-h: 4;
}
#la-marque .aspect-w-16{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 16;
}
#la-marque .aspect-w-16 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .aspect-h-9{
  --tw-aspect-h: 9;
}
#la-marque .aspect-w-4{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 4;
}
#la-marque .aspect-w-4 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .aspect-h-5{
  --tw-aspect-h: 5;
}
#la-marque .aspect-w-5{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 5;
}
#la-marque .aspect-w-5 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .aspect-h-6{
  --tw-aspect-h: 6;
}
#la-marque .aspect-w-7{
  position: relative;
  padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
  --tw-aspect-w: 7;
}
#la-marque .aspect-w-7 > *{
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .aspect-element {
    aspect-ratio: 2/3;
  }
@media (min-width: 1536px) {
    #la-marque .aspect-element {
      aspect-ratio: 3/2;
    }
  }
#la-marque{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#la-marque .filter{
  position: relative;
}
#la-marque .filter::before{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
  height: 100%;
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  content: var(--tw-content);
  opacity: 0.3;
}
#la-marque .section{
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
#la-marque .container{
  position: relative;
  z-index: 5;
}
#la-marque .subtitle{
  margin-bottom: 1.6rem;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 900;
  text-transform: uppercase;
}
#la-marque .title{
  margin-bottom: 1.6rem;
  margin-top: 0;
  font-family: AigleGrotesk, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  color: inherit;
}
#la-marque .slide-caption-line{
  margin-top: -0.2em;
  overflow: hidden;
}
#la-marque .slide-caption-line > span {
    will-change: transform;
    display: block;
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
  }
#la-marque .title-line, 
  #la-marque .title-underline-wrapper{
  margin-top: -0.2em;
  overflow: hidden;
}
#la-marque .title-line > span,
  #la-marque .title-underline {
    will-change: transform;
    padding: 0.1em 0;
    display: block;
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
  }
#la-marque .title-lg{
  font-size: 9vw;
  line-height: 1.2;
}
@media (min-width: 768px){
  #la-marque .title-lg{
    font-size: 5.6rem;
    line-height: 1.1;
  }
}
#la-marque .title-xl{
  font-size: 9vw;
  line-height: 1.2;
}
@media (min-width: 1024px){
  #la-marque .title-xl{
    font-size: 8rem;
    line-height: 1.2;
  }
}
#la-marque .title-2xl{
  font-size: 11vw;
  line-height: 1.2;
}
@media (min-width: 1024px){
  #la-marque .title-2xl{
    font-size: 12rem;
    line-height: 1.2;
  }
}
#la-marque .title-3xl{
  font-size: 14vw;
  line-height: 1.1;
}
@media (min-width: 1024px){
  #la-marque .title-3xl{
    font-size: 14.4rem;
    line-height: 1.1;
  }
}
#la-marque .title-4xl{
  font-size: 20vw;
  line-height: 1.1;
}
@media (min-width: 1024px){
  #la-marque .title-4xl{
    font-size: 14.4rem;
    line-height: 1.1;
  }
}
#la-marque .content{
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media (min-width: 768px){
  #la-marque .content{
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
#la-marque .content a:not(.link):not(:hover){
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-underline-offset: 2px;
}
#la-marque .content p:not(:last-child), 
  #la-marque .content ul:not(:last-child){
  margin-bottom: 2.4rem;
}
#la-marque .content ul{
  list-style-type: disc;
  padding-left: 3.2rem;
}
#la-marque .content p + ul{
  margin-top: -2.4rem;
}
#la-marque .image{
  position: relative;
  z-index: 4;
  overflow: hidden;
}
#la-marque .link{
  position: relative;
  display: inline-block;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  font-weight: 900;
  text-transform: uppercase;
}
#la-marque .link:after {
    content: "";
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: right;
    --tw-scale-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
  }
#la-marque .link:hover:after{
  transform-origin: left;
  --tw-scale-x: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .focus-image{
  height: 75vw;
  overflow: hidden;
}
@media (min-width: 1024px){
  #la-marque .focus-image{
    top: 0;
    height: 100vh;
    width: 100vw;
  }
  #la-marque .focus-image:not(.focus-image-fixed){
    position: absolute;
    left: 100%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .focus-image.focus-image-fixed{
    position: fixed;
    left: 0;
  }
  #la-marque .focus-image .image{
    position: absolute;
    bottom: 0;
    right: calc(var(--scrollbar-width) / -2);
    height: 100vh;
    width: 45vw;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
  #la-marque .focus-image.focus-image-fixed .image{
    right: 0;
  }
  #la-marque .focus-image-left:not(.focus-image-fixed){
    left: auto;
    right: 100%;
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .focus-image-left.focus-image-fixed{
    left: auto;
    right: 0;
  }
  #la-marque .focus-image-left .image{
    right: auto;
    left: calc(var(--scrollbar-width) / -2);
  }
  #la-marque .focus-image-left.focus-image-fixed .image{
    right: auto;
    left: 0;
  }
}
#la-marque .list li{
  position: relative;
  display: flex;
  cursor: pointer;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
@media (min-width: 768px){
  #la-marque .list li{
    --tw-text-opacity: 1;
    color: rgb(69 69 69 / var(--tw-text-opacity));
  }
}
#la-marque .list li:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#la-marque .list li:not(:last-child){
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(69 69 69 / var(--tw-border-opacity));
}
@media screen and (min-width: 640px) {
    #la-marque .list li:hover .image{
    opacity: 1;
  }
  }
#la-marque .list .list-number{
  width: 4.8rem;
  flex-shrink: 0;
}
#la-marque .list .image{
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 5;
  margin-left: 3.2rem;
  width: 22.4rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
/* .arrow-next:not(.171-ans) {
      @apply group-hover:w-24;
      height: 24px;
  } */
#la-marque .arrow-next{
  position: relative;
  display: block;
  width: 5.6rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
    height: 24px;
}
#la-marque .arrow-next:before {
    content: "";
    position: absolute;
    height: 2px;
    top: 11px;
    left: 0;
    right: 3px;
    background-color: currentColor;
  }
#la-marque .arrow-next:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 7px;
    right: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent currentColor;
  }
#la-marque .arrow-next-thin{
  position: relative;
  display: block;
  width: 5.6rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#la-marque .group:hover .arrow-next-thin{
  width: 9.6rem;
}
#la-marque .arrow-next-thin {
    height: 24px;
  }
#la-marque .arrow-next-thin:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 11px;
    left: 0;
    right: 3px;
    background-color: currentColor;
  }
#la-marque .arrow-next-thin:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 7px;
    right: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent currentColor;
  }
#la-marque .arrow-prev-thin{
  position: relative;
  display: block;
  width: 5.6rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#la-marque .group:hover .arrow-prev-thin{
  width: 9.6rem;
}
#la-marque .arrow-prev-thin {
    height: 24px;
  }
#la-marque .arrow-prev-thin:before {
    content: "";
    position: absolute;
    height: 1px;
    top: 11px;
    right: 0;
    left: 3px;
    background-color: currentColor;
  }
#la-marque .arrow-prev-thin:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: 7px;
    left: 0;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    border-color: transparent currentColor transparent transparent;
  }
#la-marque .vertical-logo-marquee {
    background-image: url(logo.svg);
    background-repeat: repeat-x;
    background-position: 0 center;
    transform: translate(-50%, -50%) rotate(-90deg);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1.6rem;
    width: 100vw;
  }
#la-marque .banner {
    background-repeat: repeat-x;
    background-size: auto 100%;
    background-position: 0 center;
  }
#la-marque .timeline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 25%;
    bottom: 0;
    width: 1px;
    --tw-translate-x: -2px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    opacity: 0.2;
  }
@media (min-width: 768px){
  #la-marque .timeline:before{
    left: 33.333333%;
    --tw-translate-x: -3px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
#la-marque .timeline:before {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10rem, rgba(255, 255, 255, 1) 100%);
  }
#la-marque .timeline-item{
  display: flex;
  align-items: flex-start;
}
#la-marque .timeline-item-date{
  position: relative;
  width: 25%;
  flex-shrink: 0;
  padding-right: 2.4rem;
  text-align: right;
}
@media (min-width: 768px){
  #la-marque .timeline-item-date{
    width: 33.333333%;
    padding-right: 6.4rem;
  }
}
#la-marque .timeline-item-date:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 6px;
    --tw-bg-opacity: 1;
    background-color: rgb(27 27 27 / var(--tw-bg-opacity));
  }
@supports (background-blend-mode: overlay) {
    #la-marque .timeline-item-date:before {
      background-image: url(noise.png);
      background-blend-mode: overlay;
    }
  }
#la-marque .timeline-item-date:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    display: block;
    height: 4px;
    width: 4px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
@media (min-width: 768px){
  #la-marque .timeline-item-date:after{
    margin-top: -3px;
    height: 6px;
    width: 6px;
  }
}
#la-marque .timeline-item-content{
  min-height: 25rem;
  width: 75%;
  padding-left: 1.6rem;
  padding-top: 2vw;
  padding-bottom: 9.6rem;
}
@media (min-width: 768px){
  #la-marque .timeline-item-content{
    width: 66.666667%;
    padding-left: 4.8rem;
    padding-top: 2.4rem;
  }
}
#la-marque .timeline-item-content .content{
  max-width: 51.2rem;
  padding-right: 1.6rem;
}
#la-marque .content ul{
  list-style-type: none;
  padding-left: 3.2rem;
}
#la-marque .content ul li {
    text-indent: 0.75em;
  }
#la-marque .content ul li:before {
    content: "–";
    margin-right: 0.5em;
    margin-left: -1.5em;
  }
#la-marque .content ol{
  list-style-type: decimal;
  padding-left: 3.2rem;
}
#la-marque .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
#la-marque .pointer-events-none{
  pointer-events: none;
}
#la-marque .pointer-events-auto{
  pointer-events: auto;
}
#la-marque .visible{
  visibility: visible;
}
#la-marque .invisible{
  visibility: hidden;
}
#la-marque .fixed{
  position: fixed;
}
#la-marque .absolute{
  position: absolute;
}
#la-marque .relative{
  position: relative;
}
#la-marque .inset-0{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .inset-x-0{
  left: 0;
  right: 0;
}
#la-marque .top-1\/2{
  top: 50%;
}
#la-marque .right-12{
  right: 4.8rem;
}
#la-marque .top-3\/4{
  top: 75%;
}
#la-marque .left-\[calc\(100vw-3rem\)\]{
  left: calc(100vw - 3rem);
}
#la-marque .top-0{
  top: 0;
}
#la-marque .bottom-0{
  bottom: 0;
}
#la-marque .left-0{
  left: 0;
}
#la-marque .right-0{
  right: 0;
}
#la-marque .right-8{
  right: 3.2rem;
}
#la-marque .top-8{
  top: 3.2rem;
}
#la-marque .-bottom-32{
  bottom: -12.8rem;
}
#la-marque .right-4{
  right: 1.6rem;
}
#la-marque .top-\[25vh\]{
  top: 25vh;
}
#la-marque .bottom-8{
  bottom: 3.2rem;
}
#la-marque .left-1\/2{
  left: 50%;
}
#la-marque .-bottom-8{
  bottom: -3.2rem;
}
#la-marque .bottom-2{
  bottom: 0.8rem;
}
#la-marque .right-2{
  right: 0.8rem;
}
#la-marque .top-56{
  top: 22.4rem;
}
#la-marque .bottom-\[-30vw\]{
  bottom: -30vw;
}
#la-marque .right-\[33vw\]{
  right: 33vw;
}
#la-marque .left-2\/3{
  left: 66.666667%;
}
#la-marque .bottom-12{
  bottom: 4.8rem;
}
#la-marque .-bottom-12{
  bottom: -4.8rem;
}
#la-marque .right-\[10vw\]{
  right: 10vw;
}
#la-marque .bottom-4{
  bottom: 1.6rem;
}
#la-marque .bottom-\[-30\%\]{
  bottom: -30%;
}
#la-marque .bottom-16{
  bottom: 6.4rem;
}
#la-marque .right-\[5vw\]{
  right: 5vw;
}
#la-marque .top-auto{
  top: auto;
}
#la-marque .top-4{
  top: 1.6rem;
}
#la-marque .left-4{
  left: 1.6rem;
}
#la-marque .top-full{
  top: 100%;
}
#la-marque .-bottom-20{
  bottom: -8rem;
}
#la-marque .bottom-\[-10vw\]{
  bottom: -10vw;
}
#la-marque .-left-4{
  left: -1.6rem;
}
#la-marque .z-6{
  z-index: 6;
}
#la-marque .z-\[10\]{
  z-index: 10;
}
#la-marque .z-\[100\]{
  z-index: 100;
}
#la-marque .z-3{
  z-index: 3;
}
#la-marque .z-1{
  z-index: 1;
}
#la-marque .z-4{
  z-index: 4;
}
#la-marque .z-5{
  z-index: 5;
}
#la-marque .z-\[-1\]{
  z-index: -1;
}
#la-marque .z-\[0\]{
  z-index: 0;
}
#la-marque .\!z-\[99\]{
  z-index: 99 !important;
}
#la-marque .z-\[40\]{
  z-index: 40;
}
#la-marque .z-\[9\]{
  z-index: 9;
}
#la-marque .col-start-2{
  grid-column-start: 2;
}
#la-marque .col-start-1{
  grid-column-start: 1;
}
#la-marque .row-auto{
  grid-row: auto;
}
#la-marque .row-span-2{
  grid-row: span 2 / span 2;
}
#la-marque .row-start-1{
  grid-row-start: 1;
}
#la-marque .row-start-3{
  grid-row-start: 3;
}
#la-marque .mx-auto{
  margin-left: auto;
  margin-right: auto;
}
#la-marque .-mx-4{
  margin-left: -1.6rem;
  margin-right: -1.6rem;
}
#la-marque .my-8{
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}
#la-marque .mx-16{
  margin-left: 6.4rem;
  margin-right: 6.4rem;
}
#la-marque .my-16{
  margin-top: 6.4rem;
  margin-bottom: 6.4rem;
}
#la-marque .mx-12{
  margin-left: 4.8rem;
  margin-right: 4.8rem;
}
#la-marque .mx-14{
  margin-left: 5.6rem;
  margin-right: 5.6rem;
}
#la-marque .-mx-8{
  margin-left: -3.2rem;
  margin-right: -3.2rem;
}
#la-marque .-mx-12{
  margin-left: -4.8rem;
  margin-right: -4.8rem;
}
#la-marque .mx-6{
  margin-left: 2.4rem;
  margin-right: 2.4rem;
}
#la-marque .mr-4{
  margin-right: 1.6rem;
}
#la-marque .ml-4{
  margin-left: 1.6rem;
}
#la-marque .mb-24{
  margin-bottom: 9.6rem;
}
#la-marque .mb-12{
  margin-bottom: 4.8rem;
}
#la-marque .mt-16{
  margin-top: 6.4rem;
}
#la-marque .mr-32{
  margin-right: 12.8rem;
}
#la-marque .-ml-4{
  margin-left: -1.6rem;
}
#la-marque .mt-32{
  margin-top: 12.8rem;
}
#la-marque .ml-20{
  margin-left: 8rem;
}
#la-marque .mb-2{
  margin-bottom: 0.8rem;
}
#la-marque .ml-24{
  margin-left: 9.6rem;
}
#la-marque .mt-24{
  margin-top: 9.6rem;
}
#la-marque .mb-32{
  margin-bottom: 12.8rem;
}
#la-marque .mr-8{
  margin-right: 3.2rem;
}
#la-marque .-mr-4{
  margin-right: -1.6rem;
}
#la-marque .mt-2{
  margin-top: 0.8rem;
}
#la-marque .mb-16{
  margin-bottom: 6.4rem;
}
#la-marque .-mt-40{
  margin-top: -16rem;
}
#la-marque .ml-8{
  margin-left: 3.2rem;
}
#la-marque .ml-32{
  margin-left: 12.8rem;
}
#la-marque .mt-12{
  margin-top: 4.8rem;
}
#la-marque .ml-auto{
  margin-left: auto;
}
#la-marque .mr-16{
  margin-right: 6.4rem;
}
#la-marque .-mt-80{
  margin-top: -32rem;
}
#la-marque .mb-4{
  margin-bottom: 1.6rem;
}
#la-marque .mb-8{
  margin-bottom: 3.2rem;
}
#la-marque .-mt-44{
  margin-top: -17.6rem;
}
#la-marque .mb-\[1\.5vw\]{
  margin-bottom: 1.5vw;
}
#la-marque .mb-0{
  margin-bottom: 0;
}
#la-marque .ml-\[1\.9vw\]{
  margin-left: 1.9vw;
}
#la-marque .mr-0{
  margin-right: 0;
}
#la-marque .mb-56{
  margin-bottom: 22.4rem;
}
#la-marque .mt-\[9vh\]{
  margin-top: 9vh;
}
#la-marque .mt-4{
  margin-top: 1.6rem;
}
#la-marque .-mt-4{
  margin-top: -1.6rem;
}
#la-marque .-mb-64{
  margin-bottom: -25.6rem;
}
#la-marque .mt-64{
  margin-top: 25.6rem;
}
#la-marque .-mb-2{
  margin-bottom: -0.8rem;
}
#la-marque .mt-\[-24rem\]{
  margin-top: -24rem;
}
#la-marque .mb-\[-62rem\]{
  margin-bottom: -62rem;
}
#la-marque .ml-16{
  margin-left: 6.4rem;
}
#la-marque .-mb-32{
  margin-bottom: -12.8rem;
}
#la-marque .ml-12{
  margin-left: 4.8rem;
}
#la-marque .mt-6{
  margin-top: 2.4rem;
}
#la-marque .mb-48{
  margin-bottom: 19.2rem;
}
#la-marque .-mt-60{
  margin-top: -24rem;
}
#la-marque .ml-\[30\%\]{
  margin-left: 30%;
}
#la-marque .mr-24{
  margin-right: 9.6rem;
}
#la-marque .mt-\[-50\%\]{
  margin-top: -50%;
}
#la-marque .mt-\[30vh\]{
  margin-top: 30vh;
}
#la-marque .-mt-24{
  margin-top: -9.6rem;
}
#la-marque .mt-\[15vw\]{
  margin-top: 15vw;
}
#la-marque .mb-\[25rem\]{
  margin-bottom: 25rem;
}
#la-marque .mt-\[-30vw\]{
  margin-top: -30vw;
}
#la-marque .-mt-32{
  margin-top: -12.8rem;
}
#la-marque .mb-1{
  margin-bottom: 0.4rem;
}
#la-marque .mt-8{
  margin-top: 3.2rem;
}
#la-marque .mr-12{
  margin-right: 4.8rem;
}
#la-marque .mb-6{
  margin-bottom: 2.4rem;
}
#la-marque .mr-\[0\.75em\]{
  margin-right: 0.75em;
}
#la-marque .-mt-12{
  margin-top: -4.8rem;
}
#la-marque .\!mr-6{
  margin-right: 2.4rem !important;
}
#la-marque .\!ml-6{
  margin-left: 2.4rem !important;
}
#la-marque .block{
  display: block;
}
#la-marque .\!block{
  display: block !important;
}
#la-marque .inline-block{
  display: inline-block;
}
#la-marque .flex{
  display: flex;
}
#la-marque .grid{
  display: grid;
}
#la-marque .hidden{
  display: none;
}
#la-marque .\!hidden{
  display: none !important;
}
#la-marque .aspect-4\/5{
  aspect-ratio: 4 / 5;
}
#la-marque .aspect-1\/1{
  aspect-ratio: 1 / 1;
}
#la-marque .h-\[42vh\]{
  height: 42vh;
}
#la-marque .h-full{
  height: 100%;
}
#la-marque .h-6{
  height: 2.4rem;
}
#la-marque .h-auto{
  height: auto;
}
#la-marque .h-\[50vh\]{
  height: 50vh;
}
#la-marque .h-24{
  height: 9.6rem;
}
#la-marque .h-1\/2{
  height: 50%;
}
#la-marque .h-\[250vw\]{
  height: 250vw;
}
#la-marque .h-\[60vmin\]{
  height: 60vmin;
}
#la-marque .h-\[80vmin\]{
  height: 80vmin;
}
#la-marque .h-1\/3{
  height: 33.333333%;
}
#la-marque .h-\[350px\]{
  height: 350px;
}
#la-marque .h-\[30vh\]{
  height: 30vh;
}
#la-marque .h-56{
  height: 22.4rem;
}
#la-marque .h-screen{
  height: 100vh;
}
#la-marque .h-\[70vh\]{
  height: 70vh;
}
#la-marque .\!h-full{
  height: 100% !important;
}
#la-marque .h-2{
  height: 0.8rem;
}
#la-marque .h-12{
  height: 4.8rem;
}
#la-marque .h-8{
  height: 3.2rem;
}
#la-marque .h-32{
  height: 12.8rem;
}
#la-marque .max-h-\[50vh\]{
  max-height: 50vh;
}
#la-marque .max-h-\[30vh\]{
  max-height: 30vh;
}
#la-marque .max-h-\[40vh\]{
  max-height: 40vh;
}
#la-marque .max-h-screen{
  max-height: 100vh;
}
#la-marque .max-h-\[75vh\]{
  max-height: 75vh;
}
#la-marque .max-h-\[900px\]{
  max-height: 900px;
}
#la-marque .max-h-\[55px\]{
  max-height: 55px;
}
#la-marque .min-h-\[calc\(100vh-10rem\)\]{
  min-height: calc(100vh - 10rem);
}
#la-marque .min-h-\[65vh\]{
  min-height: 65vh;
}
#la-marque .min-h-\[300px\]{
  min-height: 300px;
}
#la-marque .min-h-\[550px\]{
  min-height: 550px;
}
#la-marque .min-h-\[50vh\]{
  min-height: 50vh;
}
#la-marque .w-\[100vh\]{
  width: 100vh;
}
#la-marque .w-full{
  width: 100%;
}
#la-marque .w-6{
  width: 2.4rem;
}
#la-marque .w-2\/3{
  width: 66.666667%;
}
#la-marque .w-1\/2{
  width: 50%;
}
#la-marque .w-3\/4{
  width: 75%;
}
#la-marque .w-\[30vh\]{
  width: 30vh;
}
#la-marque .w-24{
  width: 9.6rem;
}
#la-marque .w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
#la-marque .w-\[200\%\]{
  width: 200%;
}
#la-marque .w-0{
  width: 0;
}
#la-marque .w-auto{
  width: auto;
}
#la-marque .w-\[calc\(60\%-1rem\)\]{
  width: calc(60% - 1rem);
}
#la-marque .w-\[calc\(40\%-1rem\)\]{
  width: calc(40% - 1rem);
}
#la-marque .w-\[calc\(50\%-4\.5rem\)\]{
  width: calc(50% - 4.5rem);
}
#la-marque .w-\[calc\(50\%-1rem\)\]{
  width: calc(50% - 1rem);
}
#la-marque .w-screen{
  width: 100vw;
}
#la-marque .w-4\/5{
  width: 80%;
}
#la-marque .w-px{
  width: 1px;
}
#la-marque .w-\[36vw\]{
  width: 36vw;
}
#la-marque .w-\[20vw\]{
  width: 20vw;
}
#la-marque .w-1\/3{
  width: 33.333333%;
}
#la-marque .w-\[85vw\]{
  width: 85vw;
}
#la-marque .\!w-32{
  width: 12.8rem !important;
}
#la-marque .w-\[60\%\]{
  width: 60%;
}
#la-marque .w-\[40\%\]{
  width: 40%;
}
#la-marque .w-\[80\%\]{
  width: 80%;
}
#la-marque .w-12{
  width: 4.8rem;
}
#la-marque .w-\[150\%\]{
  width: 150%;
}
#la-marque .w-8{
  width: 3.2rem;
}
#la-marque .w-1\/4{
  width: 25%;
}
#la-marque .w-64{
  width: 25.6rem;
}
#la-marque .w-32{
  width: 12.8rem;
}
#la-marque .w-\[65Opx\]{
  width: 65Opx;
}
#la-marque .max-w-2xl{
  max-width: 76.8rem;
}
#la-marque .max-w-3xl{
  max-width: 128rem;
}
#la-marque .max-w-\[150rem\]{
  max-width: 150rem;
}
#la-marque .max-w-lg{
  max-width: 51.2rem;
}
#la-marque .max-w-\[25rem\]{
  max-width: 25rem;
}
#la-marque .max-w-\[40rem\]{
  max-width: 40rem;
}
#la-marque .max-w-\[90vh\]{
  max-width: 90vh;
}
#la-marque .max-w-4xl{
  max-width: 190rem;
}
#la-marque .max-w-\[20rem\]{
  max-width: 20rem;
}
#la-marque .max-w-xl{
  max-width: 67.2rem;
}
#la-marque .flex-1{
  flex: 1 1 0%;
}
#la-marque .flex-shrink-0{
  flex-shrink: 0;
}
#la-marque .shrink-0{
  flex-shrink: 0;
}
#la-marque .shrink{
  flex-shrink: 1;
}
#la-marque .flex-grow{
  flex-grow: 1;
}
#la-marque .grow{
  flex-grow: 1;
}
#la-marque .origin-right{
  transform-origin: right;
}
#la-marque .origin-left{
  transform-origin: left;
}
#la-marque .origin-top{
  transform-origin: top;
}
#la-marque .origin-bottom-left{
  transform-origin: bottom left;
}
#la-marque .-translate-x-\[35\%\]{
  --tw-translate-x: -35%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .-translate-y-4{
  --tw-translate-y: -1.6rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .translate-x-1\/2{
  --tw-translate-x: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .translate-y-full{
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .translate-y-40{
  --tw-translate-y: 16rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .translate-y-2\/4{
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .-translate-y-24{
  --tw-translate-y: -9.6rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .\!-translate-y-1\/2{
  --tw-translate-y: -50% !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
#la-marque .translate-y-\[60\%\]{
  --tw-translate-y: 60%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .translate-y-1\/2{
  --tw-translate-y: 50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .-rotate-90{
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .rotate-90{
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .scale-\[0\.45\]{
  --tw-scale-x: 0.45;
  --tw-scale-y: 0.45;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .scale-\[0\.7\]{
  --tw-scale-x: 0.7;
  --tw-scale-y: 0.7;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .scale-50{
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .scale-x-0{
  --tw-scale-x: 0;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .cursor-pointer{
  cursor: pointer;
}
#la-marque .\!cursor-pointer{
  cursor: pointer !important;
}
#la-marque .resize{
  resize: both;
}
#la-marque .grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#la-marque .grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#la-marque .grid-rows-1{
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
#la-marque .grid-rows-2{
  grid-template-rows: repeat(2, minmax(0, 1fr));
}
#la-marque .grid-rows-3{
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
#la-marque .flex-row-reverse{
  flex-direction: row-reverse;
}
#la-marque .flex-col{
  flex-direction: column;
}
#la-marque .flex-col-reverse{
  flex-direction: column-reverse;
}
#la-marque .flex-wrap{
  flex-wrap: wrap;
}
#la-marque .items-end{
  align-items: flex-end;
}
#la-marque .items-center{
  align-items: center;
}
#la-marque .items-baseline{
  align-items: baseline;
}
#la-marque .justify-start{
  justify-content: flex-start;
}
#la-marque .justify-end{
  justify-content: flex-end;
}
#la-marque .justify-center{
  justify-content: center;
}
#la-marque .\!justify-center{
  justify-content: center !important;
}
#la-marque .justify-between{
  justify-content: space-between;
}
#la-marque .gap-12{
  gap: 4.8rem;
}
#la-marque .gap-24{
  gap: 9.6rem;
}
#la-marque .gap-4{
  gap: 1.6rem;
}
#la-marque .gap-2{
  gap: 0.8rem;
}
#la-marque .gap-8{
  gap: 3.2rem;
}
#la-marque .gap-16{
  gap: 6.4rem;
}
#la-marque .gap-y-8{
  row-gap: 3.2rem;
}
#la-marque .gap-x-12{
  column-gap: 4.8rem;
}
#la-marque .self-center{
  align-self: center;
}
#la-marque .overflow-hidden{
  overflow: hidden;
}
#la-marque .overflow-visible{
  overflow: visible;
}
#la-marque .\!overflow-visible{
  overflow: visible !important;
}
#la-marque .whitespace-nowrap{
  white-space: nowrap;
}
#la-marque .rounded-full{
  border-radius: 9999px;
}
#la-marque .rounded-3xl{
  border-radius: 1.5rem;
}
#la-marque .rounded-lg{
  border-radius: 0.5rem;
}
#la-marque .rounded-xl{
  border-radius: 0.75rem;
}
#la-marque .rounded-\[3rem\]{
  border-radius: 3rem;
}
#la-marque .rounded-\[5rem\]{
  border-radius: 5rem;
}
#la-marque .rounded-\[2rem\]{
  border-radius: 2rem;
}
#la-marque .rounded-2xl{
  border-radius: 1rem;
}
#la-marque .rounded-l-\[5rem\]{
  border-top-left-radius: 5rem;
  border-bottom-left-radius: 5rem;
}
#la-marque .border-2{
  border-width: 2px;
}
#la-marque .border-4{
  border-width: 4px;
}
#la-marque .border{
  border-width: 1px;
}
#la-marque .border-y{
  border-top-width: 1px;
  border-bottom-width: 1px;
}
#la-marque .border-b{
  border-bottom-width: 1px;
}
#la-marque .border-t{
  border-top-width: 1px;
}
#la-marque .border-r{
  border-right-width: 1px;
}
#la-marque .border-l{
  border-left-width: 1px;
}
#la-marque .border-solid{
  border-style: solid;
}
#la-marque .border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
#la-marque .border-black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
#la-marque .bg-lighter{
  --tw-bg-opacity: 1;
  background-color: rgb(244 241 238 / var(--tw-bg-opacity));
}
#la-marque .bg-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity));
}
#la-marque .bg-light{
  --tw-bg-opacity: 1;
  background-color: rgb(244 240 237 / var(--tw-bg-opacity));
}
#la-marque .bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#E2E2E1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(226 226 225 / var(--tw-bg-opacity));
}
#la-marque .bg-black{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#E0A03A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 160 58 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#1C8650\]{
  --tw-bg-opacity: 1;
  background-color: rgb(28 134 80 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#6D5234\]{
  --tw-bg-opacity: 1;
  background-color: rgb(109 82 52 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#111E24\]{
  --tw-bg-opacity: 1;
  background-color: rgb(17 30 36 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#A09273\]{
  --tw-bg-opacity: 1;
  background-color: rgb(160 146 115 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#DE7F0A\]{
  --tw-bg-opacity: 1;
  background-color: rgb(222 127 10 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#F0F0F0\]{
  --tw-bg-opacity: 1;
  background-color: rgb(240 240 240 / var(--tw-bg-opacity));
}
#la-marque .bg-gray{
  --tw-bg-opacity: 1;
  background-color: rgb(157 157 157 / var(--tw-bg-opacity));
}
#la-marque .bg-\[\#9ABEAA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(154 190 170 / var(--tw-bg-opacity));
}
#la-marque .bg-garden{
  --tw-bg-opacity: 1;
  background-color: rgb(250 249 248 / var(--tw-bg-opacity));
}
#la-marque .bg-cover{
  background-size: cover;
}
#la-marque .bg-top{
  background-position: top;
}
#la-marque .object-contain{
  object-fit: contain;
}
#la-marque .object-cover{
  object-fit: cover;
}
#la-marque .object-top{
  object-position: top;
}
#la-marque .object-bottom{
  object-position: bottom;
}
#la-marque .\!object-bottom{
  object-position: bottom !important;
}
#la-marque .object-center{
  object-position: center;
}
#la-marque .p-4{
  padding: 1.6rem;
}
#la-marque .p-24{
  padding: 9.6rem;
}
#la-marque .p-2{
  padding: 0.8rem;
}
#la-marque .p-6{
  padding: 2.4rem;
}
#la-marque .p-8{
  padding: 3.2rem;
}
#la-marque .px-4{
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
#la-marque .py-16{
  padding-top: 6.4rem;
  padding-bottom: 6.4rem;
}
#la-marque .py-32{
  padding-top: 12.8rem;
  padding-bottom: 12.8rem;
}
#la-marque .px-12{
  padding-left: 4.8rem;
  padding-right: 4.8rem;
}
#la-marque .py-4{
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
#la-marque .py-2{
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
#la-marque .px-0{
  padding-left: 0;
  padding-right: 0;
}
#la-marque .px-8{
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}
#la-marque .px-16{
  padding-left: 6.4rem;
  padding-right: 6.4rem;
}
#la-marque .py-12{
  padding-top: 4.8rem;
  padding-bottom: 4.8rem;
}
#la-marque .py-8{
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}
#la-marque .py-24{
  padding-top: 9.6rem;
  padding-bottom: 9.6rem;
}
#la-marque .pt-32{
  padding-top: 12.8rem;
}
#la-marque .pl-8{
  padding-left: 3.2rem;
}
#la-marque .pt-16{
  padding-top: 6.4rem;
}
#la-marque .pb-24{
  padding-bottom: 9.6rem;
}
#la-marque .pr-24{
  padding-right: 9.6rem;
}
#la-marque .pb-16{
  padding-bottom: 6.4rem;
}
#la-marque .pl-32{
  padding-left: 12.8rem;
}
#la-marque .pb-32{
  padding-bottom: 12.8rem;
}
#la-marque .pl-\[50\%\]{
  padding-left: 50%;
}
#la-marque .pl-16{
  padding-left: 6.4rem;
}
#la-marque .pr-16{
  padding-right: 6.4rem;
}
#la-marque .pt-40{
  padding-top: 16rem;
}
#la-marque .pb-8{
  padding-bottom: 3.2rem;
}
#la-marque .pt-8{
  padding-top: 3.2rem;
}
#la-marque .pb-80{
  padding-bottom: 32rem;
}
#la-marque .pb-56{
  padding-bottom: 22.4rem;
}
#la-marque .pt-72{
  padding-top: 28.8rem;
}
#la-marque .pt-4{
  padding-top: 1.6rem;
}
#la-marque .pr-0{
  padding-right: 0;
}
#la-marque .pr-12{
  padding-right: 4.8rem;
}
#la-marque .pl-\[40\%\]{
  padding-left: 40%;
}
#la-marque .pr-4{
  padding-right: 1.6rem;
}
#la-marque .pr-\[40\%\]{
  padding-right: 40%;
}
#la-marque .pt-64{
  padding-top: 25.6rem;
}
#la-marque .pb-0{
  padding-bottom: 0;
}
#la-marque .pb-1{
  padding-bottom: 0.4rem;
}
#la-marque .pb-72{
  padding-bottom: 28.8rem;
}
#la-marque .pl-24{
  padding-left: 9.6rem;
}
#la-marque .pt-24{
  padding-top: 9.6rem;
}
#la-marque .pb-4{
  padding-bottom: 1.6rem;
}
#la-marque .pb-40{
  padding-bottom: 16rem;
}
#la-marque .pl-4{
  padding-left: 1.6rem;
}
#la-marque .pt-12{
  padding-top: 4.8rem;
}
#la-marque .pb-12{
  padding-bottom: 4.8rem;
}
#la-marque .pb-\[35rem\]{
  padding-bottom: 35rem;
}
#la-marque .pt-\[45rem\]{
  padding-top: 45rem;
}
#la-marque .pr-8{
  padding-right: 3.2rem;
}
#la-marque .pr-32{
  padding-right: 12.8rem;
}
#la-marque .pb-48{
  padding-bottom: 19.2rem;
}
#la-marque .pt-2{
  padding-top: 0.8rem;
}
#la-marque .pb-\[18vw\]{
  padding-bottom: 18vw;
}
#la-marque .pt-\[0\.2em\]{
  padding-top: 0.2em;
}
#la-marque .pt-\[40vw\]{
  padding-top: 40vw;
}
#la-marque .pt-\[55vw\]{
  padding-top: 55vw;
}
#la-marque .pt-56{
  padding-top: 22.4rem;
}
#la-marque .pt-\[25vw\]{
  padding-top: 25vw;
}
#la-marque .text-left{
  text-align: left;
}
#la-marque .text-center{
  text-align: center;
}
#la-marque .text-right{
  text-align: right;
}
#la-marque .font-display{
  font-family: AigleGrotesk, sans-serif;
}
#la-marque .font-courant{
  font-family: AigleGrotesk, sans-serif;
}
#la-marque .text-xxs{
  font-size: 1.4rem;
  line-height: 1.5;
}
#la-marque .text-sm{
  font-size: 1.8rem;
  line-height: 1.5;
}
#la-marque .text-xs{
  font-size: 1.6rem;
  line-height: 1.5;
}
#la-marque .text-md{
  font-size: 3.2rem;
  line-height: 1.1;
}
#la-marque .text-\[4vw\]{
  font-size: 4vw;
}
#la-marque .text-base{
  font-size: 2.4rem;
  line-height: 1.5;
}
#la-marque .text-\[30vw\]{
  font-size: 30vw;
}
#la-marque .text-4xl{
  font-size: 20vw;
  line-height: 1.1;
}
#la-marque .text-3xl{
  font-size: 14vw;
  line-height: 1.1;
}
#la-marque .text-\[12px\]{
  font-size: 12px;
}
#la-marque .text-2xl{
  font-size: 11vw;
  line-height: 1.2;
}
#la-marque .text-\[15rem\]{
  font-size: 15rem;
}
#la-marque .text-lg{
  font-size: 5.6rem;
  line-height: 1.1;
}
#la-marque .text-\[0\.5em\]{
  font-size: 0.5em;
}
#la-marque .text-\[2rem\]{
  font-size: 2rem;
}
#la-marque .text-xl{
  font-size: 9vw;
  line-height: 1.2;
}
#la-marque .text-\[1\.3rem\]{
  font-size: 1.3rem;
}
#la-marque .font-bold{
  font-weight: 700;
}
#la-marque .font-medium{
  font-weight: 500;
}
#la-marque .font-black{
  font-weight: 900;
}
#la-marque .font-light{
  font-weight: 300;
}
#la-marque .font-normal{
  font-weight: 400;
}
#la-marque .uppercase{
  text-transform: uppercase;
}
#la-marque .normal-case{
  text-transform: none;
}
#la-marque .italic{
  font-style: italic;
}
#la-marque .leading-\[3\.5rem\]{
  line-height: 3.5rem;
}
#la-marque .leading-\[100\%\]{
  line-height: 100%;
}
#la-marque .leading-\[0\.75\]{
  line-height: 0.75;
}
#la-marque .leading-\[0\.75em\]{
  line-height: 0.75em;
}
#la-marque .leading-\[0\.8\]{
  line-height: 0.8;
}
#la-marque .tracking-widest{
  letter-spacing: 0.1em;
}
#la-marque .tracking-wider{
  letter-spacing: 0.05em;
}
#la-marque .text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#la-marque .text-dark{
  --tw-text-opacity: 1;
  color: rgb(27 27 27 / var(--tw-text-opacity));
}
#la-marque .text-\[\#BD9460\]{
  --tw-text-opacity: 1;
  color: rgb(189 148 96 / var(--tw-text-opacity));
}
#la-marque .text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
#la-marque .text-lighter{
  --tw-text-opacity: 1;
  color: rgb(244 241 238 / var(--tw-text-opacity));
}
#la-marque .text-light{
  --tw-text-opacity: 1;
  color: rgb(244 240 237 / var(--tw-text-opacity));
}
#la-marque .text-green{
  --tw-text-opacity: 1;
  color: rgb(83 157 148 / var(--tw-text-opacity));
}
#la-marque .text-\[\#C9BDBD\]{
  --tw-text-opacity: 1;
  color: rgb(201 189 189 / var(--tw-text-opacity));
}
#la-marque .text-\[\#406B20\]{
  --tw-text-opacity: 1;
  color: rgb(64 107 32 / var(--tw-text-opacity));
}
#la-marque .underline{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
#la-marque .\!no-underline{
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}
#la-marque .underline-offset-2{
  text-underline-offset: 2px;
}
#la-marque .underline-offset-4{
  text-underline-offset: 4px;
}
#la-marque .antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#la-marque .opacity-0{
  opacity: 0;
}
#la-marque .opacity-50{
  opacity: 0.5;
}
#la-marque .opacity-30{
  opacity: 0.3;
}
#la-marque .opacity-\[0\.15\]{
  opacity: 0.15;
}
#la-marque .opacity-40{
  opacity: 0.4;
}
#la-marque .mix-blend-lighten{
  mix-blend-mode: lighten;
}
#la-marque .outline{
  outline-style: solid;
}
#la-marque .outline-1{
  outline-width: 1px;
}
#la-marque .grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#la-marque .filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#la-marque .transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#la-marque .transition{
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#la-marque .transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#la-marque .transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
#la-marque .duration-300{
  transition-duration: 300ms;
}
#la-marque .duration-100{
  transition-duration: 100ms;
}
#la-marque .ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@supports (background-blend-mode: overlay) {
    #la-marque .noise {
      background-image: url(noise.png);
      background-blend-mode: overlay;
    }
  }
#la-marque .bg-craft {
    background: no-repeat url(Fond-4-458x146.jpg);
  }
#la-marque .bg-rain-mob {
    background: no-repeat url(MOB.jpg);
    background-size: cover;
    background-position: center left;
  }
#la-marque .bg-rain-mob-en {
    background: no-repeat url(MOB-EN.jpg);
    background-size: cover;
    background-position: center left;
  }
#la-marque .bg-fabrics {
    background: no-repeat url(Fond-2-1358x780.jpg);
  }
#la-marque .bg-text-fabrics {
    background-image: url(Fond-2-1358x780.jpg);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
#la-marque .bg-craft-green {
    background: no-repeat url(Fond-6-1280x2577.jpg);
    background-size: cover;
  }
#la-marque .is-animated{
  --tw-translate-y: 2.4rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
}
#la-marque .text-shadow {
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  }
@font-face {
  font-family: "AigleGrotesk";
  src: url(fonts/cf7fc14e209eae46e71e.woff2) format("woff2"), url(fonts/b6129c10277db36b1a4e.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AigleGrotesk";
  src: url(fonts/82eb159c9cf67a264d88.woff2) format("woff2"), url(fonts/d00b128d481d33552cf4.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AigleGrotesk";
  src: url(fonts/55ab74ef6608bb9102f7.woff2) format("woff2"), url(fonts/1604a9e5915fb5b11186.woff) format("woff");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "AigleGrotesk";
  src: url(fonts/7156ede6c3a95b2834b0.woff2) format("woff2"), url(fonts/743c03c537bed0b5a1bd.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AigleGrotesk";
  src: url(fonts/7abf0fde87092e9337ab.woff2) format("woff2"), url(fonts/b1196aec2d8390c9a5e4.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AigleGrotesk";
  src: url(fonts/b29ca8857c1d99a5f13d.woff2) format("woff2"), url(fonts/e2aa81e9c65df228ffa7.woff) format("woff");
  font-style: italic;
  font-display: swap;
}
#la-marque .swiper-banner-image .swiper-slide:not(.swiper-slide-active) figcaption {
  opacity: 0;
}
#la-marque .before\:absolute::before{
  content: var(--tw-content);
  position: absolute;
}
#la-marque .before\:top-0::before{
  content: var(--tw-content);
  top: 0;
}
#la-marque .before\:left-0::before{
  content: var(--tw-content);
  left: 0;
}
#la-marque .before\:z-\[5\]::before{
  content: var(--tw-content);
  z-index: 5;
}
#la-marque .before\:h-full::before{
  content: var(--tw-content);
  height: 100%;
}
#la-marque .before\:w-full::before{
  content: var(--tw-content);
  width: 100%;
}
#la-marque .before\:bg-dark::before{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity));
}
#la-marque .before\:opacity-30::before{
  content: var(--tw-content);
  opacity: 0.3;
}
#la-marque .before\:content-\[\'\'\]::before{
  --tw-content: '';
  content: var(--tw-content);
}
#la-marque .after\:absolute::after{
  content: var(--tw-content);
  position: absolute;
}
#la-marque .after\:inset-0::after{
  content: var(--tw-content);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#la-marque .after\:top-0::after{
  content: var(--tw-content);
  top: 0;
}
#la-marque .after\:left-0::after{
  content: var(--tw-content);
  left: 0;
}
#la-marque .after\:h-full::after{
  content: var(--tw-content);
  height: 100%;
}
#la-marque .after\:w-full::after{
  content: var(--tw-content);
  width: 100%;
}
#la-marque .after\:bg-dark::after{
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity));
}
#la-marque .after\:opacity-20::after{
  content: var(--tw-content);
  opacity: 0.2;
}
#la-marque .after\:opacity-30::after{
  content: var(--tw-content);
  opacity: 0.3;
}
#la-marque .hover\:bg-dark:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(27 27 27 / var(--tw-bg-opacity));
}
#la-marque .hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#la-marque .hover\:underline:hover{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
#la-marque .hover\:no-underline:hover{
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
#la-marque .hover\:opacity-100:hover{
  opacity: 1;
}
#la-marque .hover\:\!opacity-100:hover{
  opacity: 1 !important;
}
#la-marque .hover\:opacity-60:hover{
  opacity: 0.6;
}
#la-marque .group:hover .group-hover\:w-16{
  width: 6.4rem;
}
#la-marque .group:hover .group-hover\:rotate-45{
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#la-marque .group:hover .group-hover\:opacity-30{
  opacity: 0.3;
}
#la-marque .group:hover .group-hover\:opacity-50{
  opacity: 0.5;
}
#la-marque .group:hover .group-hover\:opacity-100{
  opacity: 1;
}
@media (min-width: 640px){
  #la-marque .sm\:title-3xl{
    font-size: 14vw;
    line-height: 1.1;
  }
  @media (min-width: 1024px){
    #la-marque .sm\:title-3xl{
      font-size: 14.4rem;
      line-height: 1.1;
    }
  }
  #la-marque .sm\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  #la-marque .sm\:-mt-32{
    margin-top: -12.8rem;
  }
  #la-marque .sm\:mr-8{
    margin-right: 3.2rem;
  }
  #la-marque .sm\:\!block{
    display: block !important;
  }
  #la-marque .sm\:hidden{
    display: none;
  }
  #la-marque .sm\:h-80{
    height: 32rem;
  }
  #la-marque .sm\:max-h-\[70px\]{
    max-height: 70px;
  }
  #la-marque .sm\:min-h-\[500px\]{
    min-height: 500px;
  }
  #la-marque .sm\:min-h-\[65vh\]{
    min-height: 65vh;
  }
  #la-marque .sm\:w-1\/2{
    width: 50%;
  }
  #la-marque .sm\:flex-auto{
    flex: 1 1 auto;
  }
  #la-marque .sm\:translate-y-24{
    --tw-translate-y: 9.6rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .sm\:flex-row{
    flex-direction: row;
  }
  #la-marque .sm\:gap-16{
    gap: 6.4rem;
  }
  #la-marque .sm\:pb-12{
    padding-bottom: 4.8rem;
  }
  #la-marque .sm\:text-center{
    text-align: center;
  }
  #la-marque .sm\:text-sm{
    font-size: 1.8rem;
    line-height: 1.5;
  }
  #la-marque .sm\:text-xl{
    font-size: 9vw;
    line-height: 1.2;
  }
  #la-marque .sm\:text-2xl{
    font-size: 11vw;
    line-height: 1.2;
  }
  #la-marque .sm\:text-md{
    font-size: 3.2rem;
    line-height: 1.1;
  }
  #la-marque .sm\:text-\[2\.5rem\]{
    font-size: 2.5rem;
  }
  #la-marque .sm\:text-2md{
    font-size: 4.2rem;
    line-height: 1.1;
  }
}
@media (min-width: 768px){
  #la-marque .md\:aspect-w-8{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 8;
  }
  #la-marque .md\:aspect-w-8 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #la-marque .md\:aspect-h-9{
    --tw-aspect-h: 9;
  }
  #la-marque .md\:aspect-w-3{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 3;
  }
  #la-marque .md\:aspect-w-3 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #la-marque .md\:aspect-h-2{
    --tw-aspect-h: 2;
  }
  #la-marque .md\:aspect-h-16{
    --tw-aspect-h: 16;
  }
  #la-marque .md\:aspect-w-9{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 9;
  }
  #la-marque .md\:aspect-w-9 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #la-marque .md\:title-lg{
    font-size: 9vw;
    line-height: 1.2;
  }
  @media (min-width: 768px){
    #la-marque .md\:title-lg{
      font-size: 5.6rem;
      line-height: 1.1;
    }
  }
  #la-marque .md\:visible{
    visibility: visible;
  }
  #la-marque .md\:static{
    position: static;
  }
  #la-marque .md\:absolute{
    position: absolute;
  }
  #la-marque .md\:relative{
    position: relative;
  }
  #la-marque .md\:bottom-0{
    bottom: 0;
  }
  #la-marque .md\:top-0{
    top: 0;
  }
  #la-marque .md\:top-auto{
    top: auto;
  }
  #la-marque .md\:bottom-12{
    bottom: 4.8rem;
  }
  #la-marque .md\:right-16{
    right: 6.4rem;
  }
  #la-marque .md\:left-0{
    left: 0;
  }
  #la-marque .md\:left-1\/2{
    left: 50%;
  }
  #la-marque .md\:bottom-\[-15vw\]{
    bottom: -15vw;
  }
  #la-marque .md\:right-\[60vw\]{
    right: 60vw;
  }
  #la-marque .md\:-bottom-4{
    bottom: -1.6rem;
  }
  #la-marque .md\:top-1\/2{
    top: 50%;
  }
  #la-marque .md\:bottom-\[-28\%\]{
    bottom: -28%;
  }
  #la-marque .md\:bottom-auto{
    bottom: auto;
  }
  #la-marque .md\:left-4{
    left: 1.6rem;
  }
  #la-marque .md\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  #la-marque .md\:mx-0{
    margin-left: 0;
    margin-right: 0;
  }
  #la-marque .md\:mx-24{
    margin-left: 9.6rem;
    margin-right: 9.6rem;
  }
  #la-marque .md\:mx-32{
    margin-left: 12.8rem;
    margin-right: 12.8rem;
  }
  #la-marque .md\:my-32{
    margin-top: 12.8rem;
    margin-bottom: 12.8rem;
  }
  #la-marque .md\:mb-16{
    margin-bottom: 6.4rem;
  }
  #la-marque .md\:mt-0{
    margin-top: 0;
  }
  #la-marque .md\:ml-32{
    margin-left: 12.8rem;
  }
  #la-marque .md\:mr-0{
    margin-right: 0;
  }
  #la-marque .md\:ml-0{
    margin-left: 0;
  }
  #la-marque .md\:-mt-24{
    margin-top: -9.6rem;
  }
  #la-marque .md\:-mt-80{
    margin-top: -32rem;
  }
  #la-marque .md\:-mb-32{
    margin-bottom: -12.8rem;
  }
  #la-marque .md\:mt-32{
    margin-top: 12.8rem;
  }
  #la-marque .md\:mb-0{
    margin-bottom: 0;
  }
  #la-marque .md\:ml-20{
    margin-left: 8rem;
  }
  #la-marque .md\:ml-\[60\%\]{
    margin-left: 60%;
  }
  #la-marque .md\:mr-16{
    margin-right: 6.4rem;
  }
  #la-marque .md\:ml-\[50\%\]{
    margin-left: 50%;
  }
  #la-marque .md\:mt-2{
    margin-top: 0.8rem;
  }
  #la-marque .md\:mt-40{
    margin-top: 16rem;
  }
  #la-marque .md\:mt-24{
    margin-top: 9.6rem;
  }
  #la-marque .md\:-mt-64{
    margin-top: -25.6rem;
  }
  #la-marque .md\:mb-64{
    margin-bottom: 25.6rem;
  }
  #la-marque .md\:mb-40{
    margin-bottom: 16rem;
  }
  #la-marque .md\:-mt-40{
    margin-top: -16rem;
  }
  #la-marque .md\:-mt-56{
    margin-top: -22.4rem;
  }
  #la-marque .md\:mb-4{
    margin-bottom: 1.6rem;
  }
  #la-marque .md\:ml-4{
    margin-left: 1.6rem;
  }
  #la-marque .md\:mt-\[60\%\]{
    margin-top: 60%;
  }
  #la-marque .md\:mr-24{
    margin-right: 9.6rem;
  }
  #la-marque .md\:ml-24{
    margin-left: 9.6rem;
  }
  #la-marque .md\:-mb-80{
    margin-bottom: -32rem;
  }
  #la-marque .md\:-mt-48{
    margin-top: -19.2rem;
  }
  #la-marque .md\:mt-\[-36rem\]{
    margin-top: -36rem;
  }
  #la-marque .md\:-ml-4{
    margin-left: -1.6rem;
  }
  #la-marque .md\:mt-12{
    margin-top: 4.8rem;
  }
  #la-marque .md\:-mt-12{
    margin-top: -4.8rem;
  }
  #la-marque .md\:mr-32{
    margin-right: 12.8rem;
  }
  #la-marque .md\:mt-\[-18vw\]{
    margin-top: -18vw;
  }
  #la-marque .md\:-mr-4{
    margin-right: -1.6rem;
  }
  #la-marque .md\:mt-52{
    margin-top: 20.8rem;
  }
  #la-marque .md\:-mb-64{
    margin-bottom: -25.6rem;
  }
  #la-marque .md\:mt-64{
    margin-top: 25.6rem;
  }
  #la-marque .md\:mb-32{
    margin-bottom: 12.8rem;
  }
  #la-marque .md\:-mt-32{
    margin-top: -12.8rem;
  }
  #la-marque .md\:ml-auto{
    margin-left: auto;
  }
  #la-marque .md\:-mb-72{
    margin-bottom: -28.8rem;
  }
  #la-marque .md\:mt-80{
    margin-top: 32rem;
  }
  #la-marque .md\:-mt-72{
    margin-top: -28.8rem;
  }
  #la-marque .md\:mb-\[15vw\]{
    margin-bottom: 15vw;
  }
  #la-marque .md\:mt-\[45vmin\]{
    margin-top: 45vmin;
  }
  #la-marque .md\:ml-\[25vw\]{
    margin-left: 25vw;
  }
  #la-marque .md\:mr-12{
    margin-right: 4.8rem;
  }
  #la-marque .md\:mr-6{
    margin-right: 2.4rem;
  }
  #la-marque .md\:mb-24{
    margin-bottom: 9.6rem;
  }
  #la-marque .md\:mb-8{
    margin-bottom: 3.2rem;
  }
  #la-marque .md\:mr-auto{
    margin-right: auto;
  }
  #la-marque .md\:mb-1{
    margin-bottom: 0.4rem;
  }
  #la-marque .md\:-mt-8{
    margin-top: -3.2rem;
  }
  #la-marque .md\:\!block{
    display: block !important;
  }
  #la-marque .md\:block{
    display: block;
  }
  #la-marque .md\:flex{
    display: flex;
  }
  #la-marque .md\:\!flex{
    display: flex !important;
  }
  #la-marque .md\:grid{
    display: grid;
  }
  #la-marque .md\:hidden{
    display: none;
  }
  #la-marque .md\:\!hidden{
    display: none !important;
  }
  #la-marque .md\:h-screen{
    height: 100vh;
  }
  #la-marque .md\:h-12{
    height: 4.8rem;
  }
  #la-marque .md\:h-\[100vh\]{
    height: 100vh;
  }
  #la-marque .md\:h-full{
    height: 100%;
  }
  #la-marque .md\:h-auto{
    height: auto;
  }
  #la-marque .md\:h-\[90vmin\]{
    height: 90vmin;
  }
  #la-marque .md\:h-20{
    height: 8rem;
  }
  #la-marque .md\:h-\[70vmin\]{
    height: 70vmin;
  }
  #la-marque .md\:max-h-\[80vh\]{
    max-height: 80vh;
  }
  #la-marque .md\:max-h-\[40vh\]{
    max-height: 40vh;
  }
  #la-marque .md\:min-h-\[600px\]{
    min-height: 600px;
  }
  #la-marque .md\:min-h-\[350px\]{
    min-height: 350px;
  }
  #la-marque .md\:min-h-screen{
    min-height: 100vh;
  }
  #la-marque .md\:w-12{
    width: 4.8rem;
  }
  #la-marque .md\:w-2\/3{
    width: 66.666667%;
  }
  #la-marque .md\:w-1\/3{
    width: 33.333333%;
  }
  #la-marque .md\:w-1\/4{
    width: 25%;
  }
  #la-marque .md\:w-1\/2{
    width: 50%;
  }
  #la-marque .md\:w-1\/5{
    width: 20%;
  }
  #la-marque .md\:w-auto{
    width: auto;
  }
  #la-marque .md\:w-3\/4{
    width: 75%;
  }
  #la-marque .md\:w-1\/6{
    width: 16.666667%;
  }
  #la-marque .md\:w-3\/5{
    width: 60%;
  }
  #la-marque .md\:w-full{
    width: 100%;
  }
  #la-marque .md\:w-\[65\%\]{
    width: 65%;
  }
  #la-marque .md\:w-\[25vw\]{
    width: 25vw;
  }
  #la-marque .md\:w-4\/5{
    width: 80%;
  }
  #la-marque .md\:\!w-56{
    width: 22.4rem !important;
  }
  #la-marque .md\:w-20{
    width: 8rem;
  }
  #la-marque .md\:w-2\/5{
    width: 40%;
  }
  #la-marque .md\:min-w-\[33\.33\%\]{
    min-width: 33.33%;
  }
  #la-marque .md\:max-w-\[40vw\]{
    max-width: 40vw;
  }
  #la-marque .md\:max-w-2xl{
    max-width: 76.8rem;
  }
  #la-marque .md\:max-w-\[450px\]{
    max-width: 450px;
  }
  #la-marque .md\:flex-1{
    flex: 1 1 0%;
  }
  #la-marque .md\:flex-grow{
    flex-grow: 1;
  }
  #la-marque .md\:-translate-x-full{
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .md\:-translate-y-56{
    --tw-translate-y: -22.4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .md\:translate-y-8{
    --tw-translate-y: 3.2rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .md\:translate-y-0{
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .md\:\!-translate-y-1\/2{
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  #la-marque .md\:translate-x-0{
    --tw-translate-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .md\:scale-100{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #la-marque .md\:grid-cols-8{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  #la-marque .md\:flex-row{
    flex-direction: row;
  }
  #la-marque .md\:flex-row-reverse{
    flex-direction: row-reverse;
  }
  #la-marque .md\:flex-nowrap{
    flex-wrap: nowrap;
  }
  #la-marque .md\:items-end{
    align-items: flex-end;
  }
  #la-marque .md\:items-center{
    align-items: center;
  }
  #la-marque .md\:justify-end{
    justify-content: flex-end;
  }
  #la-marque .md\:justify-center{
    justify-content: center;
  }
  #la-marque .md\:justify-between{
    justify-content: space-between;
  }
  #la-marque .md\:gap-20{
    gap: 8rem;
  }
  #la-marque .md\:gap-32{
    gap: 12.8rem;
  }
  #la-marque .md\:gap-16{
    gap: 6.4rem;
  }
  #la-marque .md\:gap-4{
    gap: 1.6rem;
  }
  #la-marque .md\:gap-12{
    gap: 4.8rem;
  }
  #la-marque .md\:self-start{
    align-self: flex-start;
  }
  #la-marque .md\:rounded-r-\[5rem\]{
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
  }
  #la-marque .md\:rounded-l-\[5rem\]{
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
  }
  #la-marque .md\:border{
    border-width: 1px;
  }
  #la-marque .md\:border-x-0{
    border-left-width: 0px;
    border-right-width: 0px;
  }
  #la-marque .md\:border-white{
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity));
  }
  #la-marque .md\:bg-fixed{
    background-attachment: fixed;
  }
  #la-marque .md\:p-12{
    padding: 4.8rem;
  }
  #la-marque .md\:p-16{
    padding: 6.4rem;
  }
  #la-marque .md\:px-8{
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
  #la-marque .md\:py-32{
    padding-top: 12.8rem;
    padding-bottom: 12.8rem;
  }
  #la-marque .md\:px-0{
    padding-left: 0;
    padding-right: 0;
  }
  #la-marque .md\:px-16{
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }
  #la-marque .md\:px-\[20vw\]{
    padding-left: 20vw;
    padding-right: 20vw;
  }
  #la-marque .md\:px-24{
    padding-left: 9.6rem;
    padding-right: 9.6rem;
  }
  #la-marque .md\:py-0{
    padding-top: 0;
    padding-bottom: 0;
  }
  #la-marque .md\:px-48{
    padding-left: 19.2rem;
    padding-right: 19.2rem;
  }
  #la-marque .md\:px-32{
    padding-left: 12.8rem;
    padding-right: 12.8rem;
  }
  #la-marque .md\:py-24{
    padding-top: 9.6rem;
    padding-bottom: 9.6rem;
  }
  #la-marque .md\:px-4{
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  #la-marque .md\:py-12{
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
  }
  #la-marque .md\:py-16{
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }
  #la-marque .md\:py-64{
    padding-top: 25.6rem;
    padding-bottom: 25.6rem;
  }
  #la-marque .md\:pl-16{
    padding-left: 6.4rem;
  }
  #la-marque .md\:pt-32{
    padding-top: 12.8rem;
  }
  #la-marque .md\:pt-8{
    padding-top: 3.2rem;
  }
  #la-marque .md\:pr-44{
    padding-right: 17.6rem;
  }
  #la-marque .md\:pb-96{
    padding-bottom: 38.4rem;
  }
  #la-marque .md\:pl-0{
    padding-left: 0;
  }
  #la-marque .md\:pb-0{
    padding-bottom: 0;
  }
  #la-marque .md\:pb-32{
    padding-bottom: 12.8rem;
  }
  #la-marque .md\:pt-40{
    padding-top: 16rem;
  }
  #la-marque .md\:pr-40{
    padding-right: 16rem;
  }
  #la-marque .md\:pr-0{
    padding-right: 0;
  }
  #la-marque .md\:pl-32{
    padding-left: 12.8rem;
  }
  #la-marque .md\:pl-24{
    padding-left: 9.6rem;
  }
  #la-marque .md\:pt-96{
    padding-top: 38.4rem;
  }
  #la-marque .md\:pb-64{
    padding-bottom: 25.6rem;
  }
  #la-marque .md\:pb-44{
    padding-bottom: 17.6rem;
  }
  #la-marque .md\:pr-16{
    padding-right: 6.4rem;
  }
  #la-marque .md\:pt-24{
    padding-top: 9.6rem;
  }
  #la-marque .md\:pt-0{
    padding-top: 0;
  }
  #la-marque .md\:pr-48{
    padding-right: 19.2rem;
  }
  #la-marque .md\:pt-64{
    padding-top: 25.6rem;
  }
  #la-marque .md\:pt-\[0\.2em\]{
    padding-top: 0.2em;
  }
  #la-marque .md\:pr-24{
    padding-right: 9.6rem;
  }
  #la-marque .md\:pb-24{
    padding-bottom: 9.6rem;
  }
  #la-marque .md\:pt-72{
    padding-top: 28.8rem;
  }
  #la-marque .md\:pb-16{
    padding-bottom: 6.4rem;
  }
  #la-marque .md\:pb-\[48rem\]{
    padding-bottom: 48rem;
  }
  #la-marque .md\:pr-32{
    padding-right: 12.8rem;
  }
  #la-marque .md\:pt-48{
    padding-top: 19.2rem;
  }
  #la-marque .md\:pt-16{
    padding-top: 6.4rem;
  }
  #la-marque .md\:pl-64{
    padding-left: 25.6rem;
  }
  #la-marque .md\:pr-64{
    padding-right: 25.6rem;
  }
  #la-marque .md\:pt-\[35vmin\]{
    padding-top: 35vmin;
  }
  #la-marque .md\:pb-\[8vw\]{
    padding-bottom: 8vw;
  }
  #la-marque .md\:pt-\[20vw\]{
    padding-top: 20vw;
  }
  #la-marque .md\:pl-4{
    padding-left: 1.6rem;
  }
  #la-marque .md\:pb-12{
    padding-bottom: 4.8rem;
  }
  #la-marque .md\:pt-44{
    padding-top: 17.6rem;
  }
  #la-marque .md\:\!pb-0{
    padding-bottom: 0 !important;
  }
  #la-marque .md\:pt-\[19vw\]{
    padding-top: 19vw;
  }
  #la-marque .md\:pt-\[5\.6rem\]{
    padding-top: 5.6rem;
  }
  #la-marque .md\:text-left{
    text-align: left;
  }
  #la-marque .md\:text-center{
    text-align: center;
  }
  #la-marque .md\:text-right{
    text-align: right;
  }
  #la-marque .md\:text-base{
    font-size: 2.4rem;
    line-height: 1.5;
  }
  #la-marque .md\:text-lg{
    font-size: 5.6rem;
    line-height: 1.1;
  }
  #la-marque .md\:text-sm{
    font-size: 1.8rem;
    line-height: 1.5;
  }
  #la-marque .md\:text-4xl{
    font-size: 20vw;
    line-height: 1.1;
  }
  #la-marque .md\:text-3xl{
    font-size: 14vw;
    line-height: 1.1;
  }
  #la-marque .md\:text-2xl{
    font-size: 11vw;
    line-height: 1.2;
  }
  #la-marque .md\:text-md{
    font-size: 3.2rem;
    line-height: 1.1;
  }
  #la-marque .md\:text-2md{
    font-size: 4.2rem;
    line-height: 1.1;
  }
  #la-marque .md\:text-xl{
    font-size: 9vw;
    line-height: 1.2;
  }
  #la-marque .md\:text-\[10rem\]{
    font-size: 10rem;
  }
  #la-marque .md\:text-xs{
    font-size: 1.6rem;
    line-height: 1.5;
  }
  #la-marque .md\:text-\[1\.3rem\]{
    font-size: 1.3rem;
  }
  #la-marque .md\:text-black{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
  }
  #la-marque .md\:bg-rain-tab {
    background: no-repeat url(TABLETTE.jpg);
    background-size: cover;
    background-position: center left;
  }
  #la-marque .md\:bg-rain-tab-en {
    background: no-repeat url(TABLETTE-EN.jpg);
    background-size: cover;
    background-position: center left;
  }
}
@media (min-width: 1024px){
  #la-marque .lg\:aspect-h-7{
    --tw-aspect-h: 7;
  }
  #la-marque .lg\:aspect-w-6{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 6;
  }
  #la-marque .lg\:aspect-w-6 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #la-marque .lg\:aspect-w-16{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 16;
  }
  #la-marque .lg\:aspect-w-16 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #la-marque .lg\:aspect-h-5{
    --tw-aspect-h: 5;
  }
  #la-marque .lg\:aspect-w-1{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 1;
  }
  #la-marque .lg\:aspect-w-1 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #la-marque .lg\:aspect-h-1{
    --tw-aspect-h: 1;
  }
  #la-marque .lg\:title-2xl{
    font-size: 11vw;
    line-height: 1.2;
  }
  @media (min-width: 1024px){
    #la-marque .lg\:title-2xl{
      font-size: 12rem;
      line-height: 1.2;
    }
  }
  #la-marque .lg\:pointer-events-none{
    pointer-events: none;
  }
  #la-marque .lg\:pointer-events-auto{
    pointer-events: auto;
  }
  #la-marque .lg\:static{
    position: static;
  }
  #la-marque .lg\:absolute{
    position: absolute;
  }
  #la-marque .lg\:-bottom-0{
    bottom: 0;
  }
  #la-marque .lg\:right-1\/3{
    right: 33.333333%;
  }
  #la-marque .lg\:bottom-0{
    bottom: 0;
  }
  #la-marque .lg\:top-0{
    top: 0;
  }
  #la-marque .lg\:top-2{
    top: 0.8rem;
  }
  #la-marque .lg\:top-36{
    top: 14.4rem;
  }
  #la-marque .lg\:bottom-\[-5vh\]{
    bottom: -5vh;
  }
  #la-marque .lg\:bottom-\[-20vh\]{
    bottom: -20vh;
  }
  #la-marque .lg\:left-6{
    left: 2.4rem;
  }
  #la-marque .lg\:bottom-\[-30\%\]{
    bottom: -30%;
  }
  #la-marque .lg\:bottom-\[8vh\]{
    bottom: 8vh;
  }
  #la-marque .lg\:left-1\/2{
    left: 50%;
  }
  #la-marque .lg\:right-0{
    right: 0;
  }
  #la-marque .lg\:mx-0{
    margin-left: 0;
    margin-right: 0;
  }
  #la-marque .lg\:my-0{
    margin-top: 0;
    margin-bottom: 0;
  }
  #la-marque .lg\:mx-12{
    margin-left: 4.8rem;
    margin-right: 4.8rem;
  }
  #la-marque .lg\:mx-auto{
    margin-left: auto;
    margin-right: auto;
  }
  #la-marque .lg\:-mx-8{
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
  #la-marque .lg\:mx-4{
    margin-left: 1.6rem;
    margin-right: 1.6rem;
  }
  #la-marque .lg\:-mt-96{
    margin-top: -38.4rem;
  }
  #la-marque .lg\:ml-32{
    margin-left: 12.8rem;
  }
  #la-marque .lg\:mb-32{
    margin-bottom: 12.8rem;
  }
  #la-marque .lg\:-mt-36{
    margin-top: -14.4rem;
  }
  #la-marque .lg\:ml-\[80\%\]{
    margin-left: 80%;
  }
  #la-marque .lg\:mt-24{
    margin-top: 9.6rem;
  }
  #la-marque .lg\:mt-0{
    margin-top: 0;
  }
  #la-marque .lg\:ml-0{
    margin-left: 0;
  }
  #la-marque .lg\:mb-0{
    margin-bottom: 0;
  }
  #la-marque .lg\:mb-16{
    margin-bottom: 6.4rem;
  }
  #la-marque .lg\:mr-16{
    margin-right: 6.4rem;
  }
  #la-marque .lg\:mr-24{
    margin-right: 9.6rem;
  }
  #la-marque .lg\:ml-80{
    margin-left: 32rem;
  }
  #la-marque .lg\:-mt-24{
    margin-top: -9.6rem;
  }
  #la-marque .lg\:ml-\[50\%\]{
    margin-left: 50%;
  }
  #la-marque .lg\:mt-32{
    margin-top: 12.8rem;
  }
  #la-marque .lg\:mt-64{
    margin-top: 25.6rem;
  }
  #la-marque .lg\:-mt-56{
    margin-top: -22.4rem;
  }
  #la-marque .lg\:mr-0{
    margin-right: 0;
  }
  #la-marque .lg\:mb-12{
    margin-bottom: 4.8rem;
  }
  #la-marque .lg\:mb-8{
    margin-bottom: 3.2rem;
  }
  #la-marque .lg\:ml-8{
    margin-left: 3.2rem;
  }
  #la-marque .lg\:mr-1{
    margin-right: 0.4rem;
  }
  #la-marque .lg\:mb-2{
    margin-bottom: 0.8rem;
  }
  #la-marque .lg\:mr-32{
    margin-right: 12.8rem;
  }
  #la-marque .lg\:-mr-4{
    margin-right: -1.6rem;
  }
  #la-marque .lg\:\!block{
    display: block !important;
  }
  #la-marque .lg\:block{
    display: block;
  }
  #la-marque .lg\:flex{
    display: flex;
  }
  #la-marque .lg\:\!flex{
    display: flex !important;
  }
  #la-marque .lg\:hidden{
    display: none;
  }
  #la-marque .lg\:h-\[calc\(100vh-10rem\)\]{
    height: calc(100vh - 10rem);
  }
  #la-marque .lg\:h-full{
    height: 100%;
  }
  #la-marque .lg\:h-screen{
    height: 100vh;
  }
  #la-marque .lg\:h-auto{
    height: auto;
  }
  #la-marque .lg\:h-\[65vh\]{
    height: 65vh;
  }
  #la-marque .lg\:h-20{
    height: 8rem;
  }
  #la-marque .lg\:max-h-\[658px\]{
    max-height: 658px;
  }
  #la-marque .lg\:max-h-\[100vh\]{
    max-height: 100vh;
  }
  #la-marque .lg\:max-h-\[50vh\]{
    max-height: 50vh;
  }
  #la-marque .lg\:max-h-\[80vh\]{
    max-height: 80vh;
  }
  #la-marque .lg\:max-h-\[100px\]{
    max-height: 100px;
  }
  #la-marque .lg\:max-h-\[44vw\]{
    max-height: 44vw;
  }
  #la-marque .lg\:min-h-screen{
    min-height: 100vh;
  }
  #la-marque .lg\:min-h-\[65vh\]{
    min-height: 65vh;
  }
  #la-marque .lg\:w-1\/4{
    width: 25%;
  }
  #la-marque .lg\:w-1\/3{
    width: 33.333333%;
  }
  #la-marque .lg\:w-full{
    width: 100%;
  }
  #la-marque .lg\:w-2\/3{
    width: 66.666667%;
  }
  #la-marque .lg\:w-\[20\%\]{
    width: 20%;
  }
  #la-marque .lg\:w-fit{
    width: -moz-fit-content;
    width: fit-content;
  }
  #la-marque .lg\:w-auto{
    width: auto;
  }
  #la-marque .lg\:w-1\/2{
    width: 50%;
  }
  #la-marque .lg\:w-1\/5{
    width: 20%;
  }
  #la-marque .lg\:w-20{
    width: 8rem;
  }
  #la-marque .lg\:w-\[40vw\]{
    width: 40vw;
  }
  #la-marque .lg\:max-w-lg{
    max-width: 51.2rem;
  }
  #la-marque .lg\:max-w-\[950px\]{
    max-width: 950px;
  }
  #la-marque .lg\:max-w-\[25rem\]{
    max-width: 25rem;
  }
  #la-marque .lg\:flex-1{
    flex: 1 1 0%;
  }
  #la-marque .lg\:translate-x-6{
    --tw-translate-x: 2.4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .lg\:translate-y-0{
    --tw-translate-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .lg\:scale-90{
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .lg\:scale-100{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .lg\:flex-row{
    flex-direction: row;
  }
  #la-marque .lg\:flex-col{
    flex-direction: column;
  }
  #la-marque .lg\:flex-nowrap{
    flex-wrap: nowrap;
  }
  #la-marque .lg\:items-end{
    align-items: flex-end;
  }
  #la-marque .lg\:items-center{
    align-items: center;
  }
  #la-marque .lg\:justify-start{
    justify-content: flex-start;
  }
  #la-marque .lg\:justify-center{
    justify-content: center;
  }
  #la-marque .lg\:justify-between{
    justify-content: space-between;
  }
  #la-marque .lg\:justify-around{
    justify-content: space-around;
  }
  #la-marque .lg\:gap-4{
    gap: 1.6rem;
  }
  #la-marque .lg\:gap-16{
    gap: 6.4rem;
  }
  #la-marque .lg\:gap-12{
    gap: 4.8rem;
  }
  #la-marque .lg\:gap-6{
    gap: 2.4rem;
  }
  #la-marque .lg\:rounded-\[3rem\]{
    border-radius: 3rem;
  }
  #la-marque .lg\:rounded-\[5rem\]{
    border-radius: 5rem;
  }
  #la-marque .lg\:rounded-r-\[3rem\]{
    border-top-right-radius: 3rem;
    border-bottom-right-radius: 3rem;
  }
  #la-marque .lg\:rounded-l-\[3rem\]{
    border-top-left-radius: 3rem;
    border-bottom-left-radius: 3rem;
  }
  #la-marque .lg\:border-0{
    border-width: 0px;
  }
  #la-marque .lg\:object-cover{
    object-fit: cover;
  }
  #la-marque .lg\:p-8{
    padding: 3.2rem;
  }
  #la-marque .lg\:p-16{
    padding: 6.4rem;
  }
  #la-marque .lg\:p-6{
    padding: 2.4rem;
  }
  #la-marque .lg\:px-0{
    padding-left: 0;
    padding-right: 0;
  }
  #la-marque .lg\:px-4{
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  #la-marque .lg\:py-8{
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
  #la-marque .lg\:py-16{
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
  }
  #la-marque .lg\:px-32{
    padding-left: 12.8rem;
    padding-right: 12.8rem;
  }
  #la-marque .lg\:px-2{
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  #la-marque .lg\:py-32{
    padding-top: 12.8rem;
    padding-bottom: 12.8rem;
  }
  #la-marque .lg\:py-4{
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  #la-marque .lg\:px-16{
    padding-left: 6.4rem;
    padding-right: 6.4rem;
  }
  #la-marque .lg\:pl-32{
    padding-left: 12.8rem;
  }
  #la-marque .lg\:pr-56{
    padding-right: 22.4rem;
  }
  #la-marque .lg\:pl-64{
    padding-left: 25.6rem;
  }
  #la-marque .lg\:pl-\[40\%\]{
    padding-left: 40%;
  }
  #la-marque .lg\:pb-4{
    padding-bottom: 1.6rem;
  }
  #la-marque .lg\:pl-4{
    padding-left: 1.6rem;
  }
  #la-marque .lg\:pt-4{
    padding-top: 1.6rem;
  }
  #la-marque .lg\:pl-16{
    padding-left: 6.4rem;
  }
  #la-marque .lg\:pl-0{
    padding-left: 0;
  }
  #la-marque .lg\:pr-0{
    padding-right: 0;
  }
  #la-marque .lg\:pt-52{
    padding-top: 20.8rem;
  }
  #la-marque .lg\:pb-16{
    padding-bottom: 6.4rem;
  }
  #la-marque .lg\:pt-0{
    padding-top: 0;
  }
  #la-marque .lg\:pr-24{
    padding-right: 9.6rem;
  }
  #la-marque .lg\:pt-24{
    padding-top: 9.6rem;
  }
  #la-marque .lg\:pb-24{
    padding-bottom: 9.6rem;
  }
  #la-marque .lg\:pt-72{
    padding-top: 28.8rem;
  }
  #la-marque .lg\:pl-24{
    padding-left: 9.6rem;
  }
  #la-marque .lg\:pt-\[33vh\]{
    padding-top: 33vh;
  }
  #la-marque .lg\:pb-80{
    padding-bottom: 32rem;
  }
  #la-marque .lg\:pb-48{
    padding-bottom: 19.2rem;
  }
  #la-marque .lg\:pb-32{
    padding-bottom: 12.8rem;
  }
  #la-marque .lg\:pb-0{
    padding-bottom: 0;
  }
  #la-marque .lg\:pl-8{
    padding-left: 3.2rem;
  }
  #la-marque .lg\:pr-32{
    padding-right: 12.8rem;
  }
  #la-marque .lg\:pt-8{
    padding-top: 3.2rem;
  }
  #la-marque .lg\:pt-16{
    padding-top: 6.4rem;
  }
  #la-marque .lg\:pt-32{
    padding-top: 12.8rem;
  }
  #la-marque .lg\:text-left{
    text-align: left;
  }
  #la-marque .lg\:text-md{
    font-size: 3.2rem;
    line-height: 1.1;
  }
  #la-marque .lg\:text-xs{
    font-size: 1.6rem;
    line-height: 1.5;
  }
  #la-marque .lg\:text-3xl{
    font-size: 14vw;
    line-height: 1.1;
  }
  #la-marque .lg\:text-2xl{
    font-size: 11vw;
    line-height: 1.2;
  }
  #la-marque .lg\:text-\[4\.5vw\]{
    font-size: 4.5vw;
  }
  #la-marque .lg\:text-sm{
    font-size: 1.8rem;
    line-height: 1.5;
  }
  #la-marque .lg\:text-xl-max{
    font-size: 8rem;
    line-height: 1.2;
  }
  #la-marque .lg\:text-\[4rem\]{
    font-size: 4rem;
  }
  #la-marque .lg\:text-lg{
    font-size: 5.6rem;
    line-height: 1.1;
  }
  #la-marque .lg\:text-2md{
    font-size: 4.2rem;
    line-height: 1.1;
  }
  #la-marque .lg\:opacity-0{
    opacity: 0;
  }
  #la-marque .lg\:bg-rain-desk {
    background: no-repeat url(DESK.jpg);
    background-size: cover;
    background-position: center left;
  }
  #la-marque .lg\:bg-rain-desk-en {
    background: no-repeat url(DESK-EN.jpg);
    background-size: cover;
    background-position: center left;
  }
}
@media (min-width: 1280px){
  #la-marque .xl\:container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  @media (min-width: 960px){
    #la-marque .xl\:container{
      max-width: 960px;
    }
  }
  #la-marque .xl\:container{
    position: relative;
    z-index: 5;
  }
  #la-marque .xl\:title-2xl{
    font-size: 11vw;
    line-height: 1.2;
  }
  @media (min-width: 1024px){
    #la-marque .xl\:title-2xl{
      font-size: 12rem;
      line-height: 1.2;
    }
  }
  #la-marque .xl\:top-16{
    top: 6.4rem;
  }
  #la-marque .xl\:bottom-4{
    bottom: 1.6rem;
  }
  #la-marque .xl\:bottom-\[-35\F9\]{
    bottom: -35ù;
  }
  #la-marque .xl\:top-12{
    top: 4.8rem;
  }
  #la-marque .xl\:left-12{
    left: 4.8rem;
  }
  #la-marque .xl\:right-12{
    right: 4.8rem;
  }
  #la-marque .xl\:top-\[4vw\]{
    top: 4vw;
  }
  #la-marque .xl\:-mx-32{
    margin-left: -12.8rem;
    margin-right: -12.8rem;
  }
  #la-marque .xl\:-mx-24{
    margin-left: -9.6rem;
    margin-right: -9.6rem;
  }
  #la-marque .xl\:mx-12{
    margin-left: 4.8rem;
    margin-right: 4.8rem;
  }
  #la-marque .xl\:-mx-12{
    margin-left: -4.8rem;
    margin-right: -4.8rem;
  }
  #la-marque .xl\:-mt-2{
    margin-top: -0.8rem;
  }
  #la-marque .xl\:mt-0{
    margin-top: 0;
  }
  #la-marque .xl\:ml-0{
    margin-left: 0;
  }
  #la-marque .xl\:mb-16{
    margin-bottom: 6.4rem;
  }
  #la-marque .xl\:mb-0{
    margin-bottom: 0;
  }
  #la-marque .xl\:mb-4{
    margin-bottom: 1.6rem;
  }
  #la-marque .xl\:ml-32{
    margin-left: 12.8rem;
  }
  #la-marque .xl\:h-full{
    height: 100%;
  }
  #la-marque .xl\:max-h-\[100vh\]{
    max-height: 100vh;
  }
  #la-marque .xl\:w-2\/3{
    width: 66.666667%;
  }
  #la-marque .xl\:w-auto{
    width: auto;
  }
  #la-marque .xl\:max-w-4xl{
    max-width: 190rem;
  }
  #la-marque .xl\:flex-1{
    flex: 1 1 0%;
  }
  #la-marque .xl\:shrink-0{
    flex-shrink: 0;
  }
  #la-marque .xl\:translate-x-0{
    --tw-translate-x: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .xl\:scale-105{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  #la-marque .xl\:flex-row{
    flex-direction: row;
  }
  #la-marque .xl\:justify-end{
    justify-content: flex-end;
  }
  #la-marque .xl\:gap-12{
    gap: 4.8rem;
  }
  #la-marque .xl\:gap-8{
    gap: 3.2rem;
  }
  #la-marque .xl\:rounded-\[5rem\]{
    border-radius: 5rem;
  }
  #la-marque .xl\:rounded-r-\[5rem\]{
    border-top-right-radius: 5rem;
    border-bottom-right-radius: 5rem;
  }
  #la-marque .xl\:rounded-l-\[5rem\]{
    border-top-left-radius: 5rem;
    border-bottom-left-radius: 5rem;
  }
  #la-marque .xl\:p-16{
    padding: 6.4rem;
  }
  #la-marque .xl\:p-12{
    padding: 4.8rem;
  }
  #la-marque .xl\:p-8{
    padding: 3.2rem;
  }
  #la-marque .xl\:py-4{
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }
  #la-marque .xl\:px-8{
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
  #la-marque .xl\:px-24{
    padding-left: 9.6rem;
    padding-right: 9.6rem;
  }
  #la-marque .xl\:py-32{
    padding-top: 12.8rem;
    padding-bottom: 12.8rem;
  }
  #la-marque .xl\:px-64{
    padding-left: 25.6rem;
    padding-right: 25.6rem;
  }
  #la-marque .xl\:text-left{
    text-align: left;
  }
  #la-marque .xl\:text-md{
    font-size: 3.2rem;
    line-height: 1.1;
  }
  #la-marque .xl\:text-\[13px\]{
    font-size: 13px;
  }
  #la-marque .xl\:text-lg{
    font-size: 5.6rem;
    line-height: 1.1;
  }
  #la-marque .xl\:text-xl-max{
    font-size: 8rem;
    line-height: 1.2;
  }
  #la-marque .xl\:text-\[5rem\]{
    font-size: 5rem;
  }
  #la-marque .xl\:text-2md{
    font-size: 4.2rem;
    line-height: 1.1;
  }
}
@media (min-width: 1536px){
  #la-marque .\32xl\:aspect-w-3{
    position: relative;
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    --tw-aspect-w: 3;
  }
  #la-marque .\32xl\:aspect-w-3 > *{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #la-marque .\32xl\:aspect-h-2{
    --tw-aspect-h: 2;
  }
  #la-marque .\32xl\:title-lg{
    font-size: 9vw;
    line-height: 1.2;
  }
  @media (min-width: 768px){
    #la-marque .\32xl\:title-lg{
      font-size: 5.6rem;
      line-height: 1.1;
    }
  }
  #la-marque .\32xl\:title-xl{
    font-size: 9vw;
    line-height: 1.2;
  }
  @media (min-width: 1024px){
    #la-marque .\32xl\:title-xl{
      font-size: 8rem;
      line-height: 1.2;
    }
  }
  #la-marque .\32xl\:ml-4{
    margin-left: 1.6rem;
  }
  #la-marque .\32xl\:\!block{
    display: block !important;
  }
  #la-marque .\32xl\:\!flex{
    display: flex !important;
  }
  #la-marque .\32xl\:hidden{
    display: none;
  }
  #la-marque .\32xl\:h-12{
    height: 4.8rem;
  }
  #la-marque .\32xl\:min-h-\[500px\]{
    min-height: 500px;
  }
  #la-marque .\32xl\:w-1\/5{
    width: 20%;
  }
  #la-marque .\32xl\:w-1\/2{
    width: 50%;
  }
  #la-marque .\32xl\:w-12{
    width: 4.8rem;
  }
  #la-marque .\32xl\:max-w-3xl{
    max-width: 128rem;
  }
  #la-marque .\32xl\:gap-16{
    gap: 6.4rem;
  }
  #la-marque .\32xl\:gap-12{
    gap: 4.8rem;
  }
  #la-marque .\32xl\:p-12{
    padding: 4.8rem;
  }
  #la-marque .\32xl\:py-32{
    padding-top: 12.8rem;
    padding-bottom: 12.8rem;
  }
  #la-marque .\32xl\:px-72{
    padding-left: 28.8rem;
    padding-right: 28.8rem;
  }
  #la-marque .\32xl\:pb-32{
    padding-bottom: 12.8rem;
  }
  #la-marque .\32xl\:pt-32{
    padding-top: 12.8rem;
  }
  #la-marque .\32xl\:text-xl-max{
    font-size: 8rem;
    line-height: 1.2;
  }
  #la-marque .\32xl\:text-lg{
    font-size: 5.6rem;
    line-height: 1.1;
  }
  #la-marque .\32xl\:text-\[6rem\]{
    font-size: 6rem;
  }
  #la-marque .\32xl\:text-2md{
    font-size: 4.2rem;
    line-height: 1.1;
  }
  #la-marque .\32xl\:text-md{
    font-size: 3.2rem;
    line-height: 1.1;
  }
  #la-marque .\32xl\:text-\[10rem\]{
    font-size: 10rem;
  }
}
/*!***********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/swiper/swiper.min.css ***!
  \***********************************************************************************************************************************************************************/
/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/swiper.scss ***!
  \*********************************************************************************************************************************************************/
#la-marque .swiper-navigation {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
}
#la-marque .swiper-button-prev, #la-marque .swiper-button-next {
  position: relative;
  width: 60px;
  height: 25px;
  top: auto;
  bottom: auto;
  left: auto !important;
  right: auto !important;
  background: none !important;
  margin: 0;
  cursor: pointer;
  transition: all 200ms;
}
#la-marque .swiper-button-prev:before, #la-marque .swiper-button-next:before {
  content: "";
  position: absolute;
  height: 1px;
  top: 12px;
  background-color: currentColor;
}
#la-marque .swiper-button-prev:after, #la-marque .swiper-button-next:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 8px;
  border-style: solid;
}
#la-marque .swiper-button-prev:hover, #la-marque .swiper-button-next:hover {
  width: 80px;
  opacity: 0.2;
}
#la-marque .swiper-button-disabled {
  display: block !important;
  opacity: 0.2;
  pointer-events: none;
}
#la-marque .swiper-button-prev:before {
  left: 3px;
  right: 0;
}
#la-marque .swiper-button-prev:after {
  left: 0;
  border-width: 4px 5px 4px 0;
  border-color: transparent currentColor transparent transparent;
}
#la-marque .swiper-button-next {
  margin-left: 1rem;
}
#la-marque .swiper-button-next:before {
  left: 0;
  right: 3px;
}
#la-marque .swiper-button-next:after {
  right: 0;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent currentColor;
}
#la-marque .swiper-wrapper {
  height: auto;
  cursor: url(drag-cursor.svg) 24 24, auto;
}
#la-marque .swiper-white .swiper-wrapper {
  cursor: url(drag-cursor-white.svg) 24 24, auto;
}
#la-marque .swiper-nos-engagements {
  overflow: visible !important;
}
#la-marque .swiper-nos-engagements .swiper-slide {
  width: 15rem;
  padding-right: 2rem;
}
@media screen and (min-width: 768px) {
  #la-marque .swiper-nos-engagements .swiper-slide {
    width: 30rem;
    padding-right: 6rem;
  }
}
#la-marque .swiper-timeline .swiper-slide {
  width: 15rem;
  padding-right: 2rem;
}
@media screen and (min-width: 768px) {
  #la-marque .swiper-timeline .swiper-slide {
    width: 25rem;
  }
}
#la-marque .swiper-collection .swiper-slide {
  width: 25rem;
  padding-right: 2rem;
}
@media screen and (min-width: 768px) {
  #la-marque .swiper-collection .swiper-slide {
    width: 45rem;
  }
}
#la-marque .swiper-la-marque .swiper-slide {
  width: 100%;
  padding: 0 2rem;
}
@media screen and (min-width: 768px) {
  #la-marque .swiper-la-marque .swiper-slide {
    width: 60rem;
    padding: 0 4rem;
  }
}
#la-marque .swiper.swiper-rainpack-2 .swiper-wrapper, #la-marque .swiper.swiper-rainpack-3 .swiper-wrapper, #la-marque .swiper.swiper-rainpack .swiper-wrapper {
  height: auto;
  cursor: grab !important;
}

/*# sourceMappingURL=app.css.map*/