@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-HeavyItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druk;
  src: url('../fonts/Druk-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-SuperItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druktext Super;
  src: url('../fonts/DrukText-Super.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-HeavyItalic.otf') format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Druktext;
  src: url('../fonts/DrukText-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --untitled-ui--gray200: #eaecf0;
  --light-violet-2: #f3daff;
  --untitled-ui--gray500: #667085;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--gray300: #d0d5dd;
  --untitled-ui--white: white;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray50-2: #f9fafb;
  --untitled-ui--gray800: #1d2939;
  --untitled-ui--gray100: #f2f4f7;
  --light-violet: #faf6fc;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--gray600: #475467;
  --untitled-ui--gray900: #101828;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--primary50: #f9f5ff;
  --untitled-ui--primary800: #53389e;
  --untitled-ui--indigo700: #3538cd;
  --untitled-ui--pink700: #c11574;
  --untitled-ui--indigo50: #eef4ff;
  --untitled-ui--pink50: #fdf2fa;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druk, Arial, sans-serif;
  font-size: 8.5vw;
  font-weight: 900;
  line-height: 100%;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druktext, Arial, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 144%;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druktext, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}

p {
  margin-bottom: 0;
  line-height: 127%;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: 700;
}

sub {
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-size: 16px;
  font-style: italic;
  line-height: 120%;
}

.hero--global--container {
  background-image: url('../images/Gradient.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  max-width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
  overflow: clip;
}

.hero--global--container.blog {
  min-height: auto;
}

.hero--global--container.cgu {
  background-image: none;
}

.navbar--container {
  background-color: #ddd0;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.image--logo {
  border-radius: 11px;
  width: 48px;
  height: 48px;
}

.link {
  padding: 0;
  text-decoration: none;
}

.link.w--current {
  color: #000;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-radius: 100px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 16px 32px;
  transition: all .2s;
  display: flex;
}

.button:hover {
  border: 1px solid #fff;
}

.nav-menu--link {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.body {
  color: #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.badge--container {
  margin-top: 24px;
}

.review--cards {
  grid-column-gap: 40vh;
  grid-row-gap: 40vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 32px;
  display: flex;
}

.commentary--cards--item {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fdf3fd;
  background-image: linear-gradient(#fff, #faf6fc);
  border: 1px solid #000;
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 33vw;
  max-width: 660px;
  padding: 32px;
  display: flex;
  position: sticky;
  top: 35vh;
  transform: translate(0);
}

.commentary--cards--item.rotate-xl {
  transform: rotate(5deg);
}

.commentary--cards--item.rotate-l {
  transform: rotate(2deg);
}

.commentary--cards--item.rotate-m {
  transform: rotate(-1deg);
}

.commentary--cards--item.rotate-s {
  transform: rotate(-3deg);
}

.commentary--cards--item.rotate-xs {
  transform: rotate(-5deg);
}

.p {
  margin-bottom: 0;
}

.p.blog {
  line-height: 140%;
}

.main-info--content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.caption {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Druktext, Arial, sans-serif;
  font-weight: 500;
  line-height: 100%;
}

.section--banner {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  background-image: linear-gradient(#faf6fc, #f3daff);
  border-radius: 24px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.brand {
  flex: 0 auto;
  padding-left: 0;
}

.brand.w--current {
  padding-left: 0;
}

.banner--illustration {
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  max-width: 50%;
  padding: 0 24px;
  display: flex;
  overflow: hidden;
}

.banner--left-side {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  width: 50%;
  max-width: 520px;
  margin-bottom: 32px;
}

.subtitle {
  align-self: flex-start;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 144%;
}

.subtitle.centered {
  text-align: center;
  align-self: center;
}

.subtitle.spe {
  text-transform: none;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.section--main-info {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 200px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

.main-info--head {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  max-width: 860px;
}

.main-info--head.left {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
}

.main-info--illustration {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: 1 / 1.2;
  background-color: #f4f6f7;
  background-image: linear-gradient(#faf6fc, #f3daff);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.main-info--item-illu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.main-info--container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.main-info--container.picto-groupe {
  grid-column-gap: 60px;
  grid-row-gap: 120px;
  flex-flow: wrap-reverse;
  justify-content: space-between;
  align-items: stretch;
}

.section--faq {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 64px;
  display: flex;
}

.faq--title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 50%;
  max-width: 820px;
}

.faq--items--container {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.faq--item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  cursor: pointer;
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding-top: 26px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.dropdown--icn {
  margin: 0 0 auto;
  position: relative;
}

.icn--btn {
  margin-top: -2px;
}

.image-4 {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.cards--container_illustration {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 70vh;
  margin-top: 6vh;
  display: flex;
  position: sticky;
  inset: 20vh 0% auto;
}

.main-info--icn {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 96px;
  display: flex;
  overflow: hidden;
}

.main-info--item-icn {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 28%;
  max-width: 440px;
}

.section--more-info {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 64px 200px;
  display: flex;
}

.image-5 {
  height: 24px;
}

.review--title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: sticky;
  top: 24vh;
}

.social-proof--container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.faq--content {
  overflow: hidden;
}

.faq--item_title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
}

.section--footer {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 32px 64px;
  display: flex;
}

.footer--left {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
}

.footer--right {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.social--icn {
  border-radius: 6px;
  width: 24px;
}

.footer--link {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.hero--card {
  aspect-ratio: 2 / 3;
  transform-origin: 50% 0;
  object-fit: cover;
  background-color: #e4e4e4;
  border-radius: 24px;
  height: 32vh;
  position: absolute;
}

.hero--card.poster--01 {
  z-index: 5;
  background-color: #9affd3;
  background-image: url('../images/cover02.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero--card.poster--02 {
  z-index: 4;
  background-color: #ff8356;
  background-image: url('../images/cover03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero--card.poster--03 {
  z-index: 1;
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  background-color: #9a9cff;
  overflow: hidden;
}

.hero--card.poster--04 {
  z-index: 3;
  background-color: #ff9af2;
  background-image: url('../images/cover04.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.hero--card.poster--06 {
  z-index: 2;
  background-color: #ffd518;
  background-image: url('../images/cover01.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-article--container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 1792px;
  margin: 10vh auto 100px;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
  overflow: hidden;
}

.blog--img--main {
  aspect-ratio: 2;
  object-fit: cover;
  border-radius: 24px;
  height: 100%;
}

.blog-title--container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 770px;
  max-width: 66%;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
}

.blog--date {
  margin-top: 24px;
  margin-bottom: 40px;
}

.auteur--img {
  object-fit: cover;
  border-radius: 100px;
  width: 64px;
  height: 64px;
}

.blog-content--container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  width: 770px;
  max-width: 66%;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text {
  margin-top: 32px;
}

.rich-text p {
  color: #0e0e0e;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 165%;
}

.rich-text h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druktext, Arial, sans-serif;
  font-size: 64px;
  line-height: 127%;
}

.rich-text h2 {
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 8px;
  font-family: Druktext, Arial, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 127%;
}

.rich-text h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Druktext, Arial, sans-serif;
  line-height: 127%;
}

.rich-text h4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 144%;
}

.rich-text img {
  border-radius: 24px;
}

.blog-article--footer {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1792px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  overflow: hidden;
}

.blog-post--item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  position: relative;
}

.img--blog-card--next {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #f3f3f3;
  border-radius: 16px;
  width: 100%;
}

.h4 {
  text-transform: uppercase;
  font-family: Druktext, Arial, sans-serif;
  font-size: 24px;
}

.link-block {
  color: #000;
}

.flex-block-7 {
  padding-left: 4px;
  padding-right: 4px;
}

.collection-item {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
}

.collection-list {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  display: flex;
}

.blog--page--container {
  max-width: 1792px;
  margin-bottom: 120px;
  margin-left: 32px;
  margin-right: 32px;
}

.uui-blog04_category-menu {
  align-items: center;
  width: 100%;
  margin-bottom: 4rem;
  display: flex;
}

.uui-blog04_category-menu.no-scrollbar {
  box-shadow: inset 0 -1px 0 0 var(--untitled-ui--gray200);
  color: #ffadad;
  display: none;
}

.uui-button-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  min-width: 1.25rem;
  height: 1.25rem;
  min-height: 1.25rem;
  display: flex;
}

.blog--tag {
  background-color: var(--light-violet-2);
  border-radius: 10rem;
  align-items: center;
  margin-bottom: 16px;
  padding: 8px 16px 7px;
  display: flex;
}

.uui-blog04_menu-link {
  color: var(--untitled-ui--gray500);
  white-space: nowrap;
  border-bottom: 2px solid #0000;
  flex: none;
  margin-right: 1rem;
  padding: .5rem .25rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s;
}

.uui-blog04_menu-link:hover, .uui-blog04_menu-link.w--current {
  border-bottom-color: var(--untitled-ui--primary700);
  color: var(--untitled-ui--primary700);
}

.title--container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 96px;
  display: flex;
}

.title--container.blog {
  justify-content: center;
  align-items: flex-start;
  max-width: 700px;
  padding-bottom: 16px;
}

.collection-list-copy {
  grid-column-gap: 32px;
  grid-row-gap: 96px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.nav-menu--container {
  flex: 1;
  justify-content: center;
  align-items: flex-end;
}

.article--share {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.uui-button-secondary-gray {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui--gray300);
  background-color: var(--untitled-ui--white);
  color: var(--untitled-ui--gray700);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px #1018280d;
}

.uui-button-secondary-gray:hover {
  background-color: var(--untitled-ui--gray50-2);
  color: var(--untitled-ui--gray800);
}

.uui-button-secondary-gray:focus {
  background-color: var(--untitled-ui--white);
  box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}

.uui-button-secondary-gray.is-button-small {
  grid-column-gap: .5rem;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.uui-button-secondary-gray.is-button-small.icon-only {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
}

.uui-button-secondary-gray.icon-only {
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  display: flex;
}

.article--auteur {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--light-violet);
  border-radius: 24px;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
}

.article--bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid var(--untitled-ui--gray200);
  width: 100%;
  padding-top: 48px;
}

.div-block-2 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.banner--container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}

.blog-post--home {
  margin-top: 48px;
}

.blog--title {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  width: 50%;
  max-width: 820px;
}

.cta-blog--container {
  margin-top: 32px;
}

.flex-block-9 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
}

.bold {
  font-weight: 700;
}

.nav-container {
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 1792px;
  margin-bottom: 10vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.hero--title--container {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
}

.image-7 {
  pointer-events: none;
  height: 64vh;
  transform: translate(0, 3%);
}

.cards--container_spacer {
  height: 100vh;
}

.hero--cards--container {
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  max-width: 100%;
}

.transition-effect_white {
  background-image: linear-gradient(#fff0, #fff);
  align-self: stretch;
  width: 110vw;
  height: 400px;
  margin-left: -32px;
  overflow: hidden;
}

.transition-effect_white.blog {
  height: 100px;
}

.blog-date--container {
  margin-top: 24px;
}

.hero--content-wrapper {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1792px;
  margin-left: auto;
  margin-right: auto;
}

.centered {
  text-align: center;
}

.cgu--container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
  overflow: hidden;
}

.blog--container {
  max-width: 1792px;
  margin: 200px auto 120px;
  padding-left: 64px;
  padding-right: 64px;
}

.left-align {
  text-align: left;
}

.left-align.spe {
  font-family: Druktext, Arial, sans-serif;
  font-size: 48px;
}

.fake-h1 {
  text-align: left;
  font-size: 64px;
  font-weight: 700;
}

.tag--container {
  border-bottom: .5px solid #0003;
  padding-top: 32px;
}

.tag--flex {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.article--tag {
  color: #d794f6;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  padding: 0;
  display: flex;
}

.radio-button {
  margin-top: 0;
  margin-left: 0;
  display: none;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 96px;
  }

  h2 {
    font-size: 40px;
  }

  h4 {
    letter-spacing: .2px;
    font-size: 24px;
  }

  .hero--global--container {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero--global--container.blog {
    height: auto;
  }

  .navbar--container {
    align-self: stretch;
    padding-right: 0;
  }

  .nav-menu--link {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
  }

  .body {
    padding-bottom: 24px;
  }

  .badge--container {
    margin-top: 16px;
  }

  .review--cards {
    flex-flow: wrap;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0;
  }

  .commentary--cards--item {
    min-width: auto;
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
    top: 50vh;
  }

  .commentary--cards--item.rotate-xl {
    flex: 0 auto;
  }

  .caption {
    margin-bottom: 0;
  }

  .section--banner {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    border-radius: 24px;
    width: auto;
    padding-top: 24px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .banner--illustration {
    border-radius: 100px;
    flex: 0 auto;
    align-self: stretch;
  }

  .banner--left-side {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    width: 50%;
    margin-bottom: 24px;
  }

  .subtitle {
    font-size: 20px;
  }

  .section--main-info {
    padding: 120px 32px;
  }

  .main-info--container {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
  }

  .main-info--container.picto-groupe {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .section--faq {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .faq--title {
    width: 80%;
  }

  .faq--items--container {
    width: 100%;
  }

  .faq--item {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .dropdown--icn {
    margin-top: 8px;
  }

  .main-info--icn {
    height: 64px;
  }

  .main-info--item-icn {
    width: auto;
  }

  .section--more-info {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    padding-bottom: 120px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .review--title {
    margin-left: auto;
    margin-right: auto;
  }

  .section--footer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 64px 16px 32px;
  }

  .footer--left {
    flex: 1;
    order: -1;
    width: 100%;
    max-width: 100%;
  }

  .footer--right {
    order: -1;
  }

  .hero--card.poster--01, .hero--card.poster--02, .hero--card.poster--03, .hero--card.poster--04, .hero--card.poster--06 {
    height: 400px;
  }

  .blog-article--container {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .blog-title--container {
    width: 100%;
    max-width: 100%;
    margin-bottom: 64px;
  }

  .blog--date {
    margin-top: 0;
    margin-bottom: 24px;
  }

  .blog-content--container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-width: 100%;
    margin-top: 0;
  }

  .blog-article--footer {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    margin-top: 96px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-post--item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .img--blog-card--next {
    border-radius: 12px;
  }

  .collection-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .blog--page--container {
    margin-top: 120px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .title--container {
    margin-bottom: 48px;
  }

  .title--container.blog {
    margin-top: 32px;
  }

  .collection-list-copy {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .nav-menu--container {
    align-self: stretch;
  }

  .article--auteur {
    border-radius: 16px;
  }

  .banner--container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .blog-post--home {
    margin-top: 24px;
  }

  .blog--title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 80%;
  }

  .nav-container {
    padding-left: 0;
    padding-right: 0;
  }

  .transition-effect_white {
    width: 100%;
    margin-left: 0;
  }

  .blog-date--container {
    margin-top: 16px;
  }

  .hero--content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .card--article--description {
    display: none;
  }

  .cgu--container {
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .blog--container {
    margin-top: 120px;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 72px;
  }

  h2 {
    font-size: 32px;
  }

  .hero--global--container {
    background-size: cover;
    background-attachment: fixed;
  }

  .button.navbar {
    display: none;
  }

  .review--cards {
    padding-left: 16px;
    padding-right: 16px;
  }

  .main-info--content {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .section--banner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .banner--illustration {
    border-radius: 0;
    padding: 0;
  }

  .subtitle {
    font-size: 18px;
  }

  .section--main-info {
    padding-top: 64px;
    padding-bottom: 120px;
  }

  .main-info--head.left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .main-info--container.picto-groupe {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .faq--title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 90%;
  }

  .main-info--item-icn {
    width: auto;
  }

  .section--more-info {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .social-proof--container, .section--footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .footer--left {
    flex: 0 auto;
  }

  .footer--right {
    flex: none;
    order: 1;
  }

  .hero--card.poster--01, .hero--card.poster--02, .hero--card.poster--03, .hero--card.poster--04, .hero--card.poster--06 {
    height: 300px;
  }

  .image-6 {
    align-self: flex-end;
  }

  .blog-article--container {
    height: auto;
    margin-top: 64px;
  }

  .blog-title--container {
    margin-bottom: 48px;
  }

  .collection-item {
    padding-left: 0;
    padding-right: 0;
  }

  .blog--page--container {
    margin-top: 32px;
    margin-bottom: 64px;
  }

  .uui-blog04_category-menu {
    width: 100vw;
    margin-bottom: 3rem;
    margin-left: -5vw;
    padding-left: 5vw;
    overflow: scroll;
  }

  .uui-blog04_category-menu.no-scrollbar {
    justify-content: flex-start;
  }

  .blog--tag {
    font-size: .75rem;
  }

  .uui-blog04_menu-link:hover {
    color: var(--untitled-ui--gray500);
    border-bottom-style: none;
  }

  .title--container {
    margin-bottom: 48px;
  }

  .collection-list-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .uui-button-secondary-gray {
    padding-left: 1.25rem;
    font-size: 1rem;
  }

  .uui-button-secondary-gray:hover {
    background-color: var(--untitled-ui--white);
    color: var(--untitled-ui--gray700);
  }

  .blog--title {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    width: 90%;
  }

  .transition-effect_white.blog {
    display: none;
  }

  .cgu--container {
    height: auto;
    margin-top: 64px;
  }

  .article--tag {
    font-size: .75rem;
  }
}

@media screen and (max-width: 479px) {
  h4 {
    font-size: 20px;
  }

  p {
    font-size: 15px;
  }

  .banner--illustration {
    display: none;
  }

  .banner--left-side {
    flex: 0 auto;
    width: 100%;
    padding-bottom: 0;
  }

  .section--main-info {
    padding-left: 16px;
    padding-right: 16px;
  }

  .cards--container_illustration {
    justify-content: center;
    align-items: center;
    margin-top: 5vh;
  }

  .review--title {
    overflow: hidden;
  }

  .section--footer {
    padding-bottom: 0;
  }

  .blog-article--footer {
    margin-top: 64px;
  }

  .blog--page--container {
    overflow: hidden;
  }

  .collection-list-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .article--share {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .blog--title {
    width: 100%;
  }

  .image-7 {
    flex: 1;
  }

  .blog--container {
    overflow: hidden;
  }
}

#w-node-ac1417dd-6187-7e2f-270e-380c1c8dabe9-e5237a86 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src: url('../fonts/Druk-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-SuperItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext Super';
  src: url('../fonts/DrukText-Super.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-HeavyItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Druktext';
  src: url('../fonts/DrukText-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}