@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

body {
  margin: 0;
  font-family: inherit;
  line-height: inherit;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  background-color: transparent;
  background-image: none;
  border: none;
  cursor: pointer;
}

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
  height: auto;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

p, blockquote, dl, dd, figure {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

legend {
  padding: 0;
}

[hidden] {
  display: none !important;
}

*:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

*:focus:not(:focus-visible) {
  outline: none;
}

@media (max-width: 800px) {
  html {
    font-size: 2vw;
  }
}
@media (max-width: 450px) {
  html {
    font-size: 3.56vw;
  }
}
@font-face {
  font-family: "cdc-black";
  src: url("../fonts/cdc_beta-black-webfont.woff2") format("woff2"), url("../fonts/cdc_beta-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cdc-bold";
  src: url("../fonts/cdc_beta-bold-webfont.woff2") format("woff2"), url("../fonts/cdc_beta-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cdc-demi";
  src: url("../fonts/cdc_beta-demi-webfont.woff2") format("woff2"), url("../fonts/cdc_beta-demi-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cdc-extralight";
  src: url("../fonts/cdc_beta-extralight-webfont.woff2") format("woff2"), url("../fonts/cdc_beta-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cdc-light";
  src: url("../fonts/cdc_beta-light-webfont.woff2") format("woff2"), url("../fonts/cdc_beta-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cdc-regular";
  src: url("../fonts/cdc_beta-regular-webfont.woff2") format("woff2"), url("../fonts/cdc_beta-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "cdc-regular", sans-serif;
  overflow-x: hidden;
  background-color: black;
  color: #E8DFCC;
}

main {
  overflow-x: hidden;
}

.single-post_spaces,
.page-template-tpl-pro-catalog,
.page-template-tpl-pro-flexible {
  background-color: white;
  color: #191a21;
}

.border-style {
  -webkit-text-stroke-color: #fff;
  -webkit-text-stroke-width: 0.6px;
  text-stroke: 0.5px #fff;
}

.plain-style {
  color: #ff8c3f;
}

.section-padding {
  padding-top: 53px;
  padding-bottom: 53px;
}

.section-grid {
  padding: 53px;
}
@media screen and (max-width: 450px) {
  .section-grid {
    padding: 53px 20px;
  }
}

.section-grid-big {
  padding: 106px 53px;
}
@media screen and (max-width: 450px) {
  .section-grid-big {
    padding: 53px 20px;
  }
}

.btn, .technical-datas-event a, .nav-container .menu-contact .contact a, .btn-light, .btn-outline, .btn-dark, .btn-orange, .btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 26px;
  border: 1px solid transparent;
  border-radius: 0;
  font-family: "cdc-black", sans-serif;
  font-size: 16px;
  line-height: 0;
  text-transform: uppercase;
  letter-spacing: -1.12px;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  min-height: 48px;
  background: none;
  outline: none;
}
.btn:focus-visible, .technical-datas-event a:focus-visible, .nav-container .menu-contact .contact a:focus-visible, .btn-light:focus-visible, .btn-outline:focus-visible, .btn-dark:focus-visible, .btn-orange:focus-visible, .btn-primary:focus-visible {
  outline: 2px solid rgba(255, 140, 63, 0.5);
  outline-offset: 2px;
}
.btn:disabled, .technical-datas-event a:disabled, .nav-container .menu-contact .contact a:disabled, .btn-light:disabled, .btn-outline:disabled, .btn-dark:disabled, .btn-orange:disabled, .btn-primary:disabled, .btn.disabled, .technical-datas-event a.disabled, .nav-container .menu-contact .contact a.disabled, .disabled.btn-light, .disabled.btn-outline, .disabled.btn-dark, .disabled.btn-orange, .disabled.btn-primary {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none;
}

.btn-primary {
  background-color: #ff8c3f;
  color: #191a21;
  border-color: #ff8c3f;
}
.btn-primary::before, .btn-primary::after {
  content: "";
  width: 9px;
  height: 24px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 24"><path d="M0 6h3v12H0V6z" fill="%23191a21"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}
.btn-primary::before {
  margin-right: 4px;
}
.btn-primary::after {
  margin-left: 4px;
  transform: rotate(180deg);
}
.btn-primary:hover:not(:disabled) {
  background-color: #ff7416;
  border-color: #ff7416;
  transform: translateY(-1px);
}
.btn-primary:active {
  background-color: #ff6702;
  border-color: #ff6702;
  transform: translateY(0);
}

.btn-orange, .technical-datas-event a, .nav-container .menu-contact .contact a {
  background-color: #ff8c3f;
  color: #191a21;
  border-color: #ff8c3f;
}
.btn-orange:hover:not(:disabled), .technical-datas-event a:hover:not(:disabled), .nav-container .menu-contact .contact a:hover:not(:disabled) {
  background-color: #ff7416;
  border-color: #ff7416;
  transform: translateY(-1px);
}
.btn-orange:active, .technical-datas-event a:active, .nav-container .menu-contact .contact a:active {
  background-color: #ff6702;
  border-color: #ff6702;
  transform: translateY(0);
}

.btn-dark {
  background-color: #191a21;
  color: #E8DFCC;
  border-color: #191a21;
}
.btn-dark:hover:not(:disabled) {
  background-color: #2b2c38;
  border-color: #2b2c38;
  transform: translateY(-1px);
}
.btn-dark:active {
  background-color: #333544;
  border-color: #333544;
  transform: translateY(0);
}

.btn-outline {
  background-color: transparent;
  color: #E8DFCC;
  border-color: #E8DFCC;
  border-width: 1px;
  border-style: solid;
}
.btn-outline:hover:not(:disabled) {
  background-color: rgba(232, 223, 204, 0.1);
  border-color: rgba(232, 223, 204, 0.8);
  transform: translateY(-1px);
}
.btn-outline:active {
  background-color: rgba(232, 223, 204, 0.2);
  transform: translateY(0);
}

.btn-light {
  background-color: #E8DFCC;
  color: #191a21;
  border-color: #E8DFCC;
}
.btn-light:hover:not(:disabled) {
  background-color: #dbcdb0;
  border-color: #dbcdb0;
  transform: translateY(-1px);
}
.btn-light:active {
  background-color: #d5c5a2;
  border-color: #d5c5a2;
  transform: translateY(0);
}

.btn--sm {
  padding: 8px 20px;
  font-size: 14px;
  letter-spacing: -0.98px;
}

.btn--lg {
  padding: 16px 32px;
  font-size: 18px;
  letter-spacing: -1.26px;
}

.btn--xl {
  padding: 20px 40px;
  font-size: 20px;
  letter-spacing: -1.4px;
}

.btn--full {
  width: 100%;
}

.btn--loading {
  position: relative;
  color: transparent;
}
.btn--loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid currentColor;
  border-radius: 50%;
  border-top-color: transparent;
  -webkit-animation: btn-spin 1s linear infinite;
          animation: btn-spin 1s linear infinite;
}

.btn--icon {
  gap: 8px;
}
.btn--icon .icon {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.btn-group {
  display: inline-flex;
  gap: 12px;
}
@media (max-width: 640px) {
  .btn-group {
    flex-direction: column;
    width: 100%;
  }
  .btn-group .btn, .btn-group .technical-datas-event a, .technical-datas-event .btn-group a, .btn-group .nav-container .menu-contact .contact a, .nav-container .menu-contact .contact .btn-group a, .btn-group .btn-primary, .btn-group .btn-orange, .btn-group .btn-dark, .btn-group .btn-outline, .btn-group .btn-light {
    width: 100%;
  }
}

@-webkit-keyframes btn-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes btn-spin {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes btn-fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes btn-fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.btn--animate {
  -webkit-animation: btn-fadeIn 0.5s ease-out;
          animation: btn-fadeIn 0.5s ease-out;
}

@media (max-width: 768px) {
  .btn, .technical-datas-event a, .nav-container .menu-contact .contact a, .btn-primary, .btn-orange, .btn-dark, .btn-outline, .btn-light {
    padding: 10px 20px;
    font-size: 14px;
    letter-spacing: -0.98px;
  }
  .btn--sm {
    padding: 6px 16px;
    font-size: 12px;
  }
  .btn--lg {
    padding: 12px 24px;
    font-size: 16px;
  }
  .btn--xl {
    padding: 14px 28px;
    font-size: 18px;
  }
}
.space-public .btn-adaptive {
  background-color: #ff8c3f;
  color: #191a21;
}

.space-pro .btn-adaptive {
  background-color: #191a21;
  color: #E8DFCC;
}

@media (prefers-reduced-motion: reduce) {
  .btn, .technical-datas-event a, .nav-container .menu-contact .contact a, .btn-primary, .btn-orange, .btn-dark, .btn-outline, .btn-light {
    transition: none;
  }
  .btn--animate {
    -webkit-animation: none;
            animation: none;
  }
  @-webkit-keyframes btn-spin {
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes btn-spin {
    to {
      transform: rotate(360deg);
    }
  }
}
@media (max-width: 800px) {
  .btn, .technical-datas-event a, .nav-container .menu-contact .contact a, .btn-primary, .btn-orange, .btn-dark, .btn-outline, .btn-light {
    font-size: 2vw;
    letter-spacing: -0.05vw;
  }
  .btn-sm {
    font-size: 1.75vw;
    letter-spacing: -0.04vw;
  }
  .btn-md {
    font-size: 2.25vw;
    letter-spacing: -0.06vw;
  }
  .btn-lg {
    font-size: 2.5vw;
    letter-spacing: -0.07vw;
  }
  .pagination-numbers .pagination-link {
    font-size: 1.75vw;
    letter-spacing: -0.04vw;
  }
  .pagination-info {
    font-size: 1.5vw;
  }
  .pagination-buttons .btn, .pagination-buttons .technical-datas-event a, .technical-datas-event .pagination-buttons a, .pagination-buttons .nav-container .menu-contact .contact a, .nav-container .menu-contact .contact .pagination-buttons a, .pagination-buttons .btn-primary, .pagination-buttons .btn-orange, .pagination-buttons .btn-dark, .pagination-buttons .btn-outline, .pagination-buttons .btn-light {
    font-size: 2vw;
  }
  .pagination-buttons .btn-link {
    font-size: 2.25vw;
  }
}
@media (max-width: 450px) {
  .btn, .technical-datas-event a, .nav-container .menu-contact .contact a, .btn-primary, .btn-orange, .btn-dark, .btn-outline, .btn-light {
    font-size: 3.56vw;
    letter-spacing: -0.09vw;
  }
  .btn-sm {
    font-size: 3.11vw;
    letter-spacing: -0.08vw;
  }
  .btn-md {
    font-size: 4vw;
    letter-spacing: -0.1vw;
  }
  .btn-lg {
    font-size: 4.44vw;
    letter-spacing: -0.12vw;
  }
  .pagination-numbers .pagination-link {
    font-size: 3.11vw;
    letter-spacing: -0.08vw;
  }
  .pagination-info {
    font-size: 2.67vw;
  }
  .pagination-buttons .btn, .pagination-buttons .technical-datas-event a, .technical-datas-event .pagination-buttons a, .pagination-buttons .nav-container .menu-contact .contact a, .nav-container .menu-contact .contact .pagination-buttons a, .pagination-buttons .btn-primary, .pagination-buttons .btn-orange, .pagination-buttons .btn-dark, .pagination-buttons .btn-outline, .pagination-buttons .btn-light {
    font-size: 3.56vw;
  }
  .pagination-buttons .btn-link {
    font-size: 4vw;
  }
}
header {
  position: relative;
  z-index: 1000;
}

.nav-container {
  position: relative;
  height: 114px;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 768px) {
  .nav-container {
    height: 70px;
  }
}
.nav-container .navbar-mobile {
  display: none;
  position: fixed;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 1000;
  padding: 0 0 0 20px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-container .navbar-mobile.black {
  background-color: black;
  border-bottom: 1px solid white;
}
.nav-container .navbar-mobile.black .nav-logo-white {
  display: block;
}
.nav-container .navbar-mobile.black .nav-logo-black {
  display: none;
}
.nav-container .navbar-mobile.black .burger-mobile {
  border-left: 1px solid white;
}
.nav-container .navbar-mobile.black .burger-mobile svg rect {
  fill: white;
}
.nav-container .navbar-mobile.white {
  background-color: white;
  border-bottom: 1px solid black;
}
.nav-container .navbar-mobile.white .nav-logo-white {
  display: none;
}
.nav-container .navbar-mobile.white .nav-logo-black {
  display: block;
}
.nav-container .navbar-mobile.white .burger-mobile {
  border-left: 1px solid black;
}
.nav-container .navbar-mobile.white .burger-mobile svg rect {
  fill: black;
}
@media screen and (max-width: 768px) {
  .nav-container .navbar-mobile.is-mobile-menu-open {
    transform: translateY(-100%);
  }
}
@media screen and (max-width: 768px) {
  .nav-container .navbar-mobile {
    display: flex;
  }
}
.nav-container .navbar-mobile .nav-logo {
  height: 100%;
}
.nav-container .navbar-mobile .nav-logo img {
  height: 40px;
  width: auto;
}
.nav-container .navbar-mobile .burger-mobile {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
}
.nav-container .navbar-mobile .burger-mobile svg {
  width: 25px;
  height: auto;
}
.nav-container .nav-logo {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: 2rem;
  flex-shrink: 0;
  width: auto;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .nav-container .nav-logo {
    padding-right: 20px;
    border-right: 1px solid white;
  }
}
.nav-container .nav-logo img {
  height: auto;
  max-height: 60px;
}
.nav-container .nav-header-mobile {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .nav-container .nav-header-mobile {
    opacity: 1;
    pointer-events: auto;
    flex-direction: row;
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
}
.nav-container .nav-header-mobile .close-nav-mobile {
  height: 70px;
  width: 70px;
  padding: 22px;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
}
.nav-container .nav-header-mobile .nav-logo-mobile img {
  display: block;
  padding: 15px 20px;
  width: 200px;
  height: auto;
}
.nav-container .nav-menus {
  position: fixed;
  flex: 1;
  height: 114px;
  overflow: hidden;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .nav-container .nav-menus {
    position: fixed;
    top: 0;
    left: 0;
    width: 200%;
    height: 100vh;
    display: flex;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 999;
  }
}
@media screen and (max-width: 768px) {
  .nav-container .nav-menus.is-mobile-open {
    transform: translateX(0);
  }
}
@media screen and (max-width: 768px) {
  .nav-container .nav-menus.is-mobile-pro {
    transform: translateX(-50%);
  }
}
.nav-container .menu-contact {
  padding: 0 30px;
}
@media screen and (max-width: 768px) {
  .nav-container .menu-contact {
    padding: 20px;
    width: 100%;
  }
  .nav-container .menu-contact .contact a {
    width: 100%;
  }
}
.nav-container .nav-public {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 114px;
  transform: translateY(0);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 11.65%, rgba(0, 0, 0, 0.7) 45.13%, rgba(0, 0, 0, 0.3) 100.28%);
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-family: "cdc-black", sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .nav-container .nav-public {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding-bottom: 70px;
  }
}
.nav-container .nav-public .menu-navigation__menu {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
@media screen and (max-width: 800px) {
  .nav-container .nav-public .menu-navigation__menu {
    flex-direction: column;
  }
}
.nav-container .nav-public .menu-navigation__menu li {
  height: 100%;
}
.nav-container .nav-public .menu-navigation__menu li a,
.nav-container .nav-public .menu-navigation__menu li button {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.nav-container .nav-public .menu-navigation__menu li.decouvrir {
  position: relative;
}
@media screen and (max-width: 800px) {
  .nav-container .nav-public .menu-navigation__menu li.decouvrir {
    margin-left: 20px;
  }
}
.nav-container .nav-public .menu-navigation__menu li.decouvrir::before, .nav-container .nav-public .menu-navigation__menu li.decouvrir::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 30px;
  background-image: url("../img/accolade.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.nav-container .nav-public .menu-navigation__menu li.decouvrir::before {
  left: 0;
}
.nav-container .nav-public .menu-navigation__menu li.decouvrir::after {
  right: 0;
  transform: translateY(-50%) scaleX(-1);
}
.nav-container .nav-public .menu-navigation__menu li.decouvrir a {
  padding-left: 8px;
  padding-right: 8px;
}
.nav-container .nav-public .home-replace-by-logo a {
  background-image: url("../img/logo-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: #191a21;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  width: 105px;
  min-width: 105px;
}
.nav-container .nav-public .home-replace-by-logo {
  width: 105px;
}
@media screen and (max-width: 768px) {
  .nav-container .nav-public .home-replace-by-logo {
    display: none;
  }
}
.nav-container .nav-public .no-link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-container .nav-public .no-link button::after {
  content: "";
  display: inline-block;
  width: 26px;
  height: 12px;
  background-image: url("../img/burger-pro.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .nav-container .nav-public .no-link {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .nav-container .nav-public {
    width: 50%;
    height: 100%;
    transform: translateY(0);
  }
}
.nav-container .nav-pro, .nav-container .nav-projet {
  position: absolute;
  top: 114px;
  width: 100%;
  height: 114px;
  transform: translateY(0);
  border-bottom: 1px solid #000;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(22px);
          backdrop-filter: blur(22px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}
.nav-container .nav-pro .nav-header-mobile, .nav-container .nav-projet .nav-header-mobile {
  display: none;
}
.nav-container .nav-pro .nav-pro-left, .nav-container .nav-projet .nav-pro-left {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 100%;
}
.nav-container .nav-pro .nav-pro-left .nav-pro-logo, .nav-container .nav-projet .nav-pro-left .nav-pro-logo {
  height: 100%;
  padding: 0 30px;
  border-right: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nav-container .nav-pro .nav-pro-left .nav-pro-logo img, .nav-container .nav-projet .nav-pro-left .nav-pro-logo img {
  height: 71px;
  width: auto;
  max-height: 60px;
}
.nav-container .nav-pro .nav-pro-left .toggle-menu, .nav-container .nav-projet .nav-pro-left .toggle-menu {
  padding: 0 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  cursor: pointer;
  border-right: 1px solid black;
}
.nav-container .nav-pro .nav-pro-left .toggle-menu svg, .nav-container .nav-projet .nav-pro-left .toggle-menu svg {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .nav-container .nav-pro .nav-pro-left, .nav-container .nav-projet .nav-pro-left {
    display: none;
  }
}
.nav-container .nav-pro .no-link a, .nav-container .nav-projet .no-link a {
  pointer-events: none;
  font-size: 12px;
  color: #7d7d7d;
  border: 1px solid #7d7d7d;
  padding: 5px;
  border-radius: 3px;
}
.nav-container .nav-pro .close-nav-mobile, .nav-container .nav-projet .close-nav-mobile {
  border-color: #191a21;
}
@media screen and (max-width: 768px) {
  .nav-container .nav-pro, .nav-container .nav-projet {
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    transform: translateY(0);
    flex-direction: column;
    padding-bottom: 70px;
  }
}
.nav-container.is-pro-active .nav-public {
  transform: translateY(-114px);
}
.nav-container.is-pro-active .nav-projet {
  display: none;
}
.nav-container.is-pro-active .nav-pro {
  transform: translateY(-114px);
}
@media screen and (max-width: 768px) {
  .nav-container.is-pro-active .nav-public,
.nav-container.is-pro-active .nav-pro {
    transform: translateY(0);
  }
}
.nav-container.is-projet-active .nav-public {
  transform: translateY(-114px);
}
.nav-container.is-projet-active .nav-pro {
  display: none;
}
.nav-container.is-projet-active .nav-projet {
  transform: translateY(-114px);
}
@media screen and (max-width: 768px) {
  .nav-container.is-projet-active .nav-public,
.nav-container.is-projet-active .nav-projet {
    transform: translateY(0);
  }
}

.nav-container .menu-navigation,
.nav-container .menu-navigation-pro {
  display: flex;
  align-items: center;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .nav-container .menu-navigation,
.nav-container .menu-navigation-pro {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0;
    width: 100%;
  }
}
.nav-container .menu-navigation .menu-navigation__menu,
.nav-container .menu-navigation .menu-navigation-pro__menu,
.nav-container .menu-navigation-pro .menu-navigation__menu,
.nav-container .menu-navigation-pro .menu-navigation-pro__menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .nav-container .menu-navigation .menu-navigation__menu,
.nav-container .menu-navigation .menu-navigation-pro__menu,
.nav-container .menu-navigation-pro .menu-navigation__menu,
.nav-container .menu-navigation-pro .menu-navigation-pro__menu {
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 0;
    height: unset;
  }
}
.nav-container .menu-navigation .menu-navigation__menu li a,
.nav-container .menu-navigation .menu-navigation-pro__menu li a,
.nav-container .menu-navigation-pro .menu-navigation__menu li a,
.nav-container .menu-navigation-pro .menu-navigation-pro__menu li a {
  text-decoration: none;
  padding: 10px 20px;
  transition: all 0.2s ease;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .nav-container .menu-navigation .menu-navigation__menu li a,
.nav-container .menu-navigation .menu-navigation-pro__menu li a,
.nav-container .menu-navigation-pro .menu-navigation__menu li a,
.nav-container .menu-navigation-pro .menu-navigation-pro__menu li a {
    font-size: 16px;
    display: inline-block;
  }
}
.nav-container .menu-navigation .menu-navigation__menu li a:hover,
.nav-container .menu-navigation .menu-navigation-pro__menu li a:hover,
.nav-container .menu-navigation-pro .menu-navigation__menu li a:hover,
.nav-container .menu-navigation-pro .menu-navigation-pro__menu li a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .nav-container .menu-navigation__menu .nav-pro-toggle {
    font-size: 16px;
  }
}
.nav-container .menu-navigation-pro__menu {
  gap: 5px;
}
@media screen and (max-width: 768px) {
  .nav-container .menu-navigation-pro__menu li.no-link {
    margin-left: 20px;
  }
  .nav-container .menu-navigation-pro__menu li.no-link::before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 12px;
    background-image: url("../img/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .nav-container .menu-navigation-pro__menu li.no-link a {
    padding: 0 15px;
    line-height: 1.1;
    margin-bottom: 10px;
  }
}
.nav-container .menu-navigation-pro__menu li a {
  color: #191a21;
}

@media (max-width: 800px) {
  .nav-public .nav-public-menu a,
.nav-pro .nav-pro-menu a {
    font-size: 1.75vw;
  }
  .nav-pro-subtext {
    font-size: 1.5vw;
  }
  .nav-public-form input,
.nav-public-form .btn,
.nav-public-form .technical-datas-event a,
.technical-datas-event .nav-public-form a,
.nav-public-form .btn-primary,
.nav-public-form .btn-orange,
.nav-public-form .btn-dark,
.nav-public-form .btn-outline,
.nav-public-form .btn-light,
.nav-public-form .nav-container .menu-contact .contact a,
.nav-container .menu-contact .contact .nav-public-form a,
.nav-mobile-menu-item a {
    font-size: 2vw;
  }
  .nav-mobile-subtext {
    font-size: 1.75vw;
  }
}
@media (max-width: 450px) {
  .nav-public .nav-public-menu a,
.nav-pro .nav-pro-menu a {
    font-size: 3.11vw;
  }
  .nav-pro-subtext {
    font-size: 2.67vw;
  }
  .nav-public-form input,
.nav-public-form .btn,
.nav-public-form .technical-datas-event a,
.technical-datas-event .nav-public-form a,
.nav-public-form .btn-primary,
.nav-public-form .btn-orange,
.nav-public-form .btn-dark,
.nav-public-form .btn-outline,
.nav-public-form .btn-light,
.nav-public-form .nav-container .menu-contact .contact a,
.nav-container .menu-contact .contact .nav-public-form a,
.nav-mobile-menu-item a {
    font-size: 3.56vw;
  }
  .nav-mobile-subtext {
    font-size: 3.11vw;
  }
}
.hero {
  min-height: calc(100vh - 114px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hero .hero-deco {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.hero .hero-deco .top > *,
.hero .hero-deco .bottom > *,
.hero .hero-deco .left > *,
.hero .hero-deco .right > * {
  opacity: 0;
}
.hero .hero-deco .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 1;
}
.hero .hero-deco .top .top-particules {
  position: absolute;
  top: 9%;
  left: 43%;
  width: 15%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(36deg);
}
.hero .hero-deco .top .top-star {
  position: absolute;
  top: 74%;
  left: 23%;
  width: 5%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(190deg);
}
.hero .hero-deco .top .top-star-bis {
  position: absolute;
  top: 65%;
  left: 19%;
  width: 2%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(208deg);
}
.hero .hero-deco .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 1;
}
.hero .hero-deco .bottom .bottom-ellipse {
  position: absolute;
  bottom: -75%;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero .hero-deco .bottom .bottom-star {
  position: absolute;
  bottom: 10%;
  left: 23%;
  width: 6%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotateZ(105deg);
}
.hero .hero-deco .bottom .bottom-star-bis {
  position: absolute;
  bottom: 24%;
  left: 62%;
  width: 7%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(147deg);
}
.hero .hero-deco .bottom .bottom-star-ter {
  position: absolute;
  bottom: -6%;
  left: 68%;
  width: 4%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(299deg);
}
.hero .hero-deco .bottom .bottom-c-red {
  position: absolute;
  bottom: -60%;
  left: 37%;
  width: 37%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(38deg);
}
.hero .hero-deco .bottom .bottom-torti-grey {
  position: absolute;
  bottom: -50%;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(38deg);
}
.hero .hero-deco .bottom .bottom-particules {
  position: absolute;
  bottom: 12%;
  left: 48%;
  width: 14%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(32deg);
}
.hero .hero-deco .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}
.hero .hero-deco .left .left-house {
  position: absolute;
  top: 11%;
  left: 0;
  width: 48%;
  -o-object-fit: contain;
     object-fit: contain;
}
.hero .hero-deco .left .left-particles {
  position: absolute;
  top: 66%;
  left: -4%;
  width: 34%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotateZ(122deg);
}
.hero .hero-deco .left .left-c-violet {
  position: absolute;
  top: 13%;
  left: -28%;
  width: 45%;
  transform: rotateZ(5deg);
  -o-object-fit: contain;
  object-fit: contain;
}
.hero .hero-deco .left .left-torti-red {
  position: absolute;
  top: 62%;
  left: -20%;
  width: 66%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: rotate(265deg);
}
.hero .hero-deco .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 2;
}
.hero .hero-deco .right .right-house {
  position: absolute;
  top: 34%;
  right: -6%;
  width: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotateY(180deg);
}
.hero .hero-deco .right .right-torti-red {
  position: absolute;
  top: 10%;
  right: -15%;
  width: 64%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotateY(180deg) rotateZ(324deg);
}
.hero .hero-deco .right .right-star {
  position: absolute;
  top: 31%;
  right: 40%;
  width: 8%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotateZ(110deg);
}
.hero .hero-deco .right .right-star-bis {
  position: absolute;
  top: 35%;
  right: 46%;
  width: 6%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotateY(180deg) rotateZ(324deg);
}
.hero .hero-title {
  width: 60%;
  color: #fff;
  text-align: center;
  font-family: "cdc-black", sans-serif;
  font-size: 11vw;
  font-style: normal;
  line-height: 80%; /* 143.331px */
  letter-spacing: -12.541px;
}
@media (max-width: 800px) {
  .hero .hero-title {
    width: 80%;
    letter-spacing: -0.5vw;
  }
}
@media (max-width: 450px) {
  .hero .hero-title {
    font-size: 14vw;
    letter-spacing: -0.8vw;
  }
}
.hero .hero-title .line-container {
  overflow: hidden;
}
.hero .hero-title .line-container .line1,
.hero .hero-title .line-container .line2 {
  display: block;
  transform: translateY(100%);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hero .hero-title .line-container .line2 {
  line-height: 1.1;
}
.hero .hero-subtitle {
  width: 40%;
  color: #fff;
  text-align: center;
  font-family: "cdc-regular", sans-serif;
  font-size: 22px;
  font-style: normal;
  line-height: 140%; /* 30.8px */
  margin-top: 6vh;
  margin-bottom: 6vh;
  opacity: 0;
  transform: translateY(20px);
}
@media (max-width: 800px) {
  .hero .hero-subtitle {
    width: 80%;
    font-size: 2.75vw;
  }
}
@media (max-width: 450px) {
  .hero .hero-subtitle {
    font-size: 4.89vw;
  }
}
.hero .hero-ctas {
  opacity: 0;
  transform: translateY(20px);
}
.hero.line1-animate .line-container:nth-child(1) .line1 {
  -webkit-animation: slideUpReveal 0.8s ease-out forwards;
          animation: slideUpReveal 0.8s ease-out forwards;
}
.hero.line2-magnet-animate .line-container:nth-child(2) .line2 {
  -webkit-animation: slideUpReveal 0.8s ease-out forwards;
          animation: slideUpReveal 0.8s ease-out forwards;
}
.hero.line2-magnet-animate .hero-deco .top .top-particules {
  -webkit-animation: magneticAttractFromTop 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.1s forwards;
          animation: magneticAttractFromTop 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.1s forwards;
}
.hero.line2-magnet-animate .hero-deco .top .top-star {
  -webkit-animation: magneticAttractFromTopRight 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards;
          animation: magneticAttractFromTopRight 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards;
}
.hero.line2-magnet-animate .hero-deco .top .top-star-bis {
  -webkit-animation: magneticAttractFromTopLeft 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
          animation: magneticAttractFromTopLeft 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
}
.hero.line2-magnet-animate .hero-deco .bottom .bottom-ellipse {
  -webkit-animation: magneticAttractFromBottom 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;
          animation: magneticAttractFromBottom 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;
}
.hero.line2-magnet-animate .hero-deco .bottom .bottom-star {
  -webkit-animation: magneticAttractFromBottomLeft 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s forwards;
          animation: magneticAttractFromBottomLeft 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s forwards;
}
.hero.line2-magnet-animate .hero-deco .bottom .bottom-star-bis {
  -webkit-animation: magneticAttractFromBottomRight 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards;
          animation: magneticAttractFromBottomRight 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards;
}
.hero.line2-magnet-animate .hero-deco .bottom .bottom-star-ter {
  -webkit-animation: magneticAttractFromBottomCenter 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.7s forwards;
          animation: magneticAttractFromBottomCenter 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.7s forwards;
}
.hero.line2-magnet-animate .hero-deco .bottom .bottom-c-red {
  -webkit-animation: magneticAttractBottomElements 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.8s forwards;
          animation: magneticAttractBottomElements 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.8s forwards;
}
.hero.line2-magnet-animate .hero-deco .bottom .bottom-torti-grey {
  -webkit-animation: magneticAttractBottomElements 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.9s forwards;
          animation: magneticAttractBottomElements 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.9s forwards;
}
.hero.line2-magnet-animate .hero-deco .bottom .bottom-particules {
  -webkit-animation: magneticAttractBottomParticles 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 1s forwards;
          animation: magneticAttractBottomParticles 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 1s forwards;
}
.hero.line2-magnet-animate .hero-deco .left .left-house {
  -webkit-animation: magneticAttractFromLeft 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards;
          animation: magneticAttractFromLeft 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s forwards;
}
.hero.line2-magnet-animate .hero-deco .left .left-particles {
  -webkit-animation: magneticAttractLeftParticles 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;
          animation: magneticAttractLeftParticles 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;
}
.hero.line2-magnet-animate .hero-deco .left .left-c-violet {
  -webkit-animation: magneticAttractLeftCViolet 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards;
          animation: magneticAttractLeftCViolet 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s forwards;
}
.hero.line2-magnet-animate .hero-deco .left .left-torti-red {
  -webkit-animation: magneticAttractLeftTortiRed 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.8s forwards;
          animation: magneticAttractLeftTortiRed 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.8s forwards;
}
.hero.line2-magnet-animate .hero-deco .right .right-house {
  -webkit-animation: magneticAttractFromRight 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
          animation: magneticAttractFromRight 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
}
.hero.line2-magnet-animate .hero-deco .right .right-torti-red {
  -webkit-animation: magneticAttractRightTortiRed 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s forwards;
          animation: magneticAttractRightTortiRed 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s forwards;
}
.hero.line2-magnet-animate .hero-deco .right .right-star {
  -webkit-animation: magneticAttractRightStar 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.7s forwards;
          animation: magneticAttractRightStar 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.7s forwards;
}
.hero.line2-magnet-animate .hero-deco .right .right-star-bis {
  -webkit-animation: magneticAttractRightStarBis 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.9s forwards;
          animation: magneticAttractRightStarBis 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.9s forwards;
}
.hero.content-animate .hero-subtitle,
.hero.content-animate .hero-ctas {
  -webkit-animation: fadeInUp 0.6s ease-out forwards;
          animation: fadeInUp 0.6s ease-out forwards;
}

@-webkit-keyframes slideUpReveal {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideUpReveal {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes magneticAttractFromTop {
  0% {
    opacity: 0;
    transform: translateY(-100px) rotateZ(36deg);
  }
  70% {
    opacity: 1;
    transform: translateY(-5px) rotateZ(36deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateZ(36deg);
  }
}
@keyframes magneticAttractFromTop {
  0% {
    opacity: 0;
    transform: translateY(-100px) rotateZ(36deg);
  }
  70% {
    opacity: 1;
    transform: translateY(-5px) rotateZ(36deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateZ(36deg);
  }
}
@-webkit-keyframes magneticAttractFromTopRight {
  0% {
    opacity: 0;
    transform: translate(50px, -50px) rotateZ(190deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, 3px) rotateZ(190deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(190deg);
  }
}
@keyframes magneticAttractFromTopRight {
  0% {
    opacity: 0;
    transform: translate(50px, -50px) rotateZ(190deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, 3px) rotateZ(190deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(190deg);
  }
}
@-webkit-keyframes magneticAttractFromTopLeft {
  0% {
    opacity: 0;
    transform: translate(-50px, -50px) rotateZ(208deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, 3px) rotateZ(208deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(208deg);
  }
}
@keyframes magneticAttractFromTopLeft {
  0% {
    opacity: 0;
    transform: translate(-50px, -50px) rotateZ(208deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, 3px) rotateZ(208deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(208deg);
  }
}
@-webkit-keyframes magneticAttractFromBottom {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  70% {
    opacity: 1;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes magneticAttractFromBottom {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  70% {
    opacity: 1;
    transform: translateY(5px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes magneticAttractFromBottomLeft {
  0% {
    opacity: 0;
    transform: translate(-50px, 50px) rotateZ(105deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, -3px) rotateZ(105deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(105deg);
  }
}
@keyframes magneticAttractFromBottomLeft {
  0% {
    opacity: 0;
    transform: translate(-50px, 50px) rotateZ(105deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, -3px) rotateZ(105deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(105deg);
  }
}
@-webkit-keyframes magneticAttractFromBottomRight {
  0% {
    opacity: 0;
    transform: translate(50px, 50px) rotateZ(147deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, -3px) rotateZ(147deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(147deg);
  }
}
@keyframes magneticAttractFromBottomRight {
  0% {
    opacity: 0;
    transform: translate(50px, 50px) rotateZ(147deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, -3px) rotateZ(147deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(147deg);
  }
}
@-webkit-keyframes magneticAttractFromBottomCenter {
  0% {
    opacity: 0;
    transform: translateY(80px) rotateZ(299deg);
  }
  70% {
    opacity: 1;
    transform: translateY(4px) rotateZ(299deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateZ(299deg);
  }
}
@keyframes magneticAttractFromBottomCenter {
  0% {
    opacity: 0;
    transform: translateY(80px) rotateZ(299deg);
  }
  70% {
    opacity: 1;
    transform: translateY(4px) rotateZ(299deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateZ(299deg);
  }
}
@-webkit-keyframes magneticAttractFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  70% {
    opacity: 1;
    transform: translateX(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes magneticAttractFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  70% {
    opacity: 1;
    transform: translateX(5px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes magneticAttractFromRight {
  0% {
    opacity: 0;
    transform: translateX(100px) rotateY(180deg);
  }
  70% {
    opacity: 1;
    transform: translateX(-5px) rotateY(180deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotateY(180deg);
  }
}
@keyframes magneticAttractFromRight {
  0% {
    opacity: 0;
    transform: translateX(100px) rotateY(180deg);
  }
  70% {
    opacity: 1;
    transform: translateX(-5px) rotateY(180deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotateY(180deg);
  }
}
@-webkit-keyframes magneticAttractBottomElements {
  0% {
    opacity: 0;
    transform: translateY(100px) rotateZ(38deg);
  }
  70% {
    opacity: 1;
    transform: translateY(5px) rotateZ(38deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateZ(38deg);
  }
}
@keyframes magneticAttractBottomElements {
  0% {
    opacity: 0;
    transform: translateY(100px) rotateZ(38deg);
  }
  70% {
    opacity: 1;
    transform: translateY(5px) rotateZ(38deg);
  }
  100% {
    opacity: 1;
    transform: translateY(0) rotateZ(38deg);
  }
}
@-webkit-keyframes magneticAttractBottomParticles {
  0% {
    opacity: 0;
    transform: translate(50px, 50px) rotateZ(32deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, -3px) rotateZ(32deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(32deg);
  }
}
@keyframes magneticAttractBottomParticles {
  0% {
    opacity: 0;
    transform: translate(50px, 50px) rotateZ(32deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, -3px) rotateZ(32deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(32deg);
  }
}
@-webkit-keyframes magneticAttractLeftParticles {
  0% {
    opacity: 0;
    transform: translate(-50px, 50px) rotateZ(122deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, -3px) rotateZ(122deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(122deg);
  }
}
@keyframes magneticAttractLeftParticles {
  0% {
    opacity: 0;
    transform: translate(-50px, 50px) rotateZ(122deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, -3px) rotateZ(122deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(122deg);
  }
}
@-webkit-keyframes magneticAttractLeftCViolet {
  0% {
    opacity: 0;
    transform: translate(-50px, -50px) rotateZ(5deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, 3px) rotateZ(5deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(5deg);
  }
}
@keyframes magneticAttractLeftCViolet {
  0% {
    opacity: 0;
    transform: translate(-50px, -50px) rotateZ(5deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, 3px) rotateZ(5deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(5deg);
  }
}
@-webkit-keyframes magneticAttractLeftTortiRed {
  0% {
    opacity: 0;
    transform: translate(-50px, 50px) rotate(265deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, -3px) rotate(265deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotate(265deg);
  }
}
@keyframes magneticAttractLeftTortiRed {
  0% {
    opacity: 0;
    transform: translate(-50px, 50px) rotate(265deg);
  }
  70% {
    opacity: 1;
    transform: translate(3px, -3px) rotate(265deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotate(265deg);
  }
}
@-webkit-keyframes magneticAttractRightTortiRed {
  0% {
    opacity: 0;
    transform: translateX(100px) rotateY(180deg) rotateZ(324deg);
  }
  70% {
    opacity: 1;
    transform: translateX(-5px) rotateY(180deg) rotateZ(324deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotateY(180deg) rotateZ(324deg);
  }
}
@keyframes magneticAttractRightTortiRed {
  0% {
    opacity: 0;
    transform: translateX(100px) rotateY(180deg) rotateZ(324deg);
  }
  70% {
    opacity: 1;
    transform: translateX(-5px) rotateY(180deg) rotateZ(324deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) rotateY(180deg) rotateZ(324deg);
  }
}
@-webkit-keyframes magneticAttractRightStar {
  0% {
    opacity: 0;
    transform: translate(50px, -50px) rotateZ(110deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, 3px) rotateZ(110deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(110deg);
  }
}
@keyframes magneticAttractRightStar {
  0% {
    opacity: 0;
    transform: translate(50px, -50px) rotateZ(110deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, 3px) rotateZ(110deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateZ(110deg);
  }
}
@-webkit-keyframes magneticAttractRightStarBis {
  0% {
    opacity: 0;
    transform: translate(50px, -50px) rotateY(180deg) rotateZ(324deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, 3px) rotateY(180deg) rotateZ(324deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateY(180deg) rotateZ(324deg);
  }
}
@keyframes magneticAttractRightStarBis {
  0% {
    opacity: 0;
    transform: translate(50px, -50px) rotateY(180deg) rotateZ(324deg);
  }
  70% {
    opacity: 1;
    transform: translate(-3px, 3px) rotateY(180deg) rotateZ(324deg);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0) rotateY(180deg) rotateZ(324deg);
  }
}
@media screen and (max-width: 800px) {
  .hero .hero-deco .top .top-particules {
    top: 12%;
    left: 40%;
    width: 18%;
  }
  .hero .hero-deco .top .top-star {
    top: 70%;
    left: 20%;
    width: 6%;
  }
  .hero .hero-deco .top .top-star-bis {
    top: 62%;
    left: 16%;
    width: 3%;
  }
  .hero .hero-deco .bottom .bottom-star {
    bottom: 12%;
    left: 20%;
    width: 7%;
  }
  .hero .hero-deco .bottom .bottom-star-bis {
    bottom: 26%;
    left: 60%;
    width: 8%;
  }
  .hero .hero-deco .bottom .bottom-star-ter {
    bottom: -4%;
    left: 65%;
    width: 5%;
  }
  .hero .hero-deco .bottom .bottom-c-red {
    bottom: -55%;
    left: 35%;
    width: 40%;
  }
  .hero .hero-deco .bottom .bottom-particules {
    bottom: 15%;
    left: 45%;
    width: 16%;
  }
  .hero .hero-deco .left .left-house {
    top: 13%;
    left: -2%;
    width: 50%;
  }
  .hero .hero-deco .left .left-particles {
    top: 68%;
    left: -6%;
    width: 36%;
  }
  .hero .hero-deco .left .left-c-violet {
    top: 15%;
    left: -30%;
    width: 48%;
  }
  .hero .hero-deco .left .left-torti-red {
    top: 64%;
    left: -22%;
    width: 68%;
  }
  .hero .hero-deco .right {
    overflow-x: hidden;
  }
  .hero .hero-deco .right .right-house {
    top: 36%;
    right: -8%;
    width: 52%;
  }
  .hero .hero-deco .right .right-torti-red {
    top: 12%;
    right: -17%;
    width: 66%;
  }
  .hero .hero-deco .right .right-star {
    top: 33%;
    right: 38%;
    width: 9%;
  }
  .hero .hero-deco .right .right-star-bis {
    top: 37%;
    right: 44%;
    width: 7%;
  }
}
@media screen and (max-width: 450px) {
  .hero .hero-deco .top .top-particules {
    top: 15%;
    left: 42%;
    width: 35%;
  }
  .hero .hero-deco .top .top-star {
    top: 60%;
    left: 25%;
    width: 12%;
  }
  .hero .hero-deco .top .top-star-bis {
    top: 55%;
    left: 20%;
    width: 8%;
  }
  .hero .hero-deco .bottom .bottom-ellipse {
    bottom: -65%;
    left: 0;
    width: 100%;
  }
  .hero .hero-deco .bottom .bottom-star {
    bottom: 15%;
    left: 25%;
    width: 15%;
  }
  .hero .hero-deco .bottom .bottom-star-bis {
    bottom: 25%;
    left: 50%;
    width: 18%;
  }
  .hero .hero-deco .bottom .bottom-star-ter {
    bottom: 5%;
    left: 55%;
    width: 12%;
  }
  .hero .hero-deco .bottom .bottom-c-red {
    bottom: -35%;
    left: 25%;
    width: 65%;
  }
  .hero .hero-deco .bottom .bottom-particules {
    bottom: 18%;
    left: 35%;
    width: 30%;
  }
  .hero .hero-deco .left .left-house {
    top: 15%;
    left: 5%;
    width: 75%;
  }
  .hero .hero-deco .left .left-particles {
    top: 65%;
    left: 0%;
    width: 60%;
  }
  .hero .hero-deco .left .left-c-violet {
    top: 18%;
    left: -25%;
    width: 70%;
  }
  .hero .hero-deco .left .left-torti-red {
    top: 62%;
    left: -15%;
    width: 90%;
  }
  .hero .hero-deco .right .right-house {
    top: 35%;
    right: 5%;
    width: 75%;
  }
  .hero .hero-deco .right .right-torti-red {
    top: 12%;
    right: -15%;
    width: 90%;
  }
  .hero .hero-deco .right .right-star {
    top: 32%;
    right: 25%;
    width: 18%;
  }
  .hero .hero-deco .right .right-star-bis {
    top: 36%;
    right: 30%;
    width: 15%;
  }
}
.event-focus {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 70vh;
  padding: 18px;
  margin: 53px 18px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 800px) {
  .event-focus {
    gap: 40px;
  }
}
.event-focus .overlay-component {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.event-focus .event-focus-title {
  margin-bottom: 35vh;
}
@media (max-width: 800px) {
  .event-focus .event-focus-title {
    margin-bottom: 0;
  }
}
.event-focus .event-focus-title .border-style {
  font-size: 36px;
  font-family: "cdc-bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: -2.6px;
}
@media (max-width: 800px) {
  .event-focus .event-focus-title .border-style {
    font-size: 4.5vw;
    letter-spacing: -0.1vw;
  }
}
@media (max-width: 450px) {
  .event-focus .event-focus-title .border-style {
    font-size: 8vw;
    letter-spacing: -0.2vw;
  }
}
.event-focus .event-focus-title .plain-style {
  font-family: "cdc-bold", sans-serif;
  font-size: 36px;
  text-transform: uppercase;
  letter-spacing: -2.6px;
}
@media (max-width: 800px) {
  .event-focus .event-focus-title .plain-style {
    font-size: 4.5vw;
    letter-spacing: -0.1vw;
  }
}
@media (max-width: 450px) {
  .event-focus .event-focus-title .plain-style {
    font-size: 8vw;
    letter-spacing: -0.2vw;
  }
}
.event-focus .event-focus-img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.event-focus .event-focus-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  display: block;
}
.event-focus .focus-event-text {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: flex-end;
  z-index: 1;
  margin-bottom: 80px;
}
@media screen and (max-width: 800px) {
  .event-focus .focus-event-text {
    flex-direction: column;
  }
}
.event-focus .focus-event-title2 {
  flex: 1;
}
.event-focus .focus-event-title2 .border-style {
  font-size: 62px;
  font-family: "cdc-bold", sans-serif;
  letter-spacing: -2.6px;
  display: block;
}
@media (max-width: 800px) {
  .event-focus .focus-event-title2 .border-style {
    font-size: 7.75vw;
    letter-spacing: -0.1vw;
  }
}
@media (max-width: 450px) {
  .event-focus .focus-event-title2 .border-style {
    font-size: 6.45vw;
    letter-spacing: -0.2vw;
  }
}
.event-focus .focus-event-title2 .plain-style {
  font-family: "cdc-bold", sans-serif;
  font-size: 150px;
  line-height: 92%; /* 138.58px */
  letter-spacing: -11.83px;
}
@media (max-width: 800px) {
  .event-focus .focus-event-title2 .plain-style {
    font-size: 16vw;
    letter-spacing: -1vw;
  }
}
@media (max-width: 450px) {
  .event-focus .focus-event-title2 .plain-style {
    font-size: 16vw;
    letter-spacing: -0.6vw;
  }
}
.event-focus .event-excerpt {
  font-size: 22px;
  font-family: "cdc-regular", sans-serif;
  color: #E8DFCC;
  line-height: 130%;
  flex: 1;
}
@media (max-width: 800px) {
  .event-focus .event-excerpt {
    font-size: 2.75vw;
  }
}
@media (max-width: 450px) {
  .event-focus .event-excerpt {
    font-size: 4.89vw;
  }
}
.event-focus .event-focus-ctas {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media screen and (max-width: 800px) {
  .event-focus .event-focus-ctas {
    position: relative;
    left: unset;
    top: unset;
    transform: none;
  }
}

.event-hightlight {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
@media screen and (max-width: 800px) {
  .event-hightlight {
    grid-template-rows: auto auto;
  }
}
.event-hightlight .event-hightlight__title {
  grid-column: span 4;
  padding: 40px;
  position: relative;
}
@media screen and (max-width: 800px) {
  .event-hightlight .event-hightlight__title {
    grid-column: 2/12;
    padding: 0;
    order: 1;
    margin-bottom: 60px;
  }
}
.event-hightlight .event-hightlight__title h2 {
  font-family: "cdc-black", sans-serif;
  font-size: 62px;
  line-height: 90%; /* 55.8px */
  letter-spacing: -4.34px;
  background: linear-gradient(180deg, #ff8420 0%, #e8dfcc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 800px) {
  .event-hightlight .event-hightlight__title h2 {
    font-size: 7.75vw;
    letter-spacing: -0.2vw;
  }
}
@media (max-width: 450px) {
  .event-hightlight .event-hightlight__title h2 {
    font-size: 13.78vw;
    letter-spacing: -0.3vw;
  }
}
.event-hightlight .event-hightlight__title .ctas {
  margin-top: 18px;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media screen and (max-width: 800px) {
  .event-hightlight .event-hightlight__title .ctas {
    flex-direction: column;
  }
}
.event-hightlight .event-hightlight__title .right-house {
  position: absolute;
  right: 50px;
  top: 25vh;
  height: 400px;
  width: auto;
  z-index: -1;
}
.event-hightlight .event-hightlight__list {
  grid-column: 2/8;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media screen and (max-width: 800px) {
  .event-hightlight .event-hightlight__list {
    grid-column: 2/12;
    flex-direction: column;
    gap: 100px;
    order: 2;
  }
}
.event-hightlight .event-hightlight__list article {
  flex: 1;
  position: relative;
  z-index: 1;
}
.event-hightlight .event-hightlight__list article:first-child {
  z-index: 0;
}

.event-item picture {
  position: relative;
  display: block;
  height: 31vw;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .event-item picture {
    height: 110vw;
  }
}
.event-item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
  display: block;
}
.event-item .event-item-content,
.event-item .event-infos {
  padding: 0 20px;
  color: #b4a899;
}
.event-item .event-item-content h2,
.event-item .event-infos h2 {
  font-size: 32px;
  font-family: "cdc-demi", sans-serif;
  line-height: 100%; /* 28.8px */
  letter-spacing: -1px;
  margin: 18px 0;
  color: #E8DFCC;
}
@media (max-width: 800px) {
  .event-item .event-item-content h2,
.event-item .event-infos h2 {
    font-size: 4vw;
    letter-spacing: -0.1vw;
  }
}
@media (max-width: 450px) {
  .event-item .event-item-content h2,
.event-item .event-infos h2 {
    font-size: 7.11vw;
    letter-spacing: -0.2vw;
  }
}
.event-item .event-item-content .event-item-excerpt,
.event-item .event-infos .event-item-excerpt {
  font-size: 15px;
  font-family: "cdc-extralight", sans-serif;
  line-height: 140%; /* 22.5px */
  margin-bottom: 18px;
}
@media (max-width: 800px) {
  .event-item .event-item-content .event-item-excerpt,
.event-item .event-infos .event-item-excerpt {
    font-size: 1.875vw;
  }
}
@media (max-width: 450px) {
  .event-item .event-item-content .event-item-excerpt,
.event-item .event-infos .event-item-excerpt {
    font-size: 3.33vw;
  }
}

.event-infos .event-infos-item {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #b4a899;
  margin-bottom: 8px;
}
.event-infos .event-infos-item .event-infos-item-label {
  width: 48%;
}
.event-infos .event-infos-item .event-infos-item-value {
  width: 52%;
  font-size: 15px;
}
@media (max-width: 800px) {
  .event-infos .event-infos-item .event-infos-item-value {
    font-size: 1.75vw;
  }
}
@media (max-width: 450px) {
  .event-infos .event-infos-item .event-infos-item-value {
    font-size: 3.11vw;
  }
}
.event-infos .event-infos-item .event-infos-item-label {
  font-size: 14px;
  font-family: "cdc-extralight", sans-serif;
  color: #b4a899;
  line-height: 1.5;
}
@media (max-width: 800px) {
  .event-infos .event-infos-item .event-infos-item-label {
    font-size: 1.75vw;
  }
}
@media (max-width: 450px) {
  .event-infos .event-infos-item .event-infos-item-label {
    font-size: 3.11vw;
  }
}
.event-infos .event-infos-item .event-infos-item-value {
  font-family: "cdc-demi", sans-serif;
}
.event-infos .event-infos-item .event-infos-item-value .arrow::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../img/arrow-date.svg");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: 0 8px;
}

.space-item picture img {
  width: 100%;
}
.space-item .space-item-content {
  margin-top: 18px;
  position: relative;
}
.space-item .space-item-content::after {
  content: "";
  position: relative;
  display: block;
  width: 15px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.space-item .space-item-content .space-item-title {
  font-family: "cdc-black", sans-serif;
  font-size: 26px;
  line-height: 120%; /* 31.2px */
  text-transform: uppercase;
  color: #E8DFCC;
  margin-bottom: 40px;
}
.space-item .space-item-content .picto {
  position: absolute;
  top: -10px;
  width: 18%;
  height: auto;
  right: 0;
}
.space-item .space-item-content .space-item-text {
  font-family: "cdc-light", sans-serif;
  font-size: 14px;
  line-height: 140%; /* 25.2px */
  color: #E8DFCC;
  margin-bottom: 40px;
}

.single-post_spaces .space-item-content::after,
.page-template-tpl-pro-catalog .space-item-content::after,
.page-template-tpl-pro-flexible .space-item-content::after {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3741 8.98982C14.7646 8.5993 14.7646 7.96613 14.3741 7.57561L8.01014 1.21165C7.61961 0.821123 6.98645 0.821123 6.59592 1.21165C6.2054 1.60217 6.2054 2.23534 6.59592 2.62586L12.2528 8.28271L6.59592 13.9396C6.2054 14.3301 6.2054 14.9633 6.59592 15.3538C6.98645 15.7443 7.61961 15.7443 8.01014 15.3538L14.3741 8.98982ZM0.666992 8.28271V9.28271H13.667V8.28271V7.28271H0.666992V8.28271Z' fill='%23191A21'/%3E%3C/svg%3E");
}
.single-post_spaces .space-item-content .space-item-title,
.page-template-tpl-pro-catalog .space-item-content .space-item-title,
.page-template-tpl-pro-flexible .space-item-content .space-item-title {
  color: #191a21;
}
.single-post_spaces .space-item-content .space-item-text,
.page-template-tpl-pro-catalog .space-item-content .space-item-text,
.page-template-tpl-pro-flexible .space-item-content .space-item-text {
  color: #191a21;
}

@media (max-width: 800px) {
  .space-item-title {
    font-size: 3.25vw;
  }
  .space-item-text {
    font-size: 1.75vw;
  }
}
@media (max-width: 450px) {
  .space-item-title {
    font-size: 5.78vw;
  }
  .space-item-text {
    font-size: 3.11vw;
  }
}
.edito-big {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.edito-big .part-text,
.edito-big .part-images {
  grid-column: span 6;
}
@media (max-width: 800px) {
  .edito-big .part-text,
.edito-big .part-images {
    grid-column: span 12;
  }
}
@media (max-width: 800px) {
  .edito-big .part-text,
.edito-big .part-images {
    padding: 20px;
  }
}
.edito-big .part-text {
  padding: 40px 20px;
  position: relative;
}
.edito-big .part-text h2 {
  font-family: "cdc-black", sans-serif;
  font-size: 101px;
  line-height: 90%; /* 55.8px */
  letter-spacing: -4.34px;
  background: linear-gradient(180deg, #ff8420 0%, #e8dfcc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 800px) {
  .edito-big .part-text h2 {
    font-size: 12.625vw;
    letter-spacing: -0.2vw;
  }
}
@media (max-width: 450px) {
  .edito-big .part-text h2 {
    font-size: 13.78vw;
    letter-spacing: -0.3vw;
  }
}
.edito-big .part-text p {
  font-family: "cdc-demi", sans-serif;
  color: #E8DFCC;
  font-size: 18px;
  line-height: 140%; /* 25.2px */
  width: 70%;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .edito-big .part-text p {
    font-size: 2.25vw;
    width: 80%;
  }
}
@media (max-width: 450px) {
  .edito-big .part-text p {
    font-size: 4vw;
    width: 100%;
  }
}
.edito-big .part-text .ctas {
  width: 50%;
  margin: auto;
  margin-top: 18px;
}
.edito-big .part-text .ctas .btn, .edito-big .part-text .ctas .technical-datas-event a, .technical-datas-event .edito-big .part-text .ctas a, .edito-big .part-text .ctas .btn-primary, .edito-big .part-text .ctas .btn-orange, .edito-big .part-text .ctas .btn-dark, .edito-big .part-text .ctas .btn-outline, .edito-big .part-text .ctas .btn-light, .edito-big .part-text .ctas .nav-container .menu-contact .contact a, .nav-container .menu-contact .contact .edito-big .part-text .ctas a {
  width: 100%;
}
.edito-big .part-text .left-torti-red {
  position: absolute;
  left: -150px;
  top: 25vh;
  height: 400px;
  width: auto;
  z-index: -1;
}
.edito-big .part-images {
  position: relative;
}
@media screen and (max-width: 450px) {
  .edito-big .part-images {
    padding: 0%;
  }
}
.edito-big .part-images .part-images--content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-right: 18px;
}
@media (max-width: 800px) {
  .edito-big .part-images .part-images--content {
    padding: 40px 20px;
  }
}
.edito-big .part-images .part-images--content picture:first-child {
  width: 100%;
  height: 60vh;
  flex-basis: 100%;
}
.edito-big .part-images .part-images--content picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.edito-big .part-images .part-images--content picture:nth-child(2), .edito-big .part-images .part-images--content picture:nth-child(3) {
  width: calc(50% - 10px);
  flex-basis: calc(50% - 10px);
  height: 40vh;
}
.edito-big .part-images .part-images--content picture:nth-child(3) {
  z-index: 10;
}
.edito-big .part-images .top-c-red {
  position: absolute;
  right: 15vw;
  top: 0vh;
  height: 57%;
  width: auto;
  z-index: -1;
  transform: rotateY(180deg) rotateZ(245deg);
}
.edito-big .part-images .bottom-c-red {
  position: absolute;
  right: -18%;
  top: 25vh;
  height: 50%;
  width: auto;
  z-index: 5;
}

.edito-medium {
  padding-left: 18px;
  padding-right: 18px;
  color: #E8DFCC;
}
.edito-medium .form-embed {
  margin-right: 5%;
}
@media (max-width: 450px) {
  .edito-medium .form-embed {
    width: 100%;
  }
}
.edito-medium .form-embed .btn, .edito-medium .form-embed .technical-datas-event a, .technical-datas-event .edito-medium .form-embed a, .edito-medium .form-embed .btn-primary, .edito-medium .form-embed .btn-orange, .edito-medium .form-embed .btn-dark, .edito-medium .form-embed .btn-outline, .edito-medium .form-embed .btn-light, .edito-medium .form-embed .nav-container .menu-contact .contact a, .nav-container .menu-contact .contact .edito-medium .form-embed a {
  width: 100%;
}
.edito-medium .form-embed p {
  margin-bottom: 20px;
  width: 90% !important;
}
.edito-medium .form-embed input, .edito-medium .form-embed textarea {
  width: 100%;
  color: #000;
  padding: 5px;
  background: #fff;
}
.edito-medium .form-embed input[type=checkbox] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.edito-medium .form-embed input.wpcf7-submit {
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
}
.edito-medium .form-embed input.wpcf7-submit:hover {
  background-color: #ff8c3f;
}
.edito-medium .form-embed a {
  text-decoration: underline;
}
.edito-medium .edito-medium--cover {
  position: relative;
}
.edito-medium .edito-medium--cover .overlay-component {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}
.edito-medium .edito-medium--cover picture {
  width: 100%;
  height: 70vh;
  display: block;
}
@media (max-width: 800px) {
  .edito-medium .edito-medium--cover picture {
    height: 40vh;
  }
}
.edito-medium .edito-medium--cover picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.edito-medium .edito-medium--cover h2 {
  font-family: "cdc-black", sans-serif;
  font-size: 12vw;
  line-height: 90%; /* 55.8px */
  letter-spacing: -12.6px;
  position: absolute;
  bottom: 40px;
  left: 8.33%;
}
@media (max-width: 800px) {
  .edito-medium .edito-medium--cover h2 {
    font-size: 11vw;
    letter-spacing: -0.4vw;
  }
}
@media (max-width: 450px) {
  .edito-medium .edito-medium--cover h2 {
    font-size: 13.78vw;
    letter-spacing: -1vw;
    left: unset;
  }
}
.edito-medium .edito-medium--content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-left: 8.33%;
  margin-top: 18px;
}
@media (max-width: 450px) {
  .edito-medium .edito-medium--content {
    flex-direction: column;
    margin-left: 0;
    gap: 40px;
  }
}
.edito-medium .edito-medium--content div {
  width: 100%;
}
.edito-medium .edito-medium--content p, .edito-medium .edito-medium--content ul {
  font-family: "cdc-demi", sans-serif;
  color: #E8DFCC;
  font-size: 18px;
  line-height: 140%; /* 25.2px */
  width: 60%;
  margin-bottom: 10px;
}
@media (max-width: 800px) {
  .edito-medium .edito-medium--content p, .edito-medium .edito-medium--content ul {
    font-size: 2.25vw;
    width: 60%;
  }
}
@media (max-width: 450px) {
  .edito-medium .edito-medium--content p, .edito-medium .edito-medium--content ul {
    font-size: 4vw;
    width: 100%;
  }
}
.edito-medium .edito-medium--content a {
  text-decoration: underline;
}
.edito-medium .edito-medium--content .ctas {
  margin-right: 8.33%;
  width: 16.33%;
}
@media (max-width: 450px) {
  .edito-medium .edito-medium--content .ctas {
    width: 100%;
  }
}
.edito-medium .edito-medium--content .ctas .btn, .edito-medium .edito-medium--content .ctas .technical-datas-event a, .technical-datas-event .edito-medium .edito-medium--content .ctas a, .edito-medium .edito-medium--content .ctas .btn-primary, .edito-medium .edito-medium--content .ctas .btn-orange, .edito-medium .edito-medium--content .ctas .btn-dark, .edito-medium .edito-medium--content .ctas .btn-outline, .edito-medium .edito-medium--content .ctas .btn-light, .edito-medium .edito-medium--content .ctas .nav-container .menu-contact .contact a, .nav-container .menu-contact .contact .edito-medium .edito-medium--content .ctas a {
  width: 100%;
}

.edito-small {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 18px;
}
.edito-small .edito-small__img {
  display: block;
  grid-column: 2/span 5;
  position: relative;
}
@media screen and (max-width: 800px) {
  .edito-small .edito-small__img {
    grid-column: 2/span 10;
  }
}
.edito-small .edito-small__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.edito-small .edito-small__content {
  grid-column: 7/span 5;
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .edito-small .edito-small__content {
    grid-column: 2/span 10;
  }
}
@media screen and (max-width: 450px) {
  .edito-small .edito-small__content {
    padding: 0;
  }
}
.edito-small .edito-small__content h2 {
  font-family: "cdc-black", sans-serif;
  font-size: 62px;
  line-height: 90%; /* 55.8px */
  letter-spacing: -4.34px;
  background: linear-gradient(180deg, #ff8420 0%, #e8dfcc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}
.edito-small .edito-small__content p {
  font-family: "cdc-demi", sans-serif;
  color: #E8DFCC;
  font-size: 18px;
  line-height: 140%; /* 25.2px */
  margin-bottom: 38px;
}

@media (max-width: 800px) {
  .edito-small-content h2 {
    font-size: 7.75vw;
    letter-spacing: -0.2vw;
  }
  .edito-small-content p {
    font-size: 2.25vw;
  }
}
@media (max-width: 450px) {
  .edito-small-content h2 {
    font-size: 13.78vw;
    letter-spacing: -0.3vw;
  }
  .edito-small-content p {
    font-size: 4vw;
  }
}
footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  color: white;
  background-color: black;
  border-top: 1px solid white;
  height: 284px;
  position: relative;
  margin-top: 53px;
}
footer .logo-footer {
  padding: 18px 18px 0 18px;
  height: inherit;
  border-right: 1px solid white;
}
footer .logo-footer img {
  height: 90px;
}
footer .menu-footer,
footer .menu-social {
  height: inherit;
}
footer a {
  text-transform: uppercase;
  font-family: "cdc-black", sans-serif;
  font-size: 14px;
  padding-top: 58px;
  display: block;
  height: inherit;
}
@media screen and (max-width: 800px) {
  footer a {
    padding-top: 18px;
    font-size: 1.75vw;
  }
}
@media (max-width: 450px) {
  footer a {
    font-size: 3.11vw;
  }
}
footer .menu-footer__menu,
footer .menu-social__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: inherit;
}
@media screen and (max-width: 450px) {
  footer .menu-footer__menu,
footer .menu-social__menu {
    flex-direction: column;
    height: auto;
    gap: 10px;
  }
}
footer .menu-footer__menu li,
footer .menu-social__menu li {
  height: inherit;
}
footer .menu-footer__menu {
  gap: 36px;
}
@media screen and (max-width: 800px) {
  footer .menu-footer__menu {
    flex-direction: column;
    height: auto;
    gap: 10px;
  }
}
footer .bg-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
}
@media screen and (max-width: 450px) {
  footer .bg-footer {
    height: 33%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
footer .menu-social__menu li {
  border-left: 1px solid white;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 450px) {
  footer .menu-social__menu li {
    border-left: none;
  }
}
footer .menu-social__menu li a {
  margin-top: 36px;
  text-indent: -9999px;
  width: 60px;
  height: 24px;
}
@media screen and (max-width: 450px) {
  footer .menu-social__menu li a {
    margin-top: 16px;
  }
}
footer .menu-social__menu .linkedin a {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='25' viewBox='0 0 21 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_705_2380)'%3E%3Cpath d='M4.70156 21.4824H0.346875V7.46211H4.70156V21.4824ZM2.52187 5.54961C1.12969 5.54961 0 4.39648 0 3.0043C0 2.33545 0.265697 1.69401 0.73864 1.22106C1.21158 0.748119 1.85303 0.482422 2.52187 0.482422C3.19072 0.482422 3.83217 0.748119 4.30511 1.22106C4.77805 1.69401 5.04375 2.33545 5.04375 3.0043C5.04375 4.39648 3.91406 5.54961 2.52187 5.54961ZM20.9953 21.4824H16.65V14.6574C16.65 13.0309 16.6172 10.9449 14.3859 10.9449C12.1219 10.9449 11.775 12.7121 11.775 14.5402V21.4824H7.425V7.46211H11.6016V9.37461H11.6625C12.2438 8.27305 13.6641 7.11055 15.7828 7.11055C20.1891 7.11055 21 10.0121 21 13.7809V21.4824H20.9953Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_705_2380'%3E%3Crect width='21' height='24' fill='white' transform='translate(0 0.482422)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 25px;
}
footer .menu-social__menu .instagram a {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='25' viewBox='0 0 21 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_705_2384)'%3E%3Cpath d='M10.5043 7.0917C7.52305 7.0917 5.11836 9.49639 5.11836 12.4776C5.11836 15.4589 7.52305 17.8636 10.5043 17.8636C13.4855 17.8636 15.8902 15.4589 15.8902 12.4776C15.8902 9.49639 13.4855 7.0917 10.5043 7.0917ZM10.5043 15.9792C8.57773 15.9792 7.00273 14.4089 7.00273 12.4776C7.00273 10.5464 8.57305 8.97607 10.5043 8.97607C12.4355 8.97607 14.0059 10.5464 14.0059 12.4776C14.0059 14.4089 12.4309 15.9792 10.5043 15.9792ZM17.3668 6.87139C17.3668 7.56982 16.8043 8.12764 16.1105 8.12764C15.4121 8.12764 14.8543 7.56514 14.8543 6.87139C14.8543 6.17764 15.4168 5.61514 16.1105 5.61514C16.8043 5.61514 17.3668 6.17764 17.3668 6.87139ZM20.934 8.14639C20.8543 6.46357 20.4699 4.97295 19.2371 3.74482C18.009 2.5167 16.5184 2.13232 14.8355 2.04795C13.1012 1.94951 7.90273 1.94951 6.16836 2.04795C4.49023 2.12764 2.99961 2.51201 1.7668 3.74014C0.533984 4.96826 0.154297 6.45889 0.0699219 8.1417C-0.0285156 9.87607 -0.0285156 15.0745 0.0699219 16.8089C0.149609 18.4917 0.533984 19.9823 1.7668 21.2104C2.99961 22.4386 4.48555 22.8229 6.16836 22.9073C7.90273 23.0058 13.1012 23.0058 14.8355 22.9073C16.5184 22.8276 18.009 22.4433 19.2371 21.2104C20.4652 19.9823 20.8496 18.4917 20.934 16.8089C21.0324 15.0745 21.0324 9.88076 20.934 8.14639ZM18.6934 18.6698C18.3277 19.5886 17.6199 20.2964 16.6965 20.6667C15.3137 21.2151 12.0324 21.0886 10.5043 21.0886C8.97617 21.0886 5.69023 21.2104 4.31211 20.6667C3.39336 20.3011 2.68555 19.5933 2.31523 18.6698C1.7668 17.287 1.89336 14.0058 1.89336 12.4776C1.89336 10.9495 1.77148 7.66357 2.31523 6.28545C2.68086 5.3667 3.38867 4.65889 4.31211 4.28857C5.69492 3.74014 8.97617 3.8667 10.5043 3.8667C12.0324 3.8667 15.3184 3.74482 16.6965 4.28857C17.6152 4.6542 18.323 5.36201 18.6934 6.28545C19.2418 7.66826 19.1152 10.9495 19.1152 12.4776C19.1152 14.0058 19.2418 17.2917 18.6934 18.6698Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_705_2384'%3E%3Crect width='21' height='24' fill='white' transform='translate(0 0.482422)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px 25px;
}
footer .menu-social__menu .twitter a {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.2434 2.73242H21.5527L14.3246 10.9918L22.8277 22.2324H16.1715L10.9543 15.4168L4.9918 22.2324H1.67773L9.40742 13.3965L1.25586 2.73242H8.08086L12.7918 8.96211L18.2434 2.73242ZM17.0809 20.2543H18.9137L7.08242 4.60742H5.11367L17.0809 20.2543Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 25px;
}
footer .menu-social__menu .facebook a {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='25' viewBox='0 0 15 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_705_2392)'%3E%3Cpath d='M3.75 14.5121V24.4824H9.1875V14.5121H13.2422L14.0859 9.92773H9.1875V8.30586C9.1875 5.88242 10.1391 4.9543 12.5953 4.9543C13.3594 4.9543 13.9734 4.97305 14.3297 5.01055V0.852734C13.6594 0.669922 12.0188 0.482422 11.0719 0.482422C6.06094 0.482422 3.75 2.84961 3.75 7.9543V9.92773H0.65625V14.5121H3.75Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_705_2392'%3E%3Crect width='15' height='24' fill='white' transform='translate(0 0.482422)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 25px;
}
@media screen and (max-width: 450px) {
  footer .menu-social__menu {
    border-left: 1px solid white;
    height: 100%;
  }
}
footer .menu-item.outline a {
  margin-top: 48px;
  padding: 9px;
  border: 1px solid #E8DFCC;
  height: auto;
}
@media screen and (max-width: 450px) {
  footer .menu-item.outline a {
    margin-top: 9px;
  }
}

.menu-footer-pro .menu-footer__menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: inherit;
  gap: 36px;
  padding-top: 40px;
  justify-content: center;
}

.hero-page-side {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  padding-left: 64px;
  padding-right: 64px;
}
@media screen and (max-width: 800px) {
  .hero-page-side {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.hero-page-side .m_breadcrumbs {
  grid-column: span 4;
  border-bottom: 1px solid #E8DFCC;
  padding-top: 50px;
  margin-right: 64px;
}
@media (max-width: 450px) {
  .hero-page-side .m_breadcrumbs {
    grid-column: span 12;
    padding-top: 0;
    margin-right: 0;
  }
}
.hero-page-side .hero-page-side--content {
  grid-column: 5/span 8;
  position: relative;
}
@media (max-width: 450px) {
  .hero-page-side .hero-page-side--content {
    grid-column: span 12;
  }
}
.hero-page-side .hero-page-side--content .wrapper-content {
  width: 85%;
  margin-bottom: 64px;
  margin-top: 64px;
}
@media (max-width: 450px) {
  .hero-page-side .hero-page-side--content .wrapper-content {
    margin-bottom: 0;
    width: 100%;
  }
}
.hero-page-side .hero-page-side--content .wrapper-content p,
.hero-page-side .hero-page-side--content .wrapper-content sup,
.hero-page-side .hero-page-side--content .wrapper-content ul,
.hero-page-side .hero-page-side--content .wrapper-content ol,
.hero-page-side .hero-page-side--content .wrapper-content li {
  color: inherit;
  font-family: "cdc-extralight", sans-serif;
  font-size: 25px;
  line-height: 160%; /* 40px */
}
@media (max-width: 800px) {
  .hero-page-side .hero-page-side--content .wrapper-content p,
.hero-page-side .hero-page-side--content .wrapper-content sup,
.hero-page-side .hero-page-side--content .wrapper-content ul,
.hero-page-side .hero-page-side--content .wrapper-content ol,
.hero-page-side .hero-page-side--content .wrapper-content li {
    font-size: 3.125vw;
  }
}
@media (max-width: 450px) {
  .hero-page-side .hero-page-side--content .wrapper-content p,
.hero-page-side .hero-page-side--content .wrapper-content sup,
.hero-page-side .hero-page-side--content .wrapper-content ul,
.hero-page-side .hero-page-side--content .wrapper-content ol,
.hero-page-side .hero-page-side--content .wrapper-content li {
    font-size: 5.56vw;
  }
}
.hero-page-side .hero-page-side--content .left-torti-red {
  position: absolute;
  top: -12%;
  left: -63%;
  width: 36%;
  transform: rotateZ(267deg);
}
.hero-page-side .hero-page-side--content .right-c-red {
  position: absolute;
  width: 56%;
  bottom: 19%;
  right: -35%;
  z-index: 1;
}
.hero-page-side .hero-page-side--content .left-star {
  position: absolute;
  width: 9%;
  left: -21%;
  top: 4%;
  transform: rotate(203deg);
}
.hero-page-side .hero-page-side--content .left-star-bis {
  position: absolute;
  width: 11%;
  top: 51%;
  left: -37%;
  transform: rotate(152deg);
}
.hero-page-side .hero-page-side--content .left-particles {
  position: absolute;
  width: 22%;
  left: -21%;
  top: 17%;
  transform: rotateY(180deg) rotate(313deg);
}
.hero-page-side .hero-page-side--content .bottom-c-violet {
  position: absolute;
  width: 60%;
  bottom: -46%;
  left: -71%;
  z-index: -1;
}
.hero-page-side .hero-page-side--title {
  grid-column: span 8;
  padding-top: 40px;
  width: 85%;
  margin-bottom: 38px;
}
@media (max-width: 450px) {
  .hero-page-side .hero-page-side--title {
    grid-column: span 12;
    width: 100%;
  }
}
.hero-page-side .hero-page-side--title h1 {
  font-family: "cdc-black", sans-serif;
  font-size: 62px;
  line-height: 90%; /* 55.8px */
  letter-spacing: -4.34px;
  background: linear-gradient(180deg, #ff8420 0%, #e8dfcc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (max-width: 800px) {
  .hero-page-side .hero-page-side--title h1 {
    font-size: 7.75vw;
    letter-spacing: -0.2vw;
  }
}
@media (max-width: 450px) {
  .hero-page-side .hero-page-side--title h1 {
    font-size: 13.78vw;
    letter-spacing: -0.3vw;
  }
}

.m_breadcrumbs {
  text-transform: uppercase;
  font-size: 12px;
  display: flex;
  align-items: flex-start;
  grid-column: span 4;
}
@media (max-width: 800px) {
  .m_breadcrumbs {
    font-size: 1.5vw;
  }
}
@media (max-width: 450px) {
  .m_breadcrumbs {
    font-size: 2.67vw;
  }
}
.m_breadcrumbs a:first-of-type {
  display: inline-block;
  width: 22px;
  background-image: url(../img/house-bread-light.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 18px;
}
@media (max-width: 800px) {
  .m_breadcrumbs a:first-of-type {
    font-size: 2.25vw;
  }
}
@media (max-width: 450px) {
  .m_breadcrumbs a:first-of-type {
    font-size: 4vw;
  }
}
.m_breadcrumbs a {
  position: relative;
  text-decoration: underline;
  font-family: "cdc-black", sans-serif;
  line-height: 28px;
}
.m_breadcrumbs .m_breadcrumbs--chevron {
  display: inline-block;
  width: 6px;
  height: 8px;
  margin: 10px 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.0574 3.94183L1.52186 7.47737L0.814755 6.77026L3.64318 3.94183L0.814755 1.11341L1.52186 0.4063L5.0574 3.94183Z' fill='%23E6DFCE'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.m_breadcrumbs .m_breadcrumbs--last {
  position: relative;
  text-decoration: none;
  font-family: "cdc-black", sans-serif;
  line-height: 28px;
}

.hero-page .hero-page-side--title h1 {
  font-family: "cdc-demi", sans-serif;
  font-size: 62px;
  line-height: 90%; /* 74.4px */
  color: #E8DFCC;
  letter-spacing: unset;
  background: none;
  background-clip: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: unset;
}
@media (max-width: 800px) {
  .hero-page .hero-page-side--title h1 {
    font-size: 7.75vw;
    letter-spacing: -0.2vw;
  }
}
@media (max-width: 450px) {
  .hero-page .hero-page-side--title h1 {
    font-size: 13.78vw;
    letter-spacing: -0.3vw;
  }
}

.hero-space .hero-big-title-content,
.hero-event .hero-big-title-content {
  position: relative;
}
.hero-space .hero-big-title,
.hero-event .hero-big-title {
  font-family: "cdc-black", sans-serif;
  font-size: 160px;
  line-height: 90%; /* 162px */
  letter-spacing: -10px;
  background: linear-gradient(90deg, #e8dfcc 20% 0%, #ff8420 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 40px;
  padding-bottom: 35px;
  padding-right: 10px;
  display: inline-block;
}
@media (max-width: 800px) {
  .hero-space .hero-big-title,
.hero-event .hero-big-title {
    font-size: 11vw;
    letter-spacing: -0.6vw;
  }
}
@media (max-width: 450px) {
  .hero-space .hero-big-title,
.hero-event .hero-big-title {
    font-size: 13.78vw;
    letter-spacing: -1vw;
    line-height: 90%;
  }
}
.hero-space .picto,
.hero-event .picto {
  position: absolute;
  bottom: 45px;
  right: 0px;
  width: 10%;
  height: auto;
}
.hero-space .subtitle,
.hero-event .subtitle {
  display: block;
  color: #E8DFCC;
  font-family: "cdc-demi", sans-serif;
  font-size: 62px;
  line-height: 120%;
  margin-bottom: 32px;
}
@media (max-width: 800px) {
  .hero-space .subtitle,
.hero-event .subtitle {
    font-size: 7.75vw;
    letter-spacing: -0.2vw;
  }
}
@media (max-width: 450px) {
  .hero-space .subtitle,
.hero-event .subtitle {
    font-size: 11vw;
    letter-spacing: -0.3vw;
  }
}
.hero-space .hero-big-img,
.hero-event .hero-big-img {
  width: 100%;
  height: 70vh;
  display: block;
}
.hero-space .hero-big-img img,
.hero-event .hero-big-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.hero-space .hero-big-text,
.hero-event .hero-big-text {
  width: 60%;
  color: #E8DFCC;
  font-family: "cdc-light", sans-serif;
  font-size: 20px;
  line-height: 140%;
  margin-top: 53px;
}
.hero-space .hero-big-text h2,
.hero-event .hero-big-text h2 {
  font-family: "cdc-demi", sans-serif;
  line-height: 120%;
  font-size: 26px;
  background: none;
  background-clip: none;
  -webkit-text-fill-color: unset;
}
.hero-space .hero-big-text p,
.hero-event .hero-big-text p {
  margin-bottom: 10px;
}
.hero-space .hero-big-text a,
.hero-event .hero-big-text a {
  text-decoration: underline;
}
@media (max-width: 800px) {
  .hero-space .hero-big-text,
.hero-event .hero-big-text {
    font-size: 2.5vw;
    width: 80%;
  }
}
@media (max-width: 450px) {
  .hero-space .hero-big-text,
.hero-event .hero-big-text {
    font-size: 4.44vw;
    width: 100%;
  }
}

.single-post_spaces .m_breadcrumbs,
.page-template-tpl-pro-catalog .m_breadcrumbs,
.page-template-tpl-pro-flexible .m_breadcrumbs {
  border-bottom: 1px solid black;
}
.single-post_spaces .m_breadcrumbs a:first-of-type,
.page-template-tpl-pro-catalog .m_breadcrumbs a:first-of-type,
.page-template-tpl-pro-flexible .m_breadcrumbs a:first-of-type {
  background-image: url(../img/house-bread-dark.svg);
}
.single-post_spaces .m_breadcrumbs .m_breadcrumbs--chevron,
.page-template-tpl-pro-catalog .m_breadcrumbs .m_breadcrumbs--chevron,
.page-template-tpl-pro-flexible .m_breadcrumbs .m_breadcrumbs--chevron {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.0574 3.94183L1.52186 7.47737L0.814755 6.77026L3.64318 3.94183L0.814755 1.11341L1.52186 0.4063L5.0574 3.94183Z' fill='black'/%3E%3C/svg%3E");
}
.single-post_spaces .hero-page-side--content p,
.single-post_spaces .hero-page-side--content ul,
.single-post_spaces .hero-page-side--content ol,
.single-post_spaces .hero-page-side--content li,
.page-template-tpl-pro-catalog .hero-page-side--content p,
.page-template-tpl-pro-catalog .hero-page-side--content ul,
.page-template-tpl-pro-catalog .hero-page-side--content ol,
.page-template-tpl-pro-catalog .hero-page-side--content li,
.page-template-tpl-pro-flexible .hero-page-side--content p,
.page-template-tpl-pro-flexible .hero-page-side--content ul,
.page-template-tpl-pro-flexible .hero-page-side--content ol,
.page-template-tpl-pro-flexible .hero-page-side--content li {
  color: #191a21;
}
.single-post_spaces .hero-page-side--title h1,
.page-template-tpl-pro-catalog .hero-page-side--title h1,
.page-template-tpl-pro-flexible .hero-page-side--title h1 {
  color: #191a21;
}
.single-post_spaces .hero-space .hero-big-title,
.single-post_spaces .hero-event .hero-big-title,
.page-template-tpl-pro-catalog .hero-space .hero-big-title,
.page-template-tpl-pro-catalog .hero-event .hero-big-title,
.page-template-tpl-pro-flexible .hero-space .hero-big-title,
.page-template-tpl-pro-flexible .hero-event .hero-big-title {
  background: linear-gradient(90deg, #191a21 0%, #ff8c3f 100%);
  -webkit-background-clip: text;
          background-clip: text;
}
.single-post_spaces .hero-space .subtitle,
.single-post_spaces .hero-event .subtitle,
.page-template-tpl-pro-catalog .hero-space .subtitle,
.page-template-tpl-pro-catalog .hero-event .subtitle,
.page-template-tpl-pro-flexible .hero-space .subtitle,
.page-template-tpl-pro-flexible .hero-event .subtitle {
  color: #191a21;
}
.single-post_spaces .hero-space .hero-big-text,
.single-post_spaces .hero-event .hero-big-text,
.page-template-tpl-pro-catalog .hero-space .hero-big-text,
.page-template-tpl-pro-catalog .hero-event .hero-big-text,
.page-template-tpl-pro-flexible .hero-space .hero-big-text,
.page-template-tpl-pro-flexible .hero-event .hero-big-text {
  color: #191a21;
}

.hero-space .m_breadcrumbs,
.hero-event .m_breadcrumbs {
  border-bottom: none;
}

.section-shift-grid {
  position: relative;
  border-bottom: 1px solid #191a21;
  border-top: 1px solid #191a21;
}

.page-template-tpl-programme .section-shift-grid {
  border: none;
}

.shift-container {
  -moz-column-count: 2;
       column-count: 2;
  gap: 15vw;
  width: 60vw;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .shift-container {
    width: 100%;
  }
}
@media screen and (max-width: 450px) {
  .shift-container {
    width: 100%;
    -moz-column-count: 1;
         column-count: 1;
  }
}
.shift-container .item {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin-bottom: 100px;
}
@media screen and (max-width: 450px) {
  .shift-container .item:last-of-type {
    margin-bottom: 0;
  }
}
.shift-container .shift-container--title {
  color: #E8DFCC;
  font-family: "cdc-black", sans-serif;
  font-size: 38px;
  line-height: 120%; /* 45.6px */
  text-transform: uppercase;
  margin-bottom: 80px;
}

.single-post_spaces .shift-container--title,
.page-template-tpl-pro-catalog .shift-container--title,
.page-template-tpl-pro-flexible .shift-container--title {
  color: #191a21;
}

@media (max-width: 800px) {
  .shift-container--title {
    font-size: 4.75vw;
  }
}
@media (max-width: 450px) {
  .shift-container--title {
    font-size: 8.44vw;
  }
}
.wysiwyg_img_left {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
@media screen and (max-width: 450px) {
  .wysiwyg_img_left {
    grid-template-columns: repeat(6, 1fr);
  }
}
.wysiwyg_img_left .overlay {
  position: relative;
  grid-column: span 5;
  height: auto;
}
@media screen and (max-width: 450px) {
  .wysiwyg_img_left .overlay {
    grid-column: span 12;
  }
}
.wysiwyg_img_left .overlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wysiwyg_img_left .wysiwyg-wrapper {
  display: flex;
  flex-direction: column;
  grid-column: 7/span 4;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .wysiwyg_img_left .wysiwyg-wrapper {
    grid-column: 7/span 5;
  }
}
@media screen and (max-width: 450px) {
  .wysiwyg_img_left .wysiwyg-wrapper {
    grid-column: span 12;
  }
}
@media screen and (max-width: 450px) {
  .wysiwyg_img_left .wysiwyg-wrapper h2 {
    width: 100%;
  }
}

.wysiwyg_img_right {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
}
.wysiwyg_img_right .overlay {
  position: relative;
  grid-column: 7/span 6;
}
@media screen and (max-width: 450px) {
  .wysiwyg_img_right .overlay {
    grid-column: span 12;
    order: 1;
  }
}
.wysiwyg_img_right .overlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wysiwyg_img_right .wysiwyg-wrapper {
  display: flex;
  flex-direction: column;
  grid-column: 2/span 4;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .wysiwyg_img_right .wysiwyg-wrapper {
    grid-column: 1/span 5;
  }
}
@media screen and (max-width: 450px) {
  .wysiwyg_img_right .wysiwyg-wrapper {
    grid-column: span 12;
    order: 2;
  }
}
@media screen and (max-width: 450px) {
  .wysiwyg_img_right .wysiwyg-wrapper h2 {
    width: 100%;
  }
}

.wysiwyg {
  color: #E8DFCC;
}
.wysiwyg h2 {
  font-family: "cdc-black", sans-serif;
  font-size: 26px;
  line-height: 120%; /* 55.8px */
  background: linear-gradient(180deg, #ff8420 0%, #e8dfcc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}
.wysiwyg h3 {
  font-family: "cdc-demi", sans-serif;
  font-size: 22px;
  line-height: 120%; /* 26.4px */
  background-clip: none;
  color: inherit;
  margin-bottom: 30px;
}
.wysiwyg h4 {
  font-family: "cdc-demi", sans-serif;
  font-size: 20px;
  line-height: 120%; /* 26.4px */
  background-clip: none;
  color: inherit;
  margin-bottom: 30px;
}
.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol {
  font-family: "cdc-light", sans-serif;
  color: inherit;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 15px;
}
.wysiwyg li {
  font-family: "cdc-light", sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.wysiwyg ul {
  list-style: disc;
  padding-left: 20px;
}
.wysiwyg ol {
  list-style: decimal;
  padding-left: 22px;
}
.wysiwyg a {
  text-decoration: underline;
  color: inherit;
}
.wysiwyg .quote-text p {
  /* font-family: $fontDemi;
  font-size: 22px;
  line-height: 140%; */
  margin-bottom: 20px;
  font-style: italic;
}
.wysiwyg strong {
  font-family: "cdc-bold", sans-serif;
}
.wysiwyg .quote-author {
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media screen and (max-width: 800px) {
  .wysiwyg .quote-author {
    flex-direction: column;
    align-items: flex-start;
  }
}
.wysiwyg .quote-author picture {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  overflow: hidden;
  display: block;
  margin-right: 10px;
}
.wysiwyg .quote-author picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wysiwyg .quote-author h3 {
  line-height: 1;
  margin: 0;
}
.wysiwyg .quote-author .author-name {
  font-family: "cdc-demi", sans-serif;
  font-size: 15px;
  line-height: 1;
}
.wysiwyg .quote-author .author-subtitle {
  font-family: "cdc-light", sans-serif;
  font-size: 15px;
  line-height: 1;
}

.bloc-titre {
  width: 70%;
  padding-bottom: 0;
}
.bloc-titre .hero-big-title-seul {
  font-family: "cdc-demi", sans-serif;
  font-size: 62px;
  line-height: 100%; /* 74.4px */
  color: #E8DFCC;
  letter-spacing: unset;
  background: none;
  background-clip: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: unset;
}
@media (max-width: 800px) {
  .bloc-titre .hero-big-title-seul {
    font-size: 7.75vw;
    letter-spacing: -0.2vw;
  }
}
@media (max-width: 450px) {
  .bloc-titre .hero-big-title-seul {
    font-size: 13.78vw;
    letter-spacing: -0.3vw;
  }
}

.page-template-tpl-pro-flexible .bloc-titre .hero-big-title-seul {
  color: #191a21;
}

.single-post_spaces .wysiwyg,
.page-template-tpl-pro-catalog .wysiwyg,
.page-template-tpl-pro-flexible .wysiwyg {
  color: #191a21;
}
.single-post_spaces .wysiwyg h2,
.page-template-tpl-pro-catalog .wysiwyg h2,
.page-template-tpl-pro-flexible .wysiwyg h2 {
  font-family: "cdc-demi", sans-serif;
  line-height: 120%;
  font-size: 26px;
  background: none;
  background-clip: none;
  -webkit-text-fill-color: unset;
}
/* Formulaire */
.page-template-tpl-page-contact .cp {
  margin: auto;
  text-align: center;
  display: flex;
  justify-content: space-between;
}

.page-template-tpl-page-contact .cp.form-container {
  display: none; /* Masque les formulaires par défaut */
  margin-top: 20px;
  width: 100%;
  background: #FFF;
  padding: 0 50px 20px 50px;
  border-radius: 15px;
  color: #000;
}

@media (max-width: 800px) {
  .page-template-tpl-page-contact .cp.form-container {
    width: 90%;
    padding: 0 20px 20px 20px;
  }
}
.page-template-tpl-page-contact .cp button {
  padding: 10px;
  border: 0;
  cursor: pointer;
  border-radius: 8px;
  border-right: 3px solid #FFF;
  border-left: 3px solid #FFF;
  background: #000;
  color: #FFF;
  margin: 10px;
}

@media (max-width: 800px) {
  .wysiwyg h3 {
    font-size: 3.25vw;
  }
  .wysiwyg p {
    font-size: 2.25vw;
  }
  .wysiwyg blockquote p {
    font-size: 2.75vw;
  }
  .wysiwyg .quote-author-name,
.wysiwyg .quote-author-title {
    font-size: 1.875vw;
  }
}
@media (max-width: 450px) {
  .wysiwyg h3 {
    font-size: 5.78vw;
  }
  .wysiwyg p {
    font-size: 4vw;
  }
  .wysiwyg blockquote p {
    font-size: 4.89vw;
  }
  .wysiwyg .quote-author-name,
.wysiwyg .quote-author-title {
    font-size: 3.33vw;
  }
}
.technical-datas {
  display: flex;
  flex-direction: row;
  border-top: 1px solid #191a21;
  margin-top: 53px;
  margin-bottom: 53px;
  flex-wrap: wrap;
}
@media screen and (max-width: 800px) {
  .technical-datas {
    flex-direction: column;
  }
}
.technical-datas .technical-datas-item {
  padding: 46px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 150px;
  flex-grow: 1;
  border-right: 1px solid #191a21;
  flex-basis: 20%;
  box-sizing: border-box;
  border-bottom: 1px solid #191a21;
}
@media screen and (max-width: 800px) {
  .technical-datas .technical-datas-item {
    border-right: none;
    border-bottom: 1px solid #191a21;
  }
}
.technical-datas .technical-datas-item h3 {
  font-family: "cdc-bold", sans-serif;
  font-size: 44px;
  line-height: 90%; /* 39.6px */
  text-align: center;
}
.technical-datas .technical-datas-item p {
  font-family: "cdc-light", sans-serif;
  font-size: 13px;
  line-height: 140%; /* 25.2px */
  text-align: center;
}
.technical-datas .technical-datas-item:last-of-type {
  border-right: none;
}
@media screen and (max-width: 800px) {
  .technical-datas .technical-datas-item:last-of-type {
    border-bottom: none;
  }
}

.technical-datas-event {
  position: -webkit-sticky;
  position: sticky;
  top: 114px;
  border-top: 1px solid #E8DFCC;
  border-bottom: 1px solid #E8DFCC;
  background: rgba(0, 0, 0, 0.608);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 50;
  transition: all 0.3s ease;
}
@media screen and (max-width: 450px) {
  .technical-datas-event {
    position: relative;
  }
}
.technical-datas-event .technical-datas-item {
  border-right: 1px solid #E8DFCC;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .technical-datas-event .technical-datas-item {
    border-right: none;
    border-bottom: 1px solid #E8DFCC;
  }
}
.technical-datas-event .technical-datas-item.title {
  display: none;
  background: linear-gradient(245deg, #ff8420 0%, #e8dfcc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 18px;
}
.technical-datas-event .technical-datas-item.arrow {
  position: relative;
}
.technical-datas-event .technical-datas-item.arrow::before {
  position: absolute;
  left: -14px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 29px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='16' viewBox='0 0 29 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.7071 8.83394C29.0976 8.44341 29.0976 7.81025 28.7071 7.41972L22.3431 1.05576C21.9526 0.665239 21.3195 0.665239 20.9289 1.05576C20.5384 1.44629 20.5384 2.07945 20.9289 2.46998L26.5858 8.12683L20.9289 13.7837C20.5384 14.1742 20.5384 14.8074 20.9289 15.1979C21.3195 15.5884 21.9526 15.5884 22.3431 15.1979L28.7071 8.83394ZM0 8.12683V9.12683H28V8.12683V7.12683H0V8.12683Z' fill='%23E6DFCE'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 auto;
}
.technical-datas-event .technical-data-item-label {
  font-family: "cdc-light", sans-serif;
  font-size: 13px;
  line-height: 140%; /* 25.2px */
  text-align: center;
}
.technical-datas-event .technical-data-item-label.orange {
  color: #ff8c3f;
}
.technical-datas-event .technical-data-item-value {
  font-family: "cdc-bold", sans-serif;
  font-size: 44px;
  line-height: 140%; /* 25.2px */
  text-align: center;
}
.technical-datas-event .technical-data-item-value.orange {
  color: #ff8c3f;
}
@media screen and (max-width: 450px) {
  .technical-datas-event.is-stuck {
    position: relative;
  }
}
.technical-datas-event.is-stuck .technical-datas-item {
  padding: 20px 25px;
  flex-direction: row;
}
.technical-datas-event.is-stuck .technical-datas-item .technical-data-item-value {
  font-size: 24px;
}
.technical-datas-event.is-stuck .technical-datas-item.title {
  display: flex;
}

.technical-datas-space .technical-data-item-label {
  font-family: "cdc-light", sans-serif;
  font-size: 13px;
  line-height: 100%; /* 25.2px */
  text-align: center;
}
.technical-datas-space .technical-data-item-value {
  font-family: "cdc-bold", sans-serif;
  font-size: 44px;
  line-height: 140%; /* 25.2px */
  text-align: center;
}

@media (max-width: 800px) {
  .technical-datas-item h3,
.technical-data-item-value {
    font-size: 5.5vw;
  }
  .technical-datas-item p,
.technical-data-item-label {
    font-size: 1.625vw;
  }
}
@media (max-width: 450px) {
  .technical-datas-item h3,
.technical-data-item-value {
    font-size: 9.78vw;
  }
  .technical-datas-item p,
.technical-data-item-label {
    font-size: 2.89vw;
  }
}
.media-part {
  position: relative;
}
.media-part .embed-wrapper {
  position: relative;
}
.media-part .embed-wrapper .overlay-component {
  z-index: 1;
}
.media-part .embed-wrapper::before {
  background-image: url("../img/play.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 51%;
  width: 15%;
  height: 15%;
  transform: translate(-50%, -50%);
  z-index: 2;
  pointer-events: none;
}
.media-part .embed-wrapper.overlay-hidden::before {
  display: none;
}
.media-part .embed-wrapper.overlay-hidden .overlay-component {
  display: none;
}
.media-part iframe {
  position: relative;
  width: 100%;
  height: 100%;
  border: none;
  aspect-ratio: 16/9;
}
.media-part picture {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
.media-part picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.media-part .media-legend {
  margin-top: 10px;
  font-family: "cdc-light", sans-serif;
  font-size: 18px;
  color: #E8DFCC;
  line-height: 140%; /* 25.2px */
  width: 55%;
}
.media-part .media-legend h2 {
  font-family: "cdc-black", sans-serif;
  font-size: 26px;
  line-height: 120%; /* 55.8px */
  background: linear-gradient(180deg, #ff8420 0%, #e8dfcc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
}
.media-part .media-legend h3 {
  font-family: "cdc-demi", sans-serif;
  font-size: 22px;
  line-height: 120%; /* 26.4px */
  background-clip: none;
  color: inherit;
  margin-bottom: 30px;
}
.media-part .media-legend h4 {
  font-family: "cdc-demi", sans-serif;
  font-size: 20px;
  line-height: 120%; /* 26.4px */
  background-clip: none;
  color: inherit;
  margin-bottom: 30px;
}
.media-part .media-legend p,
.media-part .media-legend ul,
.media-part .media-legend ol {
  font-family: "cdc-light", sans-serif;
  color: inherit;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 15px;
}
.media-part .media-legend li {
  font-family: "cdc-light", sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.media-part .media-legend ul {
  list-style: disc;
  padding-left: 20px;
}
.media-part .media-legend ol {
  list-style: decimal;
  padding-left: 22px;
}
.media-part .media-legend a {
  text-decoration: underline;
  color: inherit;
}
@media screen and (max-width: 800px) {
  .media-part .media-legend {
    width: 100%;
    font-size: 2.25vw;
  }
}

.single-post_spaces .media-legend,
.page-template-tpl-pro-catalog .media-legend,
.page-template-tpl-pro-flexible .media-legend {
  color: #191a21;
}

@media (max-width: 800px) {
  .media-legend {
    font-size: 2.25vw;
  }
}
@media (max-width: 450px) {
  .media-legend {
    font-size: 4vw;
  }
}
.spaces {
  position: relative;
}
.spaces .bloc-title {
  width: 33.33%;
  font-family: "cdc-black", sans-serif;
  font-size: 62px;
  line-height: 90%; /* 55.8px */
  letter-spacing: -4.34px;
  background: linear-gradient(90deg, #ff8420 0%, #e8dfcc 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 40px;
  margin-left: 8.333%;
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 5;
}
@media screen and (max-width: 800px) {
  .spaces .bloc-title {
    width: 100vw;
  }
}

.slider-home {
  width: 100vw;
  height: 100vh;
  position: relative;
  border-bottom: 1px solid #b4a899;
}
.slider-home .swiper-wrapper {
  width: 100vw;
  position: relative;
  z-index: 5;
}
.slider-home .swiper-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 8.33%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 2%, #000 60%);
  z-index: 1;
  pointer-events: none;
}
.slider-home .swiper-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 22%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0.3%, #000 60%);
  z-index: 1;
  pointer-events: none;
}
.slider-home .slider-item {
  width: 100vw !important;
  flex-shrink: 0;
  position: relative;
}
.slider-home .slider-item picture {
  display: block;
  width: 100% !important;
  max-width: none !important;
}
.slider-home .slider-item .slider-item--text {
  position: relative;
  padding-left: 8.33%;
  padding-top: 200px;
  z-index: 6;
  width: 33.33vw;
}
@media screen and (max-width: 800px) {
  .slider-home .slider-item .slider-item--text {
    width: 91.6%;
    padding-top: 350px;
  }
}
.slider-home .slider-item h2 {
  font-family: "cdc-black", sans-serif;
  font-size: 101px;
  font-style: normal;
  color: #E8DFCC;
  line-height: 80%;
  letter-spacing: -7.07px;
  text-transform: uppercase;
  margin-bottom: 50px;
}
@media screen and (max-width: 800px) {
  .slider-home .slider-item h2 {
    font-size: 12.625vw;
    letter-spacing: -0.2vw;
  }
}
.slider-home .slider-item .slider-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.slider-home .slider-item .slider-bg-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-home .slider-item .slider-bg-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  pointer-events: none;
}
.slider-home .slider-item .btn-orange, .slider-home .slider-item .nav-container .menu-contact .contact a, .nav-container .menu-contact .contact .slider-home .slider-item a, .slider-home .slider-item .technical-datas-event a, .technical-datas-event .slider-home .slider-item a {
  width: 100%;
  margin-top: 40px;
}
.slider-home .swiper-button-next,
.slider-home .swiper-button-prev {
  background: none;
  color: transparent;
  width: 77px;
  height: 16px;
  margin-top: -8px;
}
.slider-home .swiper-button-next::after,
.slider-home .swiper-button-prev::after {
  display: none;
}
.slider-home .swiper-button-next::before,
.slider-home .swiper-button-prev::before {
  content: "";
  display: block;
  width: 77px;
  height: 16px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="77" height="16" viewBox="0 0 77 16" fill="none"><path d="M76.2071 8.51472C76.5976 8.1242 76.5976 7.49103 76.2071 7.10051L69.8431 0.736549C69.4526 0.346025 68.8195 0.346025 68.4289 0.736549C68.0384 1.12707 68.0384 1.76024 68.4289 2.15076L74.0858 7.80762L68.4289 13.4645C68.0384 13.855 68.0384 14.4882 68.4289 14.8787C68.8195 15.2692 69.4526 15.2692 69.8431 14.8787L76.2071 8.51472ZM0.5 7.80762V8.80762H75.5V7.80762V6.80762H0.5V7.80762Z" fill="%23E6DFCE"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
.slider-home .swiper-button-prev::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="77" height="16" viewBox="0 0 77 16" fill="none"><path d="M0.792893 7.48528C0.402369 7.8758 0.402369 8.50897 0.792893 8.89949L7.15685 15.2635C7.54738 15.654 8.18054 15.654 8.57107 15.2635C8.96159 14.873 8.96159 14.2398 8.57107 13.8493L2.91421 8.19238L8.57107 2.53553C8.96159 2.145 8.96159 1.51184 8.57107 1.12132C8.18054 0.730794 7.54738 0.730794 7.15685 1.12132L0.792893 7.48528ZM76.5 8.19238V7.19238H1.5V8.19238V9.19238H76.5V8.19238Z" fill="%23E6DFCE"/></svg>');
}
.slider-home .slider-navigation {
  position: absolute;
  right: 8.33%;
  top: 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5vw;
}
@media screen and (max-width: 800px) {
  .slider-home .slider-navigation {
    width: 100%;
    padding: 8.33%;
    right: 0;
  }
}
.slider-home .slider-navigation .swiper-button-prev {
  position: relative;
}
.slider-home .slider-navigation .swiper-button-next {
  position: relative;
}
.slider-home .slider-navigation .swiper-pagination-fraction {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 5px;
  -webkit-text-stroke-color: #E8DFCC;
  -webkit-text-stroke-width: 1px;
  color: transparent;
  font-family: "cdc-black", sans-serif;
  font-size: 84px;
  line-height: 90%;
  letter-spacing: -5.88px;
}
.slider-home .slider-navigation .swiper-pagination-fraction .swiper-pagination-current {
  color: #E8DFCC;
  -webkit-text-stroke-width: 0px;
}

.datas-tech {
  border-bottom: 1px solid #191a21;
  border-top: 1px solid #191a21;
  margin-top: 53px;
  margin-bottom: 53px;
}
.datas-tech .bloc-title {
  font-size: 44px;
  font-family: "cdc-bold", sans-serif;
  border-bottom: 1px solid #191a21;
  padding: 20px 0 10px;
  padding-left: 8.333%;
}
@media screen and (max-width: 800px) {
  .datas-tech .bloc-title {
    font-size: 9vw;
  }
}
.datas-tech .datas-tech-items {
  margin-left: 8.333%;
  margin-right: 8.333%;
  width: 83.33%;
  border-left: 1px solid #191a21;
  border-right: 1px solid #191a21;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 800px) {
  .datas-tech .datas-tech-items {
    grid-template-columns: 1fr;
  }
}
.datas-tech .datas-tech-items .datas-tech-item {
  border-left: 1px solid #191a21;
  padding: 46px 24px;
  display: flex;
  gap: 22px;
  flex-direction: column;
}
@media (max-width: 800px) {
  .datas-tech .datas-tech-items .datas-tech-item {
    border-left: none;
    border-bottom: 1px solid #191a21;
  }
}
.datas-tech .datas-tech-items .datas-tech-item:first-child {
  border-left: none;
}
.datas-tech .datas-tech-items .datas-tech-item:nth-child(4) {
  grid-column: 1/-1;
  border-top: 1px solid #191a21;
  border-left: none;
}
@media (max-width: 800px) {
  .datas-tech .datas-tech-items .datas-tech-item:nth-child(4) {
    border-top: none;
    border-bottom: none;
  }
}
.datas-tech .datas-tech-items .datas-tech-item h3 {
  font-size: 13px;
}
.datas-tech .datas-tech-items .datas-tech-item .subtitle {
  font-family: "cdc-bold", sans-serif;
  font-size: 13px;
}
.datas-tech .datas-tech-items .datas-tech-item .datas-tech-item-data {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border-bottom: 1px solid #b4a899;
  margin-bottom: 8px;
}
.datas-tech .datas-tech-items .datas-tech-item .datas-tech-item-data h4 {
  width: 48%;
  font-size: 15px;
  font-family: "cdc-extralight", sans-serif;
  line-height: 140%; /* 22.5px */
  flex-grow: 1;
}
.datas-tech .datas-tech-items .datas-tech-item .datas-tech-item-data .datas-tech-item-data-number {
  width: 52%;
  font-size: 15px;
  font-family: "cdc-demi", sans-serif;
  text-align: right;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .datas-tech .datas-tech-items .datas-tech-item .datas-tech-item-data .datas-tech-item-data-number {
    font-size: 1.75vw;
  }
}
@media (max-width: 450px) {
  .datas-tech .datas-tech-items .datas-tech-item .datas-tech-item-data .datas-tech-item-data-number {
    font-size: 3.11vw;
  }
}
.datas-tech .datas-tech-items .datas-tech-item .datas-tech-item-data .datas-tech-item-data-text {
  width: 100%;
  flex-grow: 1;
  padding-bottom: 5px;
}
.datas-tech .datas-tech-items .datas-tech-item:nth-child(4) h4 {
  font-family: "cdc-demi", sans-serif;
}
.datas-tech .datas-tech-items .datas-tech-item:nth-child(4) .datas-tech-item-data-text {
  font-family: "cdc-extralight", sans-serif;
}

@media screen and (max-width: 800px) {
  .datas-spaces {
    padding: 0;
  }
}
.datas-spaces .datas-spaces-items {
  height: 70vh;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 450px) {
  .datas-spaces .datas-spaces-items {
    height: auto;
  }
}
.datas-spaces .datas-spaces-items .fixed-part {
  height: inherit;
  grid-column: 8/span 3;
  display: flex;
  flex-direction: column;
  padding-top: 10vh;
  gap: 52px;
}
@media screen and (max-width: 800px) {
  .datas-spaces .datas-spaces-items .fixed-part {
    grid-column: 2/span 10;
    order: 1;
    padding-top: 0;
  }
}
.datas-spaces .datas-spaces-items .fixed-part .bloc-title {
  font-size: 40px;
  line-height: 110%;
  font-family: "cdc-bold", sans-serif;
  border-bottom: 1px solid #191a21;
}
@media screen and (max-width: 800px) {
  .datas-spaces .datas-spaces-items .fixed-part .bloc-title {
    margin-top: 40px;
    font-size: 9vw;
  }
}
.datas-spaces .datas-spaces-items .fixed-part .datas-spaces-item-tabs-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
}
.datas-spaces .datas-spaces-items .fixed-part .datas-spaces-item-tabs-nav-list li {
  cursor: pointer;
  flex: 1;
  text-align: center;
  font-size: 13px;
  font-family: "cdc-bold", sans-serif;
  border-bottom: 1px solid #b4a899;
  color: #b4a899;
  text-align: left;
  padding-right: 20px;
  position: relative;
}
.datas-spaces .datas-spaces-items .fixed-part .datas-spaces-item-tabs-nav-list li::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 15px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M1 6.85986V6.15986H0.3V6.85986H1ZM1 6.85986V7.55986H5.9V6.85986V6.15986H1V6.85986ZM1 10.3599H1.7V6.85986H1H0.3V10.3599H1Z' fill='%23999999'/%3E%3Cpath d='M5.2002 4.05957V3.35957H4.5002V4.05957H5.2002ZM5.2002 4.05957V4.75957H10.1002V4.05957V3.35957H5.2002V4.05957ZM5.2002 7.55957H5.9002V4.05957H5.2002H4.5002V7.55957H5.2002Z' fill='%23999999'/%3E%3Cpath d='M9.40039 1.25977V0.559766H8.70039V1.25977H9.40039ZM9.40039 1.25977V1.95977H14.3004V1.25977V0.559766H9.40039V1.25977ZM9.40039 4.75977H10.1004V1.25977H9.40039H8.70039V4.75977H9.40039Z' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 8px;
}
.datas-spaces .datas-spaces-items .fixed-part .datas-spaces-item-tabs-nav-list li.active {
  border-bottom: 1px solid #191a21;
  color: #191a21;
}
.datas-spaces .datas-spaces-items .fixed-part .datas-spaces-item-tabs-nav-list li.active::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M1 6.85986V6.15986H0.3V6.85986H1ZM1 6.85986V7.55986H5.9V6.85986V6.15986H1V6.85986ZM1 10.3599H1.7V6.85986H1H0.3V10.3599H1Z' fill='%23003366'/%3E%3Cpath d='M5.2002 4.05957V3.35957H4.5002V4.05957H5.2002ZM5.2002 4.05957V4.75957H10.1002V4.05957V3.35957H5.2002V4.05957ZM5.2002 7.55957H5.9002V4.05957H5.2002H4.5002V7.55957H5.2002Z' fill='%23003366'/%3E%3Cpath d='M9.40039 1.25977V0.559766H8.70039V1.25977H9.40039ZM9.40039 1.25977V1.95977H14.3004V1.25977V0.559766H9.40039V1.25977ZM9.40039 4.75977H10.1004V1.25977H9.40039H8.70039V4.75977H9.40039Z' fill='%23003366'/%3E%3C/svg%3E");
}
.datas-spaces .datas-spaces-items .fixed-part .content-part .datas-spaces-item {
  display: none;
  grid-template-columns: repeat(10, 1fr);
}
.datas-spaces .datas-spaces-items .fixed-part .content-part .datas-spaces-item.active {
  display: block;
}
.datas-spaces .datas-spaces-items .fixed-part .content-part .datas-spaces-item .datas-spaces-item-text {
  font-size: 18px;
  font-family: "cdc-extralight", sans-serif;
}
.datas-spaces .datas-spaces-items .fixed-part .content-part .datas-spaces-item .datas-spaces-item-number {
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #191a21;
  justify-content: space-between;
  margin-bottom: 8px;
}
.datas-spaces .datas-spaces-items .fixed-part .content-part .datas-spaces-item .datas-spaces-item-number h4 {
  font-size: 15px;
  font-family: "cdc-extralight", sans-serif;
}
.datas-spaces .datas-spaces-items .fixed-part .content-part .datas-spaces-item .datas-spaces-item-number span {
  font-size: 15px;
  font-family: "cdc-bold", sans-serif;
  text-align: right;
}
.datas-spaces .datas-spaces-items .images-part {
  grid-column: 2/span 4;
  position: relative;
  overflow: hidden;
  height: inherit;
}
@media screen and (max-width: 800px) {
  .datas-spaces .datas-spaces-items .images-part {
    grid-column: 1/span 12;
    order: 2;
    margin-top: 40px;
    height: 70vh;
  }
}
.datas-spaces .datas-spaces-items .images-part .datas-spaces-image {
  transform: translateY(100%);
  transition: transform 0.5s ease 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.datas-spaces .datas-spaces-items .images-part .datas-spaces-image picture {
  height: 100%;
  width: 100%;
}
.datas-spaces .datas-spaces-items .images-part .datas-spaces-image picture img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.datas-spaces .datas-spaces-items .images-part .datas-spaces-image.active {
  transform: translateY(0);
}
.datas-spaces .datas-spaces-items .images-part .floor {
  position: absolute;
  top: 10px;
  left: 10px;
  border: 1px solid #191a21;
  display: flex;
  flex-direction: row;
  padding: 5px 12px;
  gap: 10px;
  font-family: "cdc-black", sans-serif;
}
.datas-spaces .datas-spaces-items.numbers {
  grid-column: 1/span 10;
  border-bottom: 1px solid #191a21;
  border-top: 1px solid #191a21;
}
.datas-spaces .datas-spaces-items.numbers .fixed-part {
  grid-column: 8/span 3;
}
@media screen and (max-width: 800px) {
  .datas-spaces .datas-spaces-items.numbers .fixed-part {
    grid-column: 2/span 10;
  }
}
.datas-spaces .datas-spaces-items.numbers .images-part {
  grid-column: 1/span 5;
}
@media screen and (max-width: 800px) {
  .datas-spaces .datas-spaces-items.numbers .images-part {
    grid-column: 1/span 12;
  }
}
.datas-spaces .datas-spaces-items.numbers .images-part .datas-spaces-image {
  transform: translateX(-100%);
  transition: transform 0.5s ease 0.2s;
}
.datas-spaces .datas-spaces-items.numbers .images-part .datas-spaces-image.active {
  transform: translateX(0);
}
.datas-spaces .datas-spaces-items.numbers .datas-spaces-item-tabs-nav-list li::after {
  display: none;
}
.datas-spaces .datas-spaces-items.numbers .floor {
  display: none;
}

.overlay-component {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.overlay-component .overlay-line {
  position: absolute;
  background-color: white;
  opacity: 0.3;
  z-index: 2;
}
.overlay-component .overlay-line--vertical {
  width: 1px;
  height: 100%;
  top: 0;
}
.overlay-component .overlay-line--vertical.overlay-line--1-3 {
  left: 33.333%;
}
.overlay-component .overlay-line--vertical.overlay-line--2-3 {
  left: 66.666%;
}
.overlay-component .overlay-line--horizontal {
  height: 1px;
  width: 100%;
  left: 0;
}
.overlay-component .overlay-line--horizontal.overlay-line--1-3 {
  top: 33.333%;
}
.overlay-component .overlay-line--horizontal.overlay-line--2-3 {
  top: 66.666%;
}
.overlay-component .overlay-center-square {
  position: absolute;
  top: 33.333%;
  left: 33.333%;
  width: 33.333%;
  height: 33.333%;
  background-color: rgba(255, 255, 255, 0.15);
  z-index: 2;
}
.overlay-component .overlay-center-square::before, .overlay-component .overlay-center-square::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
.overlay-component .overlay-center-square::before {
  top: -14px;
  left: -13px;
  background-image: url("../img/accolade/left-part-top.svg");
}
.overlay-component .overlay-center-square::after {
  top: -14px;
  right: -13px;
  background-image: url("../img/accolade/right-part-top.svg");
}
.overlay-component .overlay-center-square .corner-bottom-left {
  position: absolute;
  bottom: -29px;
  left: -13px;
  width: 40px;
  height: 40px;
  background-image: url("../img/accolade/left-part-bot.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
.overlay-component .overlay-center-square .corner-bottom-right {
  position: absolute;
  bottom: -29px;
  right: -13px;
  width: 40px;
  height: 40px;
  background-image: url("../img/accolade/right-part-bot.svg");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 3;
}
.overlay-component .overlay-center-square .left-vertical-line {
  position: absolute;
  left: -13px;
  top: 12px;
  bottom: 11px;
  width: 13px;
  background-color: white;
  opacity: 0.3;
  z-index: 3;
}
.overlay-component .overlay-center-square .right-vertical-line {
  position: absolute;
  right: -13px;
  top: 12px;
  bottom: 11px;
  width: 13px;
  background-color: white;
  opacity: 0.3;
  z-index: 3;
}
.overlay-component.overlay-component--orange .overlay-line {
  background-color: #ff8c3f;
}
.overlay-component.overlay-component--orange .overlay-center-square {
  background-color: rgba(255, 140, 63, 0.15);
}
.overlay-component.overlay-component--orange .overlay-center-square .center-vertical-line,
.overlay-component.overlay-component--orange .overlay-center-square .left-vertical-line,
.overlay-component.overlay-component--orange .overlay-center-square .right-vertical-line {
  background-color: #ff8c3f;
}
.overlay-component.overlay-component--orange .overlay-center-square::before {
  background-image: url("../img/accolade/left-part-top-orange.svg");
}
.overlay-component.overlay-component--orange .overlay-center-square::after {
  background-image: url("../img/accolade/right-part-top-orange.svg");
}
.overlay-component.overlay-component--orange .overlay-center-square .corner-bottom-left {
  background-image: url("../img/accolade/left-part-bot-orange.svg");
}
.overlay-component.overlay-component--orange .overlay-center-square .corner-bottom-right {
  background-image: url("../img/accolade/right-part-bot-orange.svg");
}

.new .overlay-component::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  background-image: url("../img/new-badge.svg");
  z-index: 10;
}

.local .overlay-component::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -34px;
  width: 159px;
  height: 159px;
  background-image: url("../img/local-badge.svg");
  z-index: 10;
}

.wrapper-overlay {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.wrapper-overlay .overlay-component {
  z-index: 1;
}

.parallax-deco-image {
  will-change: transform;
  transform: translateZ(0);
}

img[src*="/assets/img/decos/"]:not(.hero img) {
  transform: translateZ(0);
}

.left-torti-red:not(.hero *),
.right-torti-red:not(.hero *) {
  transform-origin: center center;
}

.left-star:not(.hero *),
.right-star:not(.hero *),
.left-star-bis:not(.hero *),
.right-star-bis:not(.hero *),
.top-star:not(.hero *),
.bottom-star:not(.hero *) {
  transform-origin: center center;
}

.left-particles:not(.hero *),
.right-particles:not(.hero *),
.top-particules:not(.hero *),
.bottom-particules:not(.hero *) {
  transform-origin: center center;
}

.left-house:not(.hero *),
.right-house:not(.hero *) {
  transform-origin: center bottom;
}

.left-c-violet:not(.hero *),
.right-c-red:not(.hero *),
.top-c-red:not(.hero *),
.bottom-c-red:not(.hero *),
.bottom-c-violet:not(.hero *) {
  transform-origin: center center;
}

.bottom-ellipse:not(.hero *) {
  transform-origin: center center;
}

@media screen and (max-width: 768px) {
  .parallax-deco-image {
    will-change: auto !important;
    transform: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .parallax-deco-image {
    transform: none !important;
    -webkit-animation: none !important;
            animation: none !important;
    transition: none !important;
    will-change: auto !important;
  }
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}
/*# sourceMappingURL=main.css.map */