.media.picture {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.media.picture span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center;
}

section {
  position: relative;
  overflow: hidden;
}
section .inner,
section .viewport,
section .viewport > .field--name-field-elements {
  height: 100%;
}
section.header {
  width: 100%;
  height: 100vh;
}
section.header .basic-item,
section.header .basic-item > .field--name-field-items {
  height: 100VH;
}
section.header .basic-video,
section.header .basic-media {
  height: 100VH;
}
section.header .basic-video:before,
section.header .basic-media:before {
  display: none !important;
}
section.header.border-site {
  padding: 48px;
}
@media (min-width: 768px) {
  section.header.border-site {
    padding: 56px;
  }
}
@media (min-width: 1024px) {
  section.header.border-site {
    padding: 64px;
  }
}
@media (min-width: 1440px) {
  section.header.border-site {
    padding: 64px;
  }
}
section.header.border-site .basic-video,
section.header.border-site .basic-media {
  height: calc(100vh - 96px);
}
@media (min-width: 768px) {
  section.header.border-site .basic-video,
section.header.border-site .basic-media {
    height: calc(100vh - 112px);
  }
}
@media (min-width: 1024px) {
  section.header.border-site .basic-video,
section.header.border-site .basic-media {
    height: calc(100vh - 128px);
  }
}
@media (min-width: 1440px) {
  section.header.border-site .basic-video,
section.header.border-site .basic-media {
    height: calc(100vh - 128px);
  }
}
section.header.border-site .basic-video:before,
section.header.border-site .basic-media:before {
  display: none !important;
}
section.border-site {
  padding: 48px;
}
@media (min-width: 768px) {
  section.border-site {
    padding: 56px;
  }
}
@media (min-width: 1024px) {
  section.border-site {
    padding: 64px;
  }
}
@media (min-width: 1440px) {
  section.border-site {
    padding: 64px;
  }
}
section.border-block {
  padding: 48px;
}
@media (min-width: 768px) {
  section.border-block {
    padding: 56px;
  }
}
@media (min-width: 1024px) {
  section.border-block {
    padding: 64px;
  }
}
@media (min-width: 1440px) {
  section.border-block {
    padding: 64px;
  }
}
section.border-site.border-block {
  padding: 24px;
}
@media (min-width: 768px) {
  section.border-site.border-block {
    padding: 28px;
  }
}
@media (min-width: 1024px) {
  section.border-site.border-block {
    padding: 32px;
  }
}
@media (min-width: 1440px) {
  section.border-site.border-block {
    padding: 32px;
  }
}
section.border-site.border-block .basic-item {
  padding: 24px;
}
@media (min-width: 768px) {
  section.border-site.border-block .basic-item {
    padding: 28px;
  }
}
@media (min-width: 1024px) {
  section.border-site.border-block .basic-item {
    padding: 32px;
  }
}
@media (min-width: 1440px) {
  section.border-site.border-block .basic-item {
    padding: 32px;
  }
}
section.masonry-grid .basic-item {
  padding: 0 0 1px 1px;
}
section.responsive-swiper .swiper-slide .inner {
  padding: 0 0.5px;
}
section.item-grid-1 .field--name-field-elements {
  display: flex;
  flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
section.item-grid-1.masonry-grid .basic-item-sizer,
section.item-grid-1 .basic-item {
  width: 100%;
}
@media (min-width: 768px) {
  section.item-grid-1.masonry-grid .basic-item-sizer,
section.item-grid-1 .basic-item {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  section.item-grid-1.masonry-grid .basic-item-sizer,
section.item-grid-1 .basic-item {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  section.item-grid-1.masonry-grid .basic-item-sizer,
section.item-grid-1 .basic-item {
    width: 100%;
  }
}
section.item-grid-2-reverse .field--name-field-elements, section.item-grid-2 .field--name-field-elements {
  display: flex;
  flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
section.item-grid-2-reverse.masonry-grid .basic-item-sizer,
section.item-grid-2-reverse .basic-item, section.item-grid-2.masonry-grid .basic-item-sizer,
section.item-grid-2 .basic-item {
  width: 100%;
}
@media (min-width: 768px) {
  section.item-grid-2-reverse.masonry-grid .basic-item-sizer,
section.item-grid-2-reverse .basic-item, section.item-grid-2.masonry-grid .basic-item-sizer,
section.item-grid-2 .basic-item {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  section.item-grid-2-reverse.masonry-grid .basic-item-sizer,
section.item-grid-2-reverse .basic-item, section.item-grid-2.masonry-grid .basic-item-sizer,
section.item-grid-2 .basic-item {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  section.item-grid-2-reverse.masonry-grid .basic-item-sizer,
section.item-grid-2-reverse .basic-item, section.item-grid-2.masonry-grid .basic-item-sizer,
section.item-grid-2 .basic-item {
    width: 50%;
  }
}
section.item-grid-2 .field--name-field-elements {
  flex-direction: row;
}
section.item-grid-2-reverse .field--name-field-elements {
  flex-direction: row-reverse;
}
section.item-grid-3 .field--name-field-elements {
  display: flex;
  flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
section.item-grid-3.masonry-grid .basic-item-sizer,
section.item-grid-3 .basic-item {
  width: 100%;
}
@media (min-width: 768px) {
  section.item-grid-3.masonry-grid .basic-item-sizer,
section.item-grid-3 .basic-item {
    width: 33.3333%;
  }
}
@media (min-width: 1024px) {
  section.item-grid-3.masonry-grid .basic-item-sizer,
section.item-grid-3 .basic-item {
    width: 33.3333%;
  }
}
@media (min-width: 1440px) {
  section.item-grid-3.masonry-grid .basic-item-sizer,
section.item-grid-3 .basic-item {
    width: 33.3333%;
  }
}
section.item-grid-4 .field--name-field-elements {
  display: flex;
  flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
section.item-grid-4.masonry-grid .basic-item-sizer,
section.item-grid-4 .basic-item {
  width: 100%;
}
@media (min-width: 768px) {
  section.item-grid-4.masonry-grid .basic-item-sizer,
section.item-grid-4 .basic-item {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  section.item-grid-4.masonry-grid .basic-item-sizer,
section.item-grid-4 .basic-item {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  section.item-grid-4.masonry-grid .basic-item-sizer,
section.item-grid-4 .basic-item {
    width: 25%;
  }
}
section .masonry-grid-container {
  display: flex;
  flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
section .masonry-grid-container div.basic-item {
  height: auto;
}
section .masonry-grid-container div.basic-item.wide {
  width: 100%;
}
@media (min-width: 768px) {
  section .masonry-grid-container div.basic-item.wide {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  section .masonry-grid-container div.basic-item.wide {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  section .masonry-grid-container div.basic-item.wide {
    width: 50%;
  }
}
section .masonry-grid-container div.basic-item.wider {
  width: 100%;
}
@media (min-width: 768px) {
  section .masonry-grid-container div.basic-item.wider {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  section .masonry-grid-container div.basic-item.wider {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  section .masonry-grid-container div.basic-item.wider {
    width: 66.6666%;
  }
}
section .masonry-grid-container div.basic-item.widest {
  width: 100%;
}
@media (min-width: 768px) {
  section .masonry-grid-container div.basic-item.widest {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  section .masonry-grid-container div.basic-item.widest {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  section .masonry-grid-container div.basic-item.widest {
    width: 100%;
  }
}
section.white-text .text {
  color: var(--txt-primary-section);
}
section.black-text .text {
  color: var(--txt-secondary-section);
}
section.gray-text .text {
  color: var(--txt-tertiary-section);
}
section.white-section .text {
  color: var(--txt-primary-section);
}
section.white-section .media.picture {
  background-color: var(--bg-primary-section);
}
section.white-section .media.picture span.large {
  opacity: var(--bg-primary-opacity);
}
section.black-section .text {
  color: var(--txt-secondary-section);
}
section.black-section .media.picture {
  background-color: var(--bg-secondary-section);
}
section.black-section .media.picture span.large {
  opacity: var(--bg-secondary-opacity);
}
section.gray-section .text {
  color: var(--txt-tertiary-section);
}
section.gray-section .media.picture {
  background-color: var(--bg-tertiary-section);
}
section.gray-section .media.picture span.large {
  opacity: var(--bg-tertiary-opacity);
}
section.negatif {
  isolation: isolate;
}
section.negatif .inner {
  mix-blend-mode: difference;
}
section.negatif .text {
  position: relative;
}
section.negatif .text h1, section.negatif .text h2, section.negatif .text h3, section.negatif .text h4, section.negatif .text h5, section.negatif .text h6, section.negatif .text p {
  color: white;
}
section.negatif .media.picture {
  background-color: var(--bg-primary-section);
}
section.negatif .media.picture span.large {
  opacity: 0.3;
}
section .basic-item.white-text .text {
  color: var(--txt-primary-section);
}
section .basic-item.black-text .text {
  color: var(--txt-secondary-section);
}
section .basic-item.gray-text .text {
  color: var(--txt-tertiary-section);
}
section .basic-item.white-section .text {
  color: var(--txt-primary-section);
}
section .basic-item.white-section .media.picture {
  background-color: var(--bg-primary-section);
}
section .basic-item.white-section .media.picture span.large {
  opacity: var(--bg-primary-opacity);
}
section .basic-item.black-section .text {
  color: var(--txt-secondary-section);
}
section .basic-item.black-section .media.picture {
  background-color: var(--bg-secondary-section);
}
section .basic-item.black-section .media.picture span.large {
  opacity: var(--bg-secondary-opacity);
}
section .basic-item.gray-section .text {
  color: var(--txt-tertiary-section);
}
section .basic-item.gray-section .media.picture {
  background-color: var(--bg-tertiary-section);
}
section .basic-item.gray-section .media.picture span.large {
  opacity: var(--bg-tertiary-opacity);
}
section .basic-item.negatif {
  isolation: isolate;
}
section .basic-item.negatif .inner {
  mix-blend-mode: difference;
}
section .basic-item.negatif .text {
  position: relative;
}
section .basic-item.negatif .text h1, section .basic-item.negatif .text h2, section .basic-item.negatif .text h3, section .basic-item.negatif .text h4, section .basic-item.negatif .text h5, section .basic-item.negatif .text h6, section .basic-item.negatif .text p {
  color: white;
}
section .basic-item.negatif .media.picture {
  background-color: var(--bg-primary-section);
}
section .basic-item.negatif .media.picture span.large {
  opacity: 0.3;
}

div.basic-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
div.basic-item > .field--name-field-items {
  width: 100%;
  height: 100%;
}
div.basic-item.wide {
  width: 100%;
}
@media (min-width: 768px) {
  div.basic-item.wide {
    width: 25%;
  }
}
@media (min-width: 1024px) {
  div.basic-item.wide {
    width: 33.3333%;
  }
}
@media (min-width: 1440px) {
  div.basic-item.wide {
    width: 33.3333%;
  }
}
div.basic-item.wider {
  width: 100%;
}
@media (min-width: 768px) {
  div.basic-item.wider {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  div.basic-item.wider {
    width: 50%;
  }
}
@media (min-width: 1440px) {
  div.basic-item.wider {
    width: 50%;
  }
}
div.basic-item.widest {
  width: 100%;
}
@media (min-width: 768px) {
  div.basic-item.widest {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  div.basic-item.widest {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  div.basic-item.widest {
    width: 100%;
  }
}
div.basic-item.white-section .basic-media {
  background-color: var(--bg-white-section);
}
div.basic-item.white-section .basic-media .inner {
  color: var(--txt-white-section);
}
div.basic-item.white-section .basic-media .field--type-image {
  opacity: 1;
}
div.basic-item.black-section .basic-media {
  background-color: var(--bg-black-section);
}
div.basic-item.black-section .basic-media .inner {
  color: var(--txt-black-section);
}
div.basic-item.black-section .basic-media .field--type-image {
  opacity: 1;
}
div.basic-item.gray-section .basic-media {
  background-color: var(--bg-gray-section);
}
div.basic-item.gray-section .basic-media .inner {
  color: var(--txt-gray-section);
}
div.basic-item.gray-section .basic-media .field--type-image {
  opacity: 0.3;
}
div.basic-item.white-text .basic-media {
  background-color: var(--bg-white-section);
}
div.basic-item.white-text .basic-media .inner {
  color: var(--txt-white-section);
}
div.basic-item.white-text .basic-media .field--type-image {
  opacity: 1;
}
div.basic-item.black-text .basic-media {
  background-color: var(--bg-black-section);
}
div.basic-item.black-text .basic-media .inner {
  color: var(--txt-black-section);
}
div.basic-item.black-text .basic-media .field--type-image {
  opacity: 1;
}
div.basic-item.gray-text .basic-media {
  background-color: var(--bg-gray-section);
}
div.basic-item.gray-text .basic-media .inner {
  color: var(--txt-gray-section);
}
div.basic-item.gray-text .basic-media .field--type-image {
  opacity: 0.3;
}

.basic-text {
  padding: 48px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 100%;
}
@media (min-width: 768px) {
  .basic-text {
    padding: 56px;
  }
}
@media (min-width: 1024px) {
  .basic-text {
    padding: 64px;
  }
}
@media (min-width: 1440px) {
  .basic-text {
    padding: 64px;
  }
}
.basic-text .text-formatted {
  max-width: 768px;
  margin: auto;
  width: 100%;
}

.basic-video,
.basic-media,
.basic-fashion-show {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.basic-video::before,
.basic-media::before,
.basic-fashion-show::before {
  content: "";
  display: block;
  padding-top: 150.0938086304%;
}
.basic-video .field--type-image,
.basic-media .field--type-image,
.basic-fashion-show .field--type-image {
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.basic-video.fashion_show::before,
.basic-media.fashion_show::before,
.basic-fashion-show.fashion_show::before {
  content: "";
  display: block;
  padding-top: 150.0938086304%;
}
.basic-video.ratio-16-9::before,
.basic-media.ratio-16-9::before,
.basic-fashion-show.ratio-16-9::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.basic-video.ratio-9-16::before,
.basic-media.ratio-9-16::before,
.basic-fashion-show.ratio-9-16::before {
  content: "";
  display: block;
  padding-top: 177.7777777778%;
}
.basic-video.ratio-16-10::before,
.basic-media.ratio-16-10::before,
.basic-fashion-show.ratio-16-10::before {
  content: "";
  display: block;
  padding-top: 62.5%;
}
.basic-video.ratio-10-16::before,
.basic-media.ratio-10-16::before,
.basic-fashion-show.ratio-10-16::before {
  content: "";
  display: block;
  padding-top: 160%;
}
.basic-video.ratio-4-5::before,
.basic-media.ratio-4-5::before,
.basic-fashion-show.ratio-4-5::before {
  content: "";
  display: block;
  padding-top: 125%;
}
.basic-video.ratio-5-4::before,
.basic-media.ratio-5-4::before,
.basic-fashion-show.ratio-5-4::before {
  content: "";
  display: block;
  padding-top: 80%;
}
.basic-video.ratio-4-3::before,
.basic-media.ratio-4-3::before,
.basic-fashion-show.ratio-4-3::before {
  content: "";
  display: block;
  padding-top: 75%;
}
.basic-video.ratio-3-4::before,
.basic-media.ratio-3-4::before,
.basic-fashion-show.ratio-3-4::before {
  content: "";
  display: block;
  padding-top: 133.3333333333%;
}
.basic-video.ratio-21-9::before,
.basic-media.ratio-21-9::before,
.basic-fashion-show.ratio-21-9::before {
  content: "";
  display: block;
  padding-top: 42.8571428571%;
}
.basic-video.ratio-9-21::before,
.basic-media.ratio-9-21::before,
.basic-fashion-show.ratio-9-21::before {
  content: "";
  display: block;
  padding-top: 233.3333333333%;
}
.basic-video.ratio-7-5::before,
.basic-media.ratio-7-5::before,
.basic-fashion-show.ratio-7-5::before {
  content: "";
  display: block;
  padding-top: 71.4285714286%;
}
.basic-video.ratio-5-7::before,
.basic-media.ratio-5-7::before,
.basic-fashion-show.ratio-5-7::before {
  content: "";
  display: block;
  padding-top: 140%;
}
.basic-video.ratio-1-1::before,
.basic-media.ratio-1-1::before,
.basic-fashion-show.ratio-1-1::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.faq-section {
  padding: 0 48px;
}
@media (min-width: 768px) {
  .faq-section {
    padding: 0 56px;
  }
}
@media (min-width: 1024px) {
  .faq-section {
    padding: 0 64px;
  }
}
@media (min-width: 1440px) {
  .faq-section {
    padding: 0 64px;
  }
}
.faq-section .faq-title,
.faq-section .faq-answer {
  padding: 24px;
}
@media (min-width: 768px) {
  .faq-section .faq-title,
.faq-section .faq-answer {
    padding: 28px;
  }
}
@media (min-width: 1024px) {
  .faq-section .faq-title,
.faq-section .faq-answer {
    padding: 32px;
  }
}
@media (min-width: 1440px) {
  .faq-section .faq-title,
.faq-section .faq-answer {
    padding: 32px;
  }
}
.faq-section .faq-question {
  color: var(--txt-color-invert);
  background-color: var(--txt-color);
  min-height: 48px;
  padding: 12px 72px 12px 24px;
}
@media (min-width: 768px) {
  .faq-section .faq-question {
    min-height: 56px;
  }
}
@media (min-width: 1024px) {
  .faq-section .faq-question {
    min-height: 64px;
  }
}
@media (min-width: 1440px) {
  .faq-section .faq-question {
    min-height: 64px;
  }
}
@media (min-width: 768px) {
  .faq-section .faq-question {
    padding: 14px 84px 14px 28px;
  }
}
@media (min-width: 1024px) {
  .faq-section .faq-question {
    padding: 16px 96px 16px 32px;
  }
}
@media (min-width: 1440px) {
  .faq-section .faq-question {
    padding: 16px 96px 16px 32px;
  }
}
.faq-section .faq-question p {
  margin: 0;
  font-family: "ifm_parisregular", sans-serif;
  font-size: 13.7142857143px;
}
@media (min-width: 768px) {
  .faq-section .faq-question p {
    font-size: 14.875px;
  }
}
@media (min-width: 1024px) {
  .faq-section .faq-question p {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .faq-section .faq-question p {
    font-size: 16px;
  }
}
/*# sourceMappingURL=section.css.map */