@font-face {
  font-family: "ITC Avant Garde Gothic";
  src: url("../fonts/refonte-2026/itc-avant-garde-gothic/ITC%20Avant%20Garde%20Gothic%20Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "ITC Avant Garde Gothic";
  src: url("../fonts/refonte-2026/itc-avant-garde-gothic/ITC%20Avant%20Garde%20Gothic%20Medium%20Oblique.otf") format("opentype");
  font-style: italic;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Eloquia Text";
  src: url("../webFonts/EloquiaTextRegular/font.woff2") format("woff2"),
       url("../webFonts/EloquiaTextRegular/font.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Eloquia Text";
  src: url("../webFonts/EloquiaTextItalic/font.woff2") format("woff2"),
       url("../webFonts/EloquiaTextItalic/font.woff") format("woff");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Eloquia Text";
  src: url("../fonts/refonte-2026/eloquia-text/Eloquia-Bold.woff2") format("woff2"),
       url("../fonts/refonte-2026/eloquia-text/Eloquia-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "GT Flexa Mono";
  src: url("../GT-Flexa-Mono-Regular.woff2") format("woff2"),
       url("../GT-Flexa-Mono-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "PP Museum Light";
  src: url("../PPMuseum-Light.woff2") format("woff2"),
       url("../PPMuseum-Light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

body.xn-refonte {
  --xn-color-ink: #171717;
  --xn-color-ink-soft: #3a3a3a;
  --xn-color-paper: #f7f3ec;
  --xn-color-paper-strong: #efe9df;
  --xn-color-panel: #ffffff;
  --xn-color-panel-dark: #0d0d12;
  --xn-color-line: rgba(23, 23, 23, 0.12);
  --xn-color-brand: #42d18f;
  --xn-color-brand-dark: #2db475;
  --xn-color-brand-hover: #ededed;
  --xn-color-accent: #c9df9f;
  --xn-header-black: #090909;
  --xn-header-blue: #0870eb;
  --xn-header-shell-height: 94px;
  --xn-content-gap-after-header: 75px;
  --xn-radius-sm: 4px;
  --xn-radius-md: 12px;
  --xn-radius-lg: 22px;
  --xn-content-max: 1280px;
  --xn-space-2xs: 8px;
  --xn-space-xs: 12px;
  --xn-space-sm: 18px;
  --xn-space-md: 28px;
  --xn-space-lg: 44px;
  --xn-space-xl: 72px;
  --xn-shadow-soft: 0 18px 40px rgba(16, 16, 16, 0.08);
  --xn-font-heading: "ITC Avant Garde Gothic", "Helvetica Neue", sans-serif;
  --xn-font-body: "Eloquia Text", "Georgia", serif;
  --xn-font-display: "PP Museum Light", "Times New Roman", serif;
  --xn-font-mono: "GT Flexa Mono", monospace;
}

body.xn-refonte .allnavbar-fixed {
  height: auto !important;
  left: 0;
  min-height: 82px;
  position: sticky;
  right: 0;
  top: 0;
  z-index: 1000;
}

@media (min-width: 782px) and (max-width: 900px) {
  body.xn-refonte .allnavbar-fixed {
    height: auto !important;
    min-height: 83px;
  }
}

@media (min-width: 901px) {
  body.xn-refonte .allnavbar-fixed {
    height: var(--xn-header-shell-height) !important;
    min-height: var(--xn-header-shell-height);
  }
}

body.xn-refonte .xn-site-header {
  box-shadow: none !important;
  box-shadow: none;
}

body.xn-refonte h1,
body.xn-refonte h1.wp-block-heading,
body.xn-refonte .stk-block-heading h1,
body.xn-refonte .stk-block-heading__text {
  font-family: var(--xn-font-display) !important;
  text-transform: uppercase !important;
}

body.xn-refonte h2,
body.xn-refonte h2.wp-block-heading,
body.xn-refonte .stk-block-heading h2 {
  font-family: var(--xn-font-display) !important;
}

body.xn-refonte h3,
body.xn-refonte h3.wp-block-heading,
body.xn-refonte .stk-block-heading h3 {
  font-family: var(--xn-font-body) !important;
}

/* PP Museum Light should always render at its native light weight. */
body.xn-refonte h1,
body.xn-refonte h1.wp-block-heading,
body.xn-refonte .stk-block-heading h1,
body.xn-refonte .stk-block-heading__text,
body.xn-refonte h2,
body.xn-refonte h2.wp-block-heading,
body.xn-refonte .stk-block-heading h2,
body.xn-refonte .xn-home-news__featured-title a,
body.xn-refonte .xn-home-news__card-title a,
body.single-membres.xn-refonte .nom_cie,
body.xn-refonte .espace-membre-title,
body.xn-refonte .espace-nom-cie,
body.xn-refonte .espace-membre-wrap h3,
body.xn-refonte .xn-page-title,
body.xn-refonte .xn-page-content > h1,
body.xn-refonte .xn-page-content > h1.wp-block-heading,
body.xn-refonte .xn-page-content h1,
body.xn-refonte .xn-page-content h1.wp-block-heading,
body.xn-refonte .xn-page-content .stk-block-heading[class*="has-text-align"],
body.xn-refonte .xn-page-content > h2,
body.xn-refonte .xn-page-content > .wp-block-heading h2,
body.xn-refonte .xn-page-content > h2.wp-block-heading,
body.xn-refonte .xn-page-content h2,
body.xn-refonte .xn-page-content h2.wp-block-heading,
body.xn-refonte .xn-news-single__title,
body.xn-refonte .xn-pattern-image-text__title,
body.xn-refonte .xn-pattern-intro-split__title,
body.xn-refonte .xn-pattern-gray-panel__title,
body.xn-refonte .xn-pattern-blue-panel__title,
body.xn-refonte .xn-contact-card__name {
  font-synthesis-weight: none;
  font-weight: 300 !important;
}

body.xn-refonte nav,
body.xn-refonte .sidenav,
body.xn-refonte .dropdown-content,
body.xn-refonte .z-depth-1 {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

body.xn-refonte .xn-uppercase {
  text-transform: uppercase !important;
}

@media (max-width: 781px) {
  body.xn-refonte .xn-hide-mobile {
    display: none !important;
  }
}

body.xn-refonte .xn-site-header__initiative-bar {
  background: var(--xn-header-black);
  color: #ffffff;
}

body.xn-refonte .xn-site-header__initiative-inner {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  min-height: 25px;
}

body.xn-refonte .xn-site-header__initiative-left,
body.xn-refonte .xn-site-header__initiative-right {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}

body.xn-refonte .xn-site-header__initiative-label,
body.xn-refonte .xn-site-header__initiative-link,
body.xn-refonte .xn-site-header__language,
body.xn-refonte .xn-site-header__language .wpml-ls,
body.xn-refonte .xn-site-header__language a,
body.xn-refonte .xn-site-header__language span {
  color: #ffffff;
  font-family: var(--xn-font-body);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

body.xn-refonte .xn-site-header__initiative-label {
  text-transform: none;
}

body.xn-refonte .xn-site-header__initiative-link {
  margin-left: 6px;
  text-decoration: underline;
  text-decoration-thickness: 0.5px;
  text-underline-offset: 0.14em;
}

body.xn-refonte .xn-site-header__initiative-right {
  margin-left: auto;
}

body.xn-refonte .xn-site-header__language .wpml-ls,
body.xn-refonte .xn-site-header__language .wpml-ls ul,
body.xn-refonte .xn-site-header__language .wpml-ls li {
  display: flex;
  gap: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.xn-refonte .xn-site-header__language .wpml-ls li {
  align-items: center;
}

body.xn-refonte .xn-site-header__language .wpml-ls a,
body.xn-refonte .xn-site-header__language .wpml-ls span {
  padding: 0;
  text-decoration: none;
}

body.xn-refonte .xn-site-header__notice {
  background: #ffffff;
  border-bottom: 1px solid rgba(9, 9, 9, 0.1);
  color: #000000;
}

body.xn-refonte .xn-site-header__notice-inner,
body.xn-refonte .xn-site-header__notice-inner a {
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 13px;
  line-height: 1.4;
}

body.xn-refonte .xn-site-header__notice-inner {
  display: block;
  min-height: 38px;
  padding-bottom: 6px;
  padding-top: 10px;
  text-align: center;
}

body.xn-refonte .xn-site-header__notice-inner a {
  display: inline;
}

body.xn-refonte .xn-site-header__nav {
  background: var(--xn-header-blue);
  border-bottom: none;
}

body.xn-refonte.home .xn-site-header__nav {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.42) 58%, rgba(0, 0, 0, 0) 100%);
  position: relative;
  transition: background-color 0.24s ease, background-image 0.24s ease;
  z-index: 4;
}

body.xn-refonte.home .xn-site-header__nav.is-scrolled {
  background: var(--xn-header-blue);
}

body.xn-refonte .xn-site-header__nav-inner {
  align-items: center;
  display: flex;
  gap: 32px;
  min-height: 69px;
}

body.xn-refonte .xn-site-header__brand {
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 0;
}

body.xn-refonte .xn-site-header__brand-logo {
  display: block;
  height: auto;
  width: 200px;
}

body.xn-refonte .xn-home-hero {
  margin-bottom: 0;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 0;
  position: relative;
  width: 100vw;
  z-index: 1;
}

body.xn-refonte.home .xn-home-hero {
  margin-top: -69px;
}

body.xn-refonte .xn-home-hero__viewport {
  overflow: hidden;
  width: 100%;
}

body.xn-refonte .xn-home-hero__track {
  display: flex;
  transition: transform 0.6s ease;
  width: 100%;
}

body.xn-refonte .xn-home-hero__slide {
  flex: 0 0 100%;
  min-width: 100%;
  position: relative;
}

body.xn-refonte .xn-home-hero__media {
  background-color: #111111;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 95svh;
  position: relative;
  width: 100%;
}

body.xn-refonte .xn-home-hero__media::after {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  inset: 0;
  position: absolute;
}

body.xn-refonte .xn-home-hero__content-shell {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: center;
  position: absolute;
}

body.xn-refonte .xn-home-hero__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 22px;
  justify-content: center;
  margin: 0 auto;
  max-width: var(--xn-content-max);
  padding: 72px 96px;
  text-align: center;
  width: 100%;
}

body.xn-refonte .xn-home-hero__title {
  color: #ffffff;
  font-family: var(--xn-font-heading) !important;
  font-size: 54px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.05;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  text-align: center;
  text-transform: uppercase !important;
}

body.xn-refonte .xn-home-hero__phrase {
  color: #ffffff;
  font-family: var(--xn-font-body) !important;
  font-size: 24px;
  line-height: 1.21;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
  text-align: center;
}

body.xn-refonte .xn-home-hero__cta {
  align-items: center;
  background: #42d18f;
  border: 1px solid #42d18f;
  border-radius: 4px;
  color: #000000 !important;
  display: inline-flex;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  line-height: 1;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  min-height: 40px;
  padding: 0 18px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.xn-refonte .xn-home-hero__cta:hover,
body.xn-refonte .xn-home-news__cta:hover {
  background: var(--xn-color-brand-hover);
  border-color: var(--xn-color-brand-hover);
  color: #000000 !important;
}

body.xn-refonte .xn-home-hero__nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: 50%;
  max-width: min(calc(100% - 40px), 1360px);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}

body.xn-refonte .xn-home-hero__arrow {
  align-items: center;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  padding: 0;
  pointer-events: auto;
}

body.xn-refonte .xn-home-hero__arrow img {
  display: block;
  height: 72px;
  width: 72px;
}

body.xn-refonte .xn-home-news {
  margin-top: -100px;
  position: relative;
  z-index: 3;
}

body.xn-refonte .xn-home-news__shell {
  background: #ffffff;
  padding: 38px 46px 56px;
}

body.xn-refonte .xn-home-news__featured {
  display: grid;
  gap: 28px;
}

body.xn-refonte .xn-home-news__eyebrow {
  color: #000000;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

body.xn-refonte .xn-home-news__featured-grid {
  display: grid;
  gap: 48px;
  grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
}

body.xn-refonte .xn-home-news__featured-title {
  margin: 0;
}

body.xn-refonte .xn-home-news__featured-title a {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 54px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.02;
  text-decoration: none;
  text-transform: uppercase;
}

body.xn-refonte .xn-home-news__featured-body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

body.xn-refonte .xn-home-news__featured-excerpt,
body.xn-refonte .xn-home-news__card-excerpt {
  color: #000000;
  font-family: var(--xn-font-body) !important;
  font-size: 24px;
  line-height: 1.21;
  margin: 0;
}

body.xn-refonte .xn-home-news__cta {
  align-items: center;
  background: #42d18f;
  border: 1px solid #42d18f;
  border-radius: 4px;
  color: #000000 !important;
  display: inline-flex;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  line-height: 1;
  min-height: 40px;
  padding: 0 18px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.xn-refonte .xn-home-news__cards {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 80px;
}

body.xn-refonte .xn-home-news__card {
  align-items: flex-start;
  display: grid;
  gap: 22px;
  grid-template-columns: 210px minmax(0, 1fr);
}

body.xn-refonte .xn-home-news__card-image-link {
  display: block;
  line-height: 0;
}

body.xn-refonte .xn-home-news__card-image {
  aspect-ratio: 1 / 1;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

body.xn-refonte .xn-home-news__card-body {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.xn-refonte .xn-home-news__card-title {
  margin: 0;
}

body.xn-refonte .xn-home-news__card-title a {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.12;
  text-decoration: none;
  text-transform: uppercase;
}

body.xn-refonte .xn-home-news__card-excerpt {
  font-size: 18px;
  line-height: 1.22;
}

body.xn-refonte .xn-site-header__menu {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  list-style: none;
  margin: 0 0 0 auto;
  padding: 0;
}

body.xn-refonte .xn-site-header__menu-item {
  list-style: none;
  margin: 0;
  position: relative;
}

body.xn-refonte .xn-site-header__menu > li > a,
body.xn-refonte .xn-site-header__menu-link {
  color: #ffffff;
  display: inline-block;
  font-family: var(--xn-font-mono);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  padding: 8px 0;
  text-decoration: none;
  text-transform: uppercase;
}

body.xn-refonte .xn-site-header__menu > li > a:hover,
body.xn-refonte .xn-site-header__menu-link:hover,
body.xn-refonte .xn-site-header__initiative-link:hover {
  color: #ffffff;
  opacity: 0.82;
}

body.xn-refonte .xn-site-header__menu > li {
  list-style: none;
  margin: 0;
  position: relative;
}

body.xn-refonte .xn-site-header__menu > li.menu-item-has-children {
  padding-right: 0;
}

body.xn-refonte .xn-site-header__menu > li.menu-item-has-children::after {
  content: "";
  height: 12px;
  left: -12px;
  position: absolute;
  right: -12px;
  top: 100%;
}

body.xn-refonte .xn-site-header__menu .sub-menu {
  align-items: stretch;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid var(--xn-color-line);
  border-radius: 14px;
  box-shadow: 0 18px 34px rgba(10, 18, 32, 0.12);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  opacity: 0;
  left: -14px;
  list-style: none;
  margin: 0;
  margin-top: 8px;
  min-width: 220px;
  overflow: hidden;
  padding: 0px 0 14px 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translateY(-8px);
  transition: opacity 180ms ease, transform 180ms ease, box-shadow 180ms ease;
  visibility: hidden;
  z-index: 1005;
}

body.xn-refonte .xn-site-header__menu li:hover > .sub-menu,
body.xn-refonte .xn-site-header__menu li:focus-within > .sub-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  visibility: visible;
}

body.xn-refonte .xn-site-header__menu .sub-menu li {
  clear: both;
  display: block !important;
  float: none !important;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

body.xn-refonte .xn-site-header__menu .sub-menu a {
  color: #000000;
  display: block;
  font-family: var(--xn-font-body);
  font-size: 14px;
  line-height: 1.3;
  padding: 16px 16px;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  width: 100%;
}

body.xn-refonte .xn-site-header__menu .sub-menu a:hover {
  background: transparent !important;
  color: #0870eb !important;
}

body.xn-refonte .xn-site-header__menu .sub-menu li:hover > a,
body.xn-refonte .xn-site-header__menu .sub-menu li:focus-within > a {
  background: transparent !important;
  color: #0870eb !important;
}

body.xn-refonte .xn-site-header__menu .sub-menu .sub-menu {
  left: calc(100% - 6px);
  top: -8px;
}

body.xn-refonte .xn-site-header__burger {
  color: #ffffff;
  display: none;
  margin-left: auto;
}

body.xn-refonte .xn-site-header__burger i {
  font-size: 30px;
}

body.xn-refonte .xn-refonte-sidenav {
  background:
    linear-gradient(to right, transparent 0, transparent 31px, rgba(255, 255, 255, 0.1) 31px, rgba(255, 255, 255, 0.1) 32px) top left / 32px 32px,
    linear-gradient(to bottom, transparent 0, transparent 31px, rgba(255, 255, 255, 0.1) 31px, rgba(255, 255, 255, 0.1) 32px) top left / 32px 32px,
    var(--xn-color-panel-dark);
  box-sizing: border-box;
  height: 100dvh;
  left: 0;
  overflow-y: auto;
  padding: 20px 18px 28px;
  right: auto;
  top: 0;
}

body.xn-refonte .xn-refonte-sidenav__brand {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-start;
  margin-bottom: 18px;
}

body.xn-refonte .xn-refonte-sidenav__brand-link {
  line-height: 0;
  padding: 0;
}

body.xn-refonte .xn-refonte-sidenav__brand-logo {
  display: block;
  width: 210px;
}

body.xn-refonte .xn-refonte-sidenav__close,
body.xn-refonte .xn-refonte-sidenav__close i {
  color: #ffffff !important;
}

body.xn-refonte .xn-refonte-sidenav__close {
  align-items: center;
  display: inline-flex;
  justify-content: flex-start;
  min-height: 0;
  padding: 0;
}

body.xn-refonte .xn-refonte-sidenav__close i {
  font-size: 28px;
  line-height: 1;
}

body.xn-refonte .xn-refonte-sidenav li > a {
  color: #ffffff;
  font-family: var(--xn-font-heading);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.2;
  min-height: auto;
  padding: 14px 0 14px 12px;
  text-transform: uppercase;
}

body.xn-refonte .xn-refonte-sidenav__menu,
body.xn-refonte .xn-refonte-sidenav__menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.xn-refonte .xn-refonte-sidenav__menu {
  margin-left: 20px;
}

body.xn-refonte .xn-refonte-sidenav__menu > li {
  margin: 0;
}

body.xn-refonte .xn-refonte-sidenav__menu .sub-menu {
  padding-left: 32px;
}

body.xn-refonte .xn-refonte-sidenav__menu .sub-menu a {
  opacity: 0.92;
  padding: 10px 0;
}

body.xn-refonte .xn-refonte-sidenav__contact-item > a {
  padding-top: 24px !important;
}

body.xn-refonte .toppad,
body.xn-refonte .toppad-fiche,
body.xn-refonte .toppad-sanstitre,
body.xn-refonte .page-template-template-modifier-votre-fiche .toppad,
body.xn-refonte .page-template-template-sources-financement .toppad,
body.xn-refonte .toppadnews {
  margin-top: var(--xn-content-gap-after-header) !important;
}

body.xn-refonte .wrapper,
body.xn-refonte .nav-inner-wrapper,
body.xn-refonte .wrapper_footer {
  max-width: var(--xn-content-max);
  margin-left: auto;
  margin-right: auto;
}

body.xn-refonte .footer {
  background: #000000;
  color: #ffffff;
  overflow: hidden;
  padding: clamp(28px, 5vw, 48px) 0;
  position: relative;
  z-index: 2;
}

body.xn-refonte .xn-refonte-footer-wrapper {
  background: #000000;
  position: relative;
  width: calc(100% - 32px);
  z-index: 2;
}

body.xn-refonte .xn-refonte-footer-shell {
  background: #000000;
  position: relative;
  z-index: 2;
}

body.xn-refonte .xn-refonte-footer-layout,
body.xn-refonte .xn-refonte-footer-left-rail,
body.xn-refonte .xn-refonte-footer-right-rail {
  position: relative;
  z-index: 2;
}

body.xn-refonte .xn-refonte-footer-wrapper {
  width: calc(100% - 32px);
}

body.xn-refonte .xn-refonte-footer-layout {
  align-items: start;
  display: grid;
  gap: 40px;
  grid-template-columns: minmax(240px, 320px) minmax(0, 860px);
  justify-content: space-between;
}

body.xn-refonte .xn-refonte-footer-left-rail,
body.xn-refonte .xn-refonte-footer-right-rail {
  display: grid;
}

body.xn-refonte .xn-refonte-footer-left-rail {
  gap: 30px;
}

body.xn-refonte .xn-refonte-footer-right-rail {
  gap: 36px;
  justify-self: end;
  width: 100%;
}

body.xn-refonte .xn-refonte-footer-brand {
  max-width: 90px;
}

body.xn-refonte .xn-refonte-footer-logo {
  display: block;
  height: auto;
  width: 100%;
}

body.xn-refonte .xn-refonte-footer-contact {
  max-width: 320px;
}

body.xn-refonte .xn-refonte-footer-copy,
body.xn-refonte .xn-refonte-footer-newsletter p,
body.xn-refonte .xn-refonte-footer-list a {
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--xn-font-body);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.22;
}

body.xn-refonte .xn-refonte-footer-copy {
  margin: 0 0 22px;
}

body.xn-refonte .xn-refonte-footer-copy--copyright {
  margin-bottom: 8px;
}

body.xn-refonte .xn-refonte-footer-copy--address {
  display: grid;
  gap: 2px;
  margin-bottom: 26px;
}

body.xn-refonte .xn-refonte-footer-copy--policy {
  margin-bottom: 0;
}

body.xn-refonte .xn-refonte-footer-copy a,
body.xn-refonte .xn-refonte-footer-list a {
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
}

body.xn-refonte .xn-refonte-footer-copy a:hover,
body.xn-refonte .xn-refonte-footer-list a:hover,
body.xn-refonte .xn-refonte-footer-social a:hover {
  color: #0870eb;
}

body.xn-refonte .xn-refonte-footer-copy--policy a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.14em;
}

body.xn-refonte .xn-refonte-footer-copy--address a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.14em;
}

body.xn-refonte .xn-refonte-footer-nav-wrap {
  align-items: start;
  column-gap: 28px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  justify-content: space-between;
}

body.xn-refonte .xn-refonte-footer-columns {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.xn-refonte .xn-refonte-footer-column h4 {
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--xn-font-mono) !important;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0 0 26px;
  text-transform: uppercase;
}

body.xn-refonte .xn-refonte-footer-column--contact {
  display: grid;
  gap: 0;
}

body.xn-refonte .xn-refonte-footer-list {
  display: grid;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.xn-refonte .xn-refonte-footer-social {
  align-items: center;
  align-self: start;
  background: rgba(255, 255, 255, 0.16);
  display: inline-flex;
  gap: 0;
  justify-content: center;
  height: 30px;
  min-height: 30px;
  padding: 0 3px;
}

body.xn-refonte .xn-refonte-footer-social a {
  align-items: center;
  color: rgba(255, 255, 255, 0.86);
  display: inline-flex;
  font-size: 17px;
  height: 30px;
  justify-content: center;
  width: 29px;
}

body.xn-refonte .xn-refonte-footer-newsletter {
  margin-top: 34px;
  max-width: 100%;
  width: 100%;
}

body.xn-refonte .xn-refonte-footer-newsletter p {
  margin: 0 0 28px;
}

body.xn-refonte .xn-refonte-footer-cta {
  align-items: center;
  background: #0870eb;
  border: 1px solid #0870eb;
  border-radius: 4px;
  color: #ffffff !important;
  display: inline-flex;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  min-height: auto;
  padding: 15px 22px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.xn-refonte .xn-refonte-footer-cta:hover {
  background: #42d18f;
  border-color: #42d18f;
  color: #000000 !important;
}

body.xn-refonte .xn-refonte-footer-partners {
  margin-top: 8px;
}

body.xn-refonte .xn-refonte-footer-partners::after {
  clear: both;
  content: "";
  display: table;
}

body.xn-refonte .xn-refonte-footer-partners img {
  height: auto;
  max-width: 360px;
  width: 100%;
}

body.xn-refonte .xn-refonte-footer-partners-image {
  display: block;
}

body.xn-refonte .xn-refonte-footer-partners a,
body.xn-refonte .xn-refonte-footer-partners p,
body.xn-refonte .xn-refonte-footer-partners div,
body.xn-refonte .xn-refonte-footer-partners span {
  color: rgba(255, 255, 255, 0.92);
}

body.xn-refonte .alignwide {
  max-width: min(var(--xn-content-max), calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
}

body.xn-refonte .alignfull {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

body.xn-refonte .xn-shell {
  width: min(100%, var(--xn-content-max));
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

body.xn-refonte .xn-section {
  padding-top: clamp(40px, 7vw, 88px);
  padding-bottom: clamp(40px, 7vw, 88px);
}

body.xn-refonte .xn-stack > * + * {
  margin-top: var(--xn-space-md);
}

body.xn-refonte .xn-grid-2 {
  display: grid;
  gap: clamp(20px, 4vw, 42px);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.xn-refonte .xn-eyebrow {
  font-family: var(--xn-font-heading);
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

body.xn-refonte .btn,
body.xn-refonte .btn-large,
body.xn-refonte .wp-block-button.is-style-xn-brand > .wp-block-button__link,
body.xn-refonte .wp-block-button.is-style-xn-brand .wp-block-button__link {
  background: var(--xn-color-brand);
  border: 1px solid var(--xn-color-brand);
  border-radius: 4px;
  box-shadow: none;
  color: #000000;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  min-height: auto;
  line-height: 1;
  padding: 15px 22px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.xn-refonte .btn:hover,
body.xn-refonte .btn-large:hover,
body.xn-refonte .wp-block-button.is-style-xn-brand > .wp-block-button__link:hover,
body.xn-refonte .wp-block-button.is-style-xn-brand .wp-block-button__link:hover {
  background: var(--xn-color-brand-hover);
  border-color: var(--xn-color-brand-hover);
  color: #000000;
}

body.xn-refonte .xn-single-back-link,
body.xn-refonte .xn-ghost-button {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  color: #000000 !important;
  display: inline-flex;
  gap: 10px;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  justify-content: center;
  line-height: 1;
  padding: 15px 22px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.xn-refonte .xn-single-back-link {
  margin-bottom: 32px;
}

body.xn-refonte .xn-single-back-link:hover {
  background: var(--xn-color-brand-hover);
  color: #000000 !important;
}

body.xn-refonte .xn-ghost-button {
  cursor: pointer;
}

body.xn-refonte .xn-ghost-button:hover {
  background: var(--xn-color-brand-hover);
  color: #000000 !important;
}

body.xn-refonte .xn-single-back-link .material-icons,
body.xn-refonte .xn-ghost-button .material-icons {
  font-size: 18px;
  line-height: 1;
  margin-right: 0;
}

body.single-membres.xn-refonte .desc_cie.ugb-container {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

body.single-membres.xn-refonte .desc_cie.ugb-container > .ugb-inner-block {
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: var(--xn-content-max) !important;
  min-width: 0 !important;
  width: min(100%, var(--xn-content-max)) !important;
}

body.single-membres.xn-refonte .demoreel_cie.ugb-main-block {
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  max-width: 100vw !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100vw !important;
}

body.single-membres.xn-refonte .demoreel_cie > .ugb-inner-block {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

body.single-membres.xn-refonte .demoreel_cie .ugb-video-popup__wrapper {
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.single-membres.xn-refonte .nom_cie {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: clamp(40px, 5.6vw, 54px) !important;
  font-style: normal;
  font-weight: 300 !important;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0 0 24px;
  text-transform: uppercase !important;
}

body.single-membres.xn-refonte .desc_cie-content-wrapper,
body.single-membres.xn-refonte .desc_cie-content-wrapper .ugb-block-content,
body.single-membres.xn-refonte .desc_cie-content-wrapper .ugb-highlight,
body.single-membres.xn-refonte .desc_cie-content-wrapper p,
body.single-membres.xn-refonte .desc_cie-content-wrapper span,
body.single-membres.xn-refonte .desc_cie-content-wrapper strong,
body.single-membres.xn-refonte .desc_cie-content-wrapper h4,
body.single-membres.xn-refonte .desc_cie-content-wrapper .wp-block-button__link {
  font-family: inherit;
}

body.single-membres.xn-refonte .desc_cie-content-wrapper {
  color: #ffffff;
  font-family: var(--xn-font-body) !important;
}

body.single-membres.xn-refonte .desc_cie-innerleft .ugb-heading__subtitle {
  color: #ffffff;
  font-family: var(--xn-font-body) !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  margin: 0 0 18px !important;
}

body.single-membres.xn-refonte .desc_cie-innerleft .ugb-heading__subtitle:first-of-type,
body.single-membres.xn-refonte .desc_cie-innerleft .ugb-heading__subtitle:first-of-type .ugb-highlight,
body.single-membres.xn-refonte .desc_cie-innerleft .ugb-heading__subtitle:first-of-type span {
  color: #ffffff !important;
  font-family: var(--xn-font-heading) !important;
  font-size: 24px !important;
  font-style: italic !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}

body.single-membres.xn-refonte .desc_cie-innerleft .ugb-heading__subtitle:last-of-type,
body.single-membres.xn-refonte .desc_cie-innerleft .ugb-heading__subtitle:last-of-type .ugb-highlight,
body.single-membres.xn-refonte .desc_cie-innerleft .ugb-heading__subtitle:last-of-type span {
  color: rgba(255, 255, 255, 0.9) !important;
  font-family: var(--xn-font-body) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.55 !important;
}

body.single-membres.xn-refonte .desc_cie-content-wrapper strong,
body.single-membres.xn-refonte .desc_cie-content-wrapper .uppercase {
  color: #ffffff !important;
  font-family: var(--xn-font-mono) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
}

body.single-membres.xn-refonte .desc_cie-content-wrapper h4.single-membres-new {
  color: #ffffff !important;
  font-family: var(--xn-font-mono) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.4 !important;
  margin: 0 0 14px 0 !important;
  text-transform: uppercase !important;
}

body.single-membres.xn-refonte .desc_cie-content-wrapper .wp-block-button__link {
  font-family: var(--xn-font-mono) !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
}

body.single-membres.xn-refonte .desc_cie-content-wrapper > div > span,
body.single-membres.xn-refonte .desc_cie-content-wrapper > span {
  color: rgba(255, 255, 255, 0.7) !important;
  font-family: var(--xn-font-body) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.single-membres.xn-refonte .footercie {
  color: #000000;
}

body.single-membres.xn-refonte .footercie .xn-member-contact-heading,
body.single-membres.xn-refonte .footercie .xn-member-contact-person {
  display: block;
}

body.single-membres.xn-refonte .footercie h2 {
  color: #000000;
  font-family: var(--xn-font-body) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  display: block;
  margin: 0 0 6px !important;
  padding: 0 !important;
  text-transform: none !important;
}

body.single-membres.xn-refonte .footercie .adressecie,
body.single-membres.xn-refonte .footercie .contactus,
body.single-membres.xn-refonte .footercie .adressecie p,
body.single-membres.xn-refonte .footercie .contactus .ugb-a4a788c {
  color: #000000;
  font-family: var(--xn-font-body) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

body.single-membres.xn-refonte .footercie .adressecie h3,
body.single-membres.xn-refonte .footercie .contactus .ugb-a4a788c h3 {
  color: #000000 !important;
  font-family: var(--xn-font-heading) !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  display: block;
  margin: 0 0 6px !important;
  padding: 0 !important;
  text-transform: uppercase !important;
}

body.single-membres.xn-refonte .footercie .xn-member-contact-links {
  margin: 0 !important;
  margin-bottom: 18px !important;
}

body.single-membres.xn-refonte .footercie .adressecie a:not(.wp-block-social-link-anchor),
body.single-membres.xn-refonte .footercie .contactus a:not(.ugb-social-button) {
  color: #000000 !important;
  font-family: var(--xn-font-body) !important;
  text-decoration: none;
}

body.single-membres.xn-refonte .footercie .xn-member-contact-links,
body.single-membres.xn-refonte .footercie .xn-member-contact-links a {
  color: #000000 !important;
  font-family: var(--xn-font-body) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  text-transform: none !important;
}

body.single-membres.xn-refonte .footercie .xn-member-contact-link {
  display: block;
}

body.single-membres.xn-refonte .footercie .wp-block-social-links {
  align-items: center;
  column-gap: 22px !important;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0 !important;
  padding-top: 0 !important;
  row-gap: 22px !important;
}

body.single-membres.xn-refonte .footercie .wp-block-social-link-anchor,
body.single-membres.xn-refonte .footercie .ugb-social-button {
  align-items: center;
  color: #000000 !important;
  display: inline-flex;
  justify-content: center;
}

body.single-membres.xn-refonte .footercie .wp-social-link-facebook .wp-block-social-link-anchor {
  font-size: 17px;
}

body.single-membres.xn-refonte .footercie .wp-block-social-link-anchor svg,
body.single-membres.xn-refonte .footercie .wp-block-social-link-anchor i {
  display: block;
  line-height: 1;
}

body.single-membres.xn-refonte .footercie .wp-social-link-facebook .wp-block-social-link-anchor i {
  transform: translateY(-5px);
}

body.single-membres.xn-refonte .footercie .wp-social-link-twitter .wp-block-social-link-anchor svg {
  height: 20px;
  transform: translateY(-1px);
  width: 20px;
}

body.single-membres.xn-refonte .footercie .wp-block-social-link {
  margin: 0 !important;
}

body.single-membres.xn-refonte .footercie .xn-member-contact-role {
  color: #000000;
  display: block;
  font-family: var(--xn-font-body) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
}

body.single-membres.xn-refonte .footercie .contactus .ugb-social-buttons {
  margin-bottom: 0;
  margin-top: 18px;
}

/* XN Member Area */
body.xn-refonte.page-template-template-espace-membre,
body.xn-refonte.page-template-template-espace-membre-protected,
body.xn-refonte.page-template-template-modifier-votre-fiche,
body.xn-refonte.page-template-template-sources-financement {
  background: #ffffff;
  color: #000000;
}

body.xn-refonte.page-template-template-sources-financement .xn-member-area {
  padding-bottom: clamp(20px, 3vw, 32px);
}

body.xn-refonte.page-template-template-sources-financement .xn-member-area__title {
  margin-bottom: clamp(12px, 2vw, 20px);
}

body.xn-refonte .xn-member-area {
  color: #000000;
  padding-bottom: clamp(56px, 8vw, 96px);
  padding-top: clamp(28px, 4vw, 44px);
}

body.xn-refonte .espace-membre-wrap,
body.xn-refonte .xn-member-area__section {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--xn-content-max);
  padding-left: 24px;
  padding-right: 24px;
}

body.xn-refonte .xn-member-gate .container-off {
  background: var(--xn-color-paper-strong);
  border: 1px solid var(--xn-color-line);
  border-radius: var(--xn-radius-lg);
  margin: 0 auto;
  max-width: 760px;
  padding: clamp(28px, 4vw, 42px);
  text-align: center;
}

body.xn-refonte .xn-member-area__title,
body.xn-refonte .espace-membre-title {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: clamp(40px, 5.6vw, 54px) !important;
  font-style: normal;
  font-weight: 300 !important;
  letter-spacing: 0;
  line-height: 1.05;
  margin: 0 0 clamp(24px, 3.5vw, 40px);
  text-transform: uppercase !important;
}

body.xn-refonte .xn-member-gate p,
body.xn-refonte .xn-member-area__content p,
body.xn-refonte .xn-member-area__content li,
body.xn-refonte .espace-section-box p,
body.xn-refonte .espace-section-box li,
body.xn-refonte .espace-section-box-off p,
body.xn-refonte .espace-section-box-off li,
body.xn-refonte .espace-links li,
body.xn-refonte .espace-list li,
body.xn-refonte .xn-member-area__notice {
  color: #000000;
  font-family: var(--xn-font-body) !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
}

body.xn-refonte .espace-section-box strong,
body.xn-refonte .espace-section-box-off strong,
body.xn-refonte .xn-member-area__notice strong,
body.xn-refonte .xn-member-area__content strong {
  font-family: var(--xn-font-body) !important;
  font-weight: 700;
}

body.xn-refonte .xn-member-area__meta,
body.xn-refonte .espace-section-kicker,
body.xn-refonte .espace-abonnement,
body.xn-refonte .espace-subtitle {
  color: rgba(0, 0, 0, 0.66);
  font-family: var(--xn-font-mono) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin: 0;
  text-transform: uppercase;
}

body.xn-refonte .xn-member-area__meta strong {
  font-family: inherit !important;
  font-weight: 400;
}

body.xn-refonte .xn-member-area__meta {
  margin-bottom: 24px;
}

body.xn-refonte .xn-member-area__notice {
  align-items: start;
  background: var(--xn-color-brand-hover);
  border: 1px solid var(--xn-color-line);
  border-radius: var(--xn-radius-lg);
  display: grid;
  gap: 6px;
  margin-top: 20px;
  padding: 22px 24px;
}

body.xn-refonte .xn-member-area__notice i {
  font-size: 20px;
}

body.xn-refonte .xn-member-area a:not(.espace-btn):not(.espace-login-btn):not(.xn-member-area__backlink) {
  color: #70b0ff;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

body.xn-refonte .espace-btn,
body.xn-refonte .espace-login-btn,
body.xn-refonte .xn-member-area__backlink,
body.xn-refonte.page-template-template-modifier-votre-fiche button.acf-button.af-submit-button {
  align-items: center;
  background: var(--xn-color-brand);
  border: 1px solid var(--xn-color-brand);
  border-radius: 4px;
  box-shadow: none;
  color: #000000 !important;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--xn-font-mono) !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  gap: 10px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  min-height: auto;
  padding: 15px 22px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.xn-refonte .espace-btn:hover,
body.xn-refonte .espace-btn:focus,
body.xn-refonte .espace-login-btn:hover,
body.xn-refonte .espace-login-btn:focus,
body.xn-refonte .xn-member-area__backlink:hover,
body.xn-refonte .xn-member-area__backlink:focus,
body.xn-refonte.page-template-template-modifier-votre-fiche button.acf-button.af-submit-button:hover,
body.xn-refonte.page-template-template-modifier-votre-fiche button.acf-button.af-submit-button:focus {
  background: var(--xn-color-brand-hover);
  border-color: var(--xn-color-brand-hover);
  color: #000000 !important;
}

body.xn-refonte .espace-btn span,
body.xn-refonte .espace-login-btn span {
  color: inherit !important;
}

body.xn-refonte .xn-member-area__backlink {
  margin-bottom: 22px;
}

body.xn-refonte .xn-member-area__backlink .material-icons {
  font-size: 18px;
  line-height: 1;
}

body.xn-refonte .espace-admin-promo {
  background: #70b0ff;
  border: 1px solid #70b0ff;
  border-radius: var(--xn-radius-lg);
  box-shadow: none;
  color: #000000;
  margin: 0 0 48px;
  padding: clamp(24px, 4vw, 32px) clamp(64px, 6vw, 92px) clamp(24px, 4vw, 32px) clamp(24px, 4vw, 32px);
  position: relative;
}

body.xn-refonte .espace-admin-promo-title,
body.xn-refonte .espace-nom-cie {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: clamp(30px, 3.4vw, 38px) !important;
  font-style: normal;
  font-weight: 300 !important;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0;
  text-transform: none !important;
}

body.xn-refonte .espace-admin-promo-title {
  margin-bottom: 12px;
  max-width: 20ch;
}

body.xn-refonte .espace-admin-promo p {
  color: rgba(0, 0, 0, 0.86);
  margin: 0;
  max-width: 52rem;
}

body.xn-refonte .espace-admin-promo .espace-btn {
  margin-top: 20px;
}

body.xn-refonte .espace-admin-promo-close {
  background: transparent;
  border: 0;
  color: #000000;
  cursor: pointer;
  font-size: 28px;
  height: 40px;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 14px;
  transition: opacity 0.2s ease, transform 0.2s ease;
  width: 40px;
}

body.xn-refonte .espace-admin-promo-close:hover,
body.xn-refonte .espace-admin-promo-close:focus {
  opacity: 0.7;
  transform: scale(1.04);
}

body.xn-refonte .espace-membre-grid {
  display: grid !important;
  gap: 32px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 32px;
}

body.xn-refonte .espace-membre-grid > .col,
body.xn-refonte .espace-membre-grid > [class*="col"] {
  float: none !important;
  left: auto !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  right: auto !important;
  width: auto !important;
}

body.xn-refonte .espace-section {
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 100%;
  margin: 0;
}

body.xn-refonte .espace-section-meta {
  display: grid;
  gap: 10px;
}

body.xn-refonte .espace-section-title,
body.xn-refonte .espace-membre-wrap h3 {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: clamp(28px, 3vw, 34px) !important;
  font-style: normal;
  font-weight: 300 !important;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  text-transform: none !important;
}

body.xn-refonte .espace-membre-wrap h3 {
  font-size: 24px !important;
  margin-bottom: 18px;
}

body.xn-refonte .espace-section-box,
body.xn-refonte .espace-section-box-off,
body.xn-refonte .espace-section-box.nobgbox {
  border: 1px solid var(--xn-color-line);
  border-radius: var(--xn-radius-lg);
  flex: 1 1 auto;
  margin: 0;
  min-height: 0;
  padding: 24px;
}

body.xn-refonte .espace-section-box {
  background: var(--xn-color-panel);
}

body.xn-refonte .espace-section-box-off,
body.xn-refonte .espace-section-box.nobgbox {
  background: var(--xn-color-paper-strong);
  box-shadow: none;
}

body.xn-refonte.page-template-template-espace-membre .espace-membre-grid:not(.espace-membre-grid--secondary) > .col:first-child .espace-section-box,
body.xn-refonte.page-template-template-espace-membre .espace-membre-grid:not(.espace-membre-grid--secondary) > .col:first-child .espace-section-box-off,
body.xn-refonte.page-template-template-espace-membre .espace-membre-grid:not(.espace-membre-grid--secondary) > .col:first-child .espace-section-box.nobgbox {
  background: #ededed;
}

body.xn-refonte .espace-section-box p:last-child,
body.xn-refonte .espace-section-box-off p:last-child {
  margin-bottom: 0;
}

body.xn-refonte .espace-links,
body.xn-refonte .espace-list,
body.xn-refonte ul.espace-links.espace-list,
body.xn-refonte ul.espace-list {
  list-style: disc !important;
  margin: 0;
  padding: 0 0 0 22px !important;
}

body.xn-refonte .espace-links li,
body.xn-refonte .espace-list li,
body.xn-refonte ul.espace-links.espace-list > li,
body.xn-refonte ul.espace-list > li {
  list-style: inherit !important;
  margin: 0 0 10px;
  padding: 0 !important;
}

body.xn-refonte .espace-links li:last-child,
body.xn-refonte .espace-list li:last-child {
  margin-bottom: 0;
}

body.xn-refonte .espace-section-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 0;
}

body.xn-refonte .espace-membre-content,
body.xn-refonte .xn-member-area__content {
  margin-top: clamp(32px, 4vw, 48px);
}

body.xn-refonte .xn-member-area__content > *:first-child {
  margin-top: 0 !important;
}

body.xn-refonte .xn-member-area__content > *:last-child {
  margin-bottom: 0 !important;
}

body.xn-refonte .wrapper-xl {
  margin-bottom: 0;
  width: min(100%, var(--xn-content-max));
}

body.xn-refonte.page-template-template-modifier-votre-fiche .af-field .af-label label {
  color: #000000;
  font-family: var(--xn-font-mono) !important;
  font-size: 12px;
  font-weight: 400 !important;
  letter-spacing: 0.08em;
  line-height: 1.4;
  margin-bottom: 8px;
  text-transform: uppercase;
}

body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="text"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="password"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="email"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="number"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="url"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="tel"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="search"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="date"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input[type="time"],
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field textarea,
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field select {
  border: 1px solid var(--xn-color-line);
  border-radius: 4px;
  font-family: var(--xn-font-body);
  font-size: 18px;
  line-height: 1.4;
  padding: 14px 16px;
}

body.xn-refonte.page-template-template-modifier-votre-fiche .af-field input:focus,
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field textarea:focus,
body.xn-refonte.page-template-template-modifier-votre-fiche .af-field select:focus {
  border-color: #70b0ff;
  box-shadow: 0 0 0 2px rgba(112, 176, 255, 0.18);
}

body.xn-refonte.page-template-template-modifier-votre-fiche .acf-taxonomy-field .categorychecklist-holder {
  max-height: none;
  overflow: visible;
}

body.xn-refonte.page-template-template-modifier-votre-fiche .acf-taxonomy-field label,
body.xn-refonte.page-template-template-modifier-votre-fiche .acf-checkbox-list label {
  font-size: 1.1rem;
  line-height: 1.45;
}

body.xn-refonte.page-template-template-modifier-votre-fiche a.btn.waves-effect.waves-light.deep-orange.darken-3 {
  align-items: center;
  background: var(--xn-color-brand) !important;
  border: 1px solid var(--xn-color-brand) !important;
  border-radius: 4px;
  box-shadow: none !important;
  color: #000000 !important;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--xn-font-mono) !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  min-height: auto;
  height: auto !important;
  padding: 15px 22px;
  text-decoration: none !important;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.xn-refonte.page-template-template-modifier-votre-fiche a.btn.waves-effect.waves-light.deep-orange.darken-3:hover,
body.xn-refonte.page-template-template-modifier-votre-fiche a.btn.waves-effect.waves-light.deep-orange.darken-3:focus {
  background: var(--xn-color-brand-hover) !important;
  border-color: var(--xn-color-brand-hover) !important;
  color: #000000 !important;
}

body.xn-refonte.page-template-template-modifier-votre-fiche .success-message-modern {
  align-items: center;
  background: var(--xn-color-brand);
  box-shadow: none;
  color: #000000;
}

body.xn-refonte.page-template-template-modifier-votre-fiche .success-message-modern .material-icons {
  color: #ffffff;
}

body.xn-refonte.page-template-template-modifier-votre-fiche .success-message-modern .message-content p {
  color: #000000;
}

body.xn-refonte.page-template-template-modifier-votre-fiche .success-message-modern .message-content a,
body.xn-refonte.page-template-template-modifier-votre-fiche .success-message-modern .message-content a:hover,
body.xn-refonte.page-template-template-modifier-votre-fiche .success-message-modern .message-content a:focus {
  color: #000000 !important;
  text-decoration: underline !important;
}

body.xn-refonte.page-template-template-modifier-votre-fiche .af-field-instructions {
  color: rgba(0, 0, 0, 0.66);
  font-family: var(--xn-font-body);
  font-size: 14px;
  font-style: italic;
  line-height: 1.4;
}

@media (max-width: 1199px) {
  body.xn-refonte .espace-membre-grid {
    grid-template-columns: 1fr;
  }

  body.xn-refonte .espace-admin-promo {
    padding-right: 68px;
  }
}

@media (max-width: 782px) {
  body.xn-refonte .espace-section {
    margin-top: 12px;
  }

  body.xn-refonte .espace-membre-grid > .col:first-child .espace-section,
  body.xn-refonte .xn-member-area__section > .espace-section:first-child {
    margin-top: 0;
  }

  body.xn-refonte .espace-membre-grid {
    gap: 40px;
    margin-bottom: 40px;
  }

  body.xn-refonte .espace-membre-wrap,
  body.xn-refonte .xn-member-area__section {
    padding-left: 16px;
    padding-right: 16px;
  }

  body.xn-refonte .xn-member-area {
    padding-top: 24px;
  }

  body.xn-refonte .xn-member-area__title,
  body.xn-refonte .espace-membre-title {
    font-size: clamp(34px, 11vw, 44px) !important;
  }

  body.xn-refonte .espace-admin-promo-title,
  body.xn-refonte .espace-nom-cie,
  body.xn-refonte .espace-section-title {
    font-size: clamp(26px, 8.5vw, 32px) !important;
  }

  body.xn-refonte .espace-section-box,
  body.xn-refonte .espace-section-box-off,
  body.xn-refonte .espace-section-box.nobgbox,
  body.xn-refonte .xn-member-gate .container-off,
  body.xn-refonte .xn-member-area__notice {
    padding: 22px;
  }

  body.xn-refonte .espace-btn,
  body.xn-refonte .espace-login-btn,
  body.xn-refonte .xn-member-area__backlink,
  body.xn-refonte.page-template-template-modifier-votre-fiche button.acf-button.af-submit-button {
    width: auto;
  }

  body.xn-refonte .espace-section-actions {
    align-items: flex-start;
    gap: 12px;
    justify-content: flex-start;
  }

  body.xn-refonte .espace-section-actions .espace-btn {
    flex: 0 0 auto;
  }
}

body.xn-refonte .xn-page-main {
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

body.xn-refonte .xn-page {
  padding-top: 0;
  padding-bottom: clamp(56px, 8vw, 120px);
}

body.xn-refonte:not(.home):not(.blog) .xn-page {
  padding-bottom: clamp(28px, 5vw, 64px);
}

body.xn-refonte:not(.home):not(.blog) .xn-page-content > *:last-child,
body.xn-refonte:not(.home):not(.blog) .xn-page-article > *:last-child {
  margin-bottom: 0 !important;
}

body.xn-refonte .xn-page-article {
  color: #000000;
  margin-top: 0;
  padding-top: 0;
}

body.xn-refonte .xn-page-hero {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: clamp(36px, 7vw, 84px);
}

body.xn-refonte .xn-page-hero__eyebrow {
  color: #000000;
  font-family: var(--xn-font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
}

body.xn-refonte .xn-page-title {
  color: #000000;
  font-family: var(--xn-font-display);
  font-size: 54px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.39;
  margin: 0;
  max-width: 531px;
  text-transform: uppercase;
}

body.xn-refonte .xn-page-content > h1,
body.xn-refonte .xn-page-content > h1.wp-block-heading {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 54px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.39;
  margin-bottom: 28px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  max-width: 100%;
  text-transform: uppercase !important;
}

body.xn-refonte .xn-page-content {
  color: #000000;
  font-family: var(--xn-font-body);
  margin-top: 0;
  padding-top: 0;
}

body.xn-refonte .xn-page-content > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.xn-refonte .xn-page-content > p,
body.xn-refonte .xn-page-content > ul,
body.xn-refonte .xn-page-content > ol,
body.xn-refonte .xn-page-content > .wp-block-paragraph,
body.xn-refonte .xn-page-content > .wp-block-list {
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.21;
  margin-bottom: 24px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  max-width: 100%;
}

body.xn-refonte .xn-page-content ul,
body.xn-refonte .xn-page-content ol,
body.xn-refonte .xn-page-content li {
  font-size: 24px;
}

body.xn-refonte .xn-page-content p,
body.xn-refonte .xn-page-content li,
body.xn-refonte .xn-page-content blockquote,
body.xn-refonte .xn-page-content figcaption,
body.xn-refonte .xn-page-content td,
body.xn-refonte .xn-page-content th,
body.xn-refonte .xn-page-content .stk-block-text,
body.xn-refonte .xn-page-content .stk-block-text__text,
body.xn-refonte .xn-page-content .has-medium-font-size,
body.xn-refonte .xn-page-content .has-large-font-size {
  font-family: var(--xn-font-body) !important;
}

body.xn-refonte main ul li,
body.xn-refonte main ol li {
  line-height: 1.45;
  margin-bottom: 14px;
}

body.xn-refonte main ul li::marker {
  font-size: 0.72em;
}

body.xn-refonte.faq .xn-page-content .stk-block-accordion__content p,
body.xn-refonte.faq .xn-page-content .stk-block-accordion__content li,
body.xn-refonte.faq .xn-page-content .stk-block-accordion__content .stk-block-text__text,
body.xn-refonte.faq .xn-page-content .stk-block-accordion__content .has-medium-font-size,
body.xn-refonte.faq .xn-page-content .stk-block-accordion__content .has-large-font-size {
  font-size: 24px !important;
  line-height: 1.4 !important;
}

body.xn-refonte.faq .xn-page-content .wp-block-accordion {
  margin-top: clamp(20px, 4vw, 40px);
}

body.xn-refonte.faq .xn-page-content .wp-block-accordion-item {
  border-bottom: 1px solid rgba(23, 23, 23, 0.12);
  margin: 0;
}

body.xn-refonte.faq .xn-page-content .wp-block-accordion-heading {
  margin: 0;
}

body.xn-refonte.faq .xn-page-content .wp-block-accordion-heading__toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: #000000;
  cursor: pointer;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 26px 0;
  text-align: left;
  width: 100%;
}

body.xn-refonte.faq .xn-page-content .wp-block-accordion-heading__toggle-title {
  color: #000000;
  flex: 1 1 auto;
  font-family: var(--xn-font-display) !important;
  font-size: 46px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.08 !important;
  text-transform: none !important;
}

body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel {
  padding: 0 0 28px;
}

body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel p,
body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel li,
body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel .stk-block-text__text,
body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel .has-medium-font-size,
body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel .has-large-font-size {
  font-family: var(--xn-font-body) !important;
  font-size: 24px !important;
  line-height: 1.4 !important;
}

body.xn-refonte article ul {
  margin-bottom: 40px;
  margin-top: 40px;
}

body.xn-refonte .xn-page-content strong,
body.xn-refonte .xn-page-content b,
body.xn-refonte .xn-pattern-intro-split__lead strong,
body.xn-refonte .xn-pattern-intro-split__lead b,
body.xn-refonte .xn-pattern-intro-split__body strong,
body.xn-refonte .xn-pattern-intro-split__body b,
body.xn-refonte .xn-pattern-gray-panel__body strong,
body.xn-refonte .xn-pattern-gray-panel__body b,
body.xn-refonte .xn-pattern-blue-panel__body strong,
body.xn-refonte .xn-pattern-blue-panel__body b {
  font-family: var(--xn-font-body);
  font-weight: 700;
}

body.xn-refonte .xn-page-content h1,
body.xn-refonte .xn-page-content h1.wp-block-heading,
body.xn-refonte .xn-page-content .stk-block-heading h1,
body.xn-refonte .xn-page-content .stk-block-heading__text,
body.xn-refonte .xn-page-content .stk-block-heading[class*="has-text-align"] {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 54px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.39;
  text-transform: uppercase !important;
}

body.xn-refonte h1.xlarge,
body.xn-refonte .xn-page-content h1.xlarge {
  font-size: 54px !important;
  line-height: 1.39;
}

body.xn-refonte .xn-page-content > h2,
body.xn-refonte .xn-page-content > .wp-block-heading h2,
body.xn-refonte .xn-page-content > h2.wp-block-heading {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 46px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.37;
  margin-bottom: 28px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 32px;
  max-width: 100%;
  text-transform: none !important;
}

body.xn-refonte .xn-page-content h2,
body.xn-refonte .xn-page-content h2.wp-block-heading,
body.xn-refonte .xn-page-content .stk-block-heading h2 {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 46px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.37;
  text-transform: none !important;
}

body.xn-refonte .xn-page-content > h3,
body.xn-refonte .xn-page-content > h3.wp-block-heading {
  color: #000000;
  font-family: var(--xn-font-body) !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.21;
  margin-bottom: 16px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 48px;
  max-width: 100%;
  text-transform: uppercase !important;
}

body.xn-refonte .xn-page-content h3,
body.xn-refonte .xn-page-content h3.wp-block-heading,
body.xn-refonte .xn-page-content .stk-block-heading h3 {
  color: #000000;
  font-family: var(--xn-font-body) !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.21;
  text-transform: uppercase !important;
}

body.xn-refonte .xn-page-content > h3 + p,
body.xn-refonte .xn-page-content > h3 + ul,
body.xn-refonte .xn-page-content > h3 + ol {
  max-width: 100%;
}

body.xn-refonte .xn-page-content a:not(.btn):not(.btn-large):not(.wp-block-button__link) {
  color: #70b0ff;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

body.xn-refonte .xn-page-content .wp-block-button,
body.xn-refonte .xn-page-content .wp-block-buttons {
  margin-top: 20px;
}

body.xn-refonte .xn-page-content .wp-block-buttons.is-layout-flex {
  gap: 16px;
}

body.xn-refonte .xn-page-content .wp-block-button__link {
  background: var(--xn-color-brand);
  border: 1px solid var(--xn-color-brand);
  border-radius: 4px;
  color: #000000;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding: 15px 22px;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.xn-refonte .xn-page-content .wp-block-button__link:hover {
  background: var(--xn-color-brand-hover);
  border-color: var(--xn-color-brand-hover);
  color: #000000;
}

body.xn-refonte.notre-mission .xn-page-content > p:first-of-type {
  margin-bottom: clamp(56px, 8vw, 112px);
}

body.xn-refonte .xn-news-single {
  color: #000000;
}

body.xn-refonte .xn-news-single__hero {
  margin-bottom: clamp(44px, 7vw, 84px);
}

body.xn-refonte .xn-news-single__hero-grid {
  align-items: start;
  display: grid;
  gap: clamp(28px, 4vw, 64px);
  grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);
}

body.xn-refonte .xn-news-single__hero--no-image .xn-news-single__hero-grid {
  grid-template-columns: minmax(0, 1fr);
}

body.xn-refonte .xn-news-single__hero-copy {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

body.xn-refonte .xn-news-single__title {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 54px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.08;
  margin: 0;
  max-width: 16ch;
  text-transform: uppercase !important;
}

body.xn-refonte .xn-news-single__subtitle {
  color: #000000;
  font-family: var(--xn-font-body) !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1.15;
  margin: 0;
  max-width: 16ch;
  text-transform: uppercase;
}

body.xn-refonte .xn-news-single__meta {
  align-items: center;
  color: #000000;
  column-gap: 16px;
  display: flex;
  flex-wrap: wrap;
  font-family: var(--xn-font-mono);
  font-size: 12px;
  line-height: 1.2;
  row-gap: 8px;
  text-transform: uppercase;
}

body.xn-refonte .xn-news-single__content-body > .xn-news-single__meta {
  margin-bottom: 24px;
}

body.xn-refonte .xn-news-single__reading-time {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}

body.xn-refonte .xn-news-single__reading-time i {
  font-size: 13px;
}

body.xn-refonte .xn-news-single__hero-media {
  justify-self: end;
  width: 100%;
}

body.xn-refonte .xn-news-single__hero-image {
  aspect-ratio: 1 / 1;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

body.xn-refonte .xn-news-single__layout {
  align-items: start;
  display: grid;
  gap: clamp(32px, 4vw, 56px);
  grid-template-columns: minmax(0, 1fr) minmax(220px, 290px);
}

body.xn-refonte .xn-news-single__content {
  min-width: 0;
}

body.xn-refonte .xn-news-single__content-body > *:first-child {
  margin-top: 0 !important;
}

body.xn-refonte .xn-news-single__sidebar {
  display: grid;
  gap: 28px;
}

body.xn-refonte .xn-news-single__sidebar-block {
  display: grid;
  gap: 18px;
}

body.xn-refonte .xn-news-single__sidebar-heading {
  color: #000000;
  font-family: var(--xn-font-heading) !important;
  font-size: 24px !important;
  font-style: italic;
  font-weight: 500 !important;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase !important;
}

body.xn-refonte .xn-news-single__author {
  align-items: center;
  display: flex;
  gap: 14px;
}

body.xn-refonte .xn-news-single__author img {
  border-radius: 999px;
  display: block;
  height: 54px;
  width: 54px;
}

body.xn-refonte .xn-news-single__author-name {
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 15px;
  line-height: 1.2;
}

body.xn-refonte .xn-news-single__related-list {
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.xn-refonte .xn-news-single__related-item {
  align-items: start;
  display: grid;
  gap: 12px;
  grid-template-columns: 54px minmax(0, 1fr);
  margin: 0;
}

body.xn-refonte .xn-news-single__related-thumb {
  aspect-ratio: 1 / 1;
  display: block;
  height: auto;
  object-fit: cover;
  width: 54px;
}

body.xn-refonte .xn-news-single__related-link {
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
}

body.xn-refonte .xn-news-single__cta {
  align-self: flex-start;
  align-items: center;
  background: #42d18f;
  border: 1px solid #42d18f;
  border-radius: 4px;
  color: #000000 !important;
  display: inline-flex;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  line-height: 1;
  min-height: 40px;
  padding: 0 14px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  width: fit-content;
}

body.xn-refonte .xn-news-single__cta:hover {
  background: var(--xn-color-brand-hover);
  border-color: var(--xn-color-brand-hover);
  color: #000000 !important;
}

body.xn-refonte .xn-news-single__social {
  align-items: center;
  display: flex;
  gap: 10px;
}

body.xn-refonte .xn-news-single__social a {
  color: #000000;
  text-decoration: none;
}

body.xn-refonte .xn-news-single__footer {
  margin-bottom: 44px;
  margin-top: clamp(36px, 5vw, 56px);
}

body.xn-refonte .xn-news-single__backlink {
  align-items: center;
  color: #000000;
  display: inline-flex;
  font-family: var(--xn-font-mono);
  font-size: 14px;
  gap: 8px;
  text-decoration: none;
  text-transform: uppercase;
}

body.xn-refonte .xn-news-single__backlink:hover {
  color: #000000;
  opacity: 0.82;
}

body.xn-refonte .xn-news-single__backlink i {
  font-size: 18px;
}

@media (min-width: 782px) and (max-width: 1100px) {
  body.xn-refonte .xn-news-single__hero-grid {
    gap: 28px;
    grid-template-columns: minmax(0, 1.08fr) minmax(260px, 0.92fr);
  }

  body.xn-refonte .xn-news-single__title {
    font-size: 44px !important;
    line-height: 1.08;
    max-width: 14ch;
  }

  body.xn-refonte .xn-news-single__subtitle {
    font-size: 22px !important;
    max-width: 15ch;
  }

  body.xn-refonte .xn-news-single__layout {
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) 220px;
  }

  body.xn-refonte .xn-news-single__sidebar-heading {
    font-size: 21px !important;
  }
}

body.xn-refonte .xn-pattern-editorial-two-columns,
body.xn-refonte .xn-pattern-image-text,
body.xn-refonte .xn-pattern-intro-split,
body.xn-refonte .xn-pattern-gray-panel,
body.xn-refonte .xn-pattern-blue-panel,
body.xn-refonte .xn-pattern-button-green {
  margin-left: 0;
  margin-top: clamp(32px, 6vw, 72px);
  margin-bottom: clamp(32px, 6vw, 72px);
  margin-right: 0;
  max-width: 100%;
  width: 100%;
}

body.xn-refonte .xn-pattern-editorial-two-columns {
  margin-top: clamp(20px, 4vw, 40px);
}

body.xn-refonte .xn-page-content > .xn-pattern-editorial-two-columns:first-child,
body.xn-refonte .xn-page-content > .xn-pattern-image-text:first-child,
body.xn-refonte .xn-page-content > .xn-pattern-intro-split:first-child,
body.xn-refonte .xn-page-content > .xn-pattern-gray-panel:first-child,
body.xn-refonte .xn-page-content > .xn-pattern-blue-panel:first-child,
body.xn-refonte .xn-page-content > .xn-pattern-button-green:first-child,
body.xn-refonte .xn-page-content > .wp-block-group:first-child,
body.xn-refonte .xn-page-content > .wp-block-columns:first-child,
body.xn-refonte .xn-page-content > .alignwide:first-child,
body.xn-refonte .xn-page-content > .alignfull:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.xn-refonte .xn-page-content > [class*="xn-pattern-"]:first-child,
body.xn-refonte .xn-page-content > .wp-block-image:first-child,
body.xn-refonte .xn-page-content > .wp-block-cover:first-child,
body.xn-refonte .xn-page-content > .wp-block-media-text:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.xn-refonte .xn-pattern-editorial-two-columns__header-row,
body.xn-refonte .xn-pattern-editorial-two-columns__body-columns,
body.xn-refonte .xn-pattern-image-text__columns,
body.xn-refonte .xn-pattern-intro-split__columns {
  align-items: flex-start;
  gap: clamp(20px, 3vw, 40px);
}

body.xn-refonte .xn-pattern-editorial-two-columns__eyebrow,
body.xn-refonte .xn-pattern-image-text__title {
  color: var(--xn-color-ink);
  font-family: var(--xn-font-display);
  font-size: 46px;
  font-style: normal;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.37;
  margin: 0;
  text-transform: none;
}

body.xn-refonte .xn-pattern-editorial-two-columns__body,
body.xn-refonte .xn-pattern-image-text__body {
  color: var(--xn-color-ink-soft);
  font-family: var(--xn-font-body);
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.5;
  margin: 0;
}

body.xn-refonte .xn-pattern-editorial-two-columns__body ul,
body.xn-refonte .xn-pattern-editorial-two-columns__body ol,
body.xn-refonte .xn-pattern-editorial-two-columns__body li,
body.xn-refonte .xn-pattern-image-text__body ul,
body.xn-refonte .xn-pattern-image-text__body ol,
body.xn-refonte .xn-pattern-image-text__body li {
  font-size: inherit;
}

body.xn-refonte .xn-pattern-image-text__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

body.xn-refonte .xn-pattern-image-text__media-fill {
  background:
    linear-gradient(180deg, rgba(201, 223, 159, 0.45), rgba(247, 243, 236, 0.95)),
    linear-gradient(135deg, rgba(230, 80, 43, 0.14), rgba(23, 23, 23, 0.08));
  border-radius: var(--xn-radius-lg);
  min-height: clamp(260px, 40vw, 520px);
  position: relative;
}

body.xn-refonte .xn-pattern-image-text__media-fill::after {
  border: 1px solid rgba(23, 23, 23, 0.12);
  border-radius: calc(var(--xn-radius-lg) - 6px);
  content: "";
  inset: 10px;
  position: absolute;
}

body.xn-refonte .xn-pattern-image-text__actions {
  margin-top: 8px;
}

body.xn-refonte .xn-pattern-intro-split__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 26px;
  justify-content: flex-start;
  text-align: left;
}

body.xn-refonte .xn-pattern-intro-split.alignwide,
body.xn-refonte .xn-page-content > .xn-pattern-intro-split.alignwide {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100% !important;
}

body.xn-refonte .xn-pattern-intro-split__title {
  color: #000000;
  font-family: var(--xn-font-display);
  font-size: 54px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}

body.xn-refonte .xn-pattern-intro-split__lead {
  align-self: stretch;
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 33px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  max-width: 100%;
  text-align: left;
}

body.xn-refonte .xn-pattern-intro-split__body {
  align-self: stretch;
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  max-width: 100%;
  text-align: left;
}

body.xn-refonte .xn-pattern-intro-split__image,
body.xn-refonte .xn-pattern-intro-split__image img {
  aspect-ratio: 1 / 1;
}

body.xn-refonte .xn-pattern-intro-split__image {
  align-items: stretch;
  display: flex;
  height: 100%;
  margin: 0;
  width: 100%;
}

body.xn-refonte .xn-pattern-intro-split__image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

body.xn-refonte .xn-pattern-intro-split__media .wp-block-image {
  margin: 0;
}

body.xn-refonte .xn-pattern-gray-panel {
  background: #ededed;
  padding: clamp(32px, 5vw, 76px);
}

body.page-template-template-salle-de-presse-revamp-2023.xn-refonte .xn-pattern-gray-panel {
  margin-top: clamp(16px, 3vw, 28px);
  padding-bottom: clamp(32px, 5vw, 76px);
  padding-left: clamp(32px, 5vw, 76px);
  padding-right: clamp(32px, 5vw, 76px);
  padding-top: clamp(18px, 3vw, 32px);
}

body.xn-refonte .xn-pattern-gray-panel__title {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 46px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.37;
  margin: 0 0 18px;
  text-transform: none !important;
}

body.xn-refonte .xn-pattern-gray-panel__body {
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.21;
  margin: 0;
  max-width: 100%;
}

body.xn-refonte .xn-pattern-gray-panel p,
body.xn-refonte .xn-pattern-gray-panel li,
body.xn-refonte .xn-pattern-blue-panel p,
body.xn-refonte .xn-pattern-blue-panel li {
  font-size: 24px;
}

body.xn-refonte .xn-pattern-gray-panel a:not(.btn):not(.btn-large):not(.wp-block-button__link) {
  color: #70b0ff;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.16em;
}

body.xn-refonte .xn-pattern-gray-panel a:not(.btn):not(.btn-large):not(.wp-block-button__link):hover,
body.xn-refonte .xn-pattern-gray-panel a:not(.btn):not(.btn-large):not(.wp-block-button__link):focus {
  color: #70b0ff;
}

body.xn-refonte .xn-pattern-gray-panel .wp-block-button__link:hover,
body.xn-refonte .xn-pattern-gray-panel .wp-block-button__link:focus,
body.xn-refonte .xn-pattern-gray-panel .wp-block-button.is-style-xn-brand > .wp-block-button__link:hover,
body.xn-refonte .xn-pattern-gray-panel .wp-block-button.is-style-xn-brand > .wp-block-button__link:focus,
body.xn-refonte .xn-pattern-gray-panel .wp-block-button.is-style-xn-brand .wp-block-button__link:hover,
body.xn-refonte .xn-pattern-gray-panel .wp-block-button.is-style-xn-brand .wp-block-button__link:focus {
  background: #ffffff;
  border-color: #000000;
  color: #000000;
}

body.xn-refonte .xn-pattern-gray-panel ul,
body.xn-refonte .xn-pattern-gray-panel ol,
body.xn-refonte .xn-pattern-blue-panel ul,
body.xn-refonte .xn-pattern-blue-panel ol {
  font-size: 24px;
}

body.xn-refonte .xn-pattern-blue-panel {
  background: #0870eb;
  padding: clamp(32px, 5vw, 76px);
}

body.xn-refonte .xn-pattern-blue-panel__title {
  color: #ffffff;
  font-family: var(--xn-font-display) !important;
  font-size: 46px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 1.37;
  margin: 0 0 18px;
  text-transform: none !important;
}

body.xn-refonte .xn-pattern-blue-panel__body {
  color: #ffffff;
  font-family: var(--xn-font-body);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.21;
  margin: 0;
  max-width: 100%;
}

body.xn-refonte .xn-pattern-button-green {
  align-items: flex-start;
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
}

body.xn-refonte .xn-page-content .xn-pattern-button-green.wp-block-buttons,
body.xn-refonte .xn-page-content .xn-pattern-button-green .wp-block-button {
  margin-bottom: 0;
  margin-top: 0;
}

body.xn-refonte .xn-page-content .xn-pattern-button-green + .xn-pattern-button-green {
  margin-top: 16px;
}

body.xn-refonte .xn-pattern-grid-panel {
  --xn-grid-cell: 43px;
  --xn-grid-offset-x: -4px;
  --xn-grid-line: rgba(255, 255, 255, 0.62);
  --xn-grid-logo-cols: 6;
  --xn-grid-text-cols: 12;
  --xn-grid-panel-rows: 10;
  --xn-grid-pad-x: 1;
  --xn-grid-pad-top: 2;
  --xn-grid-pad-bottom: 3;
  background-color: #70b0ff;
  background-image:
    linear-gradient(to right, var(--xn-grid-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--xn-grid-line) 1px, transparent 1px);
  background-origin: border-box;
  background-position: var(--xn-grid-offset-x) 0;
  background-size: var(--xn-grid-cell) var(--xn-grid-cell);
  box-sizing: border-box;
  margin-top: 48px;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px;
  padding:
    calc(var(--xn-grid-cell) * var(--xn-grid-pad-top))
    calc(var(--xn-grid-cell) * var(--xn-grid-pad-x))
    calc(var(--xn-grid-cell) * var(--xn-grid-pad-bottom));
  position: relative;
  width: min(100%, 1280px);
  box-shadow:
    inset 1px 0 0 #70b0ff,
    inset -1px 0 0 #70b0ff,
    inset 0 1px 0 #70b0ff,
    inset 0 -1px 0 #70b0ff;
}

body.xn-refonte .xn-pattern-grid-panel::before,
body.xn-refonte .xn-pattern-grid-panel::after {
  content: none;
}

body.xn-refonte .xn-home-grid-panel {
  --xn-home-grid-footer-overlap: calc(var(--xn-grid-cell) * 5);
  background: none;
  isolation: isolate;
  margin-bottom: 0;
  overflow: visible;
  z-index: 0;
}

body.xn-refonte .xn-home-grid-panel::before {
  background-color: #70b0ff;
  background-image:
    linear-gradient(#70b0ff, #70b0ff),
    linear-gradient(to right, var(--xn-grid-line) 1px, transparent 1px),
    linear-gradient(to bottom, var(--xn-grid-line) 1px, transparent 1px);
  background-origin: border-box;
  background-position:
    0 calc(100% - var(--xn-home-grid-footer-overlap)),
    var(--xn-grid-offset-x) 0,
    var(--xn-grid-offset-x) 0;
  background-repeat: no-repeat, repeat, repeat;
  background-size:
    100% 2px,
    var(--xn-grid-cell) var(--xn-grid-cell),
    var(--xn-grid-cell) var(--xn-grid-cell);
  content: "";
  height: calc(100% + var(--xn-home-grid-footer-overlap));
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: min(100%, 1280px);
  z-index: -2;
  box-shadow:
    inset 1px 0 0 #70b0ff,
    inset -1px 0 0 #70b0ff,
    inset 0 1px 0 #70b0ff,
    inset 0 -1px 0 #70b0ff;
}

body.xn-refonte .xn-home-grid-panel::after {
  background: #000000;
  content: "";
  height: calc(var(--xn-grid-cell) * var(--xn-grid-pad-bottom) + var(--xn-home-grid-footer-overlap));
  left: 50%;
  position: absolute;
  top: calc(100% - (var(--xn-grid-cell) * var(--xn-grid-pad-bottom)));
  transform: translateX(-50%);
  width: 100vw;
  z-index: -3;
}

body.xn-refonte .xn-pattern-grid-panel__columns {
  align-items: stretch;
  display: grid;
  column-gap: 0;
  grid-template-columns: repeat(22, var(--xn-grid-cell));
  justify-content: start;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  row-gap: var(--xn-grid-cell);
  width: calc(var(--xn-grid-cell) * 22);
}

body.xn-refonte .xn-pattern-grid-panel__logo-column,
body.xn-refonte .xn-pattern-grid-panel__content-column {
  display: flex;
  flex-direction: column;
  flex: none !important;
  margin: 0 !important;
  min-width: 0 !important;
}

body.xn-refonte .xn-pattern-grid-panel__logo-column {
  grid-column: 3 / span 6;
  grid-row: 1;
  width: calc(var(--xn-grid-cell) * var(--xn-grid-logo-cols));
}

body.xn-refonte .xn-pattern-grid-panel__content-column {
  grid-column: 11 / span 12;
  grid-row: 1;
  width: calc(var(--xn-grid-cell) * 12);
}

body.xn-refonte .xn-pattern-grid-panel__logo {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  height: calc(var(--xn-grid-cell) * var(--xn-grid-panel-rows));
  justify-content: center;
  margin: 0;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: 100%;
}

body.xn-refonte .xn-pattern-grid-panel__logo img {
  display: block;
  height: calc(100% - 24px);
  max-height: calc(100% - 24px);
  max-width: none;
  padding: 0;
  width: auto;
}

body.xn-refonte .xn-pattern-grid-panel__logo::before,
body.xn-refonte .xn-pattern-grid-panel__content::before {
  background: #70b0ff;
  content: "";
  inset: 1px;
  position: absolute;
}

body.xn-refonte .xn-pattern-grid-panel__logo > *,
body.xn-refonte .xn-pattern-grid-panel__content > * {
  position: relative;
  z-index: 1;
}

body.xn-refonte .xn-pattern-grid-panel__content {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 20px;
  height: calc(var(--xn-grid-cell) * var(--xn-grid-panel-rows));
  justify-content: center;
  overflow: hidden;
  padding: var(--xn-grid-cell);
  position: relative;
  width: 100%;
}

body.xn-refonte .xn-pattern-grid-panel__body {
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}

body.xn-refonte .xn-pattern-grid-panel__actions {
  margin-top: 18px;
}

body.xn-refonte .xn-pattern-four-columns {
  background: #42d18f;
  box-sizing: border-box;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 1280px;
  padding: clamp(42px, 5vw, 78px) clamp(24px, 3vw, 40px);
  width: min(100%, 1280px);
}

body.xn-refonte .xn-pattern-four-columns__heading {
  color: #000000;
  margin: 0 0 clamp(34px, 5vw, 58px);
  text-align: center;
}

body.xn-refonte .xn-pattern-four-columns__grid {
  gap: clamp(24px, 3vw, 44px);
}

body.xn-refonte .xn-pattern-four-columns__column {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

body.xn-refonte .xn-pattern-four-columns__image,
body.xn-refonte .xn-pattern-four-columns__image img {
  border-radius: 999px;
}

body.xn-refonte .xn-pattern-four-columns__image {
  margin: 0 0 28px;
  width: clamp(120px, 10vw, 144px);
}

body.xn-refonte .xn-pattern-four-columns__image img {
  aspect-ratio: 1 / 1;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}

body.xn-refonte .xn-pattern-four-columns h3.xn-pattern-four-columns__title,
body.xn-refonte .xn-pattern-four-columns .xn-pattern-four-columns__title.wp-block-heading {
  color: #000000;
  font-family: "ITC Avant Garde Gothic", "Helvetica Neue", sans-serif !important;
  font-size: 22px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 1.2;
  margin: 0 0 14px;
  text-align: center;
  text-transform: uppercase !important;
}

body.xn-refonte .xn-pattern-four-columns__body {
  color: #000000;
  font-family: var(--xn-font-body);
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  margin: 0;
  max-width: 15ch;
  text-align: center;
}

@media (min-width: 782px) and (max-width: 1100px) {
  body.xn-refonte .xn-pattern-grid-panel {
    --xn-grid-cell: calc(100vw / 12);
    --xn-grid-panel-rows: 8;
    margin-top: 40px;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding:
      calc(var(--xn-grid-cell) * var(--xn-grid-pad-top))
      calc(var(--xn-grid-cell) * var(--xn-grid-pad-x))
      calc(var(--xn-grid-cell) * var(--xn-grid-pad-bottom));
    width: 100vw;
    max-width: 100vw;
  }

  body.xn-refonte .xn-pattern-grid-panel__columns {
    grid-template-columns: repeat(12, var(--xn-grid-cell));
    justify-content: start;
    justify-items: stretch;
    width: 100%;
  }

  body.xn-refonte .xn-pattern-grid-panel__logo-column,
  body.xn-refonte .xn-pattern-grid-panel__content-column {
    margin-left: 0;
    margin-right: 0;
  }

  body.xn-refonte .xn-pattern-grid-panel__logo-column {
    grid-column: 4 / span 6;
    grid-row: 1;
    width: calc(var(--xn-grid-cell) * 6);
  }

  body.xn-refonte .xn-pattern-grid-panel__content-column {
    grid-column: 1 / span 12;
    grid-row: 2;
    width: calc(var(--xn-grid-cell) * 12);
    max-width: 100%;
  }

  body.xn-refonte .xn-pattern-grid-panel__logo {
    height: calc(var(--xn-grid-cell) * var(--xn-grid-panel-rows));
  }

  body.xn-refonte .xn-pattern-grid-panel__content {
    align-items: center;
    height: calc(var(--xn-grid-cell) * 12);
    text-align: center;
  }

  body.xn-refonte .xn-pattern-grid-panel__body {
    font-size: 20px;
    max-width: 100%;
    text-align: center;
  }

  body.xn-refonte .xn-pattern-grid-panel__actions {
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 992px) {
  body.xn-refonte .xn-grid-2 {
    grid-template-columns: 1fr;
  }

  body.xn-refonte .xn-refonte-footer-layout {
    grid-template-columns: 1fr;
  }

  body.xn-refonte .xn-refonte-footer-right-rail {
    justify-self: stretch;
  }

  body.xn-refonte .xn-refonte-footer-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.xn-refonte .xn-refonte-footer-newsletter {
    justify-self: start;
  }

  body.xn-refonte .xn-site-header__initiative-inner {
    gap: 10px;
  }

  body.xn-refonte .xn-site-header__initiative-left,
  body.xn-refonte .xn-site-header__initiative-right {
    gap: 14px;
  }

  body.xn-refonte .xn-site-header__nav-inner {
    min-height: 58px;
  }

  body.xn-refonte .xn-site-header__menu {
    display: none;
  }

  body.xn-refonte .xn-site-header__burger {
    display: inline-flex;
    align-items: center;
  }

  body.xn-refonte .toppad,
  body.xn-refonte .toppad-fiche,
  body.xn-refonte .toppad-sanstitre,
  body.xn-refonte .page-template-template-modifier-votre-fiche .toppad,
  body.xn-refonte .page-template-template-sources-financement .toppad,
  body.xn-refonte .toppadnews {
    margin-top: var(--xn-content-gap-after-header) !important;
  }

  body.xn-refonte .xn-pattern-four-columns__grid {
    flex-wrap: wrap;
    gap: 36px 28px;
  }

  body.xn-refonte .xn-pattern-four-columns__column {
    flex: 0 0 calc(50% - 14px) !important;
    width: calc(50% - 14px);
  }
}

@media (max-width: 781px) {
  body.xn-refonte {
    --xn-content-gap-after-header: 44px;
  }

  body.xn-refonte .alignwide {
    max-width: 100%;
  }

  body.xn-refonte .footer {
    padding: 28px 0 34px;
  }

  body.xn-refonte .xn-refonte-footer-wrapper,
  body.xn-refonte .xn-refonte-footer-left-rail,
  body.xn-refonte .xn-refonte-footer-right-rail,
  body.xn-refonte .xn-refonte-footer-contact,
  body.xn-refonte .xn-refonte-footer-nav-wrap,
  body.xn-refonte .xn-refonte-footer-newsletter,
  body.xn-refonte .xn-refonte-footer-column {
    text-align: center;
  }

  body.xn-refonte .xn-refonte-footer-left-rail,
  body.xn-refonte .xn-refonte-footer-right-rail {
    justify-items: center;
  }

  body.xn-refonte .xn-refonte-footer-columns,
  body.xn-refonte .xn-refonte-footer-nav-wrap {
    grid-template-columns: 1fr;
  }

  body.xn-refonte .xn-refonte-footer-social {
    background: transparent;
    justify-self: center;
    margin-top: 24px;
    padding: 0 6px;
    width: fit-content;
  }

  body.xn-refonte .xn-refonte-footer-social a {
    width: 24px;
  }

  body.xn-refonte .xn-refonte-footer-newsletter {
    max-width: 100%;
  }

  body.xn-refonte .xn-site-header__initiative-inner {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: auto;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
  }

  body.xn-refonte .xn-site-header__initiative-left,
  body.xn-refonte .xn-site-header__initiative-right {
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  body.xn-refonte .xn-site-header__initiative-right {
    margin-left: 0;
  }

  body.xn-refonte .xn-site-header__initiative-label,
  body.xn-refonte .xn-site-header__initiative-link,
  body.xn-refonte .xn-site-header__language,
  body.xn-refonte .xn-site-header__language .wpml-ls,
  body.xn-refonte .xn-site-header__language a,
  body.xn-refonte .xn-site-header__language span {
    font-size: 10px;
  }

  body.xn-refonte .xn-site-header__nav {
    border-bottom: none;
  }

  body.xn-refonte .xn-site-header__nav-inner {
    gap: 16px;
    min-height: 58px;
  }

  body.xn-refonte .xn-site-header__brand-logo {
    width: min(52vw, 180px);
  }

  body.xn-refonte .xn-home-hero__media {
    min-height: 95svh;
  }

  body.xn-refonte .xn-home-hero {
    margin-bottom: 0;
  }

  body.xn-refonte.home .xn-home-hero {
    margin-top: -58px;
  }

  body.xn-refonte .xn-home-news {
    margin-top: -36px;
  }

  body.xn-refonte .xn-home-news__shell {
    padding: 28px 24px 40px;
  }

  body.xn-refonte .xn-home-news__featured-grid,
  body.xn-refonte .xn-home-news__cards,
  body.xn-refonte .xn-home-news__card {
    grid-template-columns: 1fr;
  }

  body.xn-refonte .xn-pattern-gray-panel__body,
  body.xn-refonte .xn-pattern-blue-panel__body,
  body.xn-refonte .xn-pattern-gray-panel p,
  body.xn-refonte .xn-pattern-gray-panel li,
  body.xn-refonte .xn-pattern-gray-panel ul,
  body.xn-refonte .xn-pattern-gray-panel ol,
  body.xn-refonte .xn-pattern-blue-panel p,
  body.xn-refonte .xn-pattern-blue-panel li,
  body.xn-refonte .xn-pattern-blue-panel ul,
  body.xn-refonte .xn-pattern-blue-panel ol {
    font-size: 20px;
  }

  body.xn-refonte .xn-home-news__featured-grid {
    gap: 24px;
  }

  body.xn-refonte .xn-pattern-gray-panel,
  body.xn-refonte .xn-pattern-blue-panel {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
  }

  body.xn-refonte .xn-home-news__featured-title a {
    font-size: clamp(36px, 8vw, 54px) !important;
  }

  body.xn-refonte .xn-home-news__featured-excerpt,
  body.xn-refonte .xn-home-news__card-excerpt {
    font-size: 20px;
  }

  body.xn-refonte .xn-home-news__cards {
    gap: 40px;
    margin-top: 56px;
  }

  body.xn-refonte .xn-home-news__card-image {
    max-width: 260px;
  }

  body.xn-refonte .xn-home-news__card-body {
    gap: 12px;
  }

  body.xn-refonte .xn-pattern-gray-panel .wp-block-buttons,
  body.xn-refonte .xn-pattern-gray-panel .wp-block-buttons.is-layout-flex,
  body.xn-refonte .xn-pattern-blue-panel .wp-block-buttons,
  body.xn-refonte .xn-pattern-blue-panel .wp-block-buttons.is-layout-flex {
    justify-content: center;
  }

  body.xn-refonte .xn-pattern-gray-panel .wp-block-button,
  body.xn-refonte .xn-pattern-blue-panel .wp-block-button {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }

  body.xn-refonte .xn-pattern-grid-panel {
    --xn-grid-cell: calc(100vw / 12);
    --xn-grid-panel-rows: 8;
    margin-top: 32px;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding:
      calc(var(--xn-grid-cell) * var(--xn-grid-pad-top))
      calc(var(--xn-grid-cell) * var(--xn-grid-pad-x))
      calc(var(--xn-grid-cell) * var(--xn-grid-pad-bottom));
    width: 100vw;
    max-width: 100vw;
  }

  body.xn-refonte .xn-pattern-grid-panel__columns {
    grid-template-columns: repeat(12, var(--xn-grid-cell));
    justify-content: start;
    justify-items: stretch;
    width: 100%;
  }

  body.xn-refonte .xn-pattern-grid-panel__logo-column,
  body.xn-refonte .xn-pattern-grid-panel__content-column {
    margin-left: 0;
    margin-right: 0;
  }

  body.xn-refonte .xn-pattern-grid-panel__logo-column {
    grid-column: 4 / span 6;
    grid-row: 1;
    width: calc(var(--xn-grid-cell) * 6);
  }

  body.xn-refonte .xn-pattern-grid-panel__content-column {
    grid-column: 1 / span 12;
    grid-row: 2;
    width: calc(var(--xn-grid-cell) * 12);
    max-width: 100%;
  }

  body.xn-refonte .xn-pattern-grid-panel__logo {
    height: calc(var(--xn-grid-cell) * var(--xn-grid-panel-rows));
  }

  body.xn-refonte .xn-pattern-grid-panel__content {
    align-items: center;
    height: calc(var(--xn-grid-cell) * 12);
    text-align: center;
  }

  body.xn-refonte .xn-pattern-grid-panel__body {
    font-size: 18px;
    max-width: 100%;
    text-align: center;
  }

  body.xn-refonte .xn-pattern-grid-panel__actions {
    justify-content: center;
    width: 100%;
  }

  body.xn-refonte .xn-pattern-four-columns {
    padding: 34px 24px 40px;
  }

  body.xn-refonte .xn-pattern-four-columns__grid {
    gap: 32px;
  }

  body.xn-refonte .xn-pattern-four-columns__heading {
    margin-bottom: 30px;
  }

  body.xn-refonte .xn-pattern-four-columns__column {
    flex: 0 0 100% !important;
    width: 100%;
  }

  body.xn-refonte .xn-pattern-four-columns__image {
    margin-bottom: 20px;
    width: 132px;
  }

  body.xn-refonte .xn-pattern-four-columns__title {
    font-size: 22px !important;
  }

  body.xn-refonte .xn-pattern-four-columns__body {
    font-size: 22px;
    max-width: 18ch;
  }

  body.xn-refonte .xn-home-hero__content {
    gap: 18px;
    justify-content: center;
    padding: 64px 32px 108px;
  }

  body.xn-refonte .xn-home-hero__title {
    font-size: clamp(34px, 9vw, 54px) !important;
    max-width: none;
  }

  body.xn-refonte .xn-home-hero__phrase {
    font-size: 20px;
    max-width: 520px;
  }

  body.xn-refonte .xn-home-hero__nav {
    bottom: 28px;
    gap: 28px;
    justify-content: center;
    left: 50%;
    max-width: calc(100% - 24px);
    top: auto;
    transform: translateX(-50%);
  }

  body.xn-refonte .xn-home-hero__arrow {
    padding: 0;
  }

  body.xn-refonte .xn-home-hero__arrow img {
    height: 34px;
    width: 34px;
  }

  body.xn-refonte .xn-page {
    padding-top: 0;
    padding-bottom: 72px;
  }

  body.xn-refonte .xn-page-title {
    font-size: clamp(38px, 10vw, 54px);
    line-height: 1.16;
    max-width: 100%;
  }

  body.xn-refonte .xn-page-content > h1,
  body.xn-refonte .xn-page-content > h1.wp-block-heading,
  body.xn-refonte .xn-page-content h1,
  body.xn-refonte .xn-page-content h1.wp-block-heading,
  body.xn-refonte .xn-page-content .stk-block-heading h1,
  body.xn-refonte .xn-page-content .stk-block-heading__text,
  body.xn-refonte .xn-page-content .stk-block-heading[class*="has-text-align"],
  body.xn-refonte h1.xlarge,
  body.xn-refonte .xn-page-content h1.xlarge {
    font-size: clamp(34px, 9vw, 44px) !important;
    line-height: 1.08 !important;
    max-width: 100%;
  }

  body.xn-refonte .xn-page-content > p,
  body.xn-refonte .xn-page-content > ul,
  body.xn-refonte .xn-page-content > ol,
  body.xn-refonte .xn-page-content > .wp-block-paragraph,
  body.xn-refonte .xn-page-content > .wp-block-list {
    font-size: 20px;
    line-height: 1.3;
    max-width: 100%;
  }

  body.xn-refonte .xn-page-content > h2,
  body.xn-refonte .xn-page-content > .wp-block-heading h2,
  body.xn-refonte .xn-page-content > h2.wp-block-heading {
    font-size: clamp(34px, 9vw, 46px);
    line-height: 1.12;
    max-width: 100%;
  }

  body.xn-refonte.faq .xn-page-content > h2,
  body.xn-refonte.faq .xn-page-content > .wp-block-heading h2,
  body.xn-refonte.faq .xn-page-content > h2.wp-block-heading,
  body.xn-refonte.faq .xn-page-content h2,
  body.xn-refonte.faq .xn-page-content h2.wp-block-heading,
  body.xn-refonte.faq .xn-page-content .stk-block-heading h2 {
    font-size: 28px !important;
    line-height: 1.18 !important;
  }

  body.xn-refonte.faq .xn-page-content .wp-block-accordion-heading__toggle {
    gap: 18px;
    padding: 18px 0;
  }

  body.xn-refonte.faq .xn-page-content .wp-block-accordion-heading__toggle-title {
    font-size: 28px !important;
    line-height: 1.18 !important;
  }

  body.xn-refonte .xn-page-content > h3,
  body.xn-refonte .xn-page-content > h3.wp-block-heading,
  body.xn-refonte .xn-page-content > h3 + p,
  body.xn-refonte .xn-page-content > h3 + ul,
  body.xn-refonte .xn-page-content > h3 + ol {
    font-size: 20px;
    line-height: 1.3;
    max-width: 100%;
  }

  body.xn-refonte.faq .xn-page-content .stk-block-accordion__content p,
  body.xn-refonte.faq .xn-page-content .stk-block-accordion__content li,
  body.xn-refonte.faq .xn-page-content .stk-block-accordion__content .stk-block-text__text,
  body.xn-refonte.faq .xn-page-content .stk-block-accordion__content .has-medium-font-size,
  body.xn-refonte.faq .xn-page-content .stk-block-accordion__content .has-large-font-size {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel p,
  body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel li,
  body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel .stk-block-text__text,
  body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel .has-medium-font-size,
  body.xn-refonte.faq .xn-page-content .wp-block-accordion-panel .has-large-font-size {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }

  body.xn-refonte .xn-pattern-editorial-two-columns__header-row,
  body.xn-refonte .xn-pattern-editorial-two-columns__body-columns,
  body.xn-refonte .xn-pattern-image-text__columns,
  body.xn-refonte .xn-pattern-intro-split__columns {
    gap: 18px;
  }

  body.xn-refonte .xn-pattern-image-text__media-fill {
    min-height: 240px;
  }

  body.xn-refonte .xn-pattern-intro-split__content {
    align-items: flex-start;
    gap: 18px;
  }

  body.xn-refonte .xn-pattern-intro-split__title {
    font-size: clamp(38px, 10vw, 54px);
    line-height: 1.08;
  }

  body.xn-refonte .xn-pattern-intro-split__lead {
    font-size: clamp(24px, 6.8vw, 33px);
    line-height: 1.4;
    max-width: 100%;
  }

  body.xn-refonte .xn-pattern-intro-split__body {
    font-size: 20px;
    line-height: 1.4;
    max-width: 100%;
  }

  body.xn-refonte .xn-news-single__hero-grid,
  body.xn-refonte .xn-news-single__layout {
    grid-template-columns: 1fr;
  }

  body.xn-refonte .xn-news-single__hero {
    margin-bottom: 36px;
  }

  body.xn-refonte .xn-news-single__hero-copy {
    gap: 18px;
  }

  body.xn-refonte .xn-news-single__title,
  body.xn-refonte .xn-news-single__subtitle {
    max-width: 100%;
  }

  body.xn-refonte .xn-news-single__title {
    font-size: clamp(36px, 8vw, 54px) !important;
  }

  body.xn-refonte .xn-news-single__subtitle {
    font-size: 22px !important;
  }

  body.xn-refonte .xn-news-single__hero-media {
    justify-self: stretch;
    max-width: 100%;
  }

  body.xn-refonte .xn-news-single__sidebar {
    gap: 24px;
  }

  body.xn-refonte .xn-news-single__sidebar-block:last-child {
    margin-top: 16px;
  }
}

@media (max-width: 1100px) {
  body.xn-refonte .xn-home-grid-panel {
    --xn-grid-cell: 45px;
    --xn-home-grid-footer-overlap: calc(var(--xn-grid-cell) * 4);
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    max-width: 100vw;
    padding:
      calc(var(--xn-grid-cell) * 2)
      var(--xn-grid-cell)
      calc(var(--xn-grid-cell) * 3);
    width: 100vw;
  }

  body.xn-refonte .xn-home-grid-panel::before {
    width: 100vw;
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__columns {
    display: block;
    width: auto;
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__logo-column,
  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__logo {
    display: none !important;
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__content-column {
    display: block;
    grid-column: auto;
    grid-row: auto;
    margin: 0 !important;
    width: 100% !important;
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: calc(var(--xn-grid-cell) * 10);
    padding: calc(var(--xn-grid-cell) * 1.5) var(--xn-grid-cell);
    text-align: center;
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__body {
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 24px);
    text-align: center;
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__actions {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}

@media (max-width: 781px) {
  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__logo-column,
  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__logo {
    display: none !important;
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__content-column {
    display: block !important;
    width: 100% !important;
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__content {
    min-height: calc(var(--xn-grid-cell) * 9);
    padding: calc(var(--xn-grid-cell) * 1.5) var(--xn-grid-cell);
  }

  body.xn-refonte .xn-home-grid-panel .xn-pattern-grid-panel__body {
    font-size: 18px;
    max-width: calc(100% - 12px);
  }

  body.xn-refonte .les-nouvelles-2023 .esg-filter-wrapper.eg-search-wrapper {
    display: none !important;
  }

  body.xn-refonte .les-nouvelles-2023 .esg-sortbutton-wrapper {
    display: none !important;
  }

  body.xn-refonte .les-nouvelles-2023 .esg-filterbutton,
  body.xn-refonte .les-nouvelles-2023 .esg-filter-wrapper.dropdownstyle > .esg-selected-filterbutton {
    max-width: calc(100vw - 48px);
    min-width: 0;
    text-align: center;
    white-space: normal;
  }

  body.xn-refonte .les-nouvelles-2023 .esg-filterbutton span,
  body.xn-refonte .les-nouvelles-2023 .esg-filter-wrapper.dropdownstyle > .esg-selected-filterbutton span {
    overflow-wrap: anywhere;
    white-space: normal;
  }
}

body.xn-refonte .xn-contact-grid {
  display: grid !important;
  column-gap: 15px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  height: auto !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 40px;
  overflow: visible !important;
  row-gap: 44px;
}

body.xn-refonte .xn-contact-grid > .col {
  display: block !important;
  float: none !important;
  height: auto !important;
  left: auto !important;
  margin: 0 !important;
  min-height: 0;
  padding: 0;
  position: static !important;
  top: auto !important;
  transform: none !important;
  visibility: visible !important;
  width: auto !important;
}

body.xn-refonte .xn-contact-card {
  border: 0;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  height: 100%;
}

body.xn-refonte .xn-contact-card__media {
  aspect-ratio: 4 / 5;
  background: #dfe4e2;
  overflow: hidden;
}

body.xn-refonte .xn-contact-card__image {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

body.xn-refonte .xn-contact-card__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 18px;
}

body.xn-refonte .xn-contact-card__name {
  color: #000000;
  font-family: var(--xn-font-display) !important;
  font-size: 24px !important;
  font-style: normal;
  font-weight: 300 !important;
  line-height: 0.98;
  margin: 0;
  text-transform: uppercase !important;
}

body.xn-refonte .xn-contact-card__role {
  color: #000000;
  font-family: var(--xn-font-mono);
  font-size: 15px;
  line-height: 1.35;
  margin: 0;
  max-width: 28ch;
  overflow-wrap: anywhere;
  text-transform: uppercase;
}

body.xn-refonte .xn-contact-card__phone {
  color: #000000;
  font-family: var(--xn-font-body) !important;
  font-size: 18px;
  line-height: 1.4;
  margin: 2px 0 0;
}

body.xn-refonte .xn-contact-card__phone a {
  color: inherit !important;
  text-decoration: none;
}

body.xn-refonte .xn-contact-card__phone a:hover {
  text-decoration: underline;
}

@media (max-width: 781px) {
  body.xn-refonte .xn-contact-grid {
    margin-top: 28px;
    row-gap: 36px;
  }

  body.xn-refonte .xn-contact-card__name {
    font-size: 24px !important;
  }
}

@media (max-width: 640px) {
  body.xn-refonte .xn-contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  body.xn-refonte .xn-contact-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-overflowtrick,
body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-container {
  height: auto !important;
  overflow: visible !important;
}

body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid > ul,
body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid .esg-overflowtrick > ul,
body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid .esg-container > ul,
body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid ul.mainul {
  align-items: stretch;
  display: grid !important;
  gap: 15px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  height: auto !important;
  overflow: visible !important;
}

body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid > ul > li,
body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid .esg-overflowtrick > ul > li,
body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid .esg-container > ul > li,
body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid ul.mainul > li,
body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid ul.mainul > li.tp-esg-item {
  display: flex !important;
  float: none !important;
  height: 100% !important;
  left: auto !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  visibility: visible !important;
  width: auto !important;
}

body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-media-cover-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
}

body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-entry-content.eg-ca-2020-v2-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
}

@media (max-width: 640px) {
  body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid > ul,
  body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid .esg-overflowtrick > ul,
  body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid .esg-container > ul,
  body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid ul.mainul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid > ul,
  body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid .esg-overflowtrick > ul,
  body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid .esg-container > ul,
  body.xn-refonte #esg-grid-13-1-wrap[data-alias="conseil"] .esg-grid ul.mainul {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Essential Grid skin "avantages": remove link underlines inside the skin only. */
body.xn-refonte [class*="eg-avantages-"] a,
body.xn-refonte a[class*="eg-avantages-"],
body.xn-refonte [class*="eg-avantages-"] a:hover,
body.xn-refonte a[class*="eg-avantages-"]:hover,
body.xn-refonte [class*="eg-avantages-"] a:focus,
body.xn-refonte a[class*="eg-avantages-"]:focus,
body.xn-refonte [class*="eg-avantages-"] a:active,
body.xn-refonte a[class*="eg-avantages-"]:active {
  text-decoration: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
}

/* Essential Grid skin "avantages": force text to black. */
body.xn-refonte [class*="eg-avantages-"],
body.xn-refonte [class*="eg-avantages-"] *,
body.xn-refonte a[class*="eg-avantages-"],
body.xn-refonte a[class*="eg-avantages-"] * {
  color: #000000 !important;
}

/* Essential Grid skin "avantages": keep the search icon white on the media overlay. */
body.xn-refonte [class*="eg-avantages-"] .eg-icon-search,
body.xn-refonte [class*="eg-avantages-"] .eg-icon-search:before {
  color: #ffffff !important;
}

/* Essential Grid search icons should stay white across overlay skins. */
body.xn-refonte .esg-entry-cover .eg-icon-search,
body.xn-refonte .esg-entry-cover .eg-icon-search:before,
body.xn-refonte .esg-entry-cover a:hover .eg-icon-search,
body.xn-refonte .esg-entry-cover a:hover .eg-icon-search:before,
body.xn-refonte .esg-entry-cover a:focus .eg-icon-search,
body.xn-refonte .esg-entry-cover a:focus .eg-icon-search:before,
body.xn-refonte .esg-entry-media-wrapper .eg-icon-search,
body.xn-refonte .esg-entry-media-wrapper .eg-icon-search:before {
  color: #ffffff !important;
}

/* Essential Grid global defaults in refonte: no underlined links, white icons. */
body.xn-refonte .myportfolio-container a,
body.xn-refonte .myportfolio-container a:hover,
body.xn-refonte .myportfolio-container a:focus,
body.xn-refonte .myportfolio-container a:active,
body.xn-refonte .esg-grid a,
body.xn-refonte .esg-grid a:hover,
body.xn-refonte .esg-grid a:focus,
body.xn-refonte .esg-grid a:active {
  text-decoration: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
}

body.xn-refonte .eg-lightbox-post-content-inner p,
body.xn-refonte .eg-lightbox-post-content-inner li,
body.xn-refonte .eg-lightbox-post-content-inner blockquote,
body.xn-refonte .eg-lightbox-post-content-inner figcaption,
body.xn-refonte .eg-lightbox-post-content-inner td,
body.xn-refonte .eg-lightbox-post-content-inner th {
  font-family: var(--xn-font-body) !important;
}