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

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

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Poppins;
  src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

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

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

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

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

:root {
  --header-height: 10vh;
  --margin-tb-3: 2vh;
  --padding-lr: 4vw;
  --main-1: #000e36;
  --main-2: #bf273a;
  --white: white;
  --padding-header-height: 9vh;
  --padding-tb: 10vh;
  --margin-tb-1: .5vh;
  --margin-tb-2: 1vh;
  --margin-tb-4: 3vh;
  --margin-tb-5: 4vh;
  --margin-tb-6: 6vh;
  --margin-tb-7: 8vh;
  --margin-tb-8: 10vh;
  --main-2-light: #e78d98;
}

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

p {
  margin-bottom: 0;
}

.header {
  z-index: 11;
  width: 100%;
  height: var(--header-height);
  padding: var(--margin-tb-3) var(--padding-lr);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.header__logo_wrap {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  display: flex;
}

.header__logo__img {
  object-fit: contain;
  object-position: 0% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.header__logo__img.dark-mode {
  display: none;
}

.burger-menu {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  cursor: pointer;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 32px;
  padding-left: 12px;
  padding-right: 12px;
  transition: all .2s cubic-bezier(0, .601, .067, .787);
  display: flex;
}

.burger-menu:hover {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  height: 36px;
}

.burger__line {
  background-color: #fff;
  border-radius: 20px;
  width: 100%;
  height: 2px;
  position: relative;
}

.body {
  color: var(--white);
  background-color: #d4d4d4;
  font-family: Poppins, Arial, sans-serif;
  font-size: 2vh;
  line-height: 1;
}

.bg-video-custom-home {
  z-index: 0;
  opacity: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.bg-video {
  justify-content: center;
  align-items: flex-start;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.section {
  background-color: var(--white);
  width: 100%;
  height: 100vh;
  padding-right: 125px;
  position: relative;
  overflow: hidden;
}

.section:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06) {
  padding-right: 125px;
}

.section.section--grey {
  background-color: #f3f3f3;
}

.section.section--slider, .section.no-p, .section.no-padding {
  padding-right: 0;
}

.section.right-5 {
  padding-right: 125px;
}

.wrap-section {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.nav-bottom.classique {
  z-index: 10;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: 6vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.nav-bottom.classique.hide {
  display: none;
}

.nav-bottom.classique.higher {
  height: 6vh;
}

.nav-bottom.nav-bottom__pays {
  z-index: 9;
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7vh;
  padding-top: 1vh;
  padding-bottom: 1vh;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.nav-bottom__button {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #000e367d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 11vw;
  height: 100%;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 1.2vh;
  font-weight: 400;
  transition: all .6s;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.nav-bottom__button.current {
  background-color: var(--main-2);
}

.nav-bottom__button.nav-bottom__buttom__fake {
  display: none;
}

.nav-bottom__button.nav-bottom__buttom__fake.current {
  display: flex;
  position: absolute;
}

.nav-bottom__button.navbottom_2-lines {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: left;
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
}

.nav-bottom__button.nav-bottom__line-and-circle {
  text-align: right;
  background-color: #000e3600;
  flex-flow: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  max-width: none;
  height: 28px;
  padding: 0;
}

.nav-bottom__button.nav-bottom__line-and-circle:where(.w-variant-468784ec-dd95-6917-9ee0-dbb5f8d3f8cc) {
  text-align: right;
  flex: none;
  width: auto;
  display: flex;
}

.nav-bottom__button.nav-bottom__line-and-circle.current {
  font-weight: 700;
}

.nav-bottom__button.nav-bottom__line-and-circle.first-2 {
  text-align: right;
  flex: none;
  width: auto;
  display: flex;
}

.nav-bottom__button.nav-bottom__line-and-circle.hide {
  display: none;
}

.nav-bottom__button.nav-bottom__line-and-circle.first-7 {
  text-align: right;
  flex: none;
  width: auto;
  display: flex;
}

.nav-bottom__button.nav-bottom__line-and-circle.n2 {
  height: 18px;
}

.nav-bottom__button.nav-bottom__line-and-circle.n2.current {
  font-weight: 700;
}

.nav-bottom__button.nav-bottom__line-and-circle.n2.first {
  margin-top: -4px;
}

.nav-bottom__button.nav-bottom__line-and-circle.n2.first.current {
  color: #8ba9ff;
}

.nav-bottom__button.nav-bottom__line-and-circle.n2.last {
  height: 20px;
  margin-bottom: 0;
}

.nav-bottom__button.nav-bottom__button--pays {
  background-color: #ffffff0d;
  border: 1px solid #ffffff29;
}

.nav-bottom__button.nav-bottom__button--pays.current {
  background-color: #000e3669;
  font-weight: 500;
}

.section__content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 10vh 3vw 3vh;
  display: flex;
  position: relative;
}

.section__content.section__content_100vh {
  padding: var(--header-height) var(--padding-lr) var(--padding-tb);
  justify-content: flex-end;
  align-items: flex-start;
}

.section__content.section-left {
  z-index: 1;
  padding: var(--header-height) var(--padding-lr) var(--padding-tb);
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
}

.section__content.section-left:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06), .section__content.section-left.right-2, .section__content.section-left.right-4 {
  justify-content: flex-end;
  align-items: flex-end;
}

.section__content.section-left.spacebetween {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 4vw;
}

.section__content.section-left.sction-top-bottom {
  justify-content: space-between;
  align-items: flex-start;
}

.section__content.section-left.section-vert {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-right: 4vw;
}

.section__content.section-left.between-true {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 32vh;
}

.section__content.section-left.right-6 {
  justify-content: flex-end;
  align-items: flex-end;
}

.section__content.section__content__multi-card {
  padding: var(--header-height) var(--padding-lr) var(--padding-tb);
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  color: var(--main-1);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.section__content.section__content__multi-card:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06), .section__content.section__content__multi-card.right-2 {
  justify-content: flex-end;
  align-items: flex-end;
}

.section__content.section__content__multi-card.card-left {
  justify-content: center;
  align-items: flex-start;
}

.section__content.section-right {
  z-index: 1;
  padding: var(--header-height) var(--padding-lr) var(--padding-tb);
  justify-content: flex-end;
  align-items: flex-end;
  position: relative;
}

.section__content.section-right:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06), .section__content.section-right.right-2 {
  justify-content: flex-end;
  align-items: flex-end;
}

.section__content.section-left-center {
  z-index: 1;
  padding: var(--header-height) var(--padding-lr) var(--padding-tb);
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

.section__content.section-left-center:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06), .section__content.section-left-center.right-2, .section__content.section-left-center.right-4 {
  justify-content: flex-end;
  align-items: flex-end;
}

.section__content.section-center {
  z-index: 1;
  padding: var(--header-height) var(--padding-lr) var(--padding-tb);
  justify-content: center;
  align-items: center;
  position: relative;
}

.section__content.section-center:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06), .section__content.section-center.right-2, .section__content.section-center.right-4 {
  justify-content: flex-end;
  align-items: flex-end;
}

.section__content.section-center.spacebetween {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 4vw;
}

.section__content.section-center.sction-top-bottom {
  justify-content: space-between;
  align-items: flex-start;
}

.section__content.section-center.section-vert {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-right: 4vw;
}

.section__content.section-left-with-padding-sm-device {
  z-index: 1;
  padding: var(--header-height) var(--padding-lr) var(--padding-tb);
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
}

.section__content.section-left-with-padding-sm-device:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06), .section__content.section-left-with-padding-sm-device.right-2, .section__content.section-left-with-padding-sm-device.right-4 {
  justify-content: flex-end;
  align-items: flex-end;
}

.section__content.section-left-with-padding-sm-device.spacebetween {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 4vw;
}

.section__content.section-left-with-padding-sm-device.sction-top-bottom {
  justify-content: space-between;
  align-items: flex-start;
}

.section__content.section-left-with-padding-sm-device.section-vert {
  grid-column-gap: 7vw;
  grid-row-gap: 7vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  padding-right: 4vw;
}

.section__content.section-left-with-padding-sm-device.between-true {
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 32vh;
}

.wrap-bg {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.wrap-bg:where(.w-variant-687fb325-949e-13bb-651d-3b6e34997a58) {
  object-position: 100% 50%;
}

.wrap-bg.z1 {
  z-index: 1;
}

.wrap-bg.only-sm-device, .wrap-bg.wrap-bg-home-sm-devices {
  display: none;
}

.wrapper {
  width: 100%;
  height: 100vh;
  overflow: visible;
}

.prez {
  font-size: 2vh;
  line-height: 1.2;
}

.bg {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bg:where(.w-variant-c87e5e71-2b00-4560-3a12-072263b08d08) {
  object-position: 50% 0%;
}

.bg:where(.w-variant-101fbfda-ddf1-4327-1573-74b4883a0e63) {
  object-position: 50% 25%;
}

.bg:where(.w-variant-b3b32efe-ef7b-d403-7c4f-f1a459aa7c9c) {
  object-position: 0% 50%;
}

.bg:where(.w-variant-49f76930-fd82-e9e2-97f3-6e2b4795be14) {
  object-position: 25% 50%;
}

.bg:where(.w-variant-4529c7c5-4a07-17fe-543b-91e334cc1efb) {
  object-position: 75% 50%;
}

.bg.ng-black-op {
  background-color: #0a0a0a52;
}

.bg.bg--main-1 {
  background-color: var(--main-1);
}

.bg.bg-gradient-black {
  background-image: linear-gradient(#0000, #000);
}

.bg.bg-gradient-black.bg--smaller {
  background-image: linear-gradient(#0000, #000000c9);
  height: 50%;
  inset: auto auto 0% 0%;
}

.bg.bg-gradient-black.bg--smaller-left {
  background-image: linear-gradient(-90deg, #0000, #0000005e 38%, #0000007d 100%, #000000c9);
  width: 35%;
  height: 100%;
  inset: auto auto 0% 0%;
}

.bg.bg-gradient-black.bg--smaller-left--bigger {
  background-image: linear-gradient(-90deg, #0000, #0000005e 38%, #0000007d 100%, #000000c9);
  width: 59%;
  height: 100%;
  inset: auto auto 0% 0%;
}

.bg.bg-gradient-black.gradinet-lighter {
  background-image: linear-gradient(#0000, #00000075);
}

.bg.bg-gradient-black.less {
  background-image: linear-gradient(#0000, #000000bf);
}

.bg.top-2 {
  object-position: 50% 0%;
}

.bg.bg-light-grey {
  background-color: #dbdbdb;
}

.bg.bg-dark-op {
  background-color: #000e3680;
}

.bg.bg--bottom {
  object-position: 50% 100%;
}

.bg.bg-gradient-black--less {
  background-image: linear-gradient(#0000, #00000096 99%, #000);
}

.bg.bg-gradient-black--less.bg--smaller {
  background-image: linear-gradient(#0000, #000000c9);
  height: 50%;
  inset: auto auto 0% 0%;
}

.bg.bg-gradient-black--less.bg--smaller-left {
  background-image: linear-gradient(-90deg, #0000, #0000005e 38%, #0000007d 100%, #000000c9);
  width: 35%;
  height: 100%;
  inset: auto auto 0% 0%;
}

.bg.bg-gradient-black--less.bg--smaller-left--bigger {
  background-image: linear-gradient(-90deg, #0000, #0000005e 38%, #0000007d 100%, #000000c9);
  width: 59%;
  height: 100%;
  inset: auto auto 0% 0%;
}

.bg.bg-gradient-black--less.gradinet-lighter {
  background-image: linear-gradient(#0000, #00000075);
}

.bg.bg-gradient-black--less.less {
  background-image: linear-gradient(#0000, #000000bf);
}

.bg.top-4 {
  object-position: 50% 0%;
}

.bg.bg-right {
  object-position: 100% 0%;
}

.text--p {
  font-size: 16px;
  line-height: 1.4;
  position: relative;
}

.text--p:where(.w-variant-b49d18e5-0e50-cb3c-518c-285a67240225) {
  color: var(--main-1);
}

.text--p.text-p-smaller {
  width: 38vw;
}

.text--p.less-lh {
  line-height: 1.2;
}

.text--p.text--light {
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 300;
}

.text--p.text--light.uppercase {
  text-transform: uppercase;
}

.text--p.small-text {
  font-size: 10px;
  font-weight: 700;
}

.text--p.picture-p-name {
  color: var(--white);
  border-radius: 2px;
  padding: 0;
  font-size: 12px;
  display: inline-block;
}

.text--h1 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 2vh;
  font-size: 4.5vw;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
}

.text--h1:where(.w-variant-a6765d8b-881c-a505-5b14-2122e60acdb0) {
  color: var(--main-2);
  font-size: 6vw;
}

.button__text-wrap {
  background-color: #fff;
  border: 2px solid #ffd201;
  border-radius: 600px;
  justify-content: space-between;
  align-items: center;
  height: 6vh;
  padding-left: 1.5vw;
  padding-right: 1.5vw;
  display: flex;
  position: relative;
}

.text--p--l {
  font-size: 2.8vh;
  position: relative;
}

.text--p--button {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 2.1vh;
  font-weight: 700;
  position: relative;
}

.text--p-s {
  font-size: 1.8vh;
  position: relative;
}

.h1__separator {
  background-color: #ffd201;
  border-radius: 20px;
  width: 18vh;
  height: 1.75vh;
  position: relative;
}

.button__round {
  background-color: #fff;
  border: 2px solid #ffd201;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 6vh;
  height: 6vh;
  display: flex;
}

.button {
  border: 2px solid var(--main-1);
  background-color: var(--main-1);
  color: var(--white);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: 2vh;
  padding: 16px 24px;
  font-weight: 700;
  text-decoration: none;
  transition: all 1.2s cubic-bezier(0, .4, 0, 1.005);
  display: flex;
  position: relative;
}

.button:hover {
  transform: scale(1.1);
}

.button.button--border {
  border: 2px solid var(--white);
  background-color: #000e3600;
}

.text--md--cap--extrabold {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 2.4vh;
  font-weight: 900;
  position: relative;
}

.text--h4 {
  color: #ffd201;
  margin-bottom: 0;
  font-size: 4vh;
  position: relative;
}

.wrapper-font {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 10vh 3vw 3vh;
  display: none;
  position: relative;
}

.text--h6 {
  color: #ffd201;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 1.8vh;
  position: relative;
}

.text--p-xs {
  font-size: 12px;
  position: relative;
}

.text--p--md {
  font-size: 2.4vh;
  position: relative;
}

.text--p--md.bold {
  font-weight: 700;
}

.text--p--md.bold.cap {
  text-transform: uppercase;
}

.text--h5 {
  text-transform: uppercase;
  font-size: 3.2vh;
  font-weight: 900;
  line-height: 1.1;
  position: relative;
}

.button__round__icone {
  width: 1.5vw;
}

.text--p--xl {
  font-size: 3.2vh;
  position: relative;
}

.text--h2 {
  color: var(--main-2);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 2.2vh;
  font-weight: 700;
  line-height: 1.1;
  position: relative;
}

.text--h2:where(.w-variant-4a6288bd-59e0-461d-26cf-1f1c7f9ee1c4) {
  color: var(--white);
  line-height: 1.2;
}

.text--h2:where(.w-variant-58eec42f-f8c6-7db0-f415-14cc6ab74c25) {
  color: var(--main-1);
}

.text--h2.h2--cateogies {
  color: var(--white);
  letter-spacing: 4px;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 1.8vh;
}

.text--h2.white-2 {
  color: var(--white);
}

.text--h2.white-2.mb-24 {
  margin-bottom: 24px;
}

.text--h2.white-3 {
  color: var(--white);
  line-height: 1.2;
}

.text--h2.white-3.mb32 {
  margin-bottom: 32px;
}

.text--h2.white-3.mb32.white-true {
  color: var(--white);
}

.text--h2.white-3.mb8 {
  margin-bottom: 32px;
}

.text--h2.white-3.mb8.white-true {
  color: var(--white);
  margin-bottom: 8px;
}

.text--h2.white-4 {
  color: var(--white);
  line-height: 1.2;
}

.bloc-secondary {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 21vw;
  display: flex;
}

.bloc--h1 {
  position: relative;
}

.sub-text-home {
  max-width: 52ch;
  font-size: 2.5vh;
  position: relative;
}

.header__menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header__menu__link {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  text-decoration: none;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
}

.header__menu__link:hover {
  border-bottom: 0px solid var(--white);
}

.header__menu__link.w--current {
  border-bottom: 0px none var(--white);
  font-weight: 700;
}

.popup {
  z-index: 100;
  width: 100%;
  height: 100vh;
  padding-top: var(--header-height);
  background-color: var(--main-1);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0% auto auto -100%;
  overflow: hidden;
}

.popup.open {
  left: 0%;
}

.header__popup {
  width: 100%;
  height: var(--header-height);
  padding: var(--margin-tb-3) 3vw;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.popup__close {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--main-1);
  cursor: pointer;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 36px;
  padding-left: 12px;
  padding-right: 12px;
  transition: all .2s cubic-bezier(0, .601, .067, .787);
  display: none;
  box-shadow: 0 7px 7px #0003;
}

.popup__close:hover {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--main-1);
  width: 50px;
  height: 36px;
}

.popup__close.remove-all-class {
  width: 44px;
  height: 44px;
  box-shadow: none;
  background-color: #000e3600;
  padding: 0;
  transition-duration: 1s;
  display: flex;
}

.popup__close.remove-all-class:hover {
  transform: scale(1.3);
}

.popup__content {
  width: 100%;
  height: auto;
  padding: var(--padding-tb) var(--padding-lr);
  grid-column-gap: 5vw;
  grid-row-gap: 5vw;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.menu__img {
  width: 100%;
  height: 100%;
  position: relative;
}

.popup__link__wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.popup__menu__link {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  border: 2px solid #fff0;
  border-bottom: 4px #fff0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.popup__menu__link:hover {
  border-bottom: 4px none var(--white);
  letter-spacing: 4px;
  font-weight: 500;
}

.popup__menu__link.w--current {
  border-bottom: 4px none var(--white);
  padding-bottom: 8px;
  font-weight: 700;
}

.popup__menu__link.hide {
  display: none;
}

.popup__menu__link-n2 {
  color: var(--white);
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.popup__menu__link-n2:hover {
  color: var(--main-1);
}

.popup__menu__link-n2.w--current {
  color: var(--white);
  text-transform: uppercase;
  border-bottom-width: 4px;
}

.popup__menu__link-n2.hide.w--current {
  display: none;
}

.menu__wrap-img_link {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.wrap-text {
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 29vw;
  display: flex;
  position: relative;
}

.wrap-text:where(.w-variant-a8525a83-af89-99bf-22cb-dd6bf12aeaa8) {
  background-color: var(--white);
  width: 22vw;
  padding: 52px 32px;
}

.wrap-text:where(.w-variant-52efc512-dd44-a794-4c3f-6d69d94c4625) {
  background-color: var(--white);
  width: 40vw;
  padding: 52px 32px;
}

.wrap-text:where(.w-variant-1b8b8371-7a9c-e9d4-e1cb-db4a33aff707) {
  width: 24vw;
}

.wrap-text:where(.w-variant-5b110cf5-9338-5d43-0926-d978f221db72) {
  background-color: #000e3642;
  width: 40vw;
  padding: 52px 32px;
}

.wrap-text:where(.w-variant-13439382-9d62-193d-2767-96f5013d0e73) {
  width: 37vw;
}

.wrap-text.wrap-text--multi {
  width: 15vw;
}

.wrap-text.wider {
  width: 43vw;
}

.wrap-text.smaller {
  width: 24vw;
}

.wrap-text.wrap-text--aut-width {
  width: auto;
}

.wrap-text.wider--2 {
  flex: none;
  width: 22vw;
}

.wrap-text.wrap-space-betxeeb {
  justify-content: flex-start;
  align-items: flex-start;
}

.wrap-text.wrap-text--h {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 68vw;
  padding-right: 20px;
}

.wrap-text.wrap-kpi {
  width: 8vw;
  margin-right: 1vw;
}

.wrap-text.wrap-kpi.larger {
  width: 13vw;
}

.wrap-text.wrap-kpi.kpi-2 {
  background-color: var(--white);
  color: var(--main-1);
  padding: 20px;
}

.wrap-text.wider-3 {
  width: 38vw;
}

.wrap-text.wrap-padding-txt {
  padding-bottom: 2vh;
}

.wrap-text.wrap-padding-txt.wider {
  padding-bottom: 3vh;
}

.wrap-text.white-bg-larger-opacity {
  background-color: #000e3642;
  width: 40vw;
  padding: 52px 32px;
}

.wrap-text.white-bg-larger-opacity-darker {
  background-color: #080e1f87;
  width: 40vw;
  padding: 52px 32px;
}

.wrap-text.white-bg-larger-opacity-darker.smaller {
  width: 35vw;
}

.text--h3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 4vh;
  font-weight: 700;
  line-height: 1.15;
}

.text--h3:where(.w-variant-e7aa8ee8-cbd7-772b-3391-6904c1734f59), .text--h3.blue {
  color: var(--main-1);
}

.text--h3.text--h3--multi-card {
  max-width: 31ch;
  margin-bottom: 8px;
}

.text--h3.text--h3--multi-card.white {
  color: var(--white);
}

.text--h3.text--h3--multi-card.no-mb {
  margin-bottom: 0;
}

.text--h3.text--h3--multi-card.no-mb.text--white, .text--h3.text--h3--multi-card.no-mb.text--main-1 {
  margin-top: 20px;
}

.text--h3.mb8 {
  margin-bottom: 8px;
}

.text--h3.text-h3-wider {
  width: 74vw;
}

.text--h3.mb20, .text--h3.mb32 {
  margin-bottom: 32px;
}

.text--h3.mb0 {
  margin-bottom: 0;
}

.nav-bottom__button--wrapper {
  letter-spacing: 2px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1.25vw;
  font-weight: 700;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.nav-bottom__button--wrapper.current {
  background-color: var(--main-2);
}

.nav-bottom__button--wrapper.nav-bottom__buttom__fake {
  display: none;
}

.nav-bottom__button--wrapper.nav-bottom__buttom__fake.current {
  display: flex;
  position: absolute;
}

.wrap-multi-card {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin-top: 2vh;
  display: flex;
}

.wrap-multi-card.grid-2 {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.wrap-multi-card.category {
  grid-column-gap: 32px;
  grid-row-gap: 12px;
  color: var(--white);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.wrap-multi-card._2lines {
  grid-column-gap: 1.5vw;
  grid-row-gap: 1.5vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.card.card--product-categories {
  text-align: left;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 20px;
  text-decoration: none;
  transition: all 1s cubic-bezier(0, .99, .725, .967);
}

.wrap-text--multi-card {
  background-color: var(--white);
  text-align: left;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 23ch;
  padding: 2.5vh 1.5vw;
  display: flex;
  position: relative;
}

.slide-bg {
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.left-arrow, .right-arrow, .slide-nav {
  display: none;
}

.img-fit-contain {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
}

.img-fit-contain.abs {
  padding: 11vh var(--padding-lr) 19vh;
  position: absolute;
  inset: 0% auto auto 0%;
}

.img-fit-contain.only-sm-devices {
  display: none;
}

.wrap-img-full {
  width: 100%;
  height: 100%;
  position: absolute;
}

.nav-bottom__categorie {
  width: auto;
  height: 100%;
  color: var(--main-2);
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 1.25vw;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: -100% auto auto 0%;
}

.nav-bottom__categorie.current {
  background-color: var(--main-2);
}

.nav-bottom__categorie.nav-bottom__buttom__fake {
  display: none;
}

.nav-bottom__categorie.nav-bottom__buttom__fake.current {
  display: flex;
  position: absolute;
}

.wrap-several-nav-bottom {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.title-several-nav-bottom {
  background-color: var(--main-1);
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3vh;
  font-size: 1.5vh;
  display: flex;
  position: absolute;
  inset: -3vh auto auto 0%;
}

.wrap-several-nav-bottom-and-title {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.small-title {
  text-transform: none;
  font-size: .6vw;
}

.header__wrap-link-burger {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header__menu__linkn-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
  transition: all .6s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.header__menu__linkn-1:hover {
  border-bottom-width: 4px;
}

.header__menu__linkn-1.w--current {
  border-bottom-width: 4px;
  font-weight: 700;
}

.category__link {
  width: 100%;
  color: var(--white);
  margin-bottom: 12px;
  text-decoration: none;
}

.category__line {
  background-color: #ffffff1c;
  width: 100%;
  height: 1px;
  margin-top: -16px;
}

.category__wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card__img {
  width: 100%;
  height: 100%;
  position: relative;
}

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

.bg-transition-arrive {
  z-index: 10000;
  background-color: #000e3600;
  width: 100%;
  height: 120vh;
  transition: all .6s cubic-bezier(.215, .61, .355, 1);
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.transition-leave {
  z-index: 1000000;
  background-color: #000e3600;
  width: 100%;
  height: 100vh;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: block;
  position: fixed;
  inset: auto auto -120vh 0%;
}

.wrap-btn-h {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.button__text {
  letter-spacing: 2px;
  max-width: 52ch;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.popup-video-new {
  z-index: 101;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 100%;
}

.popup-video-new.open {
  left: 0%;
}

.bg-video-3 {
  z-index: 1;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.html-embed {
  width: 100%;
  height: 100vh;
}

.close-3 {
  z-index: 5;
  cursor: pointer;
  width: 35px;
  height: 35px;
  margin-top: 50px;
  margin-right: 50px;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-3:hover {
  transform: rotate(360deg);
}

.close-3.close-popup {
  z-index: 5;
  margin-top: 14vh;
}

.close-3.close-popup.close6popup6video {
  z-index: 1;
  margin-top: 20px;
  margin-right: 20px;
}

.popup__content-2 {
  width: 37vw;
  height: 100%;
  padding: var(--padding-tb) var(--padding-lr);
  grid-column-gap: 0vw;
  grid-row-gap: 0vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.popup__content-2.hide {
  display: none;
}

.popup__content-2.content-h {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
}

.popup__content-2.wider {
  width: 100vw;
}

.menu__wrap-img_link-2 {
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.menu__wrap-link {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.wrap-link-n2 {
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  display: flex;
  position: relative;
}

.wrap-link-mnu-arrow {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.arrow-link {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 16px;
  transition: all .6s;
  display: flex;
}

.arrow-link.clicked {
  transform: rotate(180deg);
}

.popup__link__wrapper-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-left: 1px solid var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 8px;
  padding-left: 16px;
  transition: all 1s;
  display: none;
  position: relative;
  overflow: hidden;
}

.popup__link__wrapper-2.open-sub-menu {
  display: flex;
}

.nav-bottom_wrapper.classique {
  z-index: 10;
  width: 100%;
  height: 5vh;
  padding-right: var(--padding-lr);
  padding-left: var(--padding-lr);
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: center;
  transition: all 1.25s cubic-bezier(0, .988, .09, .999);
  display: flex;
  position: absolute;
  inset: auto auto -200% 0%;
}

.nav-bottom_wrapper.classique.hide {
  display: none;
}

.nav-bottom_wrapper.classique.higher {
  height: 6vh;
}

.nav-bottom_wrapper.classique.open {
  bottom: 0%;
}

.nav-bottom_wrapper.classique.nav-bottom--open {
  padding-left: 0;
  padding-right: 0;
  bottom: 0%;
}

.nav-bottom_wrapper.classique.menu-line {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(90deg, #0000 11%, #0000008a);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  height: 100vh;
  padding-bottom: 32px;
  padding-left: 0;
  position: relative;
  inset: auto 0% 0% auto;
}

.nav-bottom__trigger {
  letter-spacing: 3px;
  text-transform: uppercase;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 20vw;
  height: auto;
  padding: 0 28px;
  font-size: 1vw;
  font-weight: 400;
  transition: all 1s cubic-bezier(0, .773, .25, 1);
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.nav-bottom__trigger.current {
  background-color: var(--main-2);
}

.nav-bottom__trigger.nav-bottom__buttom__fake {
  display: none;
}

.nav-bottom__trigger.nav-bottom__buttom__fake.current {
  display: flex;
  position: absolute;
}

.nav-bottom__trigger.navbottom_2-lines {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: left;
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
}

.nav-bottom__trigger.clicked {
  bottom: -120%;
}

.nav-bottom__trigger_arrow-botom {
  margin-top: 5px;
}

.nav-bottom__close, .nav-bottom__close.remove-class {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.nav-bottom__close-img {
  width: 5vw;
}

.nav-bottom__close-img.remove-class {
  cursor: pointer;
  width: 3vw;
}

.nav-bottom__close-img.remove-class-autre {
  cursor: pointer;
}

.bloc-img-text {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.bloc-img-text.card--product-categories {
  text-align: left;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 0 20px;
  text-decoration: none;
  transition: all 1s cubic-bezier(0, .99, .725, .967);
}

.wrap-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrap-text-bloc {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.line-h {
  background-color: var(--white);
  width: 100%;
  height: 1px;
  margin-top: 4px;
  margin-bottom: 8px;
}

.nav-bottom__trigger__p {
  text-align: center;
  font-size: 1.2vh;
}

.invert {
  transform: rotate(0);
}

.nav-bottom__circle {
  border: 1px solid #fff;
  border-radius: 50%;
  flex: none;
  width: 12px;
  height: 12px;
  margin-left: 16px;
  margin-right: 0;
}

.nav-bottom__circle.n-2 {
  width: 7px;
  height: 7px;
  margin-left: 22px;
}

.nav-bottom__circle.current-round-continent {
  background-color: var(--white);
}

.nav-bottom__line {
  background-color: var(--white);
  flex: none;
  width: 1px;
  height: 8px;
  position: absolute;
  inset: 0% auto auto 6px;
}

.nav-bottom__line.line_bottom {
  inset: auto 6px 0% auto;
}

.nav-bottom__line.line_bottom:where(.w-variant-b80db47b-0615-4115-c64a-ece50abe91a2), .nav-bottom__line.line_bottom.last-4, .nav-bottom__line.line_bottom.last-9, .nav-bottom__line.line_bottom.last-14 {
  display: none;
}

.nav-bottom__line.line_bottom.line-n2 {
  height: 6px;
}

.nav-bottom__line.line_bottom.hide {
  display: none;
}

.nav-bottom__line.first {
  left: auto;
  right: 6px;
}

.nav-bottom__line.first:where(.w-variant-468784ec-dd95-6917-9ee0-dbb5f8d3f8cc), .nav-bottom__line.first.first-6, .nav-bottom__line.first.first-11 {
  display: none;
}

.nav-bottom__line.first.line-n2 {
  height: 7px;
}

.slider-full {
  background-color: #ddd0;
  width: 100%;
  height: 100%;
}

.arrow-hide {
  width: 0;
  height: 0;
  display: none;
  overflow: hidden;
}

.slider-mask {
  width: 100%;
  height: 100%;
}

.wrapper-bg {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.paragraph:where(.w-variant-468784ec-dd95-6917-9ee0-dbb5f8d3f8cc), .paragraph.p-nav-botom.first-3, .paragraph.p-nav-botom.first-8 {
  width: 100%;
}

.paragraph.p-nav-botom.p-nav-n-2 {
  letter-spacing: 1.5px;
  text-transform: none;
  font-size: 10px;
}

.paragraph.p-nav-botom.current-continent {
  font-weight: 700;
}

.arrow-bottom {
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: 1px;
  padding-bottom: 0;
  display: none;
  position: fixed;
  inset: auto auto 0% 0%;
}

.arrow-bottom-page {
  width: 1vw;
  height: 2vh;
}

.slide-nav-2, .sliver-nav-2 {
  bottom: 2vh;
}

.sliver-nav-2.hide {
  display: none;
}

.wrap-several-text {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-right: 20vw;
  display: flex;
}

.wrap-several-text.v {
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  flex-flow: column;
}

.wrap-several-text.wider {
  padding-right: 15vw;
}

.divider {
  background-color: #fff6;
  flex: none;
  width: 1px;
  height: 100%;
  position: relative;
}

.divider.divider-auto {
  height: auto;
}

.fake-nav-bottom.classique {
  z-index: 10;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: 6vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.fake-nav-bottom.classique.hide {
  display: none;
}

.fake-nav-bottom.classique.higher {
  height: 6vh;
}

.fake-nav-bottom__button {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #000e367d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 11vw;
  height: 100%;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 1.2vh;
  font-weight: 400;
  transition: all .6s;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.fake-nav-bottom__button.current {
  background-color: var(--main-2);
}

.fake-nav-bottom__button.nav-bottom__buttom__fake {
  display: none;
}

.fake-nav-bottom__button.nav-bottom__buttom__fake.current {
  display: flex;
  position: absolute;
}

.fake-nav-bottom__button.navbottom_2-lines {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: left;
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
}

.fake-nav-bottom__button.nav-bottom__line-and-circle {
  background-color: #000e3600;
  flex-flow: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  max-width: none;
  height: 28px;
  padding: 0;
}

.fake-nav-bottom__button.nav-bottom__line-and-circle:where(.w-variant-468784ec-dd95-6917-9ee0-dbb5f8d3f8cc) {
  text-align: right;
  flex: none;
  width: auto;
  display: flex;
}

.fake-nav-bottom__button.nav-bottom__line-and-circle.current {
  font-weight: 700;
}

.fake-nav-bottom__button.nav-bottom__line-and-circle.first-2 {
  width: auto;
  color: var(--white);
  text-align: right;
  flex: none;
  text-decoration: none;
  display: flex;
}

.slider-hide {
  display: none;
}

.brand-positionning {
  height: 64vh;
}

.text--h-multi {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 4vh;
  font-weight: 700;
}

.text--h-multi:where(.w-variant-e7aa8ee8-cbd7-772b-3391-6904c1734f59), .text--h-multi.blue {
  color: var(--main-1);
}

.text--h-multi.text--h3--multi-card {
  max-width: 31ch;
  margin-bottom: 8px;
}

.text--h-multi.text--h3--multi-card.white {
  color: var(--white);
}

.text--h-multi.text--h3--multi-card.no-mb {
  margin-bottom: 0;
}

.text--h-multi.text--h3--multi-card.no-mb.text--white, .text--h-multi.text--h3--multi-card.no-mb.text--main-1 {
  margin-top: 20px;
}

.text--h-multi.mb8 {
  margin-bottom: 8px;
  font-size: 6vh;
}

.caonteiner-img-graf {
  aspect-ratio: auto;
  background-color: #fff;
  width: 23vw;
  margin-bottom: 4vh;
  padding: 58px;
}

.caonteiner-img-graf.no-bg {
  background-color: #fff0;
  width: 81vw;
  margin-bottom: 0;
  padding: 0;
}

.caonteiner-img-graf.no-bg.desk {
  width: 75vw;
  margin-bottom: 3vh;
}

.caonteiner-img-graf.no-bg.s-device {
  display: none;
}

.section__content--bloc {
  z-index: 1;
  color: #000e36;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 42%;
  min-width: 580px;
  max-width: 600px;
  display: flex;
  position: relative;
}

.section__content--bloc.section-white-bg {
  background-color: #f3f3f3e0;
  min-width: 580px;
  max-width: 650px;
  padding: 36px 56px;
}

.section__content--bloc.section-white-bg.section-logo {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: none;
}

.section__content--bloc.section-white-bg.section-logo.v {
  flex-flow: column;
  padding-top: 25px;
  padding-bottom: 25px;
}

.img-small-device {
  display: none;
}

.ref-h {
  width: 9vw;
}

.ref-h.smaller {
  width: 6vw;
}

.ref-h.smaller-md {
  width: 9vw;
}

.ref-h.bigger {
  width: 12vw;
}

.ref-h.medium, .ref-h.smaller-md-2 {
  width: 8vw;
}

.ref-h.bigger-2 {
  width: 10vw;
}

.wrap-log-line {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.wrap-log-line.line-events {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.fdc {
  width: 11vw;
  margin-top: 2vh;
}

.wrap-kpi-n1 {
  justify-content: flex-start;
  align-items: stretch;
  margin-right: 1vw;
  display: flex;
}

.wrap-kpi-n2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  display: flex;
}

.text--h3-kpi-sm {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 2.5vh;
  font-weight: 700;
  line-height: 1.15;
}

.text--h3-kpi-sm:where(.w-variant-e7aa8ee8-cbd7-772b-3391-6904c1734f59), .text--h3-kpi-sm.blue {
  color: var(--main-1);
}

.text--h3-kpi-sm.text--h3--multi-card {
  max-width: 31ch;
  margin-bottom: 8px;
}

.text--h3-kpi-sm.text--h3--multi-card.white {
  color: var(--white);
}

.text--h3-kpi-sm.text--h3--multi-card.no-mb {
  margin-bottom: 0;
}

.text--h3-kpi-sm.text--h3--multi-card.no-mb.text--white, .text--h3-kpi-sm.text--h3--multi-card.no-mb.text--main-1 {
  margin-top: 20px;
}

.text--h3-kpi-sm.mb8 {
  margin-bottom: 8px;
}

.text--h3-kpi-sm.text-h3-wider {
  width: 74vw;
}

.text--h3-kpi-sm.mb20, .text--h3-kpi-sm.mb32 {
  margin-bottom: 32px;
}

.text--h3-kpi-sm.mb0 {
  margin-bottom: 0;
  font-size: 2.5vh;
}

.wrap-col-kpi-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  display: flex;
}

.kpi2 {
  background-color: var(--white);
  width: 16vw;
  color: var(--main-1);
  padding: 20px;
}

.wrap-all-kpi-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.wrap-name-picture {
  z-index: 16;
  width: 100%;
  height: 100%;
  padding: 9vh var(--padding-lr) 6vh;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.wrap-name-picture.visible-name {
  display: flex;
}

.wrap-h-text-pays {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-style: none;
  border-width: 1px;
  border-color: #ffffff4a var(--white) var(--white);
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 8px;
  padding-top: 0;
  display: none;
}

.wrap-link-pays {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.link {
  background-color: var(--main-1);
  color: var(--white);
  border-radius: 2px;
  padding: 4px 12px;
  font-size: 12px;
  text-decoration: none;
  display: block;
}

.wrap-category {
  width: 24vw;
}

.open-fake-nav {
  right: var(--padding-lr);
  bottom: var(--padding-tb);
  z-index: 1;
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--main-1);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: none;
  position: fixed;
}

.cicrle-open {
  background-color: var(--white);
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.close-fake-nav.remove-all-class {
  display: none;
}

.flex-label {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.country-nav-bottom__button-fake {
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  background-color: #000e367d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 11vw;
  height: 100%;
  padding-left: 13px;
  padding-right: 13px;
  font-size: 1.2vh;
  font-weight: 400;
  transition: all .6s;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.country-nav-bottom__button-fake.current {
  background-color: var(--main-2);
}

.country-nav-bottom__button-fake.nav-bottom__buttom__fake {
  display: none;
}

.country-nav-bottom__button-fake.nav-bottom__buttom__fake.current {
  display: flex;
  position: absolute;
}

.country-nav-bottom__button-fake.navbottom_2-lines {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: left;
  letter-spacing: 2px;
  justify-content: flex-start;
  align-items: center;
  padding-top: 12px;
  padding-left: 16px;
  padding-right: 16px;
}

.country-nav-bottom__button-fake.nav-bottom__line-and-circle {
  text-align: right;
  background-color: #000e3600;
  flex-flow: row;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  max-width: none;
  height: 28px;
  padding: 0;
}

.country-nav-bottom__button-fake.nav-bottom__line-and-circle:where(.w-variant-468784ec-dd95-6917-9ee0-dbb5f8d3f8cc) {
  text-align: right;
  flex: none;
  width: auto;
  display: flex;
}

.country-nav-bottom__button-fake.nav-bottom__line-and-circle.current {
  font-weight: 700;
}

.country-nav-bottom__button-fake.nav-bottom__line-and-circle.first-2 {
  text-align: right;
  flex: none;
  width: auto;
  display: flex;
}

.country-nav-bottom__button-fake.nav-bottom__line-and-circle.hide {
  display: none;
}

.country-nav-bottom__button-fake.nav-bottom__line-and-circle.first-7 {
  width: auto;
  color: var(--white);
  text-align: right;
  flex: none;
  text-decoration: none;
  display: flex;
}

.country-nav-bottom__button-fake.nav-bottom__line-and-circle.first-7.w--current {
  color: #fff;
}

.country-nav-bottom__button-fake.nav-bottom__line-and-circle.continent {
  width: auto;
  color: var(--white);
  text-align: right;
  flex: none;
  text-decoration: none;
  display: flex;
}

.country-nav-bottom__button-fake.nav-bottom__button--pays {
  background-color: #ffffff0d;
  border: 1px solid #ffffff29;
}

.country-nav-bottom__button-fake.nav-bottom__button--pays.current {
  background-color: #000e3669;
  font-weight: 500;
}

.space-n2 {
  width: 3px;
}

.line {
  background-color: var(--white);
  width: 1px;
  height: 100%;
  margin-left: 8px;
  margin-right: 2px;
}

.sidebar__logo__img-2 {
  width: 100%;
  max-height: 100%;
  margin-top: 25px;
}

.sidebar__logo__img-2.img-logo--condensee {
  width: 150px;
}

.div-block-16 {
  align-items: center;
  display: flex;
}

.logo-condensee {
  z-index: 101;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 23px;
  padding-right: 23px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
  box-shadow: 0 1px 5px -2px #0000006b;
}

.alert-copy__window {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
}

.alert-copy__window.alert-bis {
  text-transform: none;
  font-size: 16px;
  font-weight: 400;
}

.alert-copy {
  z-index: 102;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 17px;
  transition: all .6s cubic-bezier(.47, 0, .745, .715);
  display: flex;
  position: fixed;
  inset: -120% auto auto 0%;
}

.alert-copy.open {
  top: 0%;
}

.div-block-18 {
  width: 100%;
  height: 100%;
  padding-top: 105px;
  padding-bottom: 170px;
  overflow: auto;
}

.niveau-n-2 {
  width: 20%;
  margin-right: 21px;
}

.niveau-n-2.niveau-n2--gestion {
  margin-left: -10px;
}

.form-block {
  position: fixed;
  inset: 0% auto auto -100%;
}

.alert-copy-wrapper {
  color: #fff;
  background-color: #000e36;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 26px 58px;
  display: flex;
  position: relative;
  box-shadow: 0 5px 5px 5px #00000021;
}

.button__container-2 {
  color: #f3f3f3;
  text-transform: none;
  background-color: #4e006e;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  padding: 12px 37px;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.button__container-2:hover {
  background-color: #270834;
}

.button__container-2.mt_2vh {
  cursor: pointer;
}

.button__container-2.mt_2vh:hover {
  background-color: #583267;
}

.button__container-2.mt_2vh.desktop-only.btn-condensed {
  margin-top: 0;
  margin-left: 0;
}

.button__container-2.mt_2vh.desktop-only.btn-condensed.hidden {
  display: none;
}

.niveau-n-1-v-selected {
  border-left: 6px solid #3737372e;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  margin-left: 36px;
  padding-left: 41px;
  display: flex;
}

.item-condensee {
  color: #fff;
  cursor: pointer;
  background-color: #4e006e;
  border: 1px solid #f0f0f0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  max-width: 650px;
  height: auto;
  margin-top: 27px;
  margin-right: 21px;
  padding: 0 20px 16px 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 1px 1px 2px #00000024;
}

.item-condensee.item-condensee-v2 {
  color: #f3f3f3;
  background-color: #000e36;
  border-radius: 0;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 21px;
  padding-top: 0;
  padding-bottom: 0;
  transition: all .6s;
}

.item-condensee.item-condensee-v2.item-n2b {
  background-color: #000e36;
  max-width: none;
  margin-left: 46px;
}

.item-condensee.item-condensee-v2.item-n2b.padding {
  width: auto;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 36px;
}

.item-condensee.item-condensee-v2.item-n2b.padding.fake {
  margin-top: -33px;
  margin-left: 126px;
}

.item-condensee.item-condensee-v2.item-n2b.padding.non-selected {
  opacity: .11;
}

.item-condensee.item-condensee-v2.item-n2 {
  box-shadow: none;
  color: #000e36;
  text-transform: uppercase;
  background-color: #0000;
  border-style: none none solid;
  border-bottom-width: 3px;
  border-bottom-color: #a4bcc2;
}

.item-condensee.item-condensee-v2.item-n2.non-selected {
  opacity: .33;
}

.item-condensee.item-condensee-v2.item-home {
  width: auto;
  display: none;
}

.text {
  margin-bottom: 0;
  font-size: 2vh;
  line-height: 1.5;
}

.text.text--main {
  font-weight: 500;
}

.text.cap.bold.mt_16 {
  margin-top: 0;
}

.remove-class.remove-alert-copy {
  padding: 5px;
  position: absolute;
  inset: 5px 5px auto auto;
}

.button__text--vh-2 {
  text-transform: none;
  margin-bottom: 0;
  font-size: 1.6vh;
  font-weight: 400;
  display: inline-block;
}

.niveau-n-2 {
  border-top: 1px #5454543b;
  border-left: 6px solid #37373726;
  margin-bottom: 43px;
  margin-left: 53px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 22px;
}

.niveau-n-2.n-2-selection {
  width: auto;
}

.niveau-n-2.n-2-selection.non-selected {
  opacity: .37;
}

.info--text {
  z-index: 1000;
  color: #fff;
  text-align: center;
  background-color: #242323;
  justify-content: center;
  align-items: center;
  width: 70vw;
  padding: 23px 0;
  transition: all .6s;
  display: flex;
  position: fixed;
  inset: auto auto -100% 15vw;
  box-shadow: 1px 1px 9px 7px #0000003b;
}

.info--text.open {
  width: 70vw;
  bottom: 0%;
  left: 15vw;
}

.container-n {
  background-color: #f3f3f3;
  align-items: flex-start;
  padding-top: 42px;
  padding-left: 23px;
  padding-right: 23px;
  display: flex;
}

.container-n.n-bg-2 {
  background-color: #e7e4e4;
}

.link-condensed {
  max-width: 350px;
  height: 30px;
  margin-bottom: 0;
  margin-left: 57px;
  font-size: 14px;
  overflow: auto;
}

.info-p {
  color: #f3f3f3;
  max-width: 450px;
}

.bg-item-condensee {
  border-radius: 0%;
  flex: none;
  width: 50px;
  height: 50px;
  margin-right: 25px;
  position: relative;
  inset: 0% auto auto 0%;
}

.bg-item-condensee.bg-item-condesee-catering {
  background-image: url('../images/catering-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-21 {
  background-image: url('../images/key-sm.jpg');
  background-position: 100% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-underwear {
  background-image: url('../images/underwear-card.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-19 {
  background-color: #000e36;
  background-image: none;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-publicmarket {
  background-image: url('../images/public-market.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-27 {
  background-image: url('../images/rugby-2024-sm.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-15 {
  background-image: url('../images/menu-lingerie.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-29 {
  background-image: url('../images/insta-neutral.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-14 {
  background-image: url('../images/eyewear-sm.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-1 {
  background-image: url('../images/home_visuel_desktop.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-20 {
  background-color: #fff0;
  background-image: url('../images/home-furniture-2024-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-17 {
  background-image: url('../images/SHOES-sm.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-host {
  background-image: url('../images/host.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-13-copy {
  background-color: #000e36;
  background-image: url('../images/logo-daniel-hechter-blanc.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-9 {
  background-image: url('../images/competitor-p1-sm.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-11 {
  background-image: url('../images/bg-ingo-sm.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-32 {
  background-image: url('../images/card-press-kit.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-16b {
  background-image: url('../images/menu-kid.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-23 {
  background-image: url('../images/showroom-dusseldorf-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-24 {
  background-image: url('../images/china-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-28 {
  background-image: url('../images/media-plan-neutral.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-18 {
  background-image: url('../images/WRITTING-2-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-sports {
  background-image: url('../images/sports.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-merch {
  background-image: url('../images/merch-sm.jpg');
  background-position: 50%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-13 {
  background-image: url('../images/menu-womenswear.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-10 {
  background-image: url('../images/bg-brand-sm.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-12 {
  background-image: url('../images/hechtertogether-2024-sm.jpg');
  background-position: 0%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-6 {
  width: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-auto {
  background-image: url('../images/automobile.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-25 {
  background-image: url('../images/concept-sm.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-26 {
  background-image: url('../images/campaign-6.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-16 {
  background-image: url('../images/menu-leather.jpg');
  background-position: 50% 0;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-22 {
  background-image: url('../images/world-map-dot.svg'), linear-gradient(#000e36, #000e36);
  background-position: 100% 0, 0 0;
  background-size: cover, auto;
  width: 50px;
  height: 50px;
  position: relative;
}

.bg-item-condensee.bg-item-condesee-hotel {
  background-image: url('../images/hotel-1.jpg');
  background-position: 50% 100%;
  background-size: cover;
  width: 50px;
  height: 50px;
  position: relative;
}

.gestion {
  color: #fff;
  background-color: #242323;
  flex: 0 auto;
  width: 25%;
  height: 100vh;
  padding-top: 142px;
  padding-left: 27px;
  padding-right: 27px;
  display: block;
  overflow: auto;
}

.gestion.gestion-hide {
  display: none;
}

.wrap-all {
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.niveau-n-3 {
  border-top: 1px #5454543b;
  border-left: 6px solid #37373726;
  margin-top: -37px;
  margin-bottom: 43px;
  margin-left: 121px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 22px;
}

.niveau-n-3.n-2-selection {
  width: auto;
}

.inside-bg {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.gear {
  top: auto;
  left: auto;
  right: var(--padding-lr);
  cursor: pointer;
  background-color: #000e36;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  padding: 9px;
  transition: all .6s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: fixed;
  bottom: 20px;
  box-shadow: -2px 6px 8px #24232359;
}

.gear:hover {
  transform: scale(1.08);
}

.gear--img {
  width: 30px;
  height: 30px;
}

.settings {
  z-index: 1000;
  background-color: #242323;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  inset: auto auto 0% -100%;
}

.settings.open {
  background-color: #000e36;
  left: 0%;
}

.btn-version-selection {
  color: #373737;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 32px 123px auto auto;
}

.btn-version-selection.btn-download--parametres {
  color: #f3f3f3;
  letter-spacing: 1px;
  text-decoration: none;
  position: relative;
  top: 0;
  right: 0;
}

.btn-download-2 {
  color: #373737;
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 9px 18px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 32px 123px auto auto;
}

.btn-download-2.btn-download--parametres {
  color: #f3f3f3;
  letter-spacing: 1px;
  position: relative;
  top: 0;
  right: 0;
}

.h3--vh-3 {
  font-size: 6vh;
  line-height: 1.2;
  position: relative;
}

.h3--vh-3.text--main-1.mb_32 {
  color: #273a47;
  text-align: center;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 40px;
}

.arrow-downlaod-2 {
  margin-right: 12px;
}

.close {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: auto 40px 0% auto;
}

.close.remove-class {
  cursor: pointer;
}

.close.remove-class.close--settings {
  inset: 0% 0% auto auto;
}

.bd-block-overflow {
  width: 100%;
  padding-left: 56px;
  padding-right: 56px;
  position: absolute;
  inset: 50% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.bd-txt-downloading {
  line-height: 1.4;
  transition: opacity .7s cubic-bezier(.23, 1, .32, 1);
}

.bd-txt-downloading.bd-transparent {
  opacity: 0;
}

.bestdoc-black {
  font-weight: 900;
}

.bd-loader-bottom__particule {
  background-color: #ffcb05;
  width: 0%;
  height: 100%;
}

.bd-popup-finalize-installation {
  background-color: var(--main-1);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 56px;
  padding-right: 56px;
  font-size: 25px;
  font-weight: 400;
  transition: all .75s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bd-popup-finalize-installation.bd-hide {
  background-color: #000e36;
  display: flex;
  top: -100%;
}

.bd-link-bestdoc {
  color: #fff;
  text-decoration: none;
}

.popup-txt-downloading {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 650px;
  height: 350px;
  padding-left: 0;
  padding-right: 0;
  font-size: 25px;
  font-weight: 400;
  display: flex;
  position: relative;
}

.bd-downloading {
  z-index: 1000000;
  background-color: #2d2d2d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.bd-downloading.bd-downloading-hide {
  left: -100%;
}

.bd-loader-bottom {
  width: 100%;
  height: 4px;
  position: absolute;
  inset: auto auto -4px 0%;
  overflow: hidden;
}

.bd-bestdoc {
  color: #fff;
  font-size: 14px;
  position: absolute;
  inset: auto 15px 15px auto;
}

.bd-last-text {
  color: #fff;
}

.bd-btn-finish-installation {
  color: #fff;
  cursor: pointer;
  background-color: #a4bcc2;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
  font-weight: 900;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  display: flex;
}

.bd-btn-finish-installation:hover {
  background-color: #796382;
}

@media screen and (max-width: 991px) {
  body {
    --header-height: 80px;
    --margin-tb-3: 16px;
    --padding-lr: 52px;
    --main-1: #000e36;
    --main-2: #bf273a;
    --white: white;
    --padding-header-height: 80px;
    --padding-tb: 52px;
    --margin-tb-1: 8px;
    --margin-tb-2: 12px;
    --margin-tb-4: 20px;
    --margin-tb-5: 24px;
    --margin-tb-6: 32px;
    --margin-tb-7: 40px;
    --margin-tb-8: 60px;
    --main-2-light: #e78d98;
  }

  .header {
    background-color: var(--main-1);
    justify-content: space-between;
    align-items: center;
  }

  .header__logo_wrap {
    width: 120px;
  }

  .burger-menu {
    display: flex;
  }

  .burger__line {
    background-color: var(--main-2);
  }

  .bg-video-custom-home {
    opacity: 1;
    display: flex;
  }

  .bg-video {
    display: none;
  }

  .section {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 0;
    padding-right: 0;
    display: flex;
  }

  .section:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06) {
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
  }

  .section.section__100vh {
    height: 100vh;
    padding-right: 0;
  }

  .section.section__100vh.section-home {
    height: 100vh;
    margin-top: -80px;
  }

  .section.section-card {
    justify-content: flex-start;
    align-items: center;
  }

  .section.section-blue {
    background-color: var(--main-1);
    min-height: 100vh;
  }

  .section.right-5 {
    justify-content: flex-start;
    align-items: center;
    padding-right: 0;
  }

  .wrap-section {
    padding-top: var(--padding-header-height);
  }

  .nav-bottom.classique {
    display: none;
  }

  .nav-bottom.classique.nav-bottom--target {
    display: flex;
  }

  .nav-bottom.nav-bottom__pays, .nav-bottom__button.nav-bottom__line-and-circle.n2 {
    display: none;
  }

  .nav-bottom__button.nav-bottom__button--pays {
    color: var(--main-1);
    background-color: #000e361f;
  }

  .nav-bottom__button.nav-bottom__button--pays.current {
    color: var(--white);
    background-color: #000e36;
  }

  .section__content {
    height: auto;
  }

  .section__content.section__content_100vh {
    height: 100%;
  }

  .section__content.section__content_100vh.h-auto-sm-device {
    height: 100vh;
  }

  .section__content.section-left {
    justify-content: center;
    align-items: flex-start;
    height: auto;
    min-height: 0;
    padding: 0 0;
  }

  .section__content.section-left:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06) {
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding: 0 0;
  }

  .section__content.section-left.section-vert {
    background-color: var(--main-1);
  }

  .section__content.section-left.right-6 {
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding: 0 0;
  }

  .section__content.section__content__multi-card {
    height: 100%;
  }

  .section__content.section__content__multi-card.card-left {
    overflow: auto;
  }

  .section__content.section-right, .section__content.section-left-center {
    height: 100%;
  }

  .section__content.section-center {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: 0;
  }

  .section__content.section-left-with-padding-sm-device {
    height: auto;
    min-height: 0;
    padding-top: var(--padding-tb);
    justify-content: center;
    align-items: flex-start;
  }

  .section__content.section-left-with-padding-sm-device:where(.w-variant-0e1cd6f9-ad70-dff2-ed56-5ad6be872a06) {
    justify-content: center;
    align-items: center;
    min-height: 0;
    padding: 0 0;
  }

  .section__content.section-left-with-padding-sm-device.section-vert {
    background-color: var(--main-1);
  }

  .wrap-bg {
    height: 60vh;
    position: relative;
  }

  .wrap-bg.z1.none-on-sm-devices, .wrap-bg.wrap-bg-ony-big-device {
    display: none;
  }

  .wrap-bg.only-sm-device {
    display: block;
  }

  .wrap-bg.wrap-bg-home {
    display: none;
  }

  .wrap-bg.wrap-bg-home-sm-devices {
    height: 100%;
    display: flex;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .wrapper {
    height: auto;
  }

  .prez {
    font-size: 20px;
  }

  .bg.bg-gradient-black {
    display: none;
  }

  .text--p {
    color: var(--main-1);
    font-size: 20px;
  }

  .text--p.text-p-smaller {
    width: auto;
  }

  .text--p.less-lh.white-sm-devcie {
    color: var(--white);
  }

  .text--h1 {
    color: var(--white);
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 1.05;
  }

  .button__text-wrap {
    height: 44px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .text--p--l {
    font-size: 28px;
  }

  .text--p--button, .text--p-s {
    font-size: 16px;
  }

  .h1__separator {
    width: 120px;
    height: 12px;
  }

  .button__round {
    width: 44px;
    height: 44px;
  }

  .button {
    margin-top: 0;
  }

  .text--md--cap--extrabold {
    font-size: 24px;
  }

  .text--h4 {
    font-size: 32px;
  }

  .wrapper-font {
    height: auto;
  }

  .text--h6 {
    font-size: 16px;
  }

  .text--p-xs {
    font-size: 12px;
  }

  .text--p--md {
    font-size: 24px;
  }

  .button__round__icone {
    width: 20px;
  }

  .text--p--xl {
    font-size: 32px;
  }

  .text--h2:where(.w-variant-4a6288bd-59e0-461d-26cf-1f1c7f9ee1c4), .text--h2.white-2, .text--h2.white-3 {
    color: var(--main-2);
  }

  .text--h2.white-3.mb32.white-true {
    color: var(--main-1);
  }

  .text--h2.white-4 {
    color: var(--main-2);
  }

  .bloc-secondary {
    width: 100%;
    margin-top: 40px;
  }

  .sub-text-home {
    max-width: none;
    color: var(--white);
    font-size: 20px;
  }

  .header__menu {
    display: none;
  }

  .header__popup {
    background-color: #000e3645;
    justify-content: space-between;
    align-items: center;
  }

  .popup__close {
    display: flex;
  }

  .popup__content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .menu__img {
    flex: none;
    height: 60vh;
  }

  .popup__link__wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .menu__wrap-img_link {
    height: auto;
    overflow: auto;
  }

  .wrap-text {
    background-color: var(--white);
    width: 100%;
    padding: 52px;
  }

  .wrap-text:where(.w-variant-a8525a83-af89-99bf-22cb-dd6bf12aeaa8) {
    width: 60vw;
    padding-left: 52px;
    padding-right: 52px;
  }

  .wrap-text.wider, .wrap-text.smaller {
    width: 100%;
  }

  .wrap-text.wider--2 {
    width: auto;
    padding: 0;
  }

  .wrap-text.wrap-text--h {
    flex-flow: column;
  }

  .wrap-text.wrap-text-nested {
    width: auto;
    padding: 0;
  }

  .wrap-text.wider-3 {
    width: 100%;
  }

  .wrap-text.no-padding-sm-devices {
    width: 30%;
    padding: 16px 0 0;
  }

  .wrap-text.white-bg-larger-opacity {
    background-color: #000e3600;
    width: 100%;
    padding-left: 52px;
    padding-right: 52px;
  }

  .wrap-text.white-bg-larger-opacity-darker {
    background-color: #080e1f00;
    width: 100%;
    padding-left: 52px;
    padding-right: 52px;
  }

  .wrap-text.white-bg-larger-opacity-darker.smaller {
    width: 100%;
  }

  .text--h3 {
    color: var(--main-1);
  }

  .text--h3:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8), .text--h3.text--h3--multi-card.no-mb.text--white {
    color: var(--white);
  }

  .text--h3.text--h3--multi-card.no-mb.text--main-1 {
    color: var(--main-1);
  }

  .text--h3.text-h3-wider {
    width: auto;
  }

  .text--h3.mb0.white-sm-devcie {
    color: var(--white);
  }

  .wrap-multi-card {
    flex-flow: column;
  }

  .wrap-multi-card.category {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
  }

  .wrap-multi-card._2lines {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .card {
    height: 250px;
  }

  .card.card--product-categories {
    height: 250px;
    padding-right: 20px;
  }

  .slide-bg {
    height: 60vh;
    position: relative;
  }

  .slide-nav {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .img-fit-contain.abs {
    position: relative;
  }

  .img-fit-contain.only-bg-device {
    height: 80vh;
    margin-top: 52px;
  }

  .img-fit-contain.only-sm-devices {
    margin-top: 64px;
    display: none;
  }

  .category__link {
    position: relative;
  }

  .transition-leave {
    height: 130vh;
    bottom: -150%;
  }

  .wrap-btn-h {
    margin-top: 40px;
  }

  .button__text {
    max-width: none;
    font-size: 16px;
  }

  .bg-video-3 {
    height: 100vh;
  }

  .html-embed {
    display: none;
  }

  .html-embed.stay-on-small-devices {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .close-3 {
    margin-top: 15px;
    margin-right: 15px;
  }

  .close-3.close-popup {
    margin-top: 0;
  }

  .popup__content-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    background-color: #000e3645;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .popup__content-2.content-h {
    justify-content: center;
    align-items: flex-start;
  }

  .menu__wrap-img_link-2 {
    background-color: var(--main-1);
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: auto;
  }

  .menu__wrap-link {
    justify-content: center;
    align-items: flex-start;
  }

  .popup__link__wrapper-2 {
    justify-content: flex-start;
    align-items: center;
  }

  .popup__link__wrapper-2.open-sub-menu {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-bottom_wrapper.classique {
    display: none;
  }

  .nav-bottom_wrapper.classique.menu-line.fake-nav--wrap {
    background-color: var(--main-1);
    background-image: none;
    height: auto;
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    right: -100%;
  }

  .nav-bottom_wrapper.classique.menu-line.fake-nav--wrap.open {
    right: 0%;
  }

  .nav-bottom_wrapper.classique.menu-line.nav-bottom--target {
    background-color: var(--main-1);
    height: auto;
    padding-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    right: -100%;
  }

  .nav-bottom_wrapper.classique.menu-line.nav-bottom--target.open {
    right: 0%;
  }

  .bloc-img-text.card--product-categories {
    height: 250px;
    padding-right: 20px;
  }

  .slider-full {
    height: auto;
    min-height: 0;
  }

  .wrapper-bg {
    height: 60vh;
    position: relative;
  }

  .sliver-nav-2 {
    background-color: var(--main-1);
    width: 100%;
    height: 5vh;
    margin-top: 0;
    position: absolute;
    inset: 55vh auto auto 0%;
  }

  .sliver-nav-2.hide {
    background-color: #000e3600;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .sliver-nav-2.no-bg {
    background-color: #000e3600;
  }

  .sliver-nav-2.slider-nav-2--sans-bg {
    inset: -5vh auto auto 0%;
  }

  .wrap-several-text {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: wrap;
    align-items: stretch;
    width: auto;
    padding-left: 52px;
    padding-right: 52px;
  }

  .wrap-several-text.no-p {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .divider {
    background-color: var(--main-1);
    width: 1px;
    height: auto;
    margin-left: 16px;
    margin-right: 16px;
    display: none;
  }

  .fake-nav-bottom.classique {
    display: flex;
  }

  .text--h-multi {
    color: var(--main-1);
  }

  .text--h-multi:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8), .text--h-multi.text--h3--multi-card.no-mb.text--white {
    color: var(--white);
  }

  .text--h-multi.text--h3--multi-card.no-mb.text--main-1 {
    color: var(--main-1);
  }

  .caonteiner-img-graf.no-bg.desk {
    display: none;
  }

  .caonteiner-img-graf.no-bg.s-device {
    width: 100%;
    padding-left: 52px;
    padding-right: 52px;
    display: flex;
  }

  .slide {
    width: 100%;
    min-height: 100vh;
  }

  .section__content--bloc {
    width: 100%;
    min-width: 0;
  }

  .section__content--bloc.section-white-bg.section-logo {
    flex-flow: column;
    align-items: center;
    width: auto;
  }

  .section__content--bloc.section-white-bg.section-logo.v {
    justify-content: flex-start;
    align-items: center;
  }

  .img-desktop {
    display: none;
  }

  .img-small-device {
    display: block;
  }

  .img-small-device.img-logohotel {
    width: 157px;
  }

  .ref-h {
    width: 16vw;
  }

  .ref-h.smaller {
    width: 10vw;
  }

  .ref-h.smaller-md {
    width: 12vw;
  }

  .ref-h.bigger {
    width: 19vw;
  }

  .ref-h.smaller-md-2 {
    width: 12vw;
  }

  .ref-h.bigger-2 {
    width: 19vw;
  }

  .wrap-log-line {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .text--h3-kpi-sm {
    color: var(--main-1);
  }

  .text--h3-kpi-sm:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8), .text--h3-kpi-sm.text--h3--multi-card.no-mb.text--white {
    color: var(--white);
  }

  .text--h3-kpi-sm.text--h3--multi-card.no-mb.text--main-1 {
    color: var(--main-1);
  }

  .text--h3-kpi-sm.text-h3-wider {
    width: auto;
  }

  .text--h3-kpi-sm.white-sm-devcie {
    color: var(--white);
  }

  .wrap-col-kpi-2 {
    flex-flow: wrap;
  }

  .kpi2 {
    background-color: var(--main-1);
    width: 41vw;
    color: var(--white);
  }

  .wrapper-text-several {
    width: 100%;
    padding: 52px 52px 0;
  }

  .wrap-category {
    width: auto;
  }

  .open-fake-nav {
    display: flex;
    bottom: 16px;
    right: 16px;
  }

  .cicrle-open {
    width: 6px;
    height: 6px;
  }

  .close-fake-nav.remove-all-class {
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 12px;
    display: flex;
    position: absolute;
    inset: 0 auto auto 0;
  }

  .country-nav-bottom__button-fake.nav-bottom__button--pays {
    color: var(--main-1);
    background-color: #000e361f;
  }

  .country-nav-bottom__button-fake.nav-bottom__button--pays.current {
    color: var(--white);
    background-color: #000e36;
  }

  .sidebar__logo__img-2 {
    width: 150px;
  }

  .button__container-2.mt_2vh.desktop-only {
    display: none;
  }

  .button__container-2.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .niveau-n-1-v-selected {
    margin-top: 45px;
  }

  .text {
    font-size: 18px;
    line-height: 1.4;
  }

  .info--text, .info--text.open {
    width: 100%;
    left: 0;
  }

  .container-n {
    flex-direction: column;
  }

  .gestion {
    position: fixed;
    inset: 0% auto auto -100%;
  }

  .gear {
    position: relative;
    bottom: 0;
    right: 0;
  }

  .settings.open {
    background-color: #000e36;
  }

  .btn-version-selection {
    color: #fff;
    background-color: #ff4b00;
    margin-top: 13px;
    position: fixed;
    inset: auto auto 5px 5px;
  }

  .btn-version-selection.btn-download--parametres {
    background-color: #0000;
  }

  .btn-download-2 {
    color: #fff;
    background-color: #ff4b00;
    margin-top: 13px;
    position: fixed;
    inset: auto auto 5px 5px;
  }

  .btn-download-2.btn-download--parametres {
    background-color: #0000;
  }

  .h3--vh-3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 35px;
  }

  .close.remove-class {
    inset: 0% 0% auto auto;
  }
}

@media screen and (max-width: 767px) {
  body {
    --header-height: 60px;
    --margin-tb-3: 16px;
    --padding-lr: 32px;
    --main-1: #000e36;
    --main-2: #bf273a;
    --white: white;
    --padding-header-height: 60px;
    --padding-tb: 32px;
    --margin-tb-1: 8px;
    --margin-tb-2: 12px;
    --margin-tb-4: 20px;
    --margin-tb-5: 24px;
    --margin-tb-6: 32px;
    --margin-tb-7: 40px;
    --margin-tb-8: 60px;
    --main-2-light: #e78d98;
  }

  .header__logo_wrap {
    height: 20px;
  }

  .section.section__100vh.section-home {
    height: 100vh;
    margin-top: -60px;
  }

  .prez {
    font-size: 16px;
  }

  .text--h1 {
    font-size: 36px;
  }

  .text--h4 {
    font-size: 24px;
  }

  .sub-text-home {
    font-size: 20px;
  }

  .menu__img {
    height: 40vh;
  }

  .wrap-text, .wrap-text:where(.w-variant-a8525a83-af89-99bf-22cb-dd6bf12aeaa8) {
    padding: 40px 24px;
  }

  .wrap-text.wrap-padding-txt.wider {
    padding-bottom: 40px;
  }

  .wrap-text.no-padding-sm-devices {
    width: 45%;
  }

  .wrap-text.white-bg-larger-opacity, .wrap-text.white-bg-larger-opacity-darker {
    padding: 40px 24px;
  }

  .text--h3:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8) {
    font-size: 24px;
    line-height: 1.4;
  }

  .card.card--product-categories {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .transition-leave {
    height: 120vh;
    bottom: -140%;
  }

  .button__text {
    font-size: 12px;
  }

  .bloc-img-text.card--product-categories {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .text--h-multi:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8) {
    font-size: 24px;
    line-height: 1.4;
  }

  .section__content--bloc {
    width: 100%;
  }

  .section__content--bloc.section-white-bg {
    min-width: 0;
    max-width: none;
    padding-left: 39px;
    padding-right: 39px;
  }

  .text--h3-kpi-sm:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8) {
    font-size: 24px;
    line-height: 1.4;
  }

  .wrap-col-kpi-2 {
    flex-flow: wrap;
  }

  .kpi2 {
    width: 39vw;
  }

  .button__container-2.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .gear {
    z-index: 10;
  }

  .h3--vh-3 {
    font-size: 30px;
  }

  .close {
    right: 10px;
  }
}

@media screen and (max-width: 479px) {
  body {
    --header-height: 60px;
    --margin-tb-3: 16px;
    --padding-lr: 16px;
    --main-1: #000e36;
    --main-2: #bf273a;
    --white: white;
    --padding-header-height: 60px;
    --padding-tb: 60px;
    --margin-tb-1: 8px;
    --margin-tb-2: 12px;
    --margin-tb-4: 20px;
    --margin-tb-5: 24px;
    --margin-tb-6: 32px;
    --margin-tb-7: 40px;
    --margin-tb-8: 60px;
    --main-2-light: #e78d98;
  }

  .bg-video-custom-home {
    background-position: 50% 100%;
  }

  .section {
    min-height: 100vh;
  }

  .section.section__100vh.section-home {
    height: 100vh;
  }

  .section.section-blue {
    background-color: var(--main-1);
  }

  .section__content.section-left.section-vert.h, .section__content.section-left-with-padding-sm-device.section-vert.h {
    padding-bottom: 80px;
  }

  .bg:where(.w-variant-44453906-c396-7580-f777-638ae5dcdc53) {
    object-position: 0% 0%;
  }

  .bg:where(.w-variant-46c10566-5be2-1371-ad74-35caab7b8360) {
    object-position: 100% 0%;
  }

  .bg:where(.w-variant-5db2d72e-37d7-b42a-3709-f089122bb9bc) {
    object-position: 75% 0%;
  }

  .bg:where(.w-variant-854e4da1-5f5c-8291-9d78-82bf3b2745a7) {
    object-position: 25% 0%;
  }

  .bg.top-2.sm {
    object-position: 100% 0%;
  }

  .bg.bg--bottom.sm-2 {
    object-position: 75% 100%;
  }

  .bg.bg-gradient-black--less {
    display: none;
  }

  .bg.bg-lef-sm {
    object-position: 0% 0%;
  }

  .bg.bg-right-sm {
    object-position: 100% 0%;
  }

  .bg.bg-right-sm-parti {
    object-position: 57% 0%;
  }

  .bg.bg-lef-sm-bath {
    object-position: 49% 0%;
  }

  .bg.bg-right-sm-semi {
    object-position: 83% 0%;
  }

  .bg.bg-sm-left {
    object-position: 0% 0%;
  }

  .bg.bg-sm-right {
    object-position: 100% 0%;
  }

  .bg.bg-sm-right._2 {
    object-position: 85% 0%;
  }

  .bg.bg-sm-right-copy {
    object-position: 75% 0%;
  }

  .bg.bg-sm-left-copy {
    object-position: 57% 0%;
  }

  .text--p {
    font-size: 16px;
  }

  .text--p.text-p-smaller.white-sall {
    color: var(--white);
  }

  .text--p.picture-p-name {
    background-color: #000e36;
    padding: 8px;
  }

  .text--h1 {
    font-size: 36px;
  }

  .button__text-wrap {
    padding-left: 12px;
    padding-right: 12px;
  }

  .text--p--l {
    font-size: 24px;
  }

  .text--p--button {
    font-size: 16px;
  }

  .text--p-s {
    font-size: 14px;
  }

  .h1__separator {
    width: 100px;
    height: 8px;
  }

  .text--md--cap--extrabold {
    font-size: 20px;
  }

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

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

  .text--p--md {
    font-size: 20px;
  }

  .text--p--xl {
    font-size: 28px;
  }

  .text--h2:where(.w-variant-4a6288bd-59e0-461d-26cf-1f1c7f9ee1c4), .text--h2.white-3.mb32.white-true {
    color: var(--main-1);
  }

  .sub-text-home {
    font-size: 20px;
  }

  .menu__img {
    height: 30vh;
  }

  .popup__menu__link {
    font-size: 16px;
  }

  .wrap-text, .wrap-text:where(.w-variant-a8525a83-af89-99bf-22cb-dd6bf12aeaa8) {
    width: 100%;
  }

  .wrap-text.wrap-text--h {
    background-color: var(--main-1);
    padding: 0;
  }

  .wrap-text.no-padding-sm-devices {
    width: 100%;
  }

  .text--h3:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8) {
    font-size: 20px;
  }

  .text--h3.text-h3-wider.white-sall {
    color: var(--white);
  }

  .wrap-multi-card.category, .wrap-multi-card._2lines {
    grid-template-columns: 1fr;
  }

  .slide-nav.light-bg {
    background-color: #000e360d;
  }

  .transition-leave {
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
  }

  .close-3 {
    width: 20px;
    height: 20px;
  }

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

  .nav-bottom_wrapper.classique.menu-line.fake-nav--wrap {
    background-color: var(--main-1);
    background-image: none;
    height: auto;
    padding-top: 32px;
    padding-left: 16px;
  }

  .wrapper-bg {
    height: 60vh;
    position: relative;
  }

  .wrap-several-text {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .wrap-several-text.no-p {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .fake-nav-bottom.classique {
    height: auto;
  }

  .text--h-multi:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8) {
    font-size: 20px;
  }

  .section__content--bloc {
    width: 100%;
  }

  .section__content--bloc.section-white-bg {
    padding-left: 19px;
    padding-right: 19px;
  }

  .ref-h {
    width: 25vw;
  }

  .ref-h.smaller-md {
    width: 19vw;
  }

  .ref-h.bigger {
    width: 32vw;
  }

  .ref-h.medium {
    width: 14vw;
  }

  .ref-h.smaller-md-2 {
    width: 19vw;
  }

  .text--h3-kpi-sm:where(.w-variant-4bc77d09-daa3-40f3-2414-a07807fb87f8) {
    font-size: 20px;
  }

  .kpi2 {
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .wrap-h-text-pays {
    width: 100%;
  }

  .wrap-link-pays {
    flex-flow: wrap;
  }

  .wrapper-text-several {
    color: var(--main-1);
    padding: 40px 24px;
  }

  .wrapper-text-several.no-pb {
    padding-bottom: 0;
  }

  .button__container-2.mt_2vh.desktop-only.btn-condensed {
    display: block;
  }

  .niveau-n-1-v-selected {
    margin-left: 0;
    padding-left: 5px;
  }

  .text {
    font-size: 18px;
  }

  .text.cap.bold.mt_16 {
    font-size: 16px;
  }

  .niveau-n-2 {
    margin-left: 5px;
    padding-left: 5px;
  }

  .info--text {
    padding-left: 21px;
    padding-right: 21px;
  }

  .container-n {
    padding-left: 5px;
  }

  .niveau-n-3 {
    margin-left: 5px;
    padding-left: 5px;
  }

  .gear {
    left: 15px;
  }

  .h3--vh-3 {
    font-size: 25px;
  }

  .h3--vh-3.text--main-1.mb_32 {
    text-align: center;
    font-size: 20px;
  }

  .close {
    inset: 0% 0% auto auto;
  }

  .close.remove-class {
    position: relative;
    top: 7px;
  }

  .close.remove-class.close--settings {
    position: absolute;
  }

  .bd-block-overflow {
    padding-left: 12px;
    padding-right: 12px;
  }

  .bd-popup-finalize-installation {
    width: 90%;
    height: 80vh;
    padding-left: 12px;
    padding-right: 12px;
  }

  .popup-txt-downloading {
    width: 90%;
    height: 80vh;
    padding-left: 0;
    padding-right: 0;
  }

  .bd-bestdoc {
    inset: 15px 15px auto auto;
  }
}


@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}