@font-face {
  font-family: Plusjakartasans Bold;
  src: url('../fonts/PlusJakartaSans-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plusjakartasans Regular;
  src: url('../fonts/PlusJakartaSans-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plusjakartasans Medium;
  src: url('../fonts/PlusJakartaSans-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Matter;
  src: url('../fonts/Matter-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

:root {
  --font-color: #59544d;
  --heading-color: #1c1b18;
  --primary-color: #1c1b18;
  --background-gris--beige: #efece7;
  --white: white;
  --background-beige-clair: #faf8f1;
  --hover-first-bouton: #444139;
  --secondary-color: #ffe34e;
  --hover-inline-bouton: #d7d7d7;
  --border-color: #59544d;
  --black: black;
  --default-grey: silver;
  --violet-cta-exp-premium: #d1d1f7;
  --lavender: #d4e9e2;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

.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;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--font-color);
  font-family: Plusjakartasans Regular, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}

h1 {
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 72px;
  font-weight: 700;
  line-height: 1.2;
}

h2 {
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Matter, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-family: Matter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}

h5 {
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

h6 {
  color: var(--heading-color);
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--primary-color);
  font-family: Plusjakartasans Bold, sans-serif;
  font-weight: 700;
  text-decoration: underline;
}

ul {
  grid-row-gap: 1rem;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

li {
  background-image: url('../images/tick.svg');
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: auto 18px;
  padding-left: 1.75rem;
}

img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

strong {
  font-family: Plusjakartasans Bold, sans-serif;
  font-weight: 700;
}

blockquote {
  background-color: #f5f5f5;
  border: 1px #000;
  border-radius: 8px;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem;
  font-size: 24px;
  line-height: 1.6;
}

.container {
  flex: 1;
  max-width: 940px;
}

.container.z-index {
  z-index: 2;
  position: relative;
}

.container.relative {
  position: relative;
}

.container.center {
  text-align: center;
}

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

.container-small {
  flex: 1;
  max-width: 720px;
}

.container-small.z-index {
  z-index: 2;
  position: relative;
}

.container-small.relative {
  position: relative;
}

.container-small.center {
  text-align: center;
}

.container-medium {
  flex: 1;
  max-width: 960px;
}

.container-medium.z-index {
  z-index: 2;
  position: relative;
}

.container-medium.relative {
  position: relative;
}

.container-medium.center {
  text-align: center;
}

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

.container-medium.overflow-hidden.center.margin-top {
  margin-top: 3rem;
}

.container-medium.footer {
  padding-top: 0;
}

.container-large {
  flex: 1;
  max-width: 960px;
}

.container-large.z-index {
  z-index: 2;
  position: relative;
}

.container-large.relative {
  position: relative;
}

.container-large.center {
  text-align: center;
}

.section {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section.hero {
  padding-top: 12rem;
}

.section.hero.beige-gris {
  background-color: var(--background-gris--beige);
}

.section.hero.bg-cas-clients {
  background-image: linear-gradient(to bottom, var(--background-gris--beige) 69%, white 69%);
}

.section.hero.padding-bottom-small {
  padding-bottom: 3rem;
}

.section.no-padding-top {
  padding-top: 0;
}

.section.no-padding-top.rules-for-big-line {
  z-index: 2;
  background-color: var(--white);
  position: relative;
}

.section.no-padding-top.overflow-clips {
  overflow: clip;
}

.section.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section.relative {
  position: relative;
}

.section.wip {
  filter: grayscale();
}

.section.beige-gris {
  background-color: var(--background-gris--beige);
}

.section.beige-clair {
  background-color: var(--background-beige-clair);
}

.section.beige-clair.pading-top-large {
  padding-top: 7.5rem;
}

.section.padding-top-small {
  padding-top: 3rem;
}

.section.padding-top-medium {
  padding-top: 4.5rem;
}

.section.padding-top-medium.rules-for-big-line {
  z-index: 20;
  background-color: var(--white);
  position: relative;
}

.section.h-404 {
  background-color: var(--background-beige-clair);
  align-items: center;
  height: 60vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.padding-top-80px {
  padding-top: 5rem;
}

.infos-styleguide-title {
  text-align: left;
  margin-bottom: 1rem;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.infos-styleguide-content {
  text-align: left;
  width: 100%;
  margin-bottom: 3rem;
}

.wrapper-col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.wrapper-col.margin-top-small {
  margin-top: 1.5rem;
}

.wrapper-col.margin-top {
  margin-top: 3rem;
}

.wrapper-col.margin-top.no-margin-top-mobile.gap-2rem {
  justify-content: center;
}

.wrapper-col.margin-top-medium {
  margin-top: 4.5rem;
}

.wrapper-col.margin-top-large {
  margin-top: 6rem;
}

.wrapper-col.center-vertical {
  flex-direction: column;
  align-items: center;
}

.wrapper-col.center-horizontal {
  flex-direction: row;
  align-items: center;
}

.wrapper-col.top-horizontal {
  align-items: flex-start;
}

.wrapper-col.left-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.wrapper-col.default {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: stretch;
}

.wrapper-col.nogap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.wrapper-col.center {
  text-align: center;
}

.wrapper-col.left-horizontal {
  justify-content: flex-start;
}

.wrapper-col.margin-bottom {
  margin-bottom: 3rem;
}

.wrapper-col.justify-start {
  justify-content: flex-start;
}

.col {
  flex: 1;
  min-height: 20px;
}

.col-2 {
  width: 14.5%;
  min-height: 20px;
}

.col-3 {
  flex: 0 auto;
  width: 23.5%;
  min-height: 20px;
}

.col-4 {
  width: 32%;
  min-height: 20px;
}

.col-5 {
  width: 40.5%;
  min-height: 20px;
}

.col-6 {
  width: 49%;
  min-height: 20px;
}

.col-6.hoverflow-hidden {
  overflow: hidden;
}

.col-7 {
  width: 57.5%;
  min-height: 20px;
}

.col-8 {
  width: 66%;
  min-height: 20px;
}

.col-9 {
  width: 74.5%;
  min-height: 20px;
}

.col-10 {
  width: 80%;
  min-height: 20px;
}

.wrapper-col-wrap {
  grid-row-gap: 3rem;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -.75rem;
  margin-right: -.75rem;
  display: flex;
}

.wrapper-col-wrap.margin-top-small {
  margin-top: 1.5rem;
}

.wrapper-col-wrap.margin-top {
  justify-content: flex-start;
  margin-top: 3rem;
}

.wrapper-col-wrap.margin-top-medium {
  margin-top: 4.5rem;
}

.wrapper-col-wrap.margin-top-large {
  margin-top: 6rem;
}

.wrapper-col-wrap.center-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.wrapper-col-wrap.center-horizontal {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.wrapper-col-wrap.top-horizontal {
  align-items: flex-start;
}

.wrapper-col-wrap.left-vertical {
  flex-direction: column;
  align-items: flex-start;
}

.col-4-wrap {
  flex: 33.3333%;
  max-width: 33.3333%;
  min-height: 20px;
  padding-left: .75rem;
  padding-right: .75rem;
}

.col-4-wrap.responsive {
  max-width: 100%;
}

.col-3-wrap {
  flex: 25%;
  max-width: 25%;
  min-height: 20px;
  padding-left: .75rem;
  padding-right: .75rem;
}

.col-3-wrap.responsive {
  max-width: 100%;
}

.dsp-2xl {
  color: var(--heading-color);
  margin-bottom: 1.5rem;
  font-family: Matter, sans-serif;
  font-size: 51px;
  font-weight: 600;
  line-height: 1.1;
}

.dsp-2xl.secondary {
  color: var(--white);
}

.dsp-2xl.no-margin {
  margin-bottom: 0;
}

.dsp-xl {
  color: var(--heading-color);
  margin-bottom: 1.5rem;
  font-family: Matter, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
}

.dsp-xl.secondary {
  color: var(--white);
}

.dsp-xl.no-margin {
  margin-bottom: 0;
}

.dsp-lg {
  color: var(--heading-color);
  margin-bottom: 1.5rem;
  font-family: Matter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}

.dsp-lg.secondary {
  color: var(--white);
}

.dsp-lg.no-margin {
  margin-bottom: 0;
}

.dsp-md {
  color: var(--heading-color);
  margin-bottom: 1.5rem;
  font-family: Matter, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
}

.dsp-md.secondary {
  color: var(--white);
}

.dsp-md.no-margin {
  margin-bottom: 0;
}

.dsp-md.no-margin.margin-right-text {
  margin-right: 5px;
}

.dsp-sm {
  color: var(--heading-color);
  margin-bottom: 1.5rem;
  font-family: Matter, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}

.dsp-sm.secondary {
  color: var(--white);
}

.dsp-xs {
  color: var(--heading-color);
  margin-bottom: 1.5rem;
  font-family: Matter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.dsp-xs.secondary {
  color: var(--white);
}

.dsp-xs.no-margin {
  margin-bottom: 0;
}

.text-xl {
  font-family: Plusjakartasans Medium, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.text-xl.secondary {
  color: var(--white);
}

.text-lg {
  font-family: Plusjakartasans Medium, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.text-lg.secondary {
  color: var(--white);
}

.text-md {
  font-family: Plusjakartasans Medium, sans-serif;
  font-weight: 500;
}

.text-md.secondary {
  color: var(--white);
}

.text-sm {
  font-family: Plusjakartasans Regular, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-sm.secondary {
  color: var(--white);
}

.text-xs {
  font-size: 10px;
}

.text-xs.secondary {
  color: var(--white);
}

.wrapper-site {
  overflow: hidden;
}

.button {
  background-color: var(--primary-color);
  color: var(--white);
  text-align: center;
  border-radius: 40px;
  padding: 20px 1.5rem;
  font-family: Matter, sans-serif;
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53), color .2s cubic-bezier(.55, .085, .68, .53);
}

.button:hover {
  background-color: var(--hover-first-bouton);
  text-decoration: underline;
}

.button.secondary {
  background-color: var(--secondary-color);
  color: var(--primary-color);
}

.button.secondary:hover {
  background-color: #ffe871;
}

.button.secondary.variante {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.button.cta-navbar {
  padding: .8rem 1rem;
  font-size: 13px;
}

.button._100-w {
  width: 100%;
}

.button.special {
  grid-column-gap: .3rem;
  grid-row-gap: .5rem;
  width: auto;
  display: flex;
}

.wrap-button {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.wrap-button.margin-top-small {
  margin-top: 1.5rem;
}

.wrap-button.margin-top {
  margin-top: 3rem;
}

.wrap-button.margin-top.btn-big-cta {
  justify-content: center;
}

.wrap-button.margin-top-medium {
  margin-top: 4.5rem;
}

.wrap-button.center-vertical {
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.wrap-button.z-index {
  z-index: 2;
  position: relative;
}

.wrap-button.align-left-children {
  align-self: flex-start;
}

.wrap-button.margin-top-mini {
  margin-top: 1rem;
}

.button-inline {
  color: var(--font-color);
  text-align: left;
  border-radius: 40px;
  padding: 20px 1.5rem;
  font-family: Matter, sans-serif;
  line-height: 1;
  text-decoration: underline;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53), color .2s cubic-bezier(.55, .085, .68, .53);
}

.button-inline:hover {
  background-color: var(--hover-inline-bouton);
}

.button-inline.secondary {
  color: var(--white);
}

.button-inline.variante-cards {
  color: var(--primary-color);
  padding: 0;
  font-family: Matter, sans-serif;
  font-weight: 700;
}

.button-inline.variante-cards:hover {
  color: #1c1b18cc;
  background-color: #0000;
}

.button-inline.variante-cards.show-mobile {
  display: none;
}

.button-inline.invert {
  background-color: var(--hover-inline-bouton);
  margin-top: 2rem;
}

.button-inline.invert:hover {
  background-color: #d7d7d799;
}

.col-6-wrap {
  flex: 50%;
  max-width: 50%;
  min-height: 20px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.col-6-wrap.responsive {
  max-width: 100%;
}

.infos-styleguide-color-block {
  background-color: var(--primary-color);
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

.infos-styleguide-color-block-secondary {
  background-color: var(--secondary-color);
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

.infos-styleguide-color-block-font {
  background-color: var(--font-color);
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

.infos-styleguide-color-block-heading {
  background-color: var(--heading-color);
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

.infos-styleguide-color-block-border {
  background-color: var(--border-color);
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

.infos-styleguide-color-block-white {
  border: 1px solid var(--border-color);
  background-color: var(--white);
  border-radius: 4px;
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

.infos-styleguide-color-block-black {
  border: 1px solid var(--border-color);
  background-color: var(--black);
  border-radius: 4px;
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

.divider {
  background-color: var(--border-color);
  width: 100%;
  height: 1px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.divider.medium {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
}

.divider.large {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.divider.small {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.divider.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.label {
  background-color: var(--heading-color);
  color: var(--white);
  border-radius: 30px;
  padding: .5rem 1rem;
  font-size: 15px;
  line-height: 1;
}

.label.link {
  text-decoration: none;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53), color .2s cubic-bezier(.55, .085, .68, .53);
}

.label.link:hover {
  background-color: var(--primary-color);
}

.label.absolute {
  z-index: 2;
  margin-top: 2rem;
  margin-left: 2rem;
  position: absolute;
  inset: 0% auto auto 0%;
}

.card {
  background-color: var(--white);
  color: var(--font-color);
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.center {
  text-align: center;
  align-items: center;
}

.card.featured {
  flex-direction: row;
  align-items: center;
}

.card.fonctionnalites {
  background-color: #0000;
  border-style: none;
  border-radius: 0;
}

.card.cas-clients {
  background-color: #0000;
  font-family: Plusjakartasans Regular, sans-serif;
  font-weight: 400;
}

.card.presse {
  box-shadow: none;
  border-radius: 16px;
  font-family: Plusjakartasans Regular, sans-serif;
  font-weight: 400;
  transition: box-shadow .2s cubic-bezier(.55, .085, .68, .53);
}

.card.presse:hover {
  box-shadow: 0 5px 24px #1c1b181a;
}

.card.partenaire {
  background-color: #0000;
}

.wrap-card-content.fonctionnalit {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: space-between;
  font-family: Plusjakartasans Regular, sans-serif;
  display: flex;
}

.wrap-card-content.features {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background-beige-clair);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 1.5rem;
  font-family: Plusjakartasans Regular, sans-serif;
  display: flex;
}

.wrap-card-content.partenaires {
  flex-direction: column;
  margin-top: 1.75rem;
  display: flex;
}

.wrap-card-content.cas-clients {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  margin-top: 1.5rem;
  display: flex;
}

.wrap-card-content.cards-home {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1rem;
  padding-left: 2.6rem;
  padding-right: 2.6rem;
  display: flex;
}

.wrap-card-content.solutions {
  grid-row-gap: 8px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 1.5rem;
  display: flex;
}

.wrap-card-parent-content {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0;
  display: flex;
}

.wrap-card-parent-content.fonctionnalit {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.wrap-card-parent-content.presse {
  background-color: var(--white);
  padding-bottom: 2.5rem;
  padding-left: 1rem;
  padding-right: 0;
}

.card-image {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  height: 180px;
}

.card-image.featured {
  width: 50%;
  height: 340px;
}

.card-image.cas-clients {
  border-radius: 17px;
  width: 360px;
  height: 200px;
}

.card-image.presse {
  border-radius: 16px;
  width: 360px;
  height: 200px;
}

.card-image.partenaire {
  border-radius: 16px;
}

.card-icon {
  width: 24px;
  height: auto;
  margin-bottom: 0;
}

.card-icon.except {
  width: 20px;
}

.infos-styleguide-image {
  height: 200px;
  display: flex;
}

.faq-parent {
  width: 100%;
  margin-bottom: -2rem;
}

.faq-block {
  color: var(--font-color);
  cursor: pointer;
  background-color: #fafafa;
  border-radius: 8px;
  width: 100%;
  height: auto;
  margin-bottom: 2rem;
  text-decoration: none;
  overflow: hidden;
}

.faq-title {
  width: 100%;
  padding: 2rem 6rem .5rem 2rem;
  position: relative;
}

.faq-content {
  width: 100%;
  overflow: hidden;
}

.faq-arrow {
  background-color: var(--secondary-color);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: 50% 2rem auto auto;
  transform: translate(0, -50%);
}

.faq-content-wrap {
  padding: 2rem;
}

.faq-arrow-image {
  width: 35%;
}

.tab {
  background-color: var(--border-color);
  text-align: center;
  border-radius: 50px;
  padding: .5rem 2rem;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53), color .2s cubic-bezier(.55, .085, .68, .53);
}

.tab:hover, .tab.w--current {
  background-color: var(--primary-color);
  color: var(--white);
}

.wrapper-col-tab {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.wrapper-col-tab.left-horizontal {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
}

.hidden-div {
  display: none;
}

.logo-img {
  width: 160px;
  height: 100px;
  object-fit: contain;
  overflow: hidden;
}

.logo-img.except {
  width: auto;
  height: auto;
}

.logo-img.accession {
  width: 100px;
  height: 34px;
}

.logo-item {
  flex: none;
}

.wrapper-col-logo {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.wrapper-col-logo.margin-top-small {
  margin-top: 1.5rem;
}

.wrap-parent-logo {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  display: flex;
  position: relative;
}

.col-list-logo {
  flex: none;
}

.link-logo {
  filter: grayscale();
  transition: filter .2s cubic-bezier(.55, .085, .68, .53);
}

.link-logo:hover {
  filter: grayscale(0%);
}

.overlay-logo-left {
  z-index: 2;
  background-image: linear-gradient(270deg, #efece71a, var(--background-gris--beige));
  width: 11rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.overlay-logo-right {
  z-index: 2;
  background-image: linear-gradient(to right, #efece71a, var(--background-gris--beige));
  width: 11rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.wrap-relative-logo {
  position: relative;
}

.wrap-relative-logo.margin-top-medium {
  margin-top: 4.5rem;
}

.field {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  height: 50px;
  margin-bottom: 2rem;
  padding: .5rem 1rem;
}

.field:focus {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.field::placeholder {
  color: #b3b3b3;
}

.field.message {
  max-width: 100%;
  min-height: 150px;
  max-height: 100%;
}

.form {
  border: 1px solid var(--border-color);
  border-radius: 8px;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
}

.form-label {
  margin-bottom: .5rem;
}

.checkbox {
  border-color: var(--border-color);
  border-radius: 4px;
  flex: none;
  align-items: center;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.checkbox.w--redirected-checked {
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  background-image: url('../images/tick_1.svg');
  background-size: 50%;
}

.checkbox-label {
  margin-bottom: 0;
}

.checkbox-field {
  border-radius: 0;
  align-items: center;
  margin-bottom: 2rem;
  padding-left: 0;
  display: flex;
}

.radio-label {
  margin-bottom: 0;
}

.radio-field {
  align-items: center;
  margin-bottom: 2rem;
  padding-left: 0;
  display: flex;
}

.radio {
  border-color: var(--border-color);
  flex: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.radio.w--redirected-checked {
  border-width: 1px;
  border-color: var(--primary-color);
  background-color: var(--primary-color);
  background-image: url('../images/tick_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
}

.error-message {
  text-align: center;
  background-color: #fdc8c1;
  border-radius: 8px;
  margin-top: 2rem;
  padding: 1.5rem;
}

.success-message {
  background-color: var(--primary-color);
  color: var(--border-color);
  border-radius: 8px;
  padding: 2rem;
}

.navbar {
  z-index: 999;
  align-items: center;
  width: 100%;
  padding-top: .7rem;
  padding-bottom: 1.3rem;
  font-family: Inter Medium, sans-serif;
  display: flex;
  position: fixed;
}

.background-navbar {
  z-index: 0;
  background-color: #fff0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.wrapper-col-navbar {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-navbar {
  grid-column-gap: .5rem;
  color: #212121;
  justify-content: flex-start;
  padding: 0;
  font-family: Inter Medium, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  transition: color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.link-navbar:hover {
  color: var(--primary-color);
}

.link-navbar.underline-hover:hover {
  text-decoration: underline;
}

.logo-navbar {
  object-fit: contain;
  object-position: 0% 50%;
  width: 134px;
  height: auto;
}

.link-logo-navbar {
  justify-content: flex-start;
  display: flex;
}

.arrow-navbar {
  object-fit: contain;
  object-position: 50% 60%;
  width: 11px;
}

.text-dropdown {
  align-items: center;
  display: flex;
}

.text-dropdown:hover {
  text-decoration: underline;
}

.dropdown-list-navbar.w--open {
  box-shadow: none;
  background-color: #0000;
  border-radius: 8px;
  width: 610px;
  padding-top: 2.25rem;
}

.dropdown-list-navbar.pour-qui.w--open {
  width: auto;
}

.dropdown-list-navbar.ressources.w--open {
  right: -20rem;
}

.wrap-dropdown-item-navbar {
  grid-row-gap: 1rem;
  background-color: var(--white);
  border-radius: 16px;
  flex-direction: row;
  justify-content: space-between;
  width: 900px;
  padding: 1.5rem;
  display: flex;
  box-shadow: 0 5px 24px #1c1b181a;
}

.wrap-dropdown-item-navbar.pour-qui, .wrap-dropdown-item-navbar.ressources {
  width: auto;
}

.wrap-cta-navbar {
  grid-column-gap: 1rem;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  line-height: 1;
  display: flex;
}

.wrap-logo-item-navbar {
  grid-column-gap: 2.5rem;
  align-items: center;
  display: flex;
}

.navbar-desktop {
  flex: 1;
  align-items: center;
  display: flex;
}

.navbar-mobile {
  display: none;
}

.infos-styleguide-dropdown {
  background-color: var(--primary-color);
  color: var(--white);
  padding: .5rem;
  display: flex;
}

.infos-styleguide-dropdown.w--open {
  display: flex;
}

.infos-styleguide-dropdown-wrap {
  background-color: var(--primary-color);
  color: var(--white);
  margin-bottom: 3rem;
  font-size: 14px;
  position: fixed;
  inset: auto 6rem auto auto;
}

.infos-styleguide-menu {
  padding: .5rem;
  transition: color .2s cubic-bezier(.55, .085, .68, .53);
}

.infos-styleguide-menu:hover, .infos-styleguide-menu.w--current {
  color: var(--primary-color);
}

.infos-styleguide-arrow {
  margin-left: .5rem;
  margin-right: 0;
  position: relative;
}

.anim-left, .anim-right, .anim-parallax, .anim-bottom {
  width: 100%;
}

.infos-styleguide-title-small {
  text-align: left;
  margin-bottom: 1rem;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.banner-announcement {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  text-align: center;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
  font-size: 14px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.infos-styleguide-comboclasses {
  display: none;
}

.infos-styleguide-color-block-default-grey {
  border: 1px solid var(--border-color);
  background-color: var(--default-grey);
  border-radius: 4px;
  width: 60px;
  height: 60px;
  margin-bottom: 1rem;
}

.divider-vertical {
  background-color: var(--border-color);
  width: 1px;
  height: 50px;
}

.paragraph {
  margin-bottom: 1.5rem;
}

.rich-text-single-cms {
  color: var(--primary-color);
  font-family: Plusjakartasans Regular, sans-serif;
}

.wrap-cards-content-img {
  background-color: var(--white);
  padding: 0;
  position: relative;
}

.wrap-cards-content-img.cas-client {
  border-radius: 16px;
}

.wrap-cards-content-img.partenaire {
  border-radius: 16px;
  padding-top: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.wrap-cards-content-img.cards-home {
  background-image: linear-gradient(#faf8f1, #faf8f1);
  border-radius: 16px;
  justify-content: center;
  padding-top: 2rem;
  padding-left: 2.6rem;
  padding-right: 2.6rem;
  display: flex;
}

.wrap-cards-content-img.solutions {
  background-color: var(--background-gris--beige);
  border-radius: 16px;
  padding-top: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  overflow: visible;
}

.wrap-cards-content-img.pour-qui {
  background-color: var(--background-beige-clair);
  border-radius: 16px;
  padding-top: 2.5rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  overflow: visible;
}

.block-content-logo {
  width: 154px;
  height: auto;
  position: absolute;
  inset: auto 0% 40% 50%;
  transform: translate(-50%, 50%);
}

.block-content-logo.cas-clients {
  background-color: var(--white);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 130px;
  padding: 0;
  display: flex;
  bottom: 50%;
  transform: translate(-50%, 50%);
}

.block-content-logo.cas-clients.featured {
  width: 170px;
  height: 80px;
  inset: -13% auto auto 21%;
}

.img-logo-partenaire {
  height: 100%;
}

.img-logo-cas-clients {
  width: 141px;
  height: auto;
}

.wrap-bandeau-exp-premium {
  background-color: var(--violet-cta-exp-premium);
  text-align: left;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 40px;
  padding: 2.5rem 2.5rem 3.5rem;
  display: flex;
  position: relative;
}

.img-cta-exp-premium {
  width: 434px;
  height: auto;
  position: absolute;
  inset: auto 2.5rem 0% auto;
}

.wrap-bandeau-mid-page {
  background-color: var(--primary-color);
  color: var(--background-beige-clair);
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 40px;
  padding: 3rem 0;
  display: flex;
  position: relative;
}

.wrap-big-cta {
  background-color: var(--violet-cta-exp-premium);
  color: var(--background-beige-clair);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 40px;
  padding: 6rem 0;
  display: flex;
  position: relative;
}

.wrap-big-cta.black {
  background-color: var(--primary-color);
  color: var(--background-gris--beige);
}

.wrap-big-cta.beige {
  color: var(--font-color);
  background-color: #ebdcc4;
}

.wrap-big-cta.yellow {
  background-color: var(--secondary-color);
  color: var(--font-color);
}

.link-block-dropdown {
  color: var(--font-color);
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 219px;
  margin-top: 9px;
  margin-right: 2.5rem;
  padding: 8px 12px;
  font-family: Plusjakartasans Regular, sans-serif;
  font-size: 12px;
  text-decoration: none;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
}

.link-block-dropdown:hover {
  background-color: #d1d1f766;
}

.link-block-dropdown.w--current {
  font-size: 12px;
}

.link-block-dropdown.no-margin-right {
  margin-right: 0;
}

.wrap-content-link-block-dropdown {
  flex-direction: column;
  display: flex;
}

.span-title-dropdown-nav {
  color: var(--primary-color);
  margin-bottom: .5rem;
  font-family: Plusjakartasans Medium, sans-serif;
  font-size: 14px;
  line-height: 1;
  display: block;
}

.img-dropdown {
  border-radius: 8px;
  width: 300px;
}

.block-button-image-nav {
  background-color: #0000;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-end;
  width: 287px;
  height: 310px;
  padding-bottom: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.wrap-hero-image {
  flex-direction: row;
  justify-content: flex-end;
  height: 100%;
  display: flex;
  position: relative;
}

.img-home-hero {
  z-index: 10;
  width: 56%;
  position: absolute;
  inset: 7% auto auto 6%;
}

.col-5-5 {
  width: 44.75%;
  min-height: 20px;
}

.img-home-hero-2 {
  border-radius: 17.34px;
  width: 60%;
  position: absolute;
  inset: auto auto 19% 0%;
  box-shadow: -2px -1px 29px #1c1b181a;
}

.img-cards-home {
  width: 101%;
  position: static;
  left: 50%;
  transform: none;
}

.img-projet-immo-home {
  border-radius: 20px;
  position: relative;
  inset: 0%;
}

.faq-block-2 {
  color: #000;
  cursor: pointer;
  border-radius: 8px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  text-decoration: none;
  overflow: hidden;
}

.faq-content-wrap-2 {
  padding: 0 2rem .5rem 0;
}

.faq-title-2 {
  width: 100%;
  padding: 1rem 0 0;
  font-size: 22px;
  position: relative;
}

.div-relative {
  position: relative;
}

.div-relative.overflow-hidden.radius20 {
  border-radius: 20px;
}

.footer {
  background-color: var(--background-gris--beige);
  padding-top: 3rem;
  padding-bottom: 0;
}

.col-footer {
  flex-direction: column;
  align-items: flex-start;
  width: 31%;
  min-height: 20px;
  display: flex;
}

.link-logo-footer {
  justify-content: flex-start;
  margin-bottom: 12px;
  display: flex;
}

.title-footer {
  color: var(--primary-color);
  margin-bottom: 1rem;
  font-family: Matter, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.link-footer {
  color: var(--font-color);
  margin-bottom: 6px;
  font-family: Plusjakartasans Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: color .2s cubic-bezier(.55, .085, .68, .53);
  display: inline-block;
}

.link-footer:hover {
  color: var(--primary-color);
}

.link-footer.margin-bottom-16px {
  margin-bottom: 16px;
}

.link-footer.margin-bottom-24px {
  margin-bottom: 24px;
}

.wrap-content-link-footer {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: row;
  justify-content: flex-end;
  width: 57%;
  margin-right: 8%;
  display: flex;
}

.wrapper-banner-footer {
  background-color: var(--background-beige-clair);
  align-items: center;
  height: auto;
  margin-top: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.para-banner-footer {
  text-align: center;
  font-size: 12px;
}

.link-mazette-footer {
  color: var(--font-color);
  font-family: Plusjakartasans Medium, sans-serif;
  font-weight: 500;
  transition: color .2s cubic-bezier(.55, .085, .68, .53);
}

.link-mazette-footer:hover {
  color: #22211f;
}

.content-logo-banner-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.logo-social-banner {
  width: 16px;
  height: 16px;
  font-size: 16px;
}

.big-cards-test-triple {
  background-color: #d4e9e2;
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 3.5rem 3.4rem 1.5rem 3.2rem;
  font-family: Plusjakartasans Regular, sans-serif;
  display: flex;
}

.big-cards-test-triple.except-solo-cards {
  padding-bottom: 5rem;
}

.content-bullet {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  margin-top: 0;
  display: flex;
}

.bullet-none {
  background-color: #effdf8;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.bullet-current {
  background-color: #afd5c8;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.bg-video-testi-triple {
  border-radius: 20px;
  height: 282px;
}

.cards-chiffre-testi-triple {
  grid-row-gap: 6px;
  background-color: var(--primary-color);
  color: var(--background-gris--beige);
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-top: 1.5rem;
  padding: 1rem 2rem 1.5rem 3rem;
  font-family: Plusjakartasans Regular, sans-serif;
  font-weight: 400;
  display: flex;
}

.cards-chiffre-testi-triple.no-margin {
  margin-top: 0;
}

.big-chiffre-testi {
  color: var(--background-beige-clair);
  font-family: Matter, sans-serif;
  font-size: 72px;
  line-height: 1;
}

.wrapper-testi-triple {
  z-index: 3;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.wrapper-testi-triple._2 {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.wrapper-testi-triple._3 {
  z-index: 1;
  position: absolute;
}

.wrap-video-testi {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.wrapper-relative-testi {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.wrapper-relative-testi.hidden-div {
  display: none;
}

.img-home-basic {
  border-radius: 20px;
}

.center-vertical {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.slide-testi-triple, .mask-slider-triple-testi {
  height: 100%;
}

.slider-testi-triple {
  background-color: #0000;
  height: 100%;
}

.testi-slider {
  color: var(--heading-color);
  margin-bottom: 0;
  font-family: Matter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}

.block-content-img {
  z-index: 10;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.wrap-img-faq-home {
  position: absolute;
  inset: 0%;
}

.wrap-img-faq-home._2 {
  opacity: 1;
  overflow: hidden;
}

.wrap-img-faq-home._2.opa0, .wrap-img-faq-home._3 {
  opacity: 0;
}

.wrap-img-faq-home._3.hide {
  display: none;
}

.wrap-img-faq-home._3.opa100 {
  opacity: 1;
}

.wrap-img-faq-home._4 {
  opacity: 0;
}

.wrap-img-faq-home._4.opa100 {
  opacity: 1;
}

.wrap-img-faq-home._1 {
  opacity: 1;
  position: relative;
}

.wrap-img-faq-home._1.hide {
  display: none;
}

.wrap-content-pop-up-1 {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 90%;
  margin-left: 1rem;
  display: flex;
  position: absolute;
  inset: 50% auto 0% 0%;
  transform: translate(0, -50%);
}

.pop-up-fluidit {
  height: 84px;
}

.wrap-content-pop-up-2 {
  z-index: 100;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.pop-up-promoteurs {
  width: 43%;
}

.pop-up-promoteurs._2-1 {
  border-radius: 12px;
  width: 45%;
  position: absolute;
  inset: 5% auto auto 6%;
}

.pop-up-promoteurs._2-2 {
  width: 59%;
  position: absolute;
  inset: auto 4% 3% auto;
}

.wrap-content-pop-up-3 {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  margin-left: 1rem;
  display: flex;
  position: absolute;
  inset: auto 2% 2% auto;
}

.pop-up-accompagnement {
  border-bottom-right-radius: 13px;
  border-bottom-left-radius: 13px;
}

.fake-button {
  background-color: var(--primary-color);
  color: var(--white);
  text-align: center;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 0 20px 1.5rem;
  font-family: Matter, sans-serif;
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s cubic-bezier(.55, .085, .68, .53), color .2s cubic-bezier(.55, .085, .68, .53);
  display: flex;
  position: relative;
}

.icon-fake-button {
  width: 16px;
  margin-left: 10px;
  margin-right: 1.5rem;
}

.pop-up-moove {
  border-radius: 12px;
  width: 40%;
  position: absolute;
  inset: 5% 0% 0% 16%;
}

.pop-up-moove._2 {
  width: 35%;
  top: 22%;
  left: 55%;
}

.pop-up-moove._3 {
  top: 33%;
  left: 9%;
}

.pop-up-moove._4 {
  top: 42%;
  left: 56%;
}

.pop-up-moove._5 {
  top: 57%;
  left: 33%;
}

.pop-up-moove._6 {
  top: 81%;
  left: 4%;
}

.pop-up-moove._7 {
  top: 83%;
  left: 51%;
}

.pop-up-moove._1-1 {
  filter: blur(2px);
  width: 20%;
  top: 5%;
  left: 65%;
}

.pop-up-moove._2-1 {
  filter: blur(2px);
  width: 20%;
  top: 23%;
  left: 19%;
}

.pop-up-moove._3-1 {
  filter: blur(2px);
  width: 20%;
  top: 65%;
  left: 7%;
}

.pop-up-moove._4-1 {
  filter: blur(2px);
  width: 20%;
  top: 73%;
  left: 42%;
}

.pop-up-moove._5-1 {
  filter: blur(2px);
  width: 20%;
  top: 61%;
  left: 77%;
}

.cards-chiffre-testi-solo {
  color: var(--background-gris--beige);
  background-image: url('../images/Group-48096118.webp');
  background-position: 0 0;
  background-size: cover;
  border-radius: 20px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin-top: 1.5rem;
  padding: 1rem 2rem 1rem 2.5rem;
  font-family: Plusjakartasans Regular, sans-serif;
  font-weight: 400;
  display: flex;
}

.content-img-zoom-hover {
  border-radius: 20px;
  overflow: hidden;
}

.video-meantime {
  border-radius: 20px;
}

.pop-up-harmonie {
  border-radius: 16px;
  width: auto;
  height: 59px;
  position: absolute;
  inset: 0% 0% auto 36%;
}

.pop-up-harmonie._1 {
  filter: blur(3px);
  left: 28%;
}

.pop-up-harmonie._2 {
  top: 20%;
  left: 50%;
}

.pop-up-harmonie._3 {
  top: 40%;
  left: 45%;
}

.pop-up-harmonie._4 {
  filter: blur(3px);
  top: 60%;
  left: 63%;
}

.pop-up-harmonie._5 {
  top: 80%;
}

.pop-up-harmonie._2-1 {
  top: 20%;
  left: 9%;
}

.pop-up-harmonie._3-1 {
  filter: blur(3px);
  top: 40%;
  left: 9%;
}

.pop-up-harmonie._4-1 {
  top: 60%;
  left: -10%;
}

.pop-up-harmonie._4-2 {
  top: 60%;
  left: 25%;
}

.pop-up-harmonie._5-1 {
  filter: blur(3px);
  top: 80%;
  left: 0%;
}

.pop-up-harmonie._5-2 {
  filter: blur(3px);
  top: 80%;
  left: 74%;
}

.wrap-pop-up-harmonie {
  width: 100%;
  height: 350px;
  position: relative;
}

.img-tma {
  border-radius: 16px;
  width: 20%;
  position: absolute;
  inset: 15% auto 0% -11%;
  box-shadow: 0 2px 24px #1c1b181a;
}

.content-img-tma {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 200px;
  height: 102px;
  display: flex;
  position: absolute;
  inset: 47% auto 0% -9%;
}

.img-mini-tma {
  border-radius: 10px;
  width: 100%;
  position: static;
  box-shadow: 0 2px 24px #1c1b181a;
}

.img-immodvisor-contact {
  width: auto;
  margin-bottom: 1.5rem;
}

.center-horizontal {
  align-items: center;
  display: flex;
}

.center-horizontal.test {
  grid-column-gap: 0rem;
  grid-row-gap: .3rem;
  flex-wrap: wrap;
  align-items: baseline;
  width: 100%;
}

.center-horizontal.wrap {
  flex-wrap: wrap;
}

.wrap-content-forms {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.text-field-contact {
  background-color: #efece799;
  border: 1px #59544d66;
  border-radius: 16px;
  height: 58px;
}

.text-field-contact:focus {
  border-style: solid;
  border-color: #534e4766;
}

.field-area-contact {
  background-color: #efece799;
  border: 1px #59544d66;
  border-radius: 16px;
  min-height: 150px;
}

.field-area-contact:focus {
  border-style: solid;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden-img {
  border-radius: 20px;
  width: auto;
  height: auto;
  overflow: hidden;
}

.overflow-hidden-img.no-radius-bottom {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.overflow-hidden-img.no-radius {
  border-radius: 0;
}

.overflow-hidden-img.no-radius.relative {
  position: relative;
}

.success-form-contact {
  background-color: #efece799;
  border-radius: 16px;
  width: 100%;
  padding: 6.5rem 4.3rem 5.6rem;
}

.form-block-crm-contact {
  height: 100%;
}

.icon-success {
  width: 48px;
  height: 48px;
  margin-bottom: 1rem;
}

.cards-sticky-logo {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--background-gris--beige);
  border-radius: 20px;
  flex-direction: column;
  padding: 2.6rem 1.5rem;
  display: flex;
  position: sticky;
  top: 15vh;
}

.block-content-social-cas-clients {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex: 1;
  justify-content: flex-end;
  min-height: 20px;
  display: flex;
}

.block-content-social-cas-clients.hidden-desktop {
  display: none;
}

.logo-fb {
  width: 24px;
  height: 24px;
  position: sticky;
  top: 15vh;
}

.texte-conclusion-cas-clients {
  color: var(--primary-color);
  margin-top: 2rem;
  font-family: Plusjakartasans Bold, sans-serif;
}

.img-cote-patio {
  border-radius: 12px;
  width: 35%;
  position: absolute;
  inset: 30% auto 0% 57%;
}

.img-doc-signe {
  border-radius: 16px;
  width: 50%;
  position: absolute;
  inset: 57% auto 0% 7%;
}

.img-sms {
  border-radius: 16px;
  width: 45%;
  position: absolute;
  inset: 19% 6% 0% auto;
}

.lottie-signature {
  width: 20%;
  position: absolute;
  inset: 10% -9% auto auto;
  box-shadow: 0 0 13px 4px #1c1b181a;
}

.lottie-signature.hidden-desktop {
  display: none;
}

.block-lottie-tma {
  align-items: center;
  display: flex;
}

.img-main-cas-clients {
  border-radius: 16px;
  max-height: 219.891px;
}

.cards-featured-cas-clients {
  background-color: #d4e9e2;
  border-radius: 16px;
  height: 100%;
}

.wrap-content-cards-featured-cas-clients {
  padding: 1.5rem 1.5rem 2.1rem;
}

.img-featured-cas-client {
  border-radius: 16px;
  height: 200px;
}

.wrap-content-logo-cards-featured-cas-clients {
  position: relative;
}

.cards-featured-presse {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  background-color: #d4e9e2;
  border-radius: 16px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 20px;
  padding: 2.5rem 3rem 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.img-featured-presse {
  border-radius: 16px 16px 0 0;
  width: 100%;
  height: 100%;
  position: static;
  inset: 0% auto 0% 0%;
}

.wrap-content-featured-presse {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding-bottom: 2.5rem;
  display: flex;
}

.bg-cards-partenaire {
  background-color: var(--background-beige-clair);
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 156px;
  display: flex;
}

.bg-cards-partenaire.pour-qui {
  background-color: var(--background-gris--beige);
}

.lottie-resservation {
  width: 156px;
  height: 185px;
  position: absolute;
  inset: auto auto 5% 5%;
}

.lottie-resservation._2 {
  width: 200px;
  height: auto;
  inset: auto 5% 1% auto;
}

.img-cards-solutions {
  width: 130px;
  height: auto;
}

.img-cards-solutions.except {
  width: 190px;
}

.img-cards-solutions.small-size {
  width: 100px;
}

.img-new-rdv {
  z-index: 10;
  width: 63%;
  position: absolute;
  inset: 20% auto auto 18%;
}

.img-depot-garantie {
  width: 60%;
  position: absolute;
  inset: 43% 0% auto 20%;
  transform: none;
}

.wrap-defilement-personnalisation {
  background-color: var(--violet-cta-exp-premium);
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  height: 550px;
  min-height: 40px;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
  overflow: hidden;
}

.block-content-bandeau-defilement {
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  width: 75%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%);
}

.img-defilement-vertical {
  border-radius: 20px;
}

.wrap-defilement-horizontal-solutions {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--lavender);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 40px;
  padding: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bandeau-right {
  grid-column-gap: 1rem;
  width: auto;
  display: flex;
  position: absolute;
  inset: 15% auto auto 0%;
}

.img-defilement-horizontal {
  border-radius: 8.16px;
  width: auto;
  height: 10rem;
}

.bandeau-left {
  grid-column-gap: 1rem;
  width: auto;
  display: flex;
  position: absolute;
  inset: auto auto 15% 0%;
}

.lottie-infor-commu {
  width: 50%;
  position: absolute;
  inset: 5% auto auto 10%;
}

.lottie-hero-solutions {
  width: 35%;
  position: absolute;
  inset: auto auto 13% -2%;
}

.img-loft-lumineux {
  border-radius: 16px;
  width: 40%;
  position: absolute;
  inset: 5% auto auto 5%;
}

.lottie-contrat-digitalise {
  width: 62%;
  position: absolute;
  inset: 39% 18% auto auto;
}

.img-contrat-digitalise {
  border-radius: 12px;
  width: 50%;
  position: absolute;
  inset: 50% 0% 20% 25%;
}

.lottie-process-pour-qui {
  width: 32%;
  position: absolute;
  inset: auto auto 10% -5%;
}

.img-satisfaction-client {
  border-radius: 16px;
  width: 48%;
  position: absolute;
  inset: auto auto 22% 5%;
  box-shadow: 0 2px 24px #1c1b181a;
}

.img-date-patrick {
  width: 50%;
  position: absolute;
  inset: 7% 7% 0% auto;
  box-shadow: 0 2px 24px #1c1b181a;
}

.img-double-residence {
  width: 60%;
  position: absolute;
  inset: auto auto 5% -9%;
}

.img-triple-pop {
  width: 30%;
  position: absolute;
  inset: 15% -5% auto auto;
}

.img-bandeau-mid-page {
  width: 434px;
  height: auto;
  position: absolute;
  inset: auto 0 15% auto;
}

.lottie-stock-pour-qui {
  box-shadow: none;
  width: 40%;
  position: absolute;
  inset: auto auto 15% -5%;
}

.img-merci-sign {
  z-index: 1;
  box-shadow: none;
  border-radius: 12px;
  width: 60%;
  position: absolute;
  inset: 5% auto auto 5%;
}

.lottie-reservation-process {
  width: 51%;
  position: absolute;
  inset: 10% 50% auto auto;
  transform: translate(50%);
}

.img-mercier-sign-2 {
  width: 70%;
  position: absolute;
  inset: 10% 0% auto 6%;
}

.img-click-souris {
  z-index: 1;
  width: 20%;
  position: absolute;
  inset: 20% auto auto 35%;
}

.img-hero-comercialisateurs {
  border-radius: 12px;
  width: 50%;
  position: absolute;
  inset: 5% auto auto -5%;
}

.lottie-sign-sociale {
  width: 60%;
  position: absolute;
  inset: auto auto 9% -5%;
}

.img-temps-de-reponse {
  border-radius: 16px;
  width: 60%;
  position: absolute;
  inset: 5% auto auto 5%;
  box-shadow: 0 2px 24px #1c1b181a;
}

.margin-top {
  margin-top: 2.5rem;
}

.search-bar {
  border-radius: 50px;
  padding-top: 2em;
  padding-bottom: 2em;
}

.search-bar::placeholder {
  color: #59544d66;
}

.wrap-search-bar {
  position: relative;
}

.arrow-search-bar {
  width: 12.5px;
  height: 9px;
  position: absolute;
  inset: 50% 3% 0% auto;
  transform: translate(-50%, -50%);
}

.img-api {
  width: 20%;
  position: absolute;
  inset: 46% auto 0% -6%;
}

.img-partenaires-hero {
  width: 15%;
  position: absolute;
  inset: 27% -4% auto auto;
}

.wrap-content-happywait-x-partenaires {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie-happywait-single-partenaires {
  width: 134px;
  height: auto;
}

.logo-partenaire-single {
  width: 130px;
  margin-left: 1rem;
}

.icon-x {
  color: #0000;
  background-image: url('../images/.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 10px 10px;
}

.wrap-bandeau-annonce {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--white);
  justify-content: center;
  display: flex;
}

.link-bandeau-annonce {
  color: var(--white);
}

.empty-state {
  color: #0000;
  background-color: #0000;
}

.background-banner-anoucement {
  background-color: var(--primary-color);
  color: var(--primary-color);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.img-accompagnement-sur-mesure {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.img-format-1 {
  z-index: 4;
  border-radius: 12px;
  width: 50%;
  position: absolute;
  inset: 9% auto auto 22%;
}

.img-format-2 {
  border-radius: 12px;
  width: 40%;
  position: absolute;
  inset: 35% auto auto 12%;
}

.img-format-3 {
  z-index: 4;
  border-radius: 12px;
  width: 50%;
  position: absolute;
  inset: 63% auto auto 8%;
}

.lottie-big-line-purple {
  z-index: 0;
  width: 34%;
  min-width: 470px;
  position: absolute;
  inset: 0% 0% auto 53%;
  transform: translate(-50%);
}

.wrap-cms-nav {
  border-radius: 12px;
  height: 100%;
  overflow: hidden;
}

.img-nav-livre-blanc {
  border-radius: 16px;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.paragraph-2 {
  flex: 0 auto;
  text-decoration: none;
}

.field-email-footer {
  border: 1px #000;
  border-radius: 50px;
  width: 250px;
}

.form-block-news-footer {
  display: flex;
  position: relative;
}

.arrow-news-footer {
  width: 12.5px;
  height: 9px;
  position: absolute;
  inset: 30% 7% -5% auto;
}

.img-jm-click {
  width: 25%;
  position: absolute;
  inset: auto 11% 27% auto;
}

.image-cote-patio {
  border-radius: 16px;
  width: 35%;
  position: absolute;
  inset: auto 0% 18% auto;
}

.image-repartition-des-lots {
  border-radius: 16px;
  width: 35%;
  position: absolute;
  inset: auto -11% 16% auto;
}

.image-satisfaction-client {
  border-radius: 16px;
  width: 40%;
  position: absolute;
  inset: auto auto 9% -3%;
}

.lottie-home {
  z-index: 10;
  position: absolute;
  inset: 27% 0% auto auto;
}

.wrap-content-cards-testi {
  grid-row-gap: 2rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.wrap-content-bullet-link-cards-testi {
  grid-row-gap: 2rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.section-component-mid-page {
  background-color: var(--primary-color);
}

.video-home {
  z-index: 2;
  width: 150px;
  height: 140px;
  position: relative;
  inset: auto auto 0% 0%;
}

.success-sms-footer {
  text-align: left;
  background-color: #0000;
  padding: 0;
}

.text-block {
  font-size: 14px;
}

.hidden-desktop {
  display: none;
}

.content-succes-sms {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.content-wrap-link-nav {
  align-items: flex-start;
  display: flex;
}

.logo-navbar-lottie {
  opacity: 1;
  object-fit: contain;
  object-position: 0% 50%;
  width: 160px;
  height: auto;
}

.nav-element {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

.fs-sliderdots-nav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 3rem;
  margin-top: 1rem;
  display: none;
}

.slide-nav-home {
  display: none;
  top: 116%;
}

.left-arrow {
  justify-content: center;
  width: 40px;
  height: 40px;
  display: flex;
  top: 87%;
  left: 63.5%;
  transform: rotate(180deg);
}

.right-arrow {
  justify-content: center;
  width: 40px;
  height: 40px;
  display: flex;
  top: 87%;
  right: 21%;
}

.img-arrow-left {
  width: 100%;
  height: 100%;
}

.dropdown-lang {
  text-transform: uppercase;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
  align-items: stretch;
  width: 4rem;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
}

.dropdown-link-lang {
  justify-content: center;
  padding: 0;
  font-family: Plusjakartasans Medium, sans-serif;
  font-weight: 500;
  transition: font-variation-settings .2s cubic-bezier(.55, .085, .68, .53);
}

.dropdown-link-lang:hover {
  font-family: Plusjakartasans Bold, sans-serif;
}

.dropdonw-list-lang {
  background-color: #0000;
}

.dropdonw-list-lang.w--open {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--background-beige-clair);
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  padding: 1rem .5rem .5rem;
  display: flex;
  right: 20%;
}

.dropdown-toogle-lang {
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown-toogle-lang.w--open {
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.arrow-lang {
  width: 10px;
  height: auto;
  margin-left: 3px;
}

.current-lang {
  font-family: Plusjakartasans Medium, sans-serif;
}

.wrap-content-cta-nav {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-block-immodvisor {
  width: 60%;
  height: auto;
}

.flag-fr {
  width: 20px;
}

.wrap-flag-lang {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  align-items: center;
  display: flex;
}

.flag-en, .flag-es {
  width: 20px;
}

.img-for-zoom {
  border-radius: 20px;
}

.wrap-video-home-hero {
  z-index: 10;
  background-color: var(--secondary-color);
  border-top-right-radius: 1.3rem;
  border-bottom-right-radius: 1.3rem;
  padding-left: 6px;
  position: absolute;
  inset: auto auto 11% -6px;
  overflow: hidden;
}

.video-home-hero-rond {
  z-index: 5;
  background-color: var(--secondary-color);
  border-radius: 50px;
  width: 12px;
  height: 12px;
  position: absolute;
  inset: 7% 6% auto auto;
}

.bandeau-video {
  z-index: 5;
  background-image: linear-gradient(to bottom, transparent, var(--primary-color));
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: .5rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.auteur-video {
  color: var(--background-gris--beige);
  font-size: 11px;
  font-weight: 400;
}

.poste-video {
  color: #efece799;
  font-size: 10px;
  font-weight: 400;
}

.fuidifiez-pointer {
  position: absolute;
  inset: 34% 7% auto auto;
}

.fluidifiez__box-notif {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 51% 0%;
  transform: translate(0);
}

.fluidifiez__box-notif.second {
  bottom: 22%;
}

.icon {
  width: auto;
}

.title-notif {
  color: var(--primary-color);
  font-family: Matter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}

.subtitle-notif {
  color: #1c1b18cc;
  font-family: Plusjakartasans Medium, sans-serif;
  font-size: 10px;
  line-height: 1.5;
}

.fluidifiez-pointer {
  width: auto;
  position: absolute;
  inset: 36% 0% auto auto;
}

.bg-img-projet {
  background-color: var(--secondary-color);
  border-radius: 20px;
  width: 90%;
  height: 100%;
  position: absolute;
  inset: auto -4% -4% auto;
}

.img-perf-1 {
  border-radius: 20px;
  width: 345px;
  height: 269px;
  position: relative;
  bottom: auto;
  left: 14%;
  right: auto;
}

.img-perf-2 {
  border-radius: 20px;
  width: 100%;
  position: absolute;
  inset: -54% auto auto -3%;
}

.img-perf-3 {
  width: 70%;
  position: absolute;
  inset: auto -13% -34% auto;
}

.box-notif-border-yellow {
  z-index: 2;
  background-color: var(--secondary-color);
  width: 4px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.wrap-box-notif {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--white);
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: .56rem .75rem .72rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.img-digi-1 {
  z-index: 5;
  border-radius: 20px;
  width: 370px;
  height: 320px;
  position: relative;
  top: 28px;
  left: 89px;
}

.lottie-digi {
  position: absolute;
  inset: -12% auto auto 0%;
}

.img-digi-2 {
  z-index: 10;
  width: 30%;
  position: absolute;
  inset: -10% 0 auto auto;
}

.lottie-vente {
  width: 57%;
  position: absolute;
  inset: 5% 4% auto auto;
}

.vente-asset-1 {
  width: 50%;
  position: absolute;
  inset: auto 26% 21% auto;
}

.vente-asset-2 {
  width: 40%;
  position: absolute;
  inset: auto 7% 7% auto;
}

.lottie-and-img {
  z-index: 10;
  width: 80%;
  position: relative;
  top: 31px;
  left: 91px;
}

.asset-signature {
  width: auto;
  position: absolute;
  inset: 5% auto auto 5%;
}

.analysez-1 {
  z-index: 10;
  border-radius: 20px;
  width: 77%;
  position: relative;
  top: -45px;
}

.analysez-lottie {
  position: absolute;
  inset: auto 0% -15% auto;
}

.analysez-2 {
  border-radius: 12px;
  width: 42%;
  position: absolute;
  inset: auto auto -11% 3%;
  box-shadow: 0 0 24px 3.4px #1c1b1833;
}

.asset-mesurez {
  width: 30%;
  position: absolute;
  inset: 5% auto auto 5%;
}

.asset-promoteur-1 {
  border-radius: 0;
  width: 146%;
  max-width: none;
  position: absolute;
  inset: 65% auto auto 50%;
  transform: translate(-50%);
}

.asset-promoteur-2 {
  border-radius: 20px;
  width: 62%;
  position: absolute;
  inset: -13% auto auto -14%;
}

.promoteur-lottie {
  z-index: 20;
  position: absolute;
  inset: 11% 3% auto auto;
}

.process-1 {
  border-radius: 20px;
  width: 300px;
  height: 230px;
  position: relative;
  left: 51px;
}

.process-2 {
  border-radius: 20px;
  width: 82%;
  position: absolute;
  inset: -49% auto auto -1%;
}

.process-3 {
  width: 55%;
  position: absolute;
  inset: auto 8% -31% auto;
}

.suivez-1 {
  object-position: 0% 50%;
  border-radius: 12px;
  width: 32%;
  height: 36%;
  position: absolute;
  inset: 6% 15% auto auto;
}

.suivez-2 {
  width: 42%;
  position: absolute;
  inset: 6% auto auto 8%;
}

.commercial-1 {
  z-index: 5;
  border-radius: 16px;
  position: relative;
}

.image {
  border-radius: 16px;
}

.commercial-2 {
  border-radius: 16px;
  width: 60%;
  position: absolute;
  inset: -15% auto auto -11%;
}

.commercial-3 {
  z-index: 20;
  width: 70%;
  position: absolute;
  inset: 7% auto auto 6%;
}

.commercial-4 {
  z-index: 21;
  width: 20%;
  position: absolute;
  inset: auto auto 23% -19%;
}

.solution-1 {
  width: 50%;
  position: absolute;
  inset: 7% auto auto 8%;
  box-shadow: 0 0 13px 4px #1c1b180d;
}

.solution-2 {
  width: 50%;
  position: absolute;
  inset: 24% auto auto 39%;
  box-shadow: 0 0 13px 4px #1c1b180d;
}

.activite-2 {
  width: 45%;
  position: absolute;
  inset: 20% 14% auto auto;
}

.activite-3 {
  width: 45%;
  position: absolute;
  inset: 42% 14% auto auto;
}

.image-2 {
  position: absolute;
  inset: 0% 0% auto auto;
}

.activite-4 {
  width: 45%;
  position: absolute;
  inset: 64% 14% auto auto;
}

.image-3 {
  z-index: 10;
  width: 55%;
  position: absolute;
  inset: 7% auto auto 6%;
}

.accompagnement-2 {
  z-index: 10;
  border-radius: 20px;
  width: 50%;
  position: absolute;
  inset: auto auto 9% 14%;
}

.fonctionnalite-1 {
  box-shadow: 0 0 13px 4px #1c1b181a;
}

.dot-jaune-fonctionnalite-1 {
  width: auto;
  position: absolute;
  inset: -12% auto auto -3%;
}

.ecosysteme-1 {
  width: 20%;
  position: absolute;
  inset: 40% auto auto -8%;
  box-shadow: 0 0 24px 4px #1c1b181a;
}

.ecosysteme-2 {
  width: 21%;
  position: absolute;
  inset: 55% auto auto -7%;
}

.premium-2 {
  border-bottom-right-radius: 23px;
  width: 90%;
  position: absolute;
  inset: auto 0% 7px auto;
}

.premium-3 {
  border-radius: 20px;
  width: 45%;
  position: absolute;
  inset: -11% auto auto 3%;
}

.premium-4 {
  position: static;
  inset: -10% auto auto 52%;
  box-shadow: 0 0 13px 4px #1c1b180d;
}

.premium-dot-yellow {
  width: auto;
  position: absolute;
  inset: -11% auto auto -1.5%;
}

.wrap-premium-absolute {
  position: absolute;
  inset: -10% auto auto 52%;
}

.wrap-premium-relative {
  position: relative;
}

.wrap-fonctionnalites-1 {
  position: absolute;
  inset: 24% auto auto -3%;
}

.youtube {
  aspect-ratio: auto;
  object-fit: fill;
  border-radius: 0;
  width: 100%;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.youtube-3 {
  aspect-ratio: auto;
  width: 100%;
  max-width: 100%;
  margin: 60px auto 60px 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.container-2 {
  margin-top: 100px;
}

.youtube-4 {
  margin-top: 90px;
}

.paragraph-3 {
  text-decoration: none;
}

.section-crm {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.section-crm.hero {
  padding-top: 8.4rem;
}

.section-crm.hero.beige-gris {
  background-color: var(--background-gris--beige);
}

.section-crm.hero.bg-cas-clients {
  background-image: linear-gradient(to bottom, var(--background-gris--beige) 69%, white 69%);
}

.section-crm.hero.padding-bottom-small {
  padding-bottom: 3rem;
}

.section-crm.no-padding-top {
  padding-top: 0;
}

.section-crm.no-padding-top.rules-for-big-line {
  z-index: 2;
  background-color: var(--white);
  position: relative;
}

.section-crm.no-padding-top.overflow-clips {
  overflow: clip;
}

.section-crm.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.section-crm.relative {
  position: relative;
}

.section-crm.wip {
  filter: grayscale();
}

.section-crm.beige-gris {
  background-color: var(--background-gris--beige);
}

.section-crm.beige-clair {
  background-color: var(--background-beige-clair);
}

.section-crm.beige-clair.pading-top-large {
  padding-top: 7.5rem;
}

.section-crm.padding-top-small {
  padding-top: 3rem;
}

.section-crm.padding-top-medium {
  padding-top: 4.5rem;
}

.section-crm.padding-top-medium.rules-for-big-line {
  z-index: 20;
  background-color: var(--white);
  position: relative;
}

.section-crm.h-404 {
  background-color: var(--background-beige-clair);
  align-items: center;
  height: 60vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section-crm.padding-top-80px {
  padding-top: 5rem;
}

.container-medium-copy {
  flex: 1;
  max-width: 960px;
}

.container-medium-copy.z-index {
  z-index: 2;
  position: relative;
}

.container-medium-copy.relative {
  position: relative;
}

.container-medium-copy.center {
  text-align: center;
}

.container-medium-copy.overflow-hidden {
  overflow: hidden;
}

.container-medium-copy.overflow-hidden.center.margin-top {
  margin-top: 3rem;
}

.container-medium-copy.footer {
  padding-top: 0;
}

.wrap-bandeau-crm {
  background-color: var(--violet-cta-exp-premium);
  text-align: left;
  border-radius: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-height: 40px;
  padding: 2.5rem 2.5rem 3.5rem;
  display: flex;
  position: relative;
}

.paragraph-4 {
  display: block;
}

@media screen and (min-width: 1280px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 60px;
  }

  .container-medium {
    max-width: 1080px;
  }

  .container-large {
    max-width: 1200px;
  }

  .dsp-2xl {
    font-size: 62px;
  }

  .dsp-xl {
    font-size: 40px;
  }

  .dsp-md {
    font-size: 24px;
  }

  .button.cta-navbar, .link-navbar {
    font-size: 14px;
  }

  .wrap-bandeau-exp-premium {
    height: 211px;
  }

  .wrap-bandeau-mid-page, .wrap-big-cta {
    height: auto;
  }

  .faq-title-2 {
    font-size: 24px;
  }

  .pop-up-accompagnement {
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
  }

  .lottie-signature {
    right: -4%;
  }

  .img-defilement-horizontal {
    height: 11rem;
  }

  .lottie-big-line-purple {
    width: 35%;
  }

  .field-email-footer {
    width: 255px;
  }

  .img-perf-2 {
    width: 87%;
  }

  .img-perf-3 {
    width: 68%;
    right: -4%;
  }

  .process-2 {
    width: 72%;
  }

  .container-medium-copy {
    max-width: 1080px;
  }

  .wrap-bandeau-crm {
    height: 211px;
  }
}

@media screen and (min-width: 1440px) {
  .container-medium {
    max-width: 1128px;
  }

  .container-large {
    max-width: 1360px;
  }

  .dsp-2xl {
    font-size: 64px;
  }

  .img-logo-cas-clients {
    height: auto;
  }

  .wrap-bandeau-exp-premium {
    height: 211px;
    padding-top: 2.5rem;
  }

  .img-cta-exp-premium {
    width: 434px;
    height: auto;
  }

  .wrap-bandeau-mid-page {
    height: auto;
    padding-top: 2.5rem;
  }

  .wrap-big-cta {
    height: auto;
    padding-top: 6rem;
  }

  .logo-fb {
    position: sticky;
    top: 15vh;
  }

  .img-defilement-horizontal {
    height: 11.6rem;
  }

  .img-bandeau-mid-page {
    width: 434px;
    height: auto;
  }

  .lottie-big-line-purple {
    width: 34.5%;
  }

  .field-email-footer {
    width: 260px;
  }

  .process-3 {
    bottom: -38%;
  }

  .container-3 {
    margin-top: 90px;
  }

  .container-medium-copy {
    max-width: 1128px;
  }

  .wrap-bandeau-crm {
    height: 211px;
    padding-top: 2.5rem;
  }
}

@media screen and (min-width: 1920px) {
  .img-cta-exp-premium {
    right: 15%;
  }

  .wrap-bandeau-mid-page {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0%;
  }

  .big-cards-test-triple.except-solo-cards {
    padding-bottom: 4.5rem;
  }

  .center-horizontal.test {
    flex-direction: row;
  }

  .img-bandeau-mid-page {
    right: 0%;
  }

  .lottie-big-line-purple {
    width: 19%;
    left: 50%;
  }

  .field-email-footer {
    width: 265px;
  }

  .img-perf-3 {
    bottom: -41%;
  }

  .slide {
    float: none;
    text-align: left;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-clip: border-box;
    border: 0 solid #000;
    height: auto;
  }

  .youtube-2 {
    aspect-ratio: 2.39;
    object-fit: fill;
    justify-content: flex-end;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 100%;
  }

  .container.z-index-mobile {
    z-index: 11;
    flex: 1;
    position: relative;
  }

  .container-small, .container-medium {
    max-width: 100%;
  }

  .container-medium.footer {
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-large {
    max-width: 100%;
  }

  .section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section.hero {
    padding-top: 8rem;
  }

  .wrapper-col {
    overflow: visible;
  }

  .col-5._100-w, .col-7._100-w {
    width: 100%;
  }

  .wrapper-col-wrap.margin-top-small {
    align-items: stretch;
  }

  .dsp-2xl {
    font-size: 50px;
  }

  .dsp-2xl.except-size {
    font-size: 41px;
  }

  .dsp-xs.no-margin.hidden-mobile {
    display: none;
  }

  .button.cta-navbar {
    width: 101%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .button-inline {
    text-align: center;
  }

  .button-inline.variante-cards.show-mobile {
    display: none;
  }

  .label.absolute {
    margin-top: 1.25rem;
    margin-left: 1.25rem;
  }

  .wrap-card-parent-content {
    padding: 0;
  }

  .card-image {
    height: 150px;
  }

  .wrap-relative-logo.margin-top-medium {
    margin-top: 3rem;
  }

  .navbar {
    padding: 1.75rem 40px 0;
    position: absolute;
    inset: 0% 0% auto;
  }

  .background-navbar {
    display: none;
  }

  .link-navbar {
    justify-content: flex-end;
    font-size: 20px;
  }

  .link-navbar.w--open {
    justify-content: flex-start;
  }

  .logo-navbar {
    align-self: auto;
    width: 140px;
  }

  .link-logo-navbar {
    margin-top: -5px;
  }

  .dropdown-navbar {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-list-navbar.w--open {
    width: 100%;
    padding-top: 0;
    position: relative;
  }

  .dropdown-list-navbar.ressources.w--open {
    right: auto;
  }

  .wrap-dropdown-item-navbar {
    box-shadow: none;
    background-color: #0000;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 0 0 .5rem;
  }

  .wrap-cta-navbar {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-end;
    width: 40%;
  }

  .navbar-desktop {
    display: none;
  }

  .navbar-mobile {
    z-index: 1000000;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .burger-navbar {
    z-index: 999;
    background-color: var(--background-gris--beige);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    margin-top: 1rem;
    margin-right: 40px;
    padding: 0;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .burger-lottie {
    width: 40px;
    height: 40px;
  }

  .menu-burger {
    z-index: 998;
    background-color: var(--background-gris--beige);
    width: 100%;
    height: 100vh;
    padding: 5rem 40px 8rem;
    display: flex;
    position: fixed;
    inset: 0% 0% 0% auto;
    transform: none;
  }

  .wrap-item-burger-menu {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .banner-announcement {
    display: none;
    position: relative;
  }

  .wrap-cards-content-img.cards-home {
    padding-right: 3rem;
  }

  .block-content-logo {
    width: 110px;
    height: auto;
    bottom: 41%;
  }

  .block-content-logo.cas-clients {
    width: 80%;
    height: 100px;
  }

  .block-content-logo.cas-clients.featured {
    left: 30%;
  }

  .wrap-bandeau-exp-premium {
    text-align: center;
    align-items: center;
    padding-bottom: 0;
  }

  .img-cta-exp-premium {
    width: 90%;
    margin-top: 1rem;
    position: relative;
    right: auto;
  }

  .wrap-bandeau-mid-page {
    text-align: center;
    align-items: center;
    padding-bottom: 3rem;
    padding-left: 2.5rem;
  }

  .link-block-dropdown:hover {
    background-color: #0000;
  }

  .span-title-dropdown-nav {
    font-size: 16px;
  }

  .img-dropdown, .block-button-image-nav {
    display: none;
  }

  .wrap-hero-image {
    width: 100%;
    height: auto;
  }

  .img-home-hero-2 {
    bottom: 10%;
    left: -5%;
  }

  .img-cards-home {
    width: 100%;
  }

  .footer {
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper-banner-footer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .big-cards-test-triple {
    height: 450px;
  }

  .big-cards-test-triple.except-solo-cards {
    height: auto;
  }

  .bg-video-testi-triple {
    width: 410px;
    max-width: 410px;
    height: 282px;
  }

  .cards-chiffre-testi-triple {
    margin-top: 0;
  }

  .wrapper-testi-triple {
    flex-direction: column;
  }

  .wrap-video-testi {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: row;
    width: 100%;
  }

  .wrapper-relative-testi {
    overflow: visible;
  }

  .block-content-img {
    height: 100%;
  }

  .pop-up-fluidit, .pop-up-promoteurs {
    height: auto;
  }

  .cards-chiffre-testi-solo {
    margin-top: 0;
  }

  .video-meantime {
    max-height: 338.336px;
  }

  .pop-up-harmonie._2 {
    margin-left: 2.8rem;
    left: 45%;
  }

  .pop-up-harmonie._3 {
    margin-left: 3rem;
  }

  .pop-up-harmonie._4 {
    left: 60%;
  }

  .pop-up-harmonie._5 {
    z-index: 1;
    left: 59%;
  }

  .pop-up-harmonie._2-1 {
    left: 6%;
  }

  .pop-up-harmonie._4-1 {
    left: 9%;
  }

  .pop-up-harmonie._4-2 {
    display: none;
    left: 23%;
  }

  .pop-up-harmonie._5-1 {
    left: 6%;
  }

  .pop-up-harmonie._5-2 {
    display: none;
  }

  .img-tma {
    width: 25%;
    position: static;
    top: 6%;
    left: -36%;
  }

  .img-tma.hidden-tablet {
    display: none;
  }

  .content-img-tma {
    position: absolute;
    inset: 67px 61% 61% auto;
  }

  .content-img-tma.hidden-tablet {
    display: none;
  }

  .center-horizontal {
    justify-content: space-between;
  }

  .center-horizontal.test {
    justify-content: flex-start;
  }

  .center-horizontal.wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .lottie-signature {
    width: 27%;
    position: static;
    top: 114%;
    bottom: -16%;
    right: -65%;
  }

  .lottie-signature.hidden-tablet {
    display: none;
  }

  .lottie-signature.hidden-desktop {
    display: block;
  }

  .block-lottie-tma {
    justify-content: space-around;
    position: relative;
  }

  .wrap-content-cards-featured-cas-clients {
    padding-left: .8rem;
    padding-right: .8rem;
  }

  .img-defilement-horizontal {
    height: 7rem;
  }

  .lottie-contrat-digitalise {
    top: 45%;
  }

  .img-bandeau-mid-page {
    width: 90%;
    margin-top: 1rem;
    position: relative;
    right: auto;
  }

  .img-api {
    top: 69%;
    left: -2%;
  }

  .img-partenaires-hero {
    top: 4%;
  }

  .lottie-big-line-purple {
    width: 480px;
    left: 58%;
  }

  .video-home {
    width: 130px;
    height: 130px;
    bottom: 30%;
  }

  .hidden-desktop {
    display: inline-block;
  }

  .content-wrap-link-nav {
    justify-content: space-between;
  }

  .overflow-scroll {
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: scroll;
  }

  .cache-right {
    z-index: 10;
    background-color: var(--background-gris--beige);
    width: 30px;
    height: 100%;
    padding: 0;
    position: absolute;
    inset: 0% 1.9rem 0% auto;
  }

  .cache-bottom {
    z-index: 10;
    background-color: var(--background-gris--beige);
    width: 100%;
    height: 30px;
    padding: 0;
    position: absolute;
    inset: auto 0% 3rem;
  }

  .logo-navbar-lottie {
    align-self: auto;
    width: 140px;
  }

  .nav-element {
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .left-arrow {
    top: 92%;
    left: 39.5%;
  }

  .right-arrow {
    top: 92%;
    right: 40%;
  }

  .dropdown-lang {
    align-self: flex-start;
    margin-top: 0;
  }

  .wrap-content-cta-nav {
    justify-content: space-between;
  }

  .fluidifiez__box-notif.second {
    bottom: 5%;
  }

  .fluidifiez-pointer {
    width: 30%;
  }

  .img-perf-1 {
    width: 290px;
    height: 200px;
    left: 8%;
  }

  .img-perf-3 {
    bottom: -29%;
    right: -2%;
  }

  .img-digi-1 {
    left: 18px;
  }

  .lottie-digi {
    top: -22%;
  }

  .img-digi-2 {
    top: -6%;
  }

  .asset-signature {
    width: 90%;
  }

  .analysez-2 {
    bottom: -6%;
  }

  .process-2 {
    top: -29%;
  }

  .process-3 {
    bottom: -20%;
  }

  .suivez-1 {
    width: 39%;
    height: 37%;
    right: 7%;
  }

  .ecosysteme-1 {
    display: none;
    top: -5%;
    left: -3%;
  }

  .ecosysteme-2 {
    display: none;
    top: 8%;
    left: -2%;
  }

  .premium-2 {
    border-bottom-right-radius: 17px;
  }

  .wrap-fonctionnalites-1 {
    display: none;
  }

  .section-crm {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-crm.hero {
    padding-top: 8rem;
  }

  .container-medium-copy {
    max-width: 100%;
  }

  .container-medium-copy.footer {
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .wrap-bandeau-crm {
    text-align: center;
    align-items: center;
    padding-bottom: 0;
  }
}

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

  h2 {
    font-size: 48px;
  }

  h3 {
    font-size: 36px;
  }

  h4 {
    font-size: 30px;
  }

  h5 {
    font-size: 24px;
  }

  .container-medium.footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section {
    padding: 5rem 20px;
  }

  .section.beige-clair.pading-top-large {
    padding-top: 6.5rem;
  }

  .section.beige-clair.pading-top-large.relative {
    padding-top: 5rem;
  }

  .section.beige-clair.padding-top-medium {
    padding-bottom: 4rem;
  }

  .wrapper-col, .wrapper-col.center-horizontal {
    flex-direction: column;
  }

  .wrapper-col.center-horizontal.margin-top.invert-responsive, .wrapper-col.center-horizontal.invert-responsive {
    flex-direction: column-reverse;
  }

  .col, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10 {
    width: 100%;
  }

  .wrapper-col-wrap {
    flex-direction: column;
    margin-left: -.05rem;
    margin-right: -.05rem;
  }

  .wrapper-col-wrap.margin-top {
    margin-left: 0;
    margin-right: 0;
  }

  .col-4-wrap, .col-3-wrap {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .dsp-2xl {
    font-size: 49px;
  }

  .dsp-xl {
    font-size: 35px;
  }

  .dsp-lg {
    font-size: 30px;
  }

  .dsp-md {
    font-size: 22px;
  }

  .dsp-sm {
    font-size: 24px;
  }

  .button {
    width: 80%;
  }

  .button.secondary.menu-mobile {
    width: 100%;
  }

  .button.cta-navbar {
    width: 101%;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .wrap-button {
    justify-content: center;
  }

  .wrap-button.margin-top {
    flex-direction: column;
  }

  .wrap-button.justify-start {
    justify-content: flex-start;
  }

  .button-inline {
    justify-content: center;
    width: 80%;
    display: flex;
  }

  .button-inline.variante-cards {
    width: 101%;
  }

  .button-inline.variante-cards.show-mobile {
    display: none;
  }

  .col-6-wrap {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .wrap-card-content.partenaires {
    align-items: flex-start;
  }

  .wrap-card-parent-content {
    padding: .5rem 2rem 2rem 1rem;
  }

  .wrap-card-parent-content.cards-home {
    padding: 0;
  }

  .card-image {
    height: 180px;
  }

  .card-image.cas-clients {
    width: 100%;
  }

  .card-image.presse {
    width: 100%;
    height: 180px;
  }

  .wrapper-col-tab {
    flex-direction: column;
  }

  .wrapper-col-tab.left-horizontal {
    flex-flow: wrap;
  }

  .wrapper-col-logo {
    flex-direction: row;
  }

  .navbar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-navbar {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .link-navbar.w--open {
    align-items: flex-start;
  }

  .logo-navbar {
    width: 140px;
  }

  .dropdown-navbar {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .wrap-dropdown-item-navbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .wrap-cta-navbar {
    align-items: flex-start;
    width: 50%;
    padding-top: 0;
  }

  .burger-navbar {
    margin-right: 20px;
  }

  .menu-burger {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrap-cards-content-img.cards-home {
    padding-top: 2.5rem;
    padding-right: 4rem;
  }

  .block-content-logo {
    width: 230px;
  }

  .block-content-logo.cas-clients.featured {
    left: 19%;
  }

  .wrap-bandeau-exp-premium {
    text-align: center;
    align-items: center;
    padding-bottom: 0;
  }

  .img-cta-exp-premium {
    width: 400px;
    position: relative;
    right: 0;
  }

  .wrap-bandeau-mid-page {
    text-align: center;
    align-items: center;
    padding-bottom: 2rem;
    padding-left: 0;
  }

  .wrap-big-cta {
    text-align: center;
    align-items: center;
    padding-bottom: 2.6rem;
    padding-left: 2.5rem;
  }

  .wrap-big-cta.black {
    padding-bottom: 6rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .link-block-dropdown {
    margin-right: .5rem;
  }

  .wrap-hero-image {
    width: auto;
  }

  .col-5-5 {
    width: 100%;
  }

  .img-home-hero-2 {
    bottom: 0%;
    left: 13%;
  }

  .faq-block-2 {
    text-align: center;
  }

  .footer {
    padding-left: 0;
    padding-right: 0;
  }

  .col-footer {
    width: 101%;
  }

  .wrap-content-link-footer {
    flex-flow: row;
    width: 100%;
    margin-right: 0%;
  }

  .wrapper-banner-footer {
    height: auto;
  }

  .big-cards-test-triple {
    height: 500px;
  }

  .big-cards-test-triple.except-solo-cards {
    height: auto;
  }

  .cards-chiffre-testi-triple {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .wrapper-relative-testi {
    flex-direction: column;
  }

  .img-home-basic {
    max-height: 250px;
  }

  .testi-slider {
    font-size: 30px;
  }

  .block-content-img {
    justify-content: center;
    display: flex;
  }

  .wrap-img-faq-home._2, .wrap-img-faq-home._3, .wrap-img-faq-home._4 {
    opacity: 0;
    width: 100%;
    left: 50%;
    transform: translate(-50%);
  }

  .wrap-img-faq-home._1 {
    opacity: 1;
    width: 100%;
    height: 100%;
  }

  .img-tripadvisor {
    width: 40%;
  }

  .wrap-content-pop-up-3 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    width: 45%;
    right: 5%;
  }

  .fake-button {
    width: 100%;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 0;
    font-size: 12px;
  }

  .cards-chiffre-testi-solo {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .pop-up-harmonie._1 {
    left: 39%;
  }

  .pop-up-harmonie._3 {
    left: 34%;
  }

  .pop-up-harmonie._4 {
    left: 52%;
  }

  .pop-up-harmonie._5 {
    left: 38%;
  }

  .pop-up-harmonie._2-1 {
    left: 20%;
  }

  .pop-up-harmonie._3-1 {
    left: 11%;
  }

  .pop-up-harmonie._4-1 {
    left: 20%;
  }

  .pop-up-harmonie._5-2 {
    display: inline-block;
    left: 72%;
  }

  .content-img-tma {
    width: 160px;
    height: 80px;
    top: 55px;
    bottom: 68%;
    right: 60%;
  }

  .center-horizontal.test {
    align-items: baseline;
  }

  .block-content-social-cas-clients {
    width: 100%;
  }

  .block-content-social-cas-clients.hidden {
    display: none;
  }

  .block-content-social-cas-clients.hidden-desktop {
    justify-content: center;
    display: flex;
  }

  .wrap-content-cards-featured-cas-clients {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .cards-featured-presse {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
  }

  .wrap-content-featured-presse {
    align-items: center;
    padding-bottom: 0;
  }

  .img-defilement-horizontal {
    height: 10.8rem;
  }

  .bandeau-left {
    display: none;
  }

  .img-loft-lumineux {
    width: 30%;
    top: -14%;
  }

  .lottie-contrat-digitalise {
    width: 40%;
    top: 22%;
    right: 9%;
  }

  .img-contrat-digitalise {
    top: 57%;
    left: 30%;
  }

  .img-bandeau-mid-page {
    width: 400px;
    position: relative;
    right: 0;
  }

  .lottie-reservation-process {
    width: 34%;
  }

  .img-mercier-sign-2 {
    width: 41%;
    top: 4%;
  }

  .img-hero-comercialisateurs {
    left: 0%;
  }

  .lottie-sign-sociale {
    width: 50%;
    left: 4%;
  }

  .img-api {
    top: -7%;
  }

  .img-partenaires-hero {
    top: -6%;
    right: -2%;
  }

  .img-accompagnement-sur-mesure {
    max-height: 250px;
  }

  .lottie-big-line-purple {
    width: 680px;
    display: none;
    left: 50%;
  }

  .video-home {
    width: 160px;
    height: 160px;
    bottom: 36%;
  }

  .content-succes-sms {
    display: flex;
  }

  .cache-right {
    right: 1rem;
  }

  .logo-navbar-lottie {
    width: 140px;
  }

  .left-arrow {
    top: 92%;
    left: 36%;
  }

  .right-arrow {
    top: 92%;
    right: 37%;
  }

  .img-for-zoom {
    max-height: 250px;
  }

  .fluidifiez__box-notif.second {
    bottom: 23%;
  }

  .img-perf-1 {
    width: 100%;
    height: 330px;
    position: static;
  }

  .img-perf-2 {
    width: 60%;
    top: 4%;
    left: 6%;
  }

  .img-perf-3 {
    width: 50%;
    bottom: -16%;
    right: 9%;
  }

  .img-digi-1 {
    left: 88px;
  }

  .lottie-digi {
    top: -7%;
  }

  .img-digi-2 {
    right: 5%;
  }

  .vente-asset-1 {
    width: 40%;
    inset: auto auto 9% 6%;
  }

  .vente-asset-2 {
    width: 36%;
    bottom: 9%;
  }

  .lottie-and-img {
    top: 48px;
  }

  .asset-signature {
    width: 40%;
  }

  .analysez-1 {
    width: 90%;
    top: 0;
  }

  .analysez-2 {
    z-index: 20;
    bottom: -11%;
  }

  .asset-promoteur-2 {
    z-index: 20;
    border-radius: 15px;
    width: 30%;
    top: -5%;
    left: -2%;
  }

  .process-1 {
    width: 100%;
    height: auto;
    max-height: 250px;
    left: auto;
  }

  .process-2 {
    border-radius: 15px;
    width: 51%;
    left: 6%;
  }

  .process-3 {
    width: 40%;
    bottom: 4%;
    right: 4%;
  }

  .suivez-1 {
    border-radius: 8px;
    height: 33%;
    right: 30%;
  }

  .suivez-2 {
    width: 20%;
  }

  .commercial-2 {
    display: none;
    inset: auto -3% -8% auto;
  }

  .commercial-4 {
    bottom: 7%;
    left: 6%;
  }

  .solution-1 {
    width: 44%;
    left: 6%;
  }

  .solution-2 {
    width: 40%;
    inset: 7% 6% auto auto;
  }

  .activite-2 {
    top: 6%;
  }

  .activite-3 {
    top: 37%;
  }

  .activite-4 {
    top: 70%;
  }

  .premium-3 {
    top: 0%;
  }

  .wrap-premium-absolute {
    top: -3%;
  }

  .section-crm {
    padding: 5rem 20px;
  }

  .section-crm.beige-clair.pading-top-large {
    padding-top: 6.5rem;
  }

  .section-crm.beige-clair.pading-top-large.relative {
    padding-top: 5rem;
  }

  .section-crm.beige-clair.padding-top-medium {
    padding-bottom: 4rem;
  }

  .container-medium-copy.footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrap-bandeau-crm {
    text-align: center;
    align-items: center;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 479px) {
  .section.beige-clair.pading-top-large {
    padding-top: 6rem;
  }

  .section.beige-clair.padding-top-medium {
    padding-bottom: 2.5rem;
  }

  .wrapper-col.margin-top.no-margin-top-mobile {
    margin-top: 0;
  }

  .wrapper-col.margin-top.no-margin-top-mobile.gap-2rem {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .wrapper-col.center-horizontal.align-start-mobile {
    align-items: flex-start;
  }

  .wrapper-col-wrap {
    grid-row-gap: 2rem;
  }

  .dsp-2xl {
    font-size: 40px;
  }

  .dsp-2xl.except-size {
    font-size: 32px;
  }

  .dsp-xl {
    margin-bottom: 2rem;
    font-size: 32px;
  }

  .dsp-lg {
    font-size: 30px;
  }

  .dsp-md {
    font-size: 22px;
  }

  .button.secondary.menu-mobile {
    width: 100%;
  }

  .button.cta-navbar {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 16px;
  }

  .wrap-button {
    flex-direction: column;
    align-items: center;
  }

  .wrap-button.margin-top-small.center-vertical, .wrap-button.margin-top, .wrap-button.margin-top.btn-big-cta, .wrap-button.margin-top.center-vertical-responsive {
    align-items: center;
  }

  .wrap-button.center-vertical {
    flex-direction: column;
    align-items: flex-start;
  }

  .wrap-button.justify-start {
    align-items: flex-start;
  }

  .button-inline {
    width: 100%;
    font-size: 16px;
  }

  .button-inline.variante-cards.hidden-mobile {
    display: none;
  }

  .button-inline.variante-cards.show-mobile {
    text-align: left;
    padding-top: 1rem;
    padding-left: 0;
    display: inline-block;
  }

  .card.featured {
    flex-direction: column;
  }

  .wrap-card-content.cas-clients {
    grid-row-gap: 1rem;
  }

  .wrap-card-content.cards-home {
    padding-left: 0;
  }

  .wrap-card-parent-content {
    padding-right: 1rem;
  }

  .wrap-card-parent-content.fonctionnalit {
    padding: 0;
  }

  .card-image.featured {
    width: 100%;
    height: 250px;
  }

  .tab {
    flex: 1;
  }

  .overlay-logo-left, .overlay-logo-right {
    width: 5rem;
  }

  .link-navbar {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .link-navbar.w--open {
    justify-content: space-between;
    align-items: center;
  }

  .dropdown-navbar {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .dropdown-list-navbar.w--open {
    width: auto;
  }

  .wrap-dropdown-item-navbar {
    width: 100%;
  }

  .wrap-cta-navbar {
    align-items: flex-start;
    width: 80%;
    font-size: 14px;
  }

  .wrap-cards-content-img.cards-home {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .block-content-logo {
    width: 190px;
  }

  .block-content-logo.cas-clients.featured {
    left: 35%;
  }

  .wrap-bandeau-exp-premium {
    padding-bottom: 2.5rem;
  }

  .img-cta-exp-premium {
    display: none;
  }

  .wrap-bandeau-mid-page {
    padding: 2rem 1rem;
  }

  .wrap-big-cta {
    padding: 3.5rem 1rem;
  }

  .wrap-big-cta.black {
    padding-bottom: 3.5rem;
  }

  .link-block-dropdown, .img-cards-home {
    width: 100%;
  }

  .img-projet-immo-home {
    width: 100%;
    max-width: none;
    display: inline;
    position: relative;
  }

  .faq-block-2 {
    text-align: left;
  }

  .faq-content-wrap-2 {
    padding-right: 0;
  }

  .wrap-content-link-footer {
    flex-direction: column;
  }

  .big-cards-test-triple {
    padding-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .big-cards-test-triple.except-solo-cards {
    height: auto;
    padding-bottom: 1.5rem;
  }

  .bg-video-testi-triple {
    width: 100%;
    display: none;
  }

  .cards-chiffre-testi-triple {
    padding-left: 2rem;
  }

  .big-chiffre-testi {
    font-size: 54px;
  }

  .wrap-video-testi {
    flex-direction: column;
  }

  .testi-slider {
    font-size: 21px;
  }

  .block-content-img {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
  }

  .wrap-img-faq-home._2 {
    opacity: 0;
    position: absolute;
    inset: 0% 0% 0% 50%;
  }

  .wrap-img-faq-home._3 {
    opacity: 0;
  }

  .wrap-img-faq-home._4 {
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 50%;
  }

  .wrap-img-faq-home._1 {
    opacity: 1;
    width: 100%;
    position: relative;
    overflow: visible;
  }

  .img-tripadvisor {
    width: 65%;
  }

  .wrap-content-pop-up-1 {
    transform: translate(0, -50%);
  }

  .pop-up-fluidit {
    width: 90%;
  }

  .wrap-content-pop-up-3 {
    width: 57%;
  }

  .icon-fake-button {
    margin-right: 0;
  }

  .video-meantime {
    max-height: 250px;
  }

  .pop-up-harmonie._1 {
    height: 50px;
  }

  .pop-up-harmonie._2 {
    height: 50px;
    left: 43%;
  }

  .pop-up-harmonie._3 {
    height: 53px;
    left: 27%;
  }

  .pop-up-harmonie._4 {
    height: 48px;
    top: 62%;
    left: 55%;
  }

  .pop-up-harmonie._5 {
    left: 20%;
  }

  .pop-up-harmonie._2-1 {
    height: 49px;
    left: -4%;
  }

  .pop-up-harmonie._3-1 {
    height: 47px;
    top: 41%;
    left: -2%;
  }

  .pop-up-harmonie._4-1 {
    height: 52px;
    left: 5%;
  }

  .pop-up-harmonie._5-1 {
    display: none;
    left: -7%;
  }

  .pop-up-harmonie._5-2 {
    display: none;
  }

  .block-lottie-tma {
    flex-direction: column;
    display: none;
  }

  .img-main-cas-clients {
    height: 110px;
    max-height: none;
  }

  .cards-featured-presse {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .wrap-content-featured-presse {
    grid-row-gap: 0rem;
  }

  .wrap-defilement-personnalisation, .wrap-defilement-horizontal-solutions {
    height: 250px;
  }

  .img-defilement-horizontal {
    height: 5.1rem;
  }

  .bandeau-left {
    display: flex;
  }

  .lottie-contrat-digitalise {
    top: 42%;
    right: 18%;
  }

  .lottie-contrat-digitalise.weglot-es {
    width: 50%;
  }

  .img-bandeau-mid-page {
    display: none;
  }

  .lottie-reservation-process {
    width: 53%;
  }

  .img-mercier-sign-2 {
    width: 80%;
  }

  .img-api {
    display: none;
    top: 38%;
  }

  .img-partenaires-hero {
    width: 17%;
    display: none;
    top: 14%;
  }

  .lottie-big-line-purple {
    display: none;
    left: 130%;
  }

  .video-home {
    width: 100px;
    height: 100px;
    bottom: 28%;
  }

  .content-wrap-link-nav {
    flex-direction: column;
  }

  .left-arrow {
    top: 91%;
    left: 23%;
  }

  .right-arrow {
    top: 91%;
    right: 22%;
  }

  .img-for-zoom {
    max-height: none;
  }

  .fluidifiez__box-notif.second {
    bottom: 7%;
  }

  .title-notif {
    font-size: 10px;
  }

  .subtitle-notif {
    font-size: 9px;
  }

  .img-perf-2 {
    width: 90%;
  }

  .img-perf-3 {
    width: 80%;
    bottom: -9%;
  }

  .img-digi-1 {
    position: relative;
    top: 0;
    left: 0;
  }

  .lottie-digi {
    z-index: 20;
    width: 50%;
    left: -4%;
  }

  .vente-asset-1 {
    width: 50%;
    bottom: 28%;
    left: 14%;
  }

  .vente-asset-2 {
    width: 40%;
  }

  .lottie-and-img {
    left: 35px;
  }

  .asset-signature {
    width: 60%;
  }

  .analysez-1 {
    width: 100%;
  }

  .analysez-lottie {
    z-index: 20;
    width: 40%;
    inset: 6% 4% auto auto;
  }

  .asset-promoteur-2 {
    border-radius: 12px;
  }

  .process-2 {
    border-radius: 12px;
    width: 60%;
    top: 5%;
  }

  .process-3 {
    width: 60%;
  }

  .suivez-1 {
    height: 35%;
    right: 10%;
  }

  .suivez-2 {
    width: auto;
    height: 35%;
  }

  .solution-1 {
    width: 51%;
  }

  .solution-2 {
    width: 45%;
    top: 24%;
    right: 13%;
  }

  .activite-2 {
    top: 21%;
  }

  .activite-3 {
    top: 42%;
  }

  .activite-4 {
    top: 65%;
  }

  .image-3 {
    width: 80%;
  }

  .accompagnement-2 {
    width: 70%;
  }

  .premium-2 {
    border-bottom-right-radius: 13px;
  }

  .section-crm.beige-clair.pading-top-large {
    padding-top: 6rem;
  }

  .section-crm.beige-clair.padding-top-medium, .wrap-bandeau-crm {
    padding-bottom: 2.5rem;
  }
}


@font-face {
  font-family: 'Plusjakartasans Bold';
  src: url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans Regular';
  src: url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plusjakartasans Medium';
  src: url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Matter';
  src: url('../fonts/Matter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Matter Bold';
  src: url('../fonts/Matter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Medium';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}