/* Fichier GÉNÉRÉ par wordpress/outils/deplier-css.mjs : ne pas le modifier à la main.
   Source à modifier : wordpress/css-source/landing.css (CSS imbriqué), puis « npm run css » dans wordpress/outils. */

:root {
  --creme: #f7f3ed;
  --sable: #e6ddd1;
  --sable-clair: #ece5da;
  --marron: #633d2a;
  --encre: #2b2a28;
  --gris: #5a554e;
  --sauge: #56704a;
  --terracotta: #aa5534;
  --terracotta-survol: #8e4428;
  --profond: #7a3322;
  --dore: #cf8638;
  --blanc: #fff;
  --serif: "Newsreader", Georgia, serif;
  --sans: "Instrument Sans", system-ui, sans-serif;
  --largeur: 1200px;
  --marge: 24px;
  --section: 100px;
  --doux: cubic-bezier(.22, .61, .36, 1);
  --pose: cubic-bezier(.65, 0, .35, 1);
}

body.yl-page {
  background: var(--blanc);
}

body.yl-page .entry-content {
  margin: 0;
}

body.yl-page .entry-content > .yl {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

html:has(body.yl-page) {
  scroll-behavior: smooth;
}

@keyframes yl-deplie {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes yl-appui {
  0%, 100% {
    transform: none;
  }

  50% {
    transform: scale(1.04);
  }
}

.yl {
  background: var(--blanc);
  color: var(--encre);
  font: 400 16px / 1.55 var(--sans);
  -webkit-font-smoothing: antialiased;
}

.yl *, .yl :before, .yl :after {
  box-sizing: border-box;
}

.yl p, .yl h1, .yl h2, .yl h3, .yl h4, .yl ul, .yl ol, .yl li, .yl blockquote, .yl figure, .yl details, .yl summary {
  margin: 0;
}

.yl > *, .yl .wp-block-group > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

.yl h1, .yl h2, .yl h3, .yl h4 {
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  text-transform: none;
  letter-spacing: normal;
}

.yl a {
  color: inherit;
}

.yl img {
  max-width: 100%;
  height: auto;
  display: block;
}

.yl :where(ul, ol), .yl :where(ul, ol).wp-block-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.yl blockquote {
  quotes: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-style: normal;
}

.yl .wp-block-quote.wp-block-quote.wp-block-quote {
  border: 0;
  padding: 0;
}

.yl blockquote.wp-block-quote:before, .yl blockquote.wp-block-quote:after {
  content: none;
}

.yl figure.wp-block-image {
  margin: 0;
}

.yl .wp-block-buttons {
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  display: flex;
}

.yl .wp-block-button {
  margin: 0;
}

.yl .enveloppe {
  width: min(var(--largeur), 100% - 2 * var(--marge));
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.yl .label {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sauge);
}

.yl .titre-1 {
  font: 400 64px / 1.04 var(--serif);
  letter-spacing: -.015em;
  text-wrap: balance;
  -webkit-hyphens: none;
  hyphens: none;
}

.yl .titre-2 {
  font: 400 48px / 1.1 var(--serif);
  letter-spacing: -.01em;
  text-wrap: balance;
  -webkit-hyphens: none;
  hyphens: none;
}

.yl .chapo {
  color: var(--gris);
  font-size: 19px;
  line-height: 1.55;
}

.yl .wp-block-button.bouton > .wp-block-button__link {
  min-height: 50px;
  font: 600 15.5px / 1 var(--sans);
  letter-spacing: normal;
  text-transform: none;
  box-shadow: none;
  transition: background-color .2s, color .2s, border-color .2s, transform .25s var(--doux);
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 28px;
  text-decoration: none;
  display: inline-flex;
}

.yl .wp-block-button.bouton-plein > .wp-block-button__link {
  background: var(--terracotta);
  color: var(--creme);
}

.yl .wp-block-button.bouton-plein > .wp-block-button__link:hover {
  background: var(--terracotta-survol);
  color: var(--creme);
  transform: translateY(-1px);
}

.yl .wp-block-button.bouton-contour > .wp-block-button__link {
  border: 1.5px solid var(--encre);
  color: var(--encre);
  background: none;
  min-height: 44px;
  padding: 0 22px;
  font-size: 14.5px;
}

.yl .wp-block-button.bouton-contour > .wp-block-button__link:hover {
  background: var(--encre);
  color: var(--creme);
}

.yl .wp-block-button.bouton-contour-creme > .wp-block-button__link {
  border-color: var(--creme);
  color: var(--creme);
}

.yl .wp-block-button.bouton-contour-creme > .wp-block-button__link:hover, .yl .wp-block-button.bouton-creme > .wp-block-button__link {
  background: var(--creme);
  color: var(--profond);
}

.yl .wp-block-button.bouton-creme > .wp-block-button__link:hover {
  background: var(--blanc);
  color: var(--profond);
  transform: translateY(-1px);
}

.yl .entete {
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 20;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--sable-clair);
  transition: box-shadow .35s var(--doux), border-color .35s;
  background: #fffffff0;
  position: sticky;
}

.yl .entete.est-defile {
  border-bottom-color: #0000;
  box-shadow: 0 10px 30px -22px #2b2a2873;
}

.yl section[id] {
  scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px)  + 120px - var(--section));
}

.yl #bilan {
  scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px)  + 120px);
}

.yl #avis {
  scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px)  + 104px);
}

.yl .entete .enveloppe {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  height: 80px;
  display: flex;
}

.yl .logo {
  flex: none;
  width: auto;
}

.yl .logo img {
  width: auto !important;
  height: 23px !important;
}

.yl .nav {
  gap: 32px;
  display: flex;
}

.yl .nav a {
  font: 500 15px / 1 var(--sans);
  color: var(--encre);
  text-decoration: none;
}

.yl .nav a:hover {
  color: var(--sauge);
}

.yl .burger {
  width: 44px;
  height: 44px;
  color: var(--encre);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 -12px;
  padding: 0;
  display: none;
}

.yl .burger span, .yl .burger span:before, .yl .burger span:after {
  content: "";
  width: 20px;
  height: 1.6px;
  transition: transform .3s var(--doux), background-color .2s;
  background: currentColor;
  border-radius: 2px;
  display: block;
}

.yl .burger span {
  position: relative;
}

.yl .burger span:before {
  position: absolute;
  top: -6px;
}

.yl .burger span:after {
  position: absolute;
  top: 6px;
}

.yl .menu-ouvert .burger span {
  background: none;
}

.yl .menu-ouvert .burger span:before {
  transform: translateY(6px)rotate(45deg);
}

.yl .menu-ouvert .burger span:after {
  transform: translateY(-6px)rotate(-45deg);
}

.yl .burger:focus-visible {
  outline: 2px solid var(--sauge);
  outline-offset: 2px;
}

.yl .site-entete .enveloppe {
  justify-content: flex-start;
  gap: 40px;
}

.yl .site-entete .nav {
  gap: 6px;
  margin: 0 0 0 auto;
}

.yl .site-entete .nav a {
  border-radius: 999px;
  padding: 10px 14px;
  transition: background-color .2s, color .2s;
  position: relative;
}

.yl .site-entete .nav a:hover {
  background: var(--creme);
  color: var(--encre);
}

.yl .site-entete .nav a[aria-current="page"] {
  color: var(--sauge);
}

.yl .site-entete .nav a[aria-current="page"]:after {
  content: "";
  background: var(--sauge);
  border-radius: 2px;
  height: 2px;
  position: absolute;
  bottom: 3px;
  left: 14px;
  right: 14px;
}

.yl .site-entete .wp-block-buttons {
  flex: none;
}

.yl .site-entete .wp-block-button > .wp-block-button__link {
  min-height: 44px;
  padding: 0 22px;
  font-size: 14.5px;
}

.yl .site-entete .wp-block-buttons.sur-place {
  display: none;
}

.yl .heros {
  padding: 70px 0 var(--section);
}

.yl .heros .enveloppe {
  grid-template-columns: 1fr 506px;
  align-items: center;
  gap: 64px;
  display: grid;
}

.yl .heros .titre-1 {
  margin-top: 14px;
}

.yl .heros .chapo {
  max-width: 470px;
  margin-top: 36px;
  font-size: 18px;
}

.yl .heros .wp-block-buttons {
  margin-top: 26px;
}

.yl .coches {
  flex-wrap: wrap;
  gap: 8px 22px;
  margin-top: 16px;
  display: flex;
}

.yl .coches li {
  font: 600 13px / 1.3 var(--sans);
  color: var(--sauge);
  align-items: center;
  gap: 7px;
  display: flex;
}

.yl .coches li:before {
  content: "";
  border-bottom: 1.6px solid;
  border-left: 1.6px solid;
  width: 11px;
  height: 8px;
  transform: translateY(-2px)rotate(-45deg);
}

.yl .coches li.note-google {
  color: var(--encre);
  gap: 6px;
}

.yl .coches li.note-google:before {
  content: "★";
  width: auto;
  height: auto;
  color: var(--dore);
  border: 0;
  font-size: 14px;
  line-height: 1;
  transform: none;
}

.yl .heros-visuel {
  position: relative;
}

.yl .heros-photo {
  aspect-ratio: 506 / 584;
  background: none;
  border-radius: 32px;
  overflow: hidden;
}

.yl .heros-photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.yl .heros-carte {
  background: var(--blanc);
  border: 1px solid var(--sable-clair);
  border-radius: 18px;
  width: 356px;
  padding: 22px 22px 20px;
  position: absolute;
  bottom: 32px;
  left: -30px;
  box-shadow: 0 18px 40px -18px #2b2a2847;
}

.yl .heros-carte h2, .yl .heros-carte h3 {
  font: 600 16px / 1.3 var(--sans);
}

.yl .heros-carte p {
  color: var(--gris);
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
}

.yl .heros-carte .lien-souligne {
  margin-top: 10px;
}

.yl .lien-souligne a {
  font: 600 14px / 1.3 var(--sans);
  color: var(--encre);
  transition: background-size .35s var(--doux), color .2s;
  background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1.5px no-repeat;
  padding-bottom: 3px;
  text-decoration: none;
  display: inline-block;
}

.yl .lien-souligne a:hover {
  color: var(--sauge);
  background-size: 0 1.5px;
}

.yl .benefices {
  padding-bottom: var(--section);
}

.yl .benefices .titre-2 {
  max-width: 640px;
  margin-top: 12px;
}

.yl .grille-benefices {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 48px;
  display: grid;
}

.yl .reponse-directe {
  max-width: 760px;
  color: var(--gris);
  margin-top: 22px;
  font-size: 17px;
  line-height: 1.6;
}

.yl .objectifs {
  max-width: 820px;
  margin-top: 64px;
}

.yl .objectifs h3 {
  font: 500 28px / 1.2 var(--serif);
  color: var(--encre);
}

.yl .objectifs > p {
  color: var(--gris);
  margin-top: 14px;
  font-size: 16.5px;
  line-height: 1.6;
}

.yl .objectifs ol {
  counter-reset: obj;
  gap: 12px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl .objectifs li {
  counter-increment: obj;
  color: var(--encre);
  padding-left: 44px;
  font-size: 16.5px;
  line-height: 1.55;
  position: relative;
}

.yl .objectifs li:before {
  content: counter(obj, decimal-leading-zero);
  font: 500 18px / 1.4 var(--serif);
  color: var(--terracotta);
  position: absolute;
  top: 0;
  left: 0;
}

.yl .carte-etape {
  background: var(--sauge);
  color: var(--creme);
  border-radius: 22px;
  flex-direction: column;
  padding: 30px 30px 32px;
  display: flex;
}

.yl .carte-etape .numero {
  font: 400 44px / 1 var(--serif);
}

.yl .carte-etape h3 {
  font: 600 18px / 1.3 var(--sans);
  margin-top: 24px;
}

.yl .carte-etape > .desc {
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.55;
}

.yl .carte-etape blockquote {
  color: var(--creme);
  margin-top: auto;
  padding-top: 22px;
}

.yl .carte-etape blockquote:before {
  content: "";
  background: #f7f3ed4d;
  height: 1px;
  margin: 0 0 22px;
  display: block;
}

.yl .carte-etape blockquote p {
  font: italic 400 16px / 1.45 var(--serif);
}

.yl .carte-etape cite {
  font: normal 600 13px / 1 var(--sans);
  color: var(--creme);
  margin-top: 12px;
  display: block;
}

.yl .distance {
  padding: var(--section) 0;
}

.yl .distance .enveloppe {
  grid-template-columns: 1fr 1.65fr;
  align-items: start;
  gap: 64px;
  display: grid;
}

.yl .distance .titre-2 {
  max-width: 360px;
  margin-top: 12px;
  font-size: 42px;
}

.yl .distance-intro {
  max-width: 360px;
  color: var(--gris);
  margin-top: 22px;
  font-size: 16.5px;
  line-height: 1.6;
}

.yl .point-distance {
  border-top: 1px solid var(--sable);
  padding: 24px 0;
}

.yl .point-distance:last-child {
  border-bottom: 1px solid var(--sable);
}

.yl .point-distance h3 {
  font: 600 18px / 1.3 var(--sans);
}

.yl .point-distance p {
  margin-top: 8px;
  font-size: 15.5px;
  line-height: 1.6;
}

@media (max-width: 820px) {
  .yl .distance .enveloppe {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .yl .distance .titre-2 {
    max-width: none;
    font-size: 36px;
  }

  .yl .distance-intro {
    max-width: none;
  }
}

.yl .reconnaitre {
  background: var(--creme);
  padding: var(--section) 0;
}

.yl .reconnaitre .enveloppe {
  grid-template-columns: 1fr 1.65fr;
  align-items: start;
  gap: 64px;
  display: grid;
}

.yl .reconnaitre .titre-2 {
  max-width: 320px;
  font-size: 42px;
}

.yl .phrases li {
  border-top: 1px solid var(--sable);
  font: 400 21px / 1.4 var(--serif);
  padding: 20px 0;
}

.yl .phrases li:last-child {
  border-bottom: 1px solid var(--sable);
}

.yl .reconnaitre .situations {
  color: var(--gris);
  margin-top: 26px;
  font-size: 14.5px;
  font-style: italic;
}

.yl .reconnaitre .declic {
  margin-top: 26px;
  font-size: 17px;
  line-height: 1.6;
}

.yl .reconnaitre .declic strong {
  color: var(--sauge);
  font-weight: 600;
}

.yl .reconnaitre .nuance {
  margin-top: 20px;
  font-size: 17px;
}

.yl .qui {
  padding: var(--section) 0;
}

.yl .qui .titre-2 {
  max-width: 720px;
  margin-top: 12px;
}

.yl .qui .sous-titre {
  color: var(--gris);
  margin-top: 14px;
}

.yl .grille-qui {
  grid-template-columns: 1fr 1.25fr;
  align-items: start;
  gap: 56px;
  margin-top: 52px;
  display: grid;
}

.yl .video {
  cursor: pointer;
  aspect-ratio: 1 / 1.01;
  background: var(--sable);
  border-radius: 28px;
  position: relative;
  overflow: hidden;
}

.yl .video figure {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.yl .video figure img {
  object-fit: cover;
  object-position: 50% 20%;
  width: 100%;
  height: 100%;
}

.yl .video figure:after {
  content: "";
  background: linear-gradient(#2b2a2800 55%, #2b2a2852);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.yl .video:before {
  content: "";
  z-index: 1;
  background: var(--blanc);
  border-radius: 50%;
  width: 76px;
  height: 76px;
  margin: -38px 0 0 -38px;
  transition: transform .25s;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 12px 30px -10px #2b2a2873;
}

.yl .video:after {
  content: "";
  z-index: 2;
  border-left: 16px solid var(--encre);
  border-top: 11px solid #0000;
  border-bottom: 11px solid #0000;
  margin: -11px 0 0 -6px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.yl .video:hover:before {
  transform: scale(1.06);
}

.yl .video.sans-video {
  cursor: default;
}

.yl .video.sans-video:before, .yl .video.sans-video:after, .yl .video.sans-video figure:after {
  content: none;
}

.yl .video.sans-video .duree {
  display: none;
}

.yl .video .duree {
  z-index: 2;
  background: var(--blanc);
  font: 600 13px / 1 var(--sans);
  border-radius: 999px;
  padding: 9px 16px;
  position: absolute;
  bottom: 22px;
  left: 22px;
}

.yl .recit h3 {
  font: 400 34px / 1.15 var(--serif);
}

.yl .recit p {
  color: var(--encre);
  margin-top: 16px;
  font-size: 15.5px;
}

.yl .recit h3 + p {
  margin-top: 20px;
}

.yl .recit .conviction {
  margin-top: 34px;
}

.yl .recit .intro-avis {
  color: var(--gris);
}

.yl .qualites {
  margin-top: 18px;
}

.yl .qualites li {
  border-top: 1px solid var(--sable);
  font: 600 12px / 1.5 var(--sans);
  color: var(--gris);
  padding: 16px 0;
}

.yl .qualites li:last-child {
  border-bottom: 1px solid var(--sable);
}

.yl .qualites strong {
  font: 600 15px / 1.3 var(--sans);
  color: var(--sauge);
  display: block;
}

.yl .qualites em {
  font: italic 400 15.5px / 1.5 var(--serif);
  color: var(--encre);
}

.yl .deroule {
  background: var(--creme);
  padding: var(--section) 0;
}

.yl .deroule .titre-2 {
  margin-top: 12px;
}

.yl .deroule .sous-titre {
  max-width: 620px;
  color: var(--gris);
  margin-top: 16px;
  font-size: 17px;
}

.yl .etapes {
  grid-template-columns: repeat(5, 1fr);
  margin-top: 56px;
  display: grid;
}

.yl .phase {
  padding-top: 40px;
  position: relative;
}

.yl .phase > * {
  padding-right: 32px;
}

.yl .phase:before {
  content: "";
  background: var(--sauge);
  transform-origin: 0;
  height: 3px;
  position: absolute;
  top: 5.5px;
  left: 0;
  right: 0;
}

.yl .phase:after {
  content: "";
  background: var(--sauge);
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 5px var(--creme);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.yl .phase-fin:before {
  background: linear-gradient(90deg, var(--sauge), #56704a00);
}

.yl .phase-fin:after {
  background: var(--creme);
  border: 4px solid var(--sauge);
  width: 18px;
  height: 18px;
  top: -2px;
  left: -2px;
}

.yl .etapes .numero {
  font: 400 34px / 1 var(--serif);
  color: var(--sauge);
}

.yl .etapes h3 {
  font: 600 16px / 1.3 var(--sans);
  margin-top: 14px;
}

.yl .etapes .desc {
  color: var(--encre);
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.55;
}

.yl .complements {
  grid-template-columns: 1fr 300px;
  gap: 18px;
  margin-top: 64px;
  display: grid;
}

.yl .sur-mesure {
  background: var(--sauge);
  color: var(--creme);
  border-radius: 22px;
  grid-template-columns: .8fr 1.5fr;
  align-items: start;
  gap: 44px;
  padding: 38px 40px;
  display: grid;
}

.yl .sur-mesure h3 {
  font: 400 27px / 1.2 var(--serif);
}

.yl .sur-mesure-tete p {
  margin-top: 14px;
  font-size: 14.5px;
}

.yl .options {
  gap: 24px;
  display: grid;
}

.yl .option-titre {
  font: 400 15px / 1.3 var(--sans);
  color: #f7f3edcc;
}

.yl .option-titre strong {
  color: var(--creme);
  font-weight: 600;
}

.yl .pastilles {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.yl .pastilles li {
  font: 500 13.5px / 1.25 var(--sans);
  border: 1px solid #f7f3ed73;
  border-radius: 999px;
  padding: 8px 15px;
  transition: background-color .25s, color .25s, border-color .25s;
}

.yl .pastilles li:hover {
  background: var(--creme);
  color: var(--sauge);
  border-color: var(--creme);
}

.yl .six-mois {
  background: var(--blanc);
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  padding: 32px 28px;
  display: flex;
}

.yl .six-mois h3 {
  font: 400 24px / 1.2 var(--serif);
  margin-top: 10px;
}

.yl .six-mois p:not(.label) {
  color: var(--gris);
  margin-top: 10px;
  font-size: 14px;
}

.yl .deroule .wp-block-buttons {
  margin-top: 48px;
}

.yl .vecu {
  padding: var(--section) 0 calc(var(--section)  + 20px);
  overflow: hidden;
}

.yl .vecu .enveloppe {
  max-width: 1040px;
}

.yl .vecu-tete {
  position: relative;
}

.yl .vecu-tete:after {
  content: "«";
  font: italic 400 340px / 1 var(--serif);
  color: var(--sable-clair);
  pointer-events: none;
  position: absolute;
  top: -60px;
  right: -10px;
}

.yl .vecu-citation {
  margin-top: 40px;
  position: relative;
}

.yl .vecu-temps {
  max-width: 860px;
  font: 400 32px / 1.42 var(--serif);
  letter-spacing: -.005em;
  color: var(--encre);
}

.yl .vecu-choc {
  font: 400 clamp(46px, 5.6vw, 80px) / 1.02 var(--serif);
  letter-spacing: -.025em;
  margin: 64px 0;
}

.yl .vecu-choc .choc-ligne {
  margin-bottom: -.06em;
  padding-bottom: .1em;
  display: block;
  overflow: hidden;
}

.yl .vecu-choc .choc-ligne > span {
  display: inline-block;
}

.yl .vecu-choc em {
  color: var(--sauge);
  font-style: italic;
  display: inline-block;
}

.yl .vecu-fin {
  max-width: 860px;
  font: italic 400 32px / 1.42 var(--serif);
  letter-spacing: -.005em;
  margin-top: 40px;
}

.yl .vecu-fin strong {
  font-style: normal;
  font-weight: 400;
}

.yl .vecu-signature {
  align-items: center;
  gap: 14px;
  margin-top: 48px;
  display: flex;
}

.yl .vecu-signature p {
  font-size: 15px;
  line-height: 1.35;
}

.yl .vecu-signature strong {
  font-weight: 600;
}

.yl .vecu-signature em {
  color: var(--gris);
}

.yl .avis {
  padding-bottom: var(--section);
}

.yl .bloc-avis {
  width: min(var(--largeur)  + 64px, 100% - 2 * var(--marge));
  background: var(--profond);
  color: var(--creme);
  border-radius: 32px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 72px 56px 64px;
}

.yl .avis-tete {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
  display: flex;
}

.yl .avis-tete .indicateurs {
  opacity: .85;
  flex-basis: 100%;
  margin-top: -12px;
  font-size: 15px;
  line-height: 1.6;
}

.yl .avis-tete .titre-2 {
  font-size: 46px;
}

.yl .note {
  flex: none;
  align-items: center;
  gap: 16px;
  display: flex;
}

.yl .note .chiffre {
  font: 400 68px / 1 var(--serif);
}

.yl .note .total {
  font-size: 14px;
  line-height: 1.2;
}

.yl .note .total:before {
  content: "★★★★★";
  color: var(--dore);
  letter-spacing: 3px;
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1;
  display: block;
}

.yl .grille-avis {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 48px;
  display: grid;
}

.yl .carte-avis {
  background: var(--blanc);
  color: var(--encre);
  border-radius: 22px;
  flex-direction: column;
  padding: 28px 26px 26px;
  display: flex;
}

.yl .carte-avis:before {
  content: "★★★★★";
  color: var(--dore);
  letter-spacing: 2px;
  font-size: 14px;
  line-height: 1;
}

.yl .carte-avis .avis-texte {
  font: italic 400 16.5px / 1.6 var(--serif);
  flex: 1;
  margin-top: 18px;
  padding-bottom: 24px;
}

.yl .auteur {
  border-top: 1px solid var(--sable-clair);
  align-items: center;
  gap: 12px;
  padding-top: 20px;
  display: flex;
}

.yl .auteur p:not(.initiales) {
  color: var(--gris);
  font-size: 13px;
  line-height: 1.35;
}

.yl .auteur strong {
  font: 600 13.5px / 1.3 var(--sans);
  color: var(--encre);
}

.yl .initiales {
  background: var(--sable);
  width: 38px;
  height: 38px;
  color: var(--encre);
  font: 600 12.5px / 1 var(--sans);
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.yl .vecu-signature .initiales {
  background: var(--sauge);
  width: 48px;
  height: 48px;
  color: var(--creme);
  font-size: 14px;
}

.yl .avant-apres {
  margin-top: 52px;
}

.yl .avant-apres .label {
  color: var(--creme);
}

.yl .transformations {
  margin-top: 14px;
}

.yl .transformations > .wp-block-group {
  border-top: 1px solid #f7f3ed47;
  grid-template-columns: 1fr 24px 1fr 190px;
  align-items: baseline;
  gap: 16px;
  padding: 18px 0;
  display: grid;
}

.yl .transformations > .wp-block-group:last-child {
  border-bottom: 1px solid #f7f3ed47;
}

.yl .transformations .avant {
  font: italic 400 15px / 1.45 var(--serif);
  opacity: .9;
}

.yl .transformations .fleche {
  font-size: 15px;
}

.yl .transformations .apres {
  font: 400 19px / 1.4 var(--serif);
}

.yl .transformations .qui-dit {
  font: 600 13px / 1.4 var(--sans);
}

.yl .bloc-avis .wp-block-buttons {
  margin-top: 40px;
}

.yl .tarif {
  background: var(--creme);
  padding: var(--section) 0;
}

.yl .tarif .titre-2 {
  margin-top: 12px;
}

.yl .grille-tarif {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 48px;
  margin-top: 48px;
  display: grid;
}

.yl .carte-prix {
  background: var(--blanc);
  border-radius: 28px;
  padding: 36px 32px 32px;
}

.yl .carte-prix .nom {
  font: 600 16px / 1.3 var(--sans);
}

.yl .carte-prix .prix {
  font: 400 72px / 1 var(--serif);
  letter-spacing: -.02em;
  margin-top: 8px;
}

.yl .carte-prix .prise-en-charge {
  margin-top: 20px;
  font-size: 16px;
}

.yl .carte-prix .prise-en-charge strong {
  font-weight: 600;
}

.yl .carte-prix .droits {
  color: var(--gris);
  margin-top: 18px;
  font-size: 14.5px;
}

.yl .carte-prix .droits a {
  color: var(--encre);
  text-underline-offset: 3px;
  font-weight: 600;
}

.yl .encart {
  background: var(--sable-clair);
  border-radius: 18px;
  margin-top: 26px;
  padding: 22px 24px;
}

.yl .encart h3 {
  font: 600 14.5px / 1.3 var(--sans);
}

.yl .encart p {
  margin-top: 8px;
  font-size: 13.5px;
  line-height: 1.55;
}

.yl .encart .exception {
  color: var(--gris);
  font-style: italic;
}

.yl .infos h3 {
  font: 600 19px / 1.3 var(--sans);
}

.yl .lignes {
  margin-top: 18px;
}

.yl .ligne {
  border-top: 1px solid var(--sable);
  grid-template-columns: 150px 1fr;
  gap: 20px;
  padding: 17px 0;
  display: grid;
}

.yl .ligne:last-child {
  border-bottom: 1px solid var(--sable);
}

.yl .ligne .dt {
  font: 600 14px / 1.45 var(--sans);
}

.yl .ligne .dd {
  color: var(--gris);
  font-size: 14px;
  line-height: 1.5;
}

.yl .tarif .wp-block-buttons {
  margin-top: 40px;
}

.yl .tarif .wp-block-button.bouton-contour > .wp-block-button__link {
  min-height: 50px;
  padding: 0 26px;
  font-size: 15.5px;
}

.yl .faq {
  padding: var(--section) 0;
}

.yl .faq .enveloppe {
  grid-template-columns: 1fr 1.6fr;
  align-items: start;
  gap: 64px;
  display: grid;
}

.yl .faq-intro {
  top: calc(var(--wp-admin--admin-bar--height, 0px)  + 120px);
  position: sticky;
}

.yl .faq-intro p {
  max-width: 300px;
  color: var(--gris);
  margin-top: 18px;
  font-size: 15px;
}

.yl .questions {
  gap: 10px;
  display: grid;
}

.yl .question {
  background: var(--creme);
  border: 1px solid var(--creme);
  border-radius: 14px;
  transition: background-color .25s, border-color .25s;
}

.yl .question[open] {
  background: var(--blanc);
  border-color: var(--sable);
}

.yl .question > summary {
  font: 600 15px / 1.4 var(--sans);
  color: var(--encre);
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 19px 22px;
  list-style: none;
  display: flex;
}

.yl .question > summary::-webkit-details-marker {
  display: none;
}

.yl .question > summary::marker {
  content: "";
}

.yl .question > summary:after {
  content: "+";
  font: 400 20px / 1 var(--sans);
  color: var(--gris);
  flex: none;
  transition: transform .2s;
}

.yl .question[open] > summary:after {
  transform: rotate(45deg);
}

.yl .question > :not(summary) {
  color: var(--gris);
  padding: 0 22px;
  font-size: 14.5px;
  line-height: 1.6;
}

.yl .question > :not(summary):last-child {
  padding-bottom: 22px;
}

.yl .question[open] > :not(summary) {
  animation: yl-deplie .45s var(--doux);
}

.yl .question a {
  color: var(--encre);
  text-underline-offset: 3px;
  font-weight: 600;
}

.yl .appel {
  padding-bottom: var(--section);
}

.yl .bloc-appel {
  width: min(var(--largeur)  + 64px, 100% - 2 * var(--marge));
  background: var(--profond);
  color: var(--creme);
  border-radius: 32px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 72px 56px 64px;
}

.yl .bloc-appel .titre-2 {
  max-width: 640px;
}

.yl .etapes-appel {
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 52px;
  display: grid;
}

.yl .etapes-appel > .wp-block-group {
  border-top: 1px solid #f7f3ed4d;
  padding-top: 18px;
}

.yl .etapes-appel .numero {
  font: 400 28px / 1 var(--serif);
}

.yl .etapes-appel h3 {
  font: 600 16px / 1.3 var(--sans);
  margin-top: 14px;
}

.yl .etapes-appel p:not(.numero) {
  margin-top: 8px;
  font-size: 14.5px;
}

.yl .bloc-appel .wp-block-buttons {
  margin-top: 44px;
}

.yl .bloc-appel .rassurance {
  font: 600 13.5px / 1.4 var(--sans);
  margin-top: 14px;
}

.yl .bloc-appel .places {
  margin-top: 10px;
  font-size: 14px;
  font-style: italic;
}

.yl .pied {
  background: var(--creme);
  padding: 64px 0 56px;
}

.yl .pied .enveloppe {
  grid-template-columns: 1fr 220px;
  gap: 48px;
  display: grid;
}

.yl .pied .logo img {
  height: 24px !important;
}

.yl .pied .devise {
  font: italic 400 19px / 1.4 var(--serif);
  margin-top: 18px;
}

.yl .pied .resume {
  max-width: 620px;
  color: var(--gris);
  margin-top: 14px;
  font-size: 14px;
}

.yl .pied .signature {
  margin-top: 16px;
  font-size: 14px;
}

.yl .pied .signature strong {
  font-weight: 600;
}

.yl .pied .declaration {
  color: var(--gris);
  margin-top: 14px;
  font-size: 13px;
}

.yl .liens-legaux {
  align-content: start;
  gap: 12px;
  display: grid;
}

.yl .liens-legaux a {
  text-underline-offset: 4px;
  font-size: 14px;
}

.yl .liens-legaux a:hover {
  color: var(--sauge);
}

.yl .titre-1 .titre-ligne {
  margin-bottom: -.08em;
  padding-bottom: .08em;
  display: block;
  overflow: hidden;
}

.yl .titre-1 .titre-ligne > span {
  display: inline-block;
}

.yl.js .heros-texte > *, .yl.js .titre-1 .titre-ligne > span {
  transition: opacity 1s var(--doux), transform 1.15s var(--doux);
}

.yl.js .heros-texte > :not(.titre-1) {
  opacity: 0;
  transform: translateY(32px);
}

.yl.js .titre-1 .titre-ligne > span {
  transform: translateY(110%);
}

.yl.js .heros-photo {
  clip-path: inset(100% 0 0 round 32px);
  transition: clip-path 1.5s var(--pose) .45s;
}

.yl.js .heros-photo img {
  transition: transform 2.2s var(--doux) .45s;
  will-change: transform;
  transform: scale(1.18);
}

.yl.js .heros-carte {
  opacity: 0;
  transition: opacity .9s var(--doux) 1.85s, transform 1.1s var(--doux) 1.85s;
  transform: translate(-40px);
}

.yl.js.est-charge .heros-texte > * {
  opacity: 1;
  transform: none;
}

.yl.js.est-charge .titre-1 .titre-ligne > span {
  transform: none;
}

.yl.js.est-charge .heros-photo {
  clip-path: inset(0 round 32px);
}

.yl.js.est-charge .heros-photo img {
  transform: scale(1.08);
}

.yl.js.est-charge .heros-carte {
  opacity: 1;
  transform: none;
}

.yl .heros-texte > .label {
  transition-delay: .2s;
}

.yl .titre-1 .titre-ligne:first-child > span {
  transition-delay: .5s;
}

.yl .titre-1 .titre-ligne:nth-child(2) > span {
  transition-delay: .75s;
}

.yl .titre-1 .titre-ligne:nth-child(3) > span {
  transition-delay: 1s;
}

.yl .heros-texte > .chapo {
  transition-delay: 1.35s;
}

.yl .heros-texte > .wp-block-buttons {
  transition-delay: 1.6s;
}

.yl .heros-texte > .coches {
  transition-delay: 1.8s;
}

.yl.js .apparait {
  opacity: 0;
  transition: opacity 1s var(--doux), transform 1.15s var(--doux);
  transition-delay: var(--delai, 0s);
  transform: translateY(44px);
}

.yl.js .apparait.est-visible {
  opacity: 1;
  transform: none;
}

.yl.js .cascade > * {
  opacity: 0;
  transition: opacity 1s var(--doux), transform 1.15s var(--doux);
  transition-delay: calc(var(--delai, 0s)  + var(--rang, 0) * .2s);
  transform: translateY(44px);
}

.yl.js .cascade.est-visible > * {
  opacity: 1;
  transform: none;
}

.yl.js .bloc-avis.apparait, .yl.js .bloc-appel.apparait {
  transition-duration: 1.1s, 1.4s;
  transform: scale(.92);
}

.yl.js .bloc-avis.est-visible, .yl.js .bloc-appel.est-visible {
  transform: none;
}

.yl.js .bloc-avis .grille-avis > *, .yl.js .bloc-appel .etapes-appel > * {
  transition-delay: calc(var(--delai, 0s)  + .45s + var(--rang, 0) * .2s);
}

.yl.js .etapes > * {
  opacity: 1;
  transform: none;
}

.yl.js .etapes .phase:before {
  transition: transform .75s linear;
  transition-delay: calc(var(--delai, 0s)  + var(--rang, 0) * .6s);
  transform: scaleX(0);
}

.yl.js .etapes .phase:after {
  transition: transform .45s cubic-bezier(.34, 1.56, .64, 1);
  transition-delay: calc(var(--delai, 0s)  + var(--rang, 0) * .6s + .15s);
  transform: scale(0);
}

.yl.js .etapes.est-visible .phase:before, .yl.js .etapes.est-visible .phase:after {
  transform: none;
}

.yl.js .etapes .phase > * {
  opacity: 0;
  transition: opacity .8s var(--doux), transform .9s var(--doux);
  transition-delay: calc(var(--delai, 0s)  + var(--rang, 0) * .6s + .3s);
  transform: translateY(22px);
}

.yl.js .etapes.est-visible .phase > * {
  opacity: 1;
  transform: none;
}

.yl.js .complements .pastilles li {
  opacity: 0;
  transition: opacity .5s var(--doux), transform .5s var(--doux), background-color .25s, color .25s, border-color .25s;
  transform: translateY(8px);
}

.yl.js .complements.est-visible .pastilles li {
  opacity: 1;
  transform: none;
}

.yl .mots .mot {
  transition: opacity .25s linear;
}

.yl.js .vecu-choc .choc-ligne > span {
  transition: transform 1.1s var(--doux);
  transform: translateY(110%);
}

.yl.js .vecu-choc .choc-ligne + .choc-ligne > span {
  transition-delay: .35s;
}

.yl.js .vecu-choc.est-visible .choc-ligne > span {
  transform: none;
}

.yl.js .vecu-choc.est-visible em {
  animation: yl-appui 1.2s var(--doux) 1.1s both;
}

.yl.js .vecu-tete:after {
  opacity: 0;
  transition: opacity 1.2s var(--doux), transform 1.6s var(--doux);
  transform: translateY(40px)rotate(-6deg);
}

.yl.js .vecu-tete.est-visible:after {
  opacity: 1;
  transform: none;
}

.yl .carte-etape, .yl .carte-avis, .yl .six-mois {
  transition: transform .45s var(--doux), box-shadow .45s var(--doux);
}

.yl.js .cascade.est-visible > .carte-etape:hover, .yl.js .cascade.est-visible > .carte-avis:hover {
  transition-delay: 0s;
  transform: translateY(-6px);
  box-shadow: 0 22px 40px -26px #2b2a288c;
}

@media (max-width: 1080px) {
  .yl {
    --section: 80px;
  }

  .yl .heros .enveloppe {
    grid-template-columns: 1fr 420px;
    gap: 48px;
  }

  .yl .titre-1 {
    font-size: 54px;
  }

  .yl .complements {
    grid-template-columns: 1fr;
  }

  .yl .transformations > .wp-block-group {
    grid-template-columns: 1fr 24px 1fr;
  }

  .yl .transformations .qui-dit {
    grid-column: 3;
  }

  .yl .site-entete .enveloppe {
    gap: 20px;
  }

  .yl .site-entete .nav {
    gap: 2px;
  }

  .yl .site-entete .nav a {
    white-space: nowrap;
    padding: 10px 9px;
    font-size: 14.5px;
  }

  .yl .site-entete .nav a[aria-current="page"]:after {
    left: 9px;
    right: 9px;
  }

  .yl .site-entete .wp-block-button > .wp-block-button__link {
    padding: 0 16px;
  }
}

@media (min-width: 901px) and (max-width: 980px) {
  .yl .site-entete .enveloppe {
    gap: 12px;
  }

  .yl .site-entete .nav a {
    padding: 10px 6px;
    font-size: 13.5px;
  }

  .yl .site-entete .nav a[aria-current="page"]:after {
    left: 6px;
    right: 6px;
  }

  .yl .site-entete .wp-block-button > .wp-block-button__link {
    padding: 0 12px;
    font-size: 13.5px;
  }
}

@media (max-width: 900px) {
  .yl .burger {
    display: flex;
  }

  .yl .entete .wp-block-buttons {
    margin-left: auto;
  }

  .yl .nav {
    padding: 4px var(--marge) 20px;
    background: var(--blanc);
    border-bottom: 1px solid var(--sable-clair);
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s var(--doux), transform .35s var(--doux), visibility 0s linear .35s;
    flex-direction: column;
    gap: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform: translateY(-8px);
    box-shadow: 0 24px 40px -30px #2b2a2873;
  }

  .yl .menu-ouvert .nav {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    transform: none;
  }

  .yl .entete.menu-ouvert {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--blanc);
  }

  .yl .nav a, .yl .site-entete .nav a {
    border-bottom: 1px solid var(--sable-clair);
    font: 400 24px / 1.2 var(--serif);
    border-radius: 0;
    padding: 16px 0;
  }

  .yl .nav a:last-child {
    border-bottom: 0;
  }

  .yl .site-entete .nav {
    gap: 0;
    margin: 0;
  }

  .yl .site-entete .nav a:hover {
    color: var(--sauge);
    background: none;
  }

  .yl .site-entete .nav a[aria-current="page"]:after {
    width: 28px;
    bottom: 10px;
    left: 0;
    right: auto;
  }

  .yl .site-entete .enveloppe {
    gap: 12px;
  }

  .yl .burger {
    margin: 0 -10px 0 0;
  }

  .yl .sur-place + .burger {
    margin-left: auto;
  }

  .yl .etapes {
    grid-template-columns: 1fr;
    margin-top: 44px;
  }

  .yl .phase {
    padding: 0 0 40px 44px;
  }

  .yl .phase > * {
    padding-right: 0;
  }

  .yl .phase:before {
    transform-origin: top;
    width: 3px;
    height: auto;
    top: 0;
    bottom: 0;
    left: 5.5px;
    right: auto;
  }

  .yl .phase-fin:before {
    background: linear-gradient(180deg, var(--sauge), #56704a00);
  }

  .yl.js .etapes .phase:before {
    transform: scaleY(0);
  }

  .yl.js .etapes.est-visible .phase:before {
    transform: none;
  }
}

@media (max-width: 820px) {
  .yl {
    --section: 72px;
  }

  .yl .vecu-temps, .yl .vecu-fin {
    font-size: 26px;
  }

  .yl .titre-1 {
    font-size: 46px;
  }

  .yl .titre-2, .yl .avis-tete .titre-2, .yl .reconnaitre .titre-2 {
    font-size: 36px;
  }

  .yl .heros {
    padding-top: 44px;
  }

  .yl .heros .enveloppe, .yl .reconnaitre .enveloppe, .yl .grille-qui, .yl .grille-tarif, .yl .faq .enveloppe {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .yl .heros-visuel {
    max-width: 460px;
    margin-bottom: 40px;
  }

  .yl .heros-carte {
    width: auto;
    bottom: -40px;
    left: 16px;
    right: 16px;
  }

  .yl .grille-benefices, .yl .grille-avis, .yl .etapes-appel {
    grid-template-columns: 1fr;
  }

  .yl .sur-mesure {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 28px;
  }

  .yl .avis-tete {
    flex-direction: column;
    align-items: flex-start;
  }

  .yl .bloc-avis, .yl .bloc-appel {
    border-radius: 26px;
    padding: 52px 24px 44px;
  }

  .yl .faq-intro {
    position: static;
  }

  .yl .pied .enveloppe {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 560px) {
  .yl .entete .enveloppe {
    gap: 10px;
    height: 68px;
  }

  .yl .burger {
    width: 40px;
    height: 40px;
    margin: 0 -8px 0 0;
  }

  .yl .logo img {
    height: 21px !important;
  }

  .yl .entete .wp-block-button > .wp-block-button__link {
    white-space: nowrap;
    min-height: 40px;
    padding: 0 14px;
    font-size: 13px;
  }

  .yl .titre-1 {
    font-size: 40px;
  }

  .yl .chapo, .yl .heros .chapo {
    font-size: 17px;
  }

  .yl .heros .wp-block-buttons, .yl .deroule .wp-block-buttons, .yl .tarif .wp-block-buttons, .yl .bloc-appel .wp-block-buttons {
    display: grid;
  }

  .yl .heros .wp-block-button__link, .yl .deroule .wp-block-button__link, .yl .tarif .wp-block-button__link, .yl .bloc-appel .wp-block-button__link {
    width: 100%;
  }

  .yl .phrases li {
    font-size: 19px;
  }

  .yl .vecu-temps, .yl .vecu-fin {
    font-size: 23px;
  }

  .yl .vecu-choc {
    margin: 40px 0;
  }

  .yl .vecu-fin {
    margin-top: 28px;
  }

  .yl .vecu-tete:after {
    font-size: 200px;
    top: -30px;
  }

  .yl .transformations > .wp-block-group {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .yl .transformations .fleche {
    display: none;
  }

  .yl .transformations .qui-dit {
    grid-column: auto;
  }

  .yl .carte-prix {
    padding: 28px 22px;
  }

  .yl .carte-prix .prix {
    font-size: 60px;
  }

  .yl .ligne {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .yl .recit h3 {
    font-size: 29px;
  }
}

@media (max-width: 600px) {
  .yl .entete {
    top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yl *, .yl :before, .yl :after {
    transition-duration: .01ms !important;
    transition-delay: 0s !important;
    animation-duration: .01ms !important;
  }
}

.yl .entete-rdv .enveloppe {
  height: 72px;
}

.yl .retour a {
  font: 500 14px / 1 var(--sans);
  color: var(--gris);
  text-decoration: none;
}

.yl .retour a:hover {
  color: var(--sauge);
}

.yl .rdv-heros {
  padding: 64px 0 72px;
}

.yl .rdv-heros .enveloppe {
  grid-template-columns: 1fr 380px;
  align-items: center;
  gap: 72px;
  display: grid;
}

.yl .rdv-heros .titre-1 {
  margin-top: 14px;
  font-size: 56px;
}

.yl .rdv-heros .chapo {
  max-width: 520px;
  margin-top: 22px;
  font-size: 18px;
}

.yl .rdv-heros .wp-block-buttons {
  margin-top: 32px;
}

.yl .coach {
  background: var(--blanc);
  border: 1px solid var(--sable-clair);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 30px 60px -36px #2b2a2873;
}

.yl .coach-photo {
  margin: 0;
}

.yl .coach-photo img {
  aspect-ratio: 1;
  object-fit: cover;
  display: block;
  width: 100% !important;
  height: auto !important;
}

.yl .coach-texte {
  padding: 20px 24px 22px;
}

.yl .coach-nom {
  font: 400 24px / 1.2 var(--serif);
}

.yl .coach-titre {
  color: var(--gris);
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.45;
}

.yl .coach-avis {
  font: 600 13px / 1 var(--sans);
  margin-top: 10px;
}

.yl .coach-avis:before {
  content: "★ ";
  color: var(--dore);
}

.yl .pastilles-rassurance {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  display: flex;
}

.yl .pastilles-rassurance li {
  background: var(--blanc);
  border: 1px solid var(--sable);
  font: 600 13px / 1.2 var(--sans);
  color: var(--sauge);
  border-radius: 999px;
  padding: 7px 14px;
}

.yl .agenda {
  background: var(--creme);
  scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px)  + 72px);
  padding: 72px 0 56px;
}

.yl .agenda .enveloppe {
  --largeur: 1160px;
}

.yl .agenda-tete {
  z-index: 1;
  text-align: center;
  position: relative;
}

.yl .agenda .duree {
  color: var(--gris);
  margin-top: 10px;
  font-size: 15px;
}

.yl .cadre-agenda {
  height: 660px;
  margin-top: -28px;
}

.yl .cadre-agenda iframe {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.yl .secours {
  color: var(--gris);
  text-align: center;
  margin-top: 0;
  font-size: 14.5px;
}

.yl .secours a {
  color: var(--encre);
  text-underline-offset: 3px;
  font-weight: 600;
}

.yl .pendant-liste {
  margin-top: 14px;
}

.yl .pendant-liste li {
  padding: 8px 0 8px 26px;
  font-size: 15px;
  line-height: 1.45;
  position: relative;
}

.yl .pendant-liste li:before {
  content: "";
  background: var(--terracotta);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 15px;
  left: 2px;
}

.yl .suite {
  padding: 24px 0 var(--section);
}

.yl .suite .titre-2 {
  max-width: 720px;
  margin-top: 12px;
}

.yl .trois-temps {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 44px;
  display: grid;
}

.yl .temps {
  background: var(--creme);
  border-radius: 22px;
  padding: 30px;
}

.yl .temps .numero {
  font: 400 40px / 1 var(--serif);
  color: var(--sauge);
}

.yl .temps h3 {
  font: 600 18px / 1.3 var(--sans);
  margin-top: 18px;
}

.yl .temps .texte {
  color: var(--gris);
  margin-top: 10px;
  font-size: 15px;
}

.yl .temps .moment {
  background: var(--blanc);
  font: 600 12px / 1.2 var(--sans);
  color: var(--sauge);
  border-radius: 999px;
  margin-top: 16px;
  padding: 5px 12px;
  display: inline-block;
}

.yl .trois-temps.deux {
  grid-template-columns: repeat(2, 1fr);
  margin-top: 0;
}

.yl .merci-suite .temps h3 {
  margin-top: 0;
}

.yl .merci-suite .secours {
  margin-top: 32px;
}

.yl .voix {
  padding: 0 0 var(--section);
}

.yl .agenda + .voix {
  padding-top: var(--section);
}

.yl .voix .bloc-avis {
  padding: 64px 56px 56px;
}

.yl .voix .grille-avis {
  margin-top: 36px;
}

.yl .rappel {
  padding: 0 0 var(--section);
  text-align: center;
}

.yl .rappel .titre-2 {
  max-width: 640px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.yl .rappel .rappel-infos {
  color: var(--gris);
  margin-top: 16px;
}

.yl .rappel .wp-block-buttons {
  justify-content: center;
  margin-top: 28px;
}

.yl .barre-mobile {
  display: none;
}

@media (max-width: 1080px) {
  .yl .rdv-heros .enveloppe {
    grid-template-columns: 1fr 300px;
    gap: 40px;
  }
}

@media (max-width: 820px) {
  .yl .rdv-heros .titre-1 {
    font-size: 40px;
  }

  .yl .trois-temps, .yl .trois-temps.deux {
    grid-template-columns: 1fr;
  }

  .yl .voix .bloc-avis {
    padding: 48px 24px 40px;
  }

  .yl .rdv-heros {
    padding: 40px 0 48px;
  }

  .yl .rdv-heros .enveloppe {
    grid-template-columns: 1fr;
  }

  .yl .coach {
    box-shadow: none;
    border-radius: 18px;
    align-items: center;
    gap: 14px;
    padding: 14px;
    display: flex;
  }

  .yl .coach-photo {
    flex: none;
    width: 64px;
  }

  .yl .coach-photo img {
    border-radius: 50%;
  }

  .yl .coach-texte {
    padding: 0;
  }

  .yl .coach-nom {
    font: 600 16px / 1.3 var(--sans);
  }

  .yl .agenda {
    padding: 56px 0 40px;
  }

  .yl .cadre-agenda {
    height: 1060px;
  }

  .yl .barre-mobile {
    z-index: 30;
    background: var(--encre);
    color: var(--creme);
    transition: transform .3s var(--doux), opacity .3s;
    border-radius: 999px;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 10px 10px 18px;
    display: flex;
    position: fixed;
    bottom: 12px;
    left: 12px;
    right: 12px;
    box-shadow: 0 16px 30px -12px #2b2a2880;
  }

  .yl .barre-mobile .barre-texte {
    font: 600 13px / 1.3 var(--sans);
  }

  .yl .barre-mobile .barre-lien a {
    background: var(--terracotta);
    color: var(--creme);
    font: 600 14px / 1 var(--sans);
    white-space: nowrap;
    border-radius: 999px;
    padding: 12px 18px;
    text-decoration: none;
    display: block;
  }

  .yl .barre-mobile.cachee {
    opacity: 0;
    pointer-events: none;
    transform: translateY(140%);
  }
}

.yl .ab-heros {
  padding: 64px 0 var(--section);
}

.yl .ab-heros .enveloppe {
  grid-template-columns: 460px 1fr;
  align-items: center;
  gap: 72px;
  display: grid;
}

.yl .ab-photo {
  position: relative;
}

.yl .ab-portrait {
  aspect-ratio: 460 / 540;
  background: var(--sable);
  border-radius: 32px;
  overflow: hidden;
}

.yl .ab-portrait img {
  object-fit: cover;
  object-position: 50% 15%;
  width: 100%;
  height: 100% !important;
}

.yl .depuis {
  background: var(--blanc);
  border: 1px solid var(--sable-clair);
  border-radius: 18px;
  padding: 16px 20px;
  position: absolute;
  bottom: 36px;
  right: -28px;
  box-shadow: 0 18px 40px -18px #2b2a2847;
}

.yl .depuis-chiffre {
  font: 400 34px / 1 var(--serif);
  color: var(--sauge);
}

.yl .depuis-texte {
  font: 600 12.5px / 1.3 var(--sans);
  color: var(--gris);
  margin-top: 6px;
}

.yl .ab-texte .titre-1 {
  margin-top: 12px;
}

.yl .ab-texte .fonction {
  font: 600 15px / 1.4 var(--sans);
  color: var(--gris);
  margin-top: 10px;
}

.yl .ab-texte .accroche {
  max-width: 560px;
  font: italic 400 30px / 1.3 var(--serif);
  margin-top: 28px;
}

.yl .preuves {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 26px;
  display: flex;
}

.yl .preuves li {
  background: var(--creme);
  font: 600 13px / 1.2 var(--sans);
  color: var(--sauge);
  border-radius: 999px;
  padding: 7px 14px;
}

.yl .preuves li.avis {
  color: var(--encre);
}

.yl .preuves li.avis:before {
  content: "★ ";
  color: var(--dore);
}

.yl .ab-texte .wp-block-buttons {
  margin-top: 30px;
}

.yl .pour-vous {
  background: var(--creme);
  padding: var(--section) 0;
}

.yl .pour-vous .enveloppe {
  grid-template-columns: 1fr 1.4fr;
  align-items: start;
  gap: 64px;
  display: grid;
}

.yl .pour-vous .titre-2 {
  margin-top: 12px;
}

.yl .pour-vous .texte p {
  font-size: 18px;
  line-height: 1.65;
}

.yl .pour-vous .texte p + p {
  margin-top: 16px;
}

.yl .pour-vous .texte strong {
  color: var(--sauge);
  font-weight: 600;
}

.yl .chemin {
  padding: var(--section) 0 72px;
}

.yl .chemin .titre-2 {
  margin-top: 12px;
}

.yl .chemin .sous-titre {
  max-width: 620px;
  color: var(--gris);
  margin-top: 16px;
  font-size: 17px;
}

.yl .chemin .etapes {
  grid-template-columns: repeat(6, 1fr);
}

.yl .chemin .phase:after {
  box-shadow: 0 0 0 5px var(--blanc);
}

.yl .chemin .phase-fin:after {
  background: var(--blanc);
}

.yl .chemin .annee {
  font: 600 12px / 1 var(--sans);
  letter-spacing: .08em;
  color: var(--gris);
}

.yl .chemin .phase h3 {
  margin-top: 10px;
}

.yl .chemin .lieu {
  color: var(--gris);
  margin-top: 4px;
  font-size: 13px;
}

.yl .chemin .lecon {
  font: italic 400 16px / 1.45 var(--serif);
  margin-top: 12px;
}

.yl .chemin .phase-fin h3 {
  color: var(--sauge);
}

.yl .goethe {
  padding: 40px 0 var(--section);
}

.yl .goethe blockquote {
  max-width: 980px;
}

.yl .goethe blockquote p {
  font: 400 clamp(32px, 4vw, 52px) / 1.18 var(--serif);
  letter-spacing: -.015em;
}

.yl .goethe blockquote em {
  color: var(--sauge);
}

.yl .goethe cite {
  font: normal 600 14px / 1 var(--sans);
  color: var(--gris);
  margin-top: 20px;
  display: block;
}

.yl .tournant {
  padding: 0 0 var(--section);
}

.yl .tournant .enveloppe {
  border-top: 1px solid var(--sable);
  grid-template-columns: 1fr 1.4fr;
  align-items: start;
  gap: 64px;
  padding-top: 64px;
  display: grid;
}

.yl .tournant .titre-2 {
  margin-top: 12px;
}

.yl .tournant .texte p {
  font-size: 17px;
  line-height: 1.65;
}

.yl .tournant .texte p + p {
  margin-top: 16px;
}

.yl .tournant .texte a {
  color: var(--sauge);
  text-underline-offset: 3px;
  font-weight: 600;
}

.yl .facon {
  background: var(--creme);
  padding: var(--section) 0;
}

.yl .facon .titre-2 {
  margin-top: 12px;
}

.yl .trois-qualites {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 44px;
  display: grid;
}

.yl .qualite {
  background: var(--blanc);
  border-radius: 22px;
  flex-direction: column;
  padding: 30px;
  display: flex;
}

.yl .qualite h3 {
  font: 400 26px / 1.2 var(--serif);
}

.yl .qualite .qualite-texte {
  color: var(--gris);
  margin-top: 12px;
  font-size: 15px;
}

.yl .qualite blockquote {
  margin-top: auto;
  padding-top: 22px;
}

.yl .qualite blockquote:before {
  content: "";
  background: var(--sable-clair);
  height: 1px;
  margin-bottom: 18px;
  display: block;
}

.yl .qualite blockquote p {
  font: italic 400 16px / 1.5 var(--serif);
}

.yl .qualite cite {
  font: normal 600 13px / 1 var(--sans);
  margin-top: 10px;
  display: block;
}

.yl .formations {
  padding: var(--section) 0;
}

.yl .formations .titre-2 {
  margin-top: 12px;
}

.yl .trois-preuves {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 40px;
  display: grid;
}

.yl .preuve {
  background: var(--creme);
  border-radius: 22px;
  padding: 30px;
}

.yl .preuve h3 {
  font: 400 26px / 1.2 var(--serif);
}

.yl .preuve p {
  margin-top: 10px;
  font-size: 15.5px;
}

.yl .preuve .source {
  border-top: 1px solid var(--sable);
  font: 600 13px / 1.45 var(--sans);
  color: var(--sauge);
  margin-top: 18px;
  padding-top: 16px;
}

.yl .garanties {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 26px;
  display: flex;
}

.yl .garanties li {
  border: 1px solid var(--sauge);
  font: 600 13px / 1.2 var(--sans);
  color: var(--sauge);
  border-radius: 999px;
  padding: 8px 15px;
}

.yl .parcours-complet {
  max-width: 760px;
  margin-top: 28px;
}

.yl .parcours-complet > summary {
  cursor: pointer;
  font: 600 14.5px / 1.3 var(--sans);
  text-underline-offset: 4px;
  align-items: center;
  gap: 10px;
  text-decoration: underline;
  list-style: none;
  display: inline-flex;
}

.yl .parcours-complet > summary::-webkit-details-marker {
  display: none;
}

.yl .parcours-complet > summary::marker {
  content: "";
}

.yl .parcours-complet > summary:after {
  content: "+";
  font: 400 18px / 1 var(--sans);
  color: var(--gris);
  transition: transform .2s;
}

.yl .parcours-complet[open] > summary:after {
  transform: rotate(45deg);
}

.yl .liste-formations {
  margin-top: 18px;
}

.yl .liste-formations li {
  border-top: 1px solid var(--sable);
  color: var(--gris);
  padding: 16px 0 16px 100px;
  font-size: 13.5px;
  line-height: 1.5;
  position: relative;
}

.yl .liste-formations li:last-child {
  border-bottom: 1px solid var(--sable);
}

.yl .liste-formations em {
  font: normal 400 20px / 1.2 var(--serif);
  color: var(--sauge);
  position: absolute;
  top: 15px;
  left: 0;
}

.yl .liste-formations strong {
  font: 600 15px / 1.35 var(--sans);
  color: var(--encre);
  display: block;
}

.yl .offre {
  padding: 0 0 var(--section);
}

.yl .carte-offre {
  background: var(--sauge);
  color: var(--creme);
  border-radius: 32px;
  grid-template-columns: 1.3fr 1fr;
  align-items: center;
  gap: 48px;
  padding: 48px 52px;
  display: grid;
}

.yl .carte-offre .label {
  color: var(--creme);
}

.yl .carte-offre h2 {
  font: 400 42px / 1.1 var(--serif);
  margin-top: 12px;
}

.yl .carte-offre .offre-texte {
  max-width: 520px;
  margin-top: 14px;
  font-size: 16px;
}

.yl .carte-offre .wp-block-buttons {
  margin-top: 26px;
}

.yl .offre-points {
  gap: 10px;
  display: grid;
}

.yl .offre-points li {
  font: 500 15px / 1.35 var(--sans);
  background: #2b2a281f;
  border-radius: 14px;
  padding: 14px 18px;
}

.yl .offre-points strong {
  font-weight: 600;
}

.yl .dehors {
  padding: 0 0 var(--section);
}

.yl .dehors .enveloppe {
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 64px;
  display: grid;
}

.yl .dehors-visuel {
  position: relative;
}

.yl .dehors-photo {
  aspect-ratio: 7 / 5;
  background: var(--sable);
  border-radius: 28px;
  overflow: hidden;
}

.yl .dehors-photo img {
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

.yl .provisoire {
  font: 600 12px / 1 var(--sans);
  color: var(--terracotta);
  background: #ffffffeb;
  border-radius: 999px;
  padding: 6px 12px;
  position: absolute;
  top: 16px;
  left: 16px;
}

.yl .dehors .titre-2 {
  margin-top: 12px;
}

.yl .dehors .dehors-texte {
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.65;
}

.yl .loisirs {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
  display: flex;
}

.yl .loisirs li {
  background: var(--creme);
  font: 500 13.5px / 1.2 var(--sans);
  border-radius: 999px;
  padding: 7px 14px;
}

@media (max-width: 1080px) {
  .yl .ab-heros .enveloppe {
    grid-template-columns: 380px 1fr;
    gap: 48px;
  }

  .yl .chemin .etapes {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
  }

  .yl .carte-offre {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .yl .chemin .etapes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .yl .ab-heros .enveloppe, .yl .pour-vous .enveloppe, .yl .tournant .enveloppe, .yl .dehors .enveloppe {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .yl .ab-photo {
    max-width: 420px;
  }

  .yl .depuis {
    right: 16px;
  }

  .yl .ab-texte .accroche {
    font-size: 25px;
  }

  .yl .trois-qualites, .yl .trois-preuves {
    grid-template-columns: 1fr;
  }

  .yl .carte-offre {
    border-radius: 26px;
    padding: 36px 24px;
  }

  .yl .carte-offre h2 {
    font-size: 34px;
  }
}

.yl .pied-site {
  background: var(--creme);
  color: var(--encre);
}

.yl .pied-logo .enveloppe {
  padding-top: 56px;
}

.yl .pied-logo .logo img {
  height: 26px !important;
}

.yl .pied-colonnes .enveloppe {
  grid-template-columns: 1.5fr 1fr 1fr 1.1fr;
  align-items: start;
  gap: 48px;
  padding: 28px 0 44px;
  display: grid;
}

.yl .pied-marque .devise {
  max-width: 320px;
  font: italic 400 19px / 1.4 var(--serif);
  margin-top: -4px;
}

.yl .pied-marque .resume {
  max-width: 340px;
  color: var(--gris);
  margin-top: 12px;
  font-size: 14px;
}

.yl .pied-titre {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sauge);
}

.yl .pied-liens {
  gap: 11px;
  margin-top: 18px;
  display: grid;
}

.yl .pied-liens a {
  color: var(--encre);
  font-size: 14.5px;
  text-decoration: none;
}

.yl .pied-liens a:hover {
  color: var(--sauge);
  text-underline-offset: 4px;
  text-decoration: underline;
}

.yl .pied-contact .pied-texte {
  color: var(--gris);
  margin-top: 14px;
  font-size: 14px;
}

.yl .pied-contact .wp-block-buttons {
  margin-top: 16px;
}

.yl .wp-block-button.bouton-petit > .wp-block-button__link {
  min-height: 40px;
  padding: 0 20px;
  font-size: 14px;
}

.yl .reseaux {
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.yl .reseaux .wp-social-link {
  border: 1px solid var(--sable);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  margin: 0;
  transition: background-color .2s, border-color .2s;
  background: var(--blanc) !important;
  color: var(--encre) !important;
}

.yl .reseaux .wp-social-link a {
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: grid;
  color: inherit !important;
}

.yl .reseaux .wp-social-link svg {
  fill: currentColor;
  width: 17px;
  height: 17px;
}

.yl .reseaux .wp-social-link:hover {
  border-color: var(--encre);
  transform: none;
  background: var(--encre) !important;
  color: var(--creme) !important;
}

.yl .confiance {
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 36px;
  display: flex;
}

.yl .confiance li {
  background: var(--blanc);
  border: 1px solid var(--sable);
  font: 600 12.5px / 1.2 var(--sans);
  color: var(--sauge);
  border-radius: 999px;
  padding: 7px 14px;
}

.yl .confiance li.avis {
  color: var(--encre);
}

.yl .confiance li.avis:before {
  content: "★ ";
  color: var(--dore);
}

.yl .pied-legal {
  border-top: 1px solid var(--sable);
}

.yl .pied-legal .enveloppe {
  color: var(--gris);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 24px;
  padding: 20px 0 24px;
  font-size: 13px;
  display: flex;
}

.yl .liens-legaux-site {
  flex-wrap: wrap;
  gap: 8px 22px;
  display: flex;
}

.yl .liens-legaux-site a {
  color: var(--gris);
  text-underline-offset: 3px;
}

.yl .liens-legaux-site a:hover {
  color: var(--encre);
}

@media (max-width: 1080px) {
  .yl .pied-colonnes .enveloppe {
    grid-template-columns: repeat(3, 1fr);
  }

  .yl .pied-marque {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .yl .pied-logo .enveloppe {
    padding-top: 44px;
  }

  .yl .pied-colonnes .enveloppe {
    grid-template-columns: 1fr 1fr;
    gap: 32px 20px;
    padding-top: 24px;
  }

  .yl .pied-contact {
    grid-column: 1 / -1;
  }

  .yl .pied-legal .enveloppe {
    flex-direction: column;
    align-items: flex-start;
  }
}

.yl .av-heros {
  padding: 72px 0 var(--section);
}

.yl .av-heros > .enveloppe {
  grid-template-columns: 1fr 340px;
  align-items: end;
  gap: 72px;
  display: grid;
}

.yl .av-heros .titre-1 {
  max-width: 700px;
  margin-top: 14px;
  font-size: 58px;
}

.yl .av-heros .chapo {
  max-width: 580px;
  margin-top: 26px;
}

.yl .av-note {
  background: var(--creme);
  border-radius: 28px;
  padding: 34px 32px 32px;
}

.yl .av-note .chiffre {
  font: 400 92px / .9 var(--serif);
  letter-spacing: -.02em;
}

.yl .av-note .total {
  color: var(--gris);
  margin-top: 8px;
  font-size: 15px;
}

.yl .av-note .total:before {
  content: "★★★★★";
  color: var(--dore);
  letter-spacing: 4px;
  margin: 16px 0 10px;
  font-size: 22px;
  line-height: 1;
  display: block;
}

.yl .av-note .wp-block-buttons {
  margin-top: 24px;
}

.yl .revient {
  padding: var(--section) 0;
  background: var(--creme);
}

.yl .revient .titre-2 {
  max-width: 640px;
  margin-top: 12px;
}

.yl .themes {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 52px;
  display: grid;
}

.yl .theme {
  background: var(--blanc);
  border-radius: 22px;
  flex-direction: column;
  padding: 28px 24px 26px;
  display: flex;
}

.yl .theme-num {
  font: 400 15px / 1 var(--serif);
  color: var(--sauge);
}

.yl .theme h3 {
  font: 600 17px / 1.3 var(--sans);
  margin-top: 18px;
}

.yl .theme-citation {
  font: italic 400 18px / 1.5 var(--serif);
  margin-top: 14px;
}

.yl .theme .qui-dit {
  font: 600 12.5px / 1.3 var(--sans);
  color: var(--gris);
  margin-top: auto;
  padding-top: 18px;
}

.yl .recit-avis {
  padding: var(--section) 0;
}

.yl .bloc-recit {
  width: min(980px, 100% - 2 * var(--marge));
  background: var(--profond);
  color: var(--creme);
  border-radius: 32px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  padding: 72px 80px 64px;
}

.yl .bloc-recit .label {
  color: var(--creme);
}

.yl .bloc-recit .accroche {
  font: 400 46px / 1.12 var(--serif);
  letter-spacing: -.01em;
  text-wrap: balance;
  margin-top: 18px;
}

.yl .bloc-recit .recit-texte {
  font: italic 400 20px / 1.6 var(--serif);
  margin-top: 24px;
}

.yl .bloc-recit .auteur {
  border-top: 0;
  margin-top: 36px;
  padding-top: 0;
}

.yl .bloc-recit .auteur p:not(.initiales) {
  color: var(--creme);
  font-size: 14px;
}

.yl .bloc-recit .auteur strong {
  color: var(--creme);
}

.yl .bloc-recit .initiales {
  color: var(--creme);
  background: #f7f3ed29;
}

.yl .selection {
  padding: 0 0 var(--section);
}

.yl .selection-tete {
  grid-template-columns: 1fr 380px;
  align-items: end;
  gap: 48px;
  display: grid;
}

.yl .selection .titre-2 {
  margin-top: 12px;
}

.yl .selection-intro {
  color: var(--gris);
  font-size: 15px;
}

.yl .mur {
  columns: 3;
  column-gap: 22px;
  margin-top: 48px;
}

.yl .mur .carte-avis {
  break-inside: avoid;
  background: var(--creme);
  margin-bottom: 22px;
  display: block;
}

.yl .mur .carte-avis:before {
  content: none;
}

.yl .mur .situation {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--sauge);
}

.yl .mur .avis-texte {
  margin-top: 12px;
  padding-bottom: 22px;
}

.yl .mur .auteur {
  border-top-color: var(--sable);
}

.yl .mur .initiales {
  background: var(--blanc);
}

.yl .selection-pied .wp-block-buttons {
  justify-content: center;
  margin-top: 18px;
}

.yl .garanties-avis {
  border-block: 1px solid var(--sable-clair);
}

.yl .garanties-liste {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  padding: 30px 0;
  display: grid;
}

.yl .garanties-liste li {
  color: var(--gris);
  padding-left: 30px;
  font-size: 14.5px;
  position: relative;
}

.yl .garanties-liste li:before {
  content: "✓";
  background: var(--sauge);
  width: 20px;
  height: 20px;
  color: var(--blanc);
  border-radius: 50%;
  place-items: center;
  font-size: 11px;
  font-weight: 600;
  display: grid;
  position: absolute;
  top: 1px;
  left: 0;
}

.yl .garanties-liste strong {
  color: var(--encre);
  font-weight: 600;
  display: block;
}

.yl .appel-texte {
  max-width: 560px;
  margin-top: 18px;
  font-size: 17px;
}

.yl .garanties-avis + .appel {
  padding-top: var(--section);
}

@media (max-width: 1080px) {
  .yl .themes {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 900px) {
  .yl .av-heros > .enveloppe, .yl .selection-tete {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 36px;
  }

  .yl .av-note {
    max-width: 420px;
  }

  .yl .mur {
    columns: 2;
  }

  .yl .garanties-liste {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .yl .bloc-recit {
    padding: 52px 32px 44px;
  }

  .yl .bloc-recit .accroche {
    font-size: 36px;
  }
}

@media (max-width: 560px) {
  .yl .av-heros {
    padding-top: 44px;
  }

  .yl .av-heros .titre-1 {
    font-size: 40px;
  }

  .yl .themes {
    grid-template-columns: 1fr;
  }

  .yl .mur {
    columns: 1;
  }

  .yl .bloc-recit {
    border-radius: 26px;
    padding: 44px 24px 36px;
  }

  .yl .bloc-recit .accroche {
    font-size: 30px;
  }

  .yl .bloc-recit .recit-texte {
    font-size: 18px;
  }
}

.yl .dd-heros {
  padding: 72px 0 var(--section);
}

.yl .dd-heros > .enveloppe {
  grid-template-columns: 1fr 460px;
  align-items: center;
  gap: 72px;
  display: grid;
}

.yl .dd-heros .titre-1 {
  margin-top: 14px;
}

.yl .dd-sous-titre {
  font: italic 400 28px / 1.25 var(--serif);
  color: var(--sauge);
  margin-top: 14px;
}

.yl .dd-heros .chapo {
  max-width: 540px;
  margin-top: 28px;
  font-size: 18px;
}

.yl .dd-heros .wp-block-buttons {
  margin-top: 30px;
}

.yl .dd-apercu {
  background: var(--creme);
  border-radius: 28px;
  padding: 32px 30px 26px;
}

.yl .dd-apercu-label {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gris);
}

.yl .dd-apercu-question {
  font: 400 25px / 1.3 var(--serif);
  margin-top: 14px;
}

.yl .dd-options {
  gap: 10px;
  margin-top: 22px;
  display: grid;
}

.yl .dd-options li {
  background: var(--blanc);
  border: 1.5px solid var(--sable-clair);
  border-radius: 14px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  font-size: 14.5px;
  line-height: 1.45;
  display: flex;
}

.yl .dd-options li:before {
  content: "";
  border: 1.5px solid var(--sable);
  border-radius: 50%;
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.yl .dd-options li.choisie {
  border-color: var(--sauge);
}

.yl .dd-options li.choisie:before {
  border: 5px solid var(--sauge);
}

.yl .dd-audio {
  font: 600 12.5px / 1.3 var(--sans);
  color: var(--sauge);
  margin-top: 22px;
}

.yl .dd-decouvrir {
  padding: var(--section) 0;
}

.yl .dd-decouvrir .titre-2 {
  max-width: 720px;
  margin-top: 12px;
}

.yl .dd-trois {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 48px;
  display: grid;
}

.yl .dd-carte {
  background: var(--creme);
  border-radius: 22px;
  padding: 30px 28px 32px;
}

.yl .dd-num {
  font: 400 44px / 1 var(--serif);
  color: var(--sauge);
}

.yl .dd-carte h3 {
  font: 600 18px / 1.3 var(--sans);
  margin-top: 22px;
}

.yl .dd-carte h3 + p {
  color: var(--gris);
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.55;
}

.yl .dd-precision {
  max-width: 640px;
  font: italic 400 18px / 1.5 var(--serif);
  color: var(--gris);
  margin-top: 32px;
}

.yl .dd-temoignages {
  padding-bottom: var(--section);
}

.yl .dd-temoignages .label {
  color: var(--creme);
}

.yl .dd-temoignages .titre-2 {
  max-width: 760px;
  margin-top: 12px;
  font-size: 46px;
}

.yl .dd-phare {
  border-top: 1px solid #f7f3ed47;
  margin-top: 44px;
  padding-top: 32px;
}

.yl .dd-phare-texte {
  max-width: 900px;
  font: italic 400 30px / 1.4 var(--serif);
}

.yl .dd-qui-dit {
  margin-top: 18px;
  font-size: 14px;
}

.yl .dd-qui-dit strong {
  font-weight: 600;
}

.yl .dd-grille {
  grid-template-columns: repeat(2, 1fr);
  margin-top: 40px;
}

.yl .dd-grille .carte-avis:before {
  content: none;
}

.yl .dd-grille .avis-texte {
  margin-top: 0;
}

.yl .dd-qui {
  padding-bottom: var(--section);
}

.yl .dd-qui > .enveloppe {
  grid-template-columns: 380px 1fr;
  align-items: center;
  gap: 64px;
  max-width: 1040px;
  display: grid;
}

.yl .dd-portrait {
  aspect-ratio: 1;
  background: var(--sable);
  border-radius: 28px;
  overflow: hidden;
}

.yl .dd-portrait img {
  object-fit: cover;
  width: 100%;
  height: 100% !important;
}

.yl .dd-qui .titre-2 {
  margin-top: 12px;
  font-size: 40px;
}

.yl .dd-qui-texte > p:not(.label) {
  margin-top: 14px;
  font-size: 16.5px;
  line-height: 1.6;
}

.yl .dd-qui-texte > .titre-2 + p, .yl .dd-qui-texte > .lien-souligne {
  margin-top: 22px;
}

.yl .dd-ou {
  margin-top: 14px;
  font-size: 14px;
}

.yl .dd-ou a {
  text-underline-offset: 3px;
  font-weight: 600;
}

@media (max-width: 1080px) {
  .yl .dd-heros > .enveloppe {
    grid-template-columns: 1fr 400px;
    gap: 48px;
  }
}

@media (max-width: 820px) {
  .yl .dd-heros {
    padding-top: 44px;
  }

  .yl .dd-heros > .enveloppe, .yl .dd-qui > .enveloppe {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .yl .dd-apercu {
    max-width: 460px;
  }

  .yl .dd-trois, .yl .dd-grille {
    grid-template-columns: 1fr;
  }

  .yl .dd-temoignages .titre-2, .yl .dd-qui .titre-2 {
    font-size: 34px;
  }

  .yl .dd-phare-texte {
    font-size: 23px;
  }

  .yl .dd-portrait {
    max-width: 320px;
  }
}

@media (max-width: 560px) {
  .yl .dd-heros .titre-1 {
    font-size: 40px;
  }

  .yl .dd-sous-titre {
    font-size: 23px;
  }

  .yl .dd-heros .wp-block-button, .yl .dd-heros .wp-block-button__link {
    width: 100%;
  }

  .yl .dd-apercu {
    padding: 26px 20px 22px;
  }

  .yl .dd-apercu-question {
    font-size: 22px;
  }
}

.yl .rs-heros {
  padding: 72px 0 var(--section);
  background: var(--creme);
}

.yl .rs-heros > .enveloppe {
  grid-template-columns: 1fr 420px;
  align-items: center;
  gap: 72px;
  display: grid;
}

.yl .rs-heros .titre-1 {
  margin-top: 14px;
  font-size: 60px;
}

.yl .rs-heros .chapo {
  max-width: 560px;
  margin-top: 24px;
}

.yl .rs-heros .chapo strong {
  color: var(--encre);
  font-weight: 600;
}

.yl .rs-coude {
  background: var(--blanc);
  border-radius: 12px;
  max-width: 560px;
  margin-top: 18px;
  padding: 12px 16px;
  font-size: 14.5px;
  display: none;
}

.yl .rs-coude a {
  color: var(--sauge);
  text-underline-offset: 3px;
  font-weight: 600;
}

.yl.egalite .rs-coude-egalite, .yl.egalite-trois .rs-coude-trois, .yl.proche .rs-coude-proche {
  display: block;
}

.yl .rs-dosage {
  background: var(--blanc);
  border-radius: 26px;
  padding: 30px 30px 28px;
}

.yl .rs-dosage-intro {
  color: var(--gris);
  margin-top: 8px;
  font-size: 13.5px;
}

.yl .rs-barres {
  gap: 16px;
  margin-top: 22px;
  display: grid;
}

.yl .rs-barres li {
  font: 600 14px / 1.3 var(--sans);
  gap: 7px;
  display: grid;
}

.yl .rs-barre {
  background: var(--sable-clair);
  border-radius: 12px;
  height: 12px;
  display: block;
  overflow: hidden;
}

.yl .rs-barre span {
  width: 0;
  height: 100%;
  transition: width 1.2s var(--doux);
  background: #c7d2bc;
  border-radius: 12px;
  display: block;
}

.yl .rs-barres li.principale {
  color: var(--sauge);
}

.yl .rs-barres li.principale .rs-barre span {
  background: var(--sauge);
}

.yl .rs-barres li.seconde .rs-barre span {
  background: #9fb093;
}

.yl .rs-dosage-sans {
  color: var(--gris);
  margin-top: 18px;
  font-size: 13.5px;
}

.yl.rs:not(.a-donnees) .rs-dosage-intro, .yl.rs:not(.a-donnees) .rs-barre {
  display: none;
}

.yl.rs:not(.a-donnees) .rs-barres li {
  background: var(--creme);
  color: var(--gris);
  border-radius: 12px;
  padding: 12px 14px;
}

.yl.rs:not(.a-donnees) .rs-barres li.principale {
  background: var(--sauge);
  color: var(--creme);
}

.yl.a-donnees .rs-dosage-sans {
  display: none;
}

.yl .rs-audio {
  padding: var(--section) 0 0;
}

.yl .rs-audio-carte {
  background: var(--sauge);
  max-width: 920px;
  color: var(--creme);
  border-radius: 28px;
  grid-template-columns: 160px 1fr;
  align-items: start;
  gap: 36px;
  padding: 32px;
  display: grid;
}

.yl .rs-audio-photo img {
  object-fit: cover;
  border-radius: 20px;
  width: 160px !important;
  height: 160px !important;
}

.yl .rs-audio-texte .label {
  color: var(--creme);
}

.yl .rs-audio-texte h2 {
  font: 400 30px / 1.2 var(--serif);
  margin-top: 10px;
}

.yl .rs-audio-texte .wp-block-audio {
  margin: 20px 0 0;
}

.yl .rs-audio-texte audio {
  width: 100%;
  display: block;
}

.yl .rs-facon {
  padding: var(--section) 0;
}

.yl .rs-facon > .enveloppe {
  grid-template-columns: 1fr 1.5fr;
  align-items: start;
  gap: 64px;
  display: grid;
}

.yl .rs-facon .titre-2 {
  margin-top: 12px;
  font-size: 40px;
}

.yl .rs-scenes li {
  border-top: 1px solid var(--sable);
  font: 400 21px / 1.45 var(--serif);
  padding: 20px 0;
}

.yl .rs-scenes li:last-child {
  border-bottom: 1px solid var(--sable);
}

.yl .rs-signes-titre {
  font: 600 14px / 1.3 var(--sans);
  color: var(--sauge);
  margin-top: 28px;
}

.yl .rs-signes {
  margin-top: 10px;
}

.yl .rs-signes li {
  padding: 5px 0 5px 20px;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
}

.yl .rs-signes li:before {
  content: "";
  background: var(--sauge);
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 14px;
  left: 2px;
}

.yl .rs-protege {
  padding: var(--section) 0;
  background: var(--creme);
}

.yl .rs-renversement {
  max-width: 900px;
  font: 400 46px / 1.15 var(--serif);
  letter-spacing: -.01em;
  text-wrap: balance;
  margin-top: 18px;
}

.yl .rs-renversement em {
  color: var(--sauge);
}

.yl .rs-rigidite {
  max-width: 760px;
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.6;
}

.yl .rs-rigidite strong {
  color: var(--terracotta);
  font-weight: 600;
}

.yl .rs-point-titre {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sauge);
}

.yl .rs-analyse {
  grid-template-columns: 1fr 1.25fr;
  align-items: stretch;
  gap: 22px;
  margin-top: 48px;
  display: grid;
}

.yl .rs-point {
  background: var(--blanc);
  border-radius: 22px;
  padding: 28px 28px 30px;
}

.yl .rs-point p:not(.rs-point-titre) {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.6;
}

.yl .rs-point strong {
  font-weight: 600;
}

.yl .rs-point-phrase {
  background: var(--sauge);
  color: var(--creme);
}

.yl .rs-point-phrase .rs-point-titre {
  color: var(--creme);
}

.yl .rs-point p.rs-phrase {
  font: italic 400 32px / 1.3 var(--serif);
  margin-top: 14px;
}

.yl .rs-autre-visage {
  border: 1.5px dashed #9fb093;
  border-radius: 22px;
  margin-top: 22px;
  padding: 26px 28px;
}

.yl .rs-autre-visage p:not(.rs-point-titre), .yl .rs-bilan p:not(.rs-point-titre) {
  max-width: 900px;
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.65;
}

.yl .rs-bilan {
  background: var(--blanc);
  border-radius: 22px;
  margin-top: 22px;
  padding: 26px 28px;
}

.yl .rs-bilan strong {
  color: var(--sauge);
  font-weight: 600;
}

.yl .rs-boucle {
  max-width: 860px;
  margin-top: 56px;
}

.yl .rs-boucle-liste {
  counter-reset: tour;
  margin-top: 18px;
}

.yl .rs-boucle-liste li {
  border-top: 1px solid var(--sable);
  counter-increment: tour;
  padding: 16px 0 16px 52px;
  font-size: 16.5px;
  line-height: 1.55;
  position: relative;
}

.yl .rs-boucle-liste li:last-child {
  border-bottom: 1px solid var(--sable);
}

.yl .rs-boucle-liste li:before {
  content: counter(tour);
  background: var(--blanc);
  width: 32px;
  height: 32px;
  font: 400 18px / 1 var(--serif);
  color: var(--sauge);
  border-radius: 50%;
  place-items: center;
  display: grid;
  position: absolute;
  top: 12px;
  left: 0;
}

.yl .rs-boucle-liste strong {
  font-weight: 600;
}

.yl .rs-boucle-fin {
  font: italic 400 20px / 1.5 var(--serif);
  margin-top: 18px;
}

.yl .rs-paradoxe {
  background: var(--encre);
  color: var(--creme);
  border-radius: 28px;
  margin-top: 64px;
  padding: 56px 56px 52px;
}

.yl .rs-paradoxe .rs-point-titre {
  color: #e9a07f;
}

.yl .rs-paradoxe-cle {
  max-width: 900px;
  font: 400 44px / 1.15 var(--serif);
  letter-spacing: -.01em;
  text-wrap: balance;
  margin-top: 18px;
}

.yl .rs-paradoxe-cle em {
  color: #b9c9ab;
}

.yl .rs-paradoxe-suite {
  max-width: 680px;
  margin-top: 22px;
  font-size: 17.5px;
  line-height: 1.6;
}

.yl .rs-paradoxe-commun {
  max-width: 680px;
  font: italic 400 19px / 1.5 var(--serif);
  color: #e9a07f;
  border-top: 1px solid #f7f3ed33;
  margin-top: 26px;
  padding-top: 20px;
}

.yl .rs-piste {
  padding: var(--section) 0;
}

.yl .rs-piste .titre-2 {
  margin-top: 12px;
}

.yl .rs-piste-intro {
  max-width: 640px;
  color: var(--gris);
  margin-top: 14px;
  font-size: 17px;
}

.yl .rs-etapes {
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 44px;
  display: grid;
}

.yl .rs-etape {
  border-top: 2px solid var(--sauge);
  padding-top: 18px;
}

.yl .rs-num {
  font: 400 34px / 1 var(--serif);
  color: var(--sauge);
}

.yl .rs-etape h3 {
  font: 600 17px / 1.3 var(--sans);
  margin-top: 14px;
}

.yl .rs-etape h3 + p {
  color: var(--gris);
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.55;
}

.yl .rs-nuance {
  padding: 0 0 var(--section);
}

.yl .rs-nuance-intro {
  color: var(--gris);
  margin-top: 10px;
  font-size: 15px;
}

.yl .rs-nuances {
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 22px;
  display: grid;
}

.yl .rs-nuance-bloc {
  border: 1.5px solid var(--sable);
  border-radius: 22px;
  padding: 28px 28px 30px;
}

.yl .rs-nuance-bloc h3 {
  font: 400 26px / 1.2 var(--serif);
}

.yl .rs-nuance-bloc p {
  margin-top: 12px;
  font-size: 15.5px;
  line-height: 1.6;
}

.yl .rs-nuance-bloc .rs-nuance-lien {
  margin-top: 18px;
}

.yl .rs-nuance-lien a {
  font: 600 14.5px / 1.3 var(--sans);
  color: var(--sauge);
  text-underline-offset: 4px;
}

.yl .rs-nuance-lien a:after {
  content: " →";
}

.yl .rs-heros .rs-label-resultat, .yl.a-donnees .rs-heros .rs-label-general {
  display: none;
}

.yl.a-donnees .rs-heros .rs-label-resultat {
  display: block;
}

.yl.a-donnees:not(.egalite):not(.egalite-trois):not(.proche) .rs-nuance, .yl.a-donnees .rs-nuance-intro {
  display: none;
}

.yl.egalite .rs-nuances, .yl.proche .rs-nuances {
  grid-template-columns: 1fr;
  max-width: 820px;
}

.yl.a-donnees .rs-nuance-bloc:not(.retenue) {
  display: none;
}

.yl.a-donnees .rs-nuance-bloc.retenue {
  background: var(--creme);
  border-color: var(--creme);
}

.yl .rs-question {
  padding: 0 0 var(--section);
}

.yl .rs-question > .enveloppe {
  text-align: center;
  max-width: 980px;
}

.yl .rs-question-texte {
  font: italic 400 40px / 1.25 var(--serif);
  text-wrap: balance;
  margin-top: 18px;
}

.yl .rs-appel-texte {
  max-width: 600px;
  margin-top: 18px;
  font-size: 17px;
}

.yl .bloc-appel .wp-block-buttons:has( + .rassurance) {
  margin-top: 32px;
}

.yl .rs-aiguillage-corps {
  padding: 96px 0 var(--section);
  background: var(--creme);
}

.yl .rs-aiguillage-corps .titre-1 {
  margin-top: 14px;
  font-size: 52px;
}

.yl .rs-aiguillage-corps .chapo {
  max-width: 620px;
  margin-top: 20px;
}

.yl .rs-aiguillage-liens {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 26px;
  display: flex;
}

.yl .rs-aiguillage-liens a {
  background: var(--blanc);
  border: 1.5px solid var(--sable);
  font: 600 14.5px / 1 var(--sans);
  border-radius: 999px;
  padding: 12px 20px;
  text-decoration: none;
  display: inline-block;
}

.yl .rs-aiguillage-liens a:hover {
  border-color: var(--sauge);
  color: var(--sauge);
}

@media (max-width: 900px) {
  .yl .rs-heros > .enveloppe, .yl .rs-facon > .enveloppe {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 36px;
  }

  .yl .rs-dosage {
    max-width: 480px;
  }

  .yl .rs-etapes, .yl .rs-nuances, .yl .rs-analyse {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .yl .rs-heros {
    padding-top: 44px;
  }

  .yl .rs-heros .titre-1, .yl .rs-aiguillage-corps .titre-1 {
    font-size: 40px;
  }

  .yl .rs-audio-carte {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 24px;
  }

  .yl .rs-audio-photo img {
    border-radius: 50%;
    width: 88px !important;
    height: 88px !important;
  }

  .yl .rs-audio-texte h2, .yl .rs-point p.rs-phrase {
    font-size: 25px;
  }

  .yl .rs-paradoxe {
    border-radius: 24px;
    padding: 36px 24px;
  }

  .yl .rs-paradoxe-cle {
    font-size: 30px;
  }

  .yl .rs-facon .titre-2, .yl .rs-renversement {
    font-size: 32px;
  }

  .yl .rs-question-texte {
    font-size: 28px;
  }
}

.yl .rs-copie-email {
  border-top: 1px solid #f7f3ed4d;
  margin-top: 16px;
  padding-top: 14px;
  font-size: 13.5px;
  line-height: 1.55;
  display: none;
}

.yl.a-donnees:not(.depuis-email) .rs-copie-email {
  display: block;
}

.yl .rs-transcription {
  border-top: 1px solid #f7f3ed4d;
  margin-top: 16px;
  padding-top: 14px;
}

.yl .rs-transcription > summary {
  cursor: pointer;
  font: 600 14px / 1.3 var(--sans);
  color: var(--creme);
  align-items: center;
  gap: 8px;
  list-style: none;
  display: inline-flex;
}

.yl .rs-transcription > summary::-webkit-details-marker {
  display: none;
}

.yl .rs-transcription > summary::marker {
  content: "";
}

.yl .rs-transcription > summary:after {
  content: "+";
  font: 400 18px / 1 var(--sans);
  transition: transform .2s;
}

.yl .rs-transcription[open] > summary:after {
  transform: rotate(45deg);
}

.yl .rs-transcription > p {
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.65;
}

.yl .rs-transcription[open] > p {
  animation: yl-deplie .45s var(--doux);
}

.yl .tl {
  padding: 72px 0 104px;
}

.yl .tl .enveloppe {
  width: min(760px, 100% - 2 * var(--marge));
}

.yl .tl .titre-1 {
  margin-top: 14px;
  font-size: 56px;
}

.yl .tl-maj {
  color: var(--gris);
  margin-top: 16px;
  font-size: 14px;
}

.yl .tl-rubrique {
  border-top: 1px solid var(--sable);
  margin-top: 48px;
  padding-top: 32px;
}

.yl .tl-rubrique h2 {
  font: 400 28px / 1.2 var(--serif);
  letter-spacing: -.01em;
}

.yl .tl-rubrique p {
  margin-top: 14px;
  font-size: 17px;
  line-height: 1.7;
}

.yl .tl-rubrique a {
  color: var(--sauge);
  text-underline-offset: 3px;
  text-decoration: underline;
}

@media (max-width: 820px) {
  .yl .tl {
    padding: 48px 0 72px;
  }

  .yl .tl .titre-1 {
    font-size: 40px;
  }

  .yl .tl-rubrique {
    margin-top: 36px;
    padding-top: 24px;
  }

  .yl .tl-rubrique h2 {
    font-size: 24px;
  }
}

.yl .tl-rubrique ul {
  margin-top: 14px;
  padding-left: 1.2em;
  list-style: outside;
}

.yl .tl-rubrique li {
  margin-top: 8px;
  font-size: 17px;
  line-height: 1.7;
}

.yl .tl-rubrique li::marker {
  color: var(--sauge);
}

.yl .cocon {
  padding: 0 0 var(--section);
}

.yl .cocon-tete .titre-2 {
  max-width: 720px;
  margin-top: 12px;
}

.yl .cocon-cartes {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
  display: grid;
}

.yl .cocon-carte {
  background: var(--creme);
  transition: transform .3s var(--doux), box-shadow .3s var(--doux);
  border-radius: 20px;
  flex-direction: column;
  gap: 10px;
  padding: 28px 24px;
  display: flex;
  position: relative;
}

.yl .cocon-carte:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px #2b2a2814;
}

.yl .cocon-silo {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sauge);
}

.yl .cocon-carte h3 {
  font: 400 23px / 1.2 var(--serif);
}

.yl .cocon-carte h3 a {
  color: var(--encre);
  text-decoration: none;
}

.yl .cocon-carte h3 a:after {
  content: "";
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.yl .cocon-carte h3 a:focus-visible {
  outline: none;
}

.yl .cocon-carte:has(a:focus-visible) {
  outline: 2px solid var(--terracotta);
  outline-offset: 3px;
}

.yl .cocon-carte p:last-child {
  color: var(--gris);
  font-size: 15.5px;
  line-height: 1.6;
}

@media (min-width: 1081px) {
  .yl .cocon-cartes:has( > :nth-child(5)) {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 1080px) {
  .yl .cocon-cartes {
    grid-template-columns: repeat(2, 1fr);
  }

  .yl .cocon-carte:nth-child(5):last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .yl .cocon-cartes {
    grid-template-columns: 1fr;
  }
}

.yl.gd strong {
  font-weight: 600;
}

.yl.gd .gd-heros {
  padding: 70px 0 var(--section);
}

.yl.gd .gd-heros > .enveloppe {
  grid-template-columns: 1fr 420px;
  align-items: center;
  gap: 64px;
  display: grid;
}

.yl.gd .gd-heros .titre-1 {
  margin-top: 14px;
  font-size: 56px;
}

.yl.gd .gd-heros .chapo {
  max-width: 600px;
  color: var(--encre);
  margin-top: 28px;
  font-size: 18.5px;
}

.yl.gd .gd-signature {
  color: var(--gris);
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
}

.yl.gd .gd-signature img {
  object-fit: cover;
  border-radius: 50%;
  flex: none;
  width: 40px;
  height: 40px;
}

.yl.gd .gd-signature a {
  color: var(--encre);
  text-underline-offset: 3px;
  font-weight: 600;
  text-decoration: underline;
}

.yl.gd .gd-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 28px;
  margin-top: 32px;
  display: flex;
}

.yl.gd .gd-ticket {
  background: var(--creme);
  border: 1px solid var(--sable);
  border-radius: 24px;
  padding: 32px 30px 28px;
}

.yl.gd .gd-ticket > .label {
  margin-bottom: 8px;
}

.yl.gd .gd-ticket-ligne {
  border-bottom: 1px dashed var(--sable);
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  padding: 12px 0;
  font-size: 15.5px;
  display: flex;
}

.yl.gd .gd-ticket-ligne p:last-child {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.yl.gd .gd-ticket-total {
  border-bottom: 0;
  padding-top: 18px;
}

.yl.gd .gd-ticket-total p:first-child {
  font-weight: 600;
}

.yl.gd .gd-ticket-total p:last-child {
  font: 400 40px / 1 var(--serif);
  color: var(--terracotta);
}

.yl.gd .gd-ticket-note {
  color: var(--gris);
  margin-top: 12px;
  font-size: 13.5px;
  line-height: 1.55;
}

.yl.gd .gd-section {
  padding-bottom: var(--section);
}

.yl.gd .gd-section .titre-2 {
  max-width: 720px;
  margin-top: 12px;
}

.yl.gd .gd-intro {
  max-width: 460px;
  color: var(--gris);
  margin-top: 20px;
}

.yl.gd .gd-intro + .gd-intro {
  margin-top: 14px;
}

.yl.gd .gd-deux {
  grid-template-columns: 1fr 1.25fr;
  align-items: start;
  gap: 64px;
  display: grid;
}

.yl.gd .gd-deux > * {
  min-width: 0;
}

.yl.gd .gd-texte p {
  line-height: 1.7;
}

.yl.gd .gd-texte > * + * {
  margin-top: 18px;
}

.yl.gd .gd-texte a, .yl.gd .gd-etape a {
  color: var(--sauge);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.yl.gd .gd-cartes {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 44px;
  display: grid;
}

.yl.gd .gd-carte {
  background: var(--sauge);
  color: var(--creme);
  border-radius: 20px;
  padding: 32px 28px;
}

.yl.gd .gd-chiffre {
  font: 400 52px / 1 var(--serif);
  letter-spacing: -.01em;
}

.yl.gd .gd-carte h3, .yl.gd .gd-carte .gd-legende {
  font: 600 16px / 1.3 var(--sans);
  margin-top: 8px;
}

.yl.gd .gd-carte .gd-mot {
  font: 400 28px / 1.15 var(--serif);
  letter-spacing: -.01em;
}

.yl.gd .gd-carte p:last-child {
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.6;
}

.yl.gd .gd-tableau {
  font-size: 15.5px;
}

.yl.gd .gd-ligne {
  border-bottom: 1px solid var(--sable);
  font-variant-numeric: tabular-nums;
  grid-template-columns: 1fr 1.2fr 1.3fr;
  gap: 12px;
  padding: 18px 16px;
  display: grid;
}

.yl.gd .gd-ligne span {
  color: var(--gris);
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.yl.gd .gd-ligne strong {
  font: 400 24px / 1.1 var(--serif);
}

.yl.gd .gd-ligne-tete {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gris);
  padding-top: 0;
}

.yl.gd .gd-ligne-yuman {
  background: var(--creme);
  border-bottom-color: #0000;
  border-radius: 12px;
}

.yl.gd .gd-ligne-yuman strong {
  color: var(--terracotta);
}

.yl.gd .gd-table {
  margin: 0;
  font-size: 15.5px;
  overflow-x: auto;
}

.yl.gd .gd-table table {
  border-collapse: separate;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
  width: 100%;
}

.yl.gd .gd-table th, .yl.gd .gd-table td {
  border: 0;
  border-bottom: 1px solid var(--sable);
  text-align: left;
  vertical-align: top;
  padding: 18px 16px;
}

.yl.gd .gd-table th {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gris);
  padding-top: 0;
}

.yl.gd .gd-table td span {
  color: var(--gris);
  margin-top: 2px;
  font-size: 13px;
  display: block;
}

.yl.gd .gd-table td strong {
  font: 400 24px / 1.1 var(--serif);
}

.yl.gd .gd-table tbody tr:first-child td {
  background: var(--creme);
  border-bottom-color: #0000;
}

.yl.gd .gd-table tbody tr:first-child td:first-child {
  border-radius: 12px 0 0 12px;
}

.yl.gd .gd-table tbody tr:first-child td:last-child {
  border-radius: 0 12px 12px 0;
}

.yl.gd .gd-table tbody tr:first-child strong {
  color: var(--terracotta);
}

.yl.gd .gd-image {
  max-width: 560px;
  margin: 48px auto 0;
}

.yl.gd .gd-image img {
  border-radius: 20px;
  width: 100%;
  height: auto;
}

.yl.gd .gd-image figcaption {
  color: var(--gris);
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
}

.yl.gd .gd-note {
  color: var(--gris);
  margin-top: 16px;
  font-size: 14px;
}

.yl.gd .gd-liste {
  gap: 14px;
  margin-top: 28px;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl.gd .gd-texte .gd-liste {
  margin-top: 18px;
}

.yl.gd .gd-liste li {
  padding-left: 28px;
  position: relative;
}

.yl.gd .gd-liste li:before {
  content: "";
  background: var(--sauge);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  top: .55em;
  left: 0;
}

.yl.gd .gd-encadre {
  background: var(--creme);
  border-radius: 20px;
  padding: 32px 30px;
}

.yl.gd .gd-encadre h3 {
  font: 400 26px / 1.2 var(--serif);
}

.yl.gd .gd-encadre p {
  margin-top: 14px;
  font-size: 15.5px;
  line-height: 1.65;
}

.yl.gd .gd-etapes {
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  margin-top: 44px;
  display: grid;
}

.yl.gd .gd-etape {
  border-top: 2px solid var(--sauge);
  padding-top: 18px;
}

.yl.gd .gd-num {
  font: 400 32px / 1 var(--serif);
  color: var(--sauge);
}

.yl.gd .gd-etape h3 {
  font: 600 16px / 1.3 var(--sans);
  margin-top: 12px;
}

.yl.gd .gd-etape p:last-child {
  color: var(--gris);
  margin-top: 8px;
  font-size: 14.5px;
  line-height: 1.6;
}

.yl.gd .gd-deroule .lien-souligne {
  margin-top: 24px;
}

.yl.gd .gd-phases {
  counter-reset: phase;
  gap: 14px;
  display: grid;
}

.yl.gd .gd-phase {
  counter-increment: phase;
  background: var(--creme);
  border-radius: 18px;
  padding: 24px 26px 24px 76px;
  position: relative;
}

.yl.gd .gd-phase:before {
  content: counter(phase);
  font: 400 34px / 1 var(--serif);
  color: var(--sauge);
  position: absolute;
  top: 20px;
  left: 26px;
}

.yl.gd .gd-phase h3 {
  font: 600 16px / 1.3 var(--sans);
}

.yl.gd .gd-phase p {
  color: var(--gris);
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.6;
}

.yl.gd .gd-solutions {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 44px;
  display: grid;
}

.yl.gd .gd-bloc {
  border: 1px solid var(--sable);
  border-radius: 18px;
  padding: 26px 24px;
}

.yl.gd .gd-bloc h3 {
  font: 400 22px / 1.2 var(--serif);
}

.yl.gd .gd-bloc p {
  color: var(--gris);
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.6;
}

.yl.gd .gd-offre-carte {
  background: var(--terracotta);
  color: var(--creme);
  border-radius: 32px;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px;
  padding: 56px;
  display: grid;
}

.yl.gd .gd-offre-carte .label {
  color: var(--creme);
}

.yl.gd .gd-offre-carte h2 {
  font: 400 42px / 1.1 var(--serif);
  margin-top: 12px;
}

.yl.gd .gd-offre-texte > p:not(.label) {
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.6;
}

.yl.gd .gd-offre-texte .wp-block-buttons {
  margin-top: 28px;
}

.yl.gd .gd-offre-lien a {
  color: var(--creme);
  text-underline-offset: 3px;
  font-size: 14.5px;
  text-decoration: underline;
}

.yl.gd .gd-offre-liste {
  align-content: center;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl.gd .gd-offre-liste li {
  border-top: 1px solid #f7f3ed59;
  padding: 16px 0;
  font-size: 15.5px;
}

.yl.gd .gd-avis-grille {
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 28px 0 24px;
  display: grid;
}

.yl.gd .gd-avis-carte {
  background: var(--profond);
  color: var(--creme);
  border-radius: 20px;
  padding: 32px 30px;
}

.yl.gd .gd-citation {
  font: italic 400 20px / 1.45 var(--serif);
}

.yl.gd .gd-auteur {
  margin-top: 18px;
  font-size: 14px;
}

.yl.gd .gd-liens {
  gap: 10px;
  margin-top: 18px;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl.gd .gd-liens a {
  font: 400 22px / 1.3 var(--serif);
  color: var(--encre);
  text-underline-offset: 4px;
  text-decoration: underline;
}

.yl.gd .gd-sources {
  color: var(--gris);
  margin-top: 28px;
  font-size: 13px;
}

.yl.gd .gd-sources a {
  color: var(--gris);
  text-decoration: underline;
}

@media (max-width: 1080px) {
  .yl.gd .gd-heros > .enveloppe {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .yl.gd .gd-ticket {
    max-width: 480px;
  }

  .yl.gd .gd-etapes {
    grid-template-columns: repeat(3, 1fr);
  }

  .yl.gd .gd-solutions {
    grid-template-columns: repeat(2, 1fr);
  }

  .yl.gd .gd-offre-carte {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 820px) {
  .yl.gd .gd-heros {
    padding-top: 48px;
  }

  .yl.gd .gd-heros .titre-1 {
    font-size: 40px;
  }

  .yl.gd .gd-deux {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .yl.gd .gd-cartes, .yl.gd .gd-avis-grille {
    grid-template-columns: 1fr;
  }

  .yl.gd .gd-etapes {
    grid-template-columns: 1fr 1fr;
  }

  .yl.gd .gd-offre-carte {
    border-radius: 24px;
    padding: 36px 24px;
  }

  .yl.gd .gd-offre-carte h2 {
    font-size: 32px;
  }

  .yl.gd .gd-tableau {
    font-size: 14px;
  }

  .yl.gd .gd-ligne {
    padding: 14px 12px;
  }

  .yl.gd .gd-ligne strong {
    font-size: 20px;
  }

  .yl.gd .gd-table {
    font-size: 14px;
  }

  .yl.gd .gd-table th, .yl.gd .gd-table td {
    padding: 14px 10px;
  }

  .yl.gd .gd-table th {
    padding-top: 0;
  }

  .yl.gd .gd-table td strong {
    font-size: 20px;
  }
}

@media (max-width: 560px) {
  .yl.gd .gd-etapes, .yl.gd .gd-solutions {
    grid-template-columns: 1fr;
  }
}

.yl.gd .gd-check-liste {
  gap: 12px;
  margin-top: 18px;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl.gd .gd-check-liste li {
  padding-left: 30px;
  font-size: 15.5px;
  line-height: 1.5;
  position: relative;
}

.yl.gd .gd-check-liste li:before {
  content: "";
  background: var(--sauge) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.5l2.5 2.5L13 6.5' fill='none' stroke='%23f7f3ed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  top: .2em;
  left: 0;
}

.yl.gd .gd-comparatif {
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  display: grid;
}

.yl.gd .gd-comparatif .gd-encadre p {
  font-size: 15px;
}

.yl.gd .gd-questions {
  margin-top: 0;
}

.yl.gd .gd-questions li {
  line-height: 1.6;
}

.yl.gd .gd-section > .enveloppe > .gd-note {
  max-width: 760px;
  margin-top: 24px;
}

@media (max-width: 820px) {
  .yl.gd .gd-comparatif {
    grid-template-columns: 1fr;
  }
}

.yl.gd .gd-encadre .gd-liste {
  gap: 10px;
  margin-top: 16px;
}

.yl.gd .gd-encadre .gd-liste li {
  font-size: 15px;
}

.yl.gd .gd-liste-non li:before {
  background: var(--terracotta);
}

.yl.gd .gd-intro-large {
  max-width: 720px;
}

.yl.gd .gd-alerte {
  border: 2px solid var(--terracotta);
  border-radius: 20px;
  padding: 28px 32px;
}

.yl.gd .gd-alerte h2 {
  font: 400 26px / 1.2 var(--serif);
}

.yl.gd .gd-alerte p {
  max-width: 760px;
  margin-top: 10px;
  line-height: 1.65;
}

.yl.gd .gd-encadre .lien-souligne {
  margin-top: 14px;
}

.yl.gd .gd-ligne-scores {
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
}

.yl.gd .gd-ligne-scores p {
  font-size: 15px;
}

.yl.gd .gd-ligne-scores .ok {
  color: var(--sauge);
  font-weight: 600;
}

.yl.gd .gd-ligne-scores .moyen {
  color: var(--gris);
}

.yl.gd .gd-ligne-scores .alerte {
  color: var(--terracotta);
  font-weight: 600;
}

.yl.gd .gd-ligne-tete p {
  color: var(--gris);
  font-size: 12px;
  font-weight: 600;
}

.yl.gd .gd-encadre-petit {
  margin-top: 28px;
  padding: 24px 26px;
}

.yl.gd .gd-encadre-petit h3 {
  font-size: 21px;
}

.yl.gd .gd-passation .wp-block-buttons {
  margin-top: 24px;
}

.yl.gd .gd-fiabilite .gd-table {
  margin-top: 28px;
}

.yl.gd .gd-fiabilite .gd-citation {
  border-left: 2px solid var(--terracotta);
  margin-top: 28px;
  padding-left: 18px;
}

.yl.gd .gd-fiabilite .gd-auteur {
  color: var(--gris);
  margin-top: 10px;
  padding-left: 20px;
}

.yl.gd .gd-trois {
  grid-template-columns: repeat(3, 1fr);
}

.yl.gd .gd-scores-profil {
  font: 600 12.5px / 1.4 var(--sans);
  letter-spacing: .02em;
  margin-top: 8px;
  color: var(--sauge) !important;
}

.yl.gd .gd-bloc a, .yl.gd .gd-etape a {
  color: var(--sauge);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.yl.gd .gd-scores {
  scroll-margin-top: 100px;
}

@media (max-width: 1080px) {
  .yl.gd .gd-trois {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .yl.gd .gd-ligne-scores {
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 8px;
  }

  .yl.gd .gd-ligne-scores p {
    font-size: 13px;
  }
}

.yl.gd .gd-sous-titre {
  font: 400 24px / 1.2 var(--serif);
  margin-top: 48px;
}

.yl.gd .gd-financer .gd-tableau {
  margin-top: 20px;
}

.yl.gd .gd-alerte-appel {
  border-color: var(--sauge);
  margin-top: 40px;
}

.yl.gd .gd-alerte-appel .wp-block-buttons {
  margin-top: 20px;
}

.yl.gd .gd-solutions-sauge > .gd-bloc {
  background: var(--sauge);
  border-color: var(--sauge);
  color: var(--creme);
}

.yl.gd .gd-solutions-sauge > .gd-bloc p {
  color: var(--creme);
}

.yl.gd .gd-avis-grille.gd-avis-trois {
  grid-template-columns: repeat(3, 1fr);
}

.yl.gd .gd-offre-photo img {
  object-fit: cover;
  border: 2px solid var(--creme);
  border-radius: 50%;
  width: 88px;
  height: 88px;
  margin: 0 0 18px;
  display: block;
}

.yl.gd .gd-offre-liste a {
  color: inherit;
}

@media (max-width: 1080px) {
  .yl.gd .gd-avis-grille.gd-avis-trois {
    grid-template-columns: 1fr;
  }
}

.yl.gd .gd-differences .gd-tableau {
  margin-top: 36px;
}

.yl.gd .gd-ligne-trois {
  grid-template-columns: .8fr 1.2fr 1.2fr;
  gap: 20px;
}

.yl.gd .gd-ligne-trois p {
  font-size: 15px;
  line-height: 1.55;
}

.yl.gd .gd-ligne-trois:not(.gd-ligne-tete) p:first-child {
  color: var(--sauge);
  font-weight: 600;
}

.yl.gd .gd-ligne-trois.gd-ligne-tete p {
  font-size: 12px;
}

@media (max-width: 700px) {
  .yl.gd .gd-ligne-trois {
    grid-template-columns: 1fr 1fr;
    gap: 6px 14px;
  }

  .yl.gd .gd-ligne-trois p:first-child {
    grid-column: 1 / -1;
  }

  .yl.gd .gd-ligne-trois p {
    font-size: 14px;
  }
}

.yl.mr .mr-heros > .enveloppe {
  grid-template-columns: 1fr 460px;
  align-items: start;
}

.yl.mr .mr-v {
  display: none;
}

.yl.mr.profil-installe .mr-v-installe, .yl.mr.profil-epuisement .mr-v-epuisement, .yl.mr.profil-distance .mr-v-distance, .yl.mr.profil-sens .mr-v-sens, .yl.mr.profil-vigilance .mr-v-vigilance, .yl.mr.profil-ok .mr-v-ok, .yl.mr.profil-sans .mr-v-sans {
  display: block;
}

.yl.mr.profil-installe .mr-etapes.mr-v-installe, .yl.mr.profil-epuisement .mr-etapes.mr-v-epuisement, .yl.mr.profil-distance .mr-etapes.mr-v-distance, .yl.mr.profil-sens .mr-etapes.mr-v-sens, .yl.mr.profil-vigilance .mr-etapes.mr-v-vigilance, .yl.mr.profil-ok .mr-etapes.mr-v-ok {
  display: grid;
}

.yl.mr .mr-sans-seul, .yl.mr.profil-sans .mr-jauges, .yl.mr.profil-sans .mr-suite-etapes, .yl.mr.profil-sans .mr-rappel {
  display: none;
}

.yl.mr.profil-sans .mr-sans-seul {
  display: flex;
}

.yl.mr .mr-texte .titre-1 {
  margin-top: 14px;
  font-size: 44px;
}

.yl.mr .mr-profil-titre {
  font: 400 34px / 1.15 var(--serif);
  color: var(--terracotta);
  margin-top: 28px;
}

.yl.mr.profil-ok .mr-profil-titre, .yl.mr.profil-vigilance .mr-profil-titre, .yl.mr.profil-sans .mr-profil-titre {
  color: var(--sauge);
}

.yl.mr .mr-v .chapo {
  color: var(--encre);
  max-width: 560px;
  margin-top: 14px;
  font-size: 18px;
}

.yl.mr .mr-rappel {
  color: var(--gris);
  margin-top: 22px;
  font-size: 13.5px;
}

.yl.mr .mr-n {
  display: none;
}

.yl.mr .mr-v .mr-n.vu {
  margin-top: 10px;
  display: block;
}

.yl.mr .mr-jauges {
  gap: 14px;
  display: grid;
}

.yl.mr .mr-jauge {
  background: var(--creme);
  border: 1px solid var(--sable);
  border-radius: 20px;
  padding: 22px 24px;
}

.yl.mr .mr-jauge-tete {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.yl.mr .mr-jauge-nom {
  font: 600 15px / 1.3 var(--sans);
}

.yl.mr .mr-jauge-score {
  font: 400 30px / 1 var(--serif);
  white-space: nowrap;
}

.yl.mr .mr-sur {
  font: 400 14px / 1 var(--sans);
  color: var(--gris);
}

.yl.mr .mr-barre {
  border-radius: 999px;
  height: 10px;
  margin-top: 14px;
  position: relative;
}

.yl.mr.a-donnees .mr-barre:after {
  content: "";
  top: 50%;
  left: calc(var(--pos, 0) * 1%);
  background: var(--encre);
  border: 3px solid var(--blanc);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 4px #2b2a284d;
}

.yl.mr .mr-jauge-ep .mr-barre {
  background: linear-gradient(90deg, #a9bba0 0 31.5%, #ddd3c4 31.5% 53.7%, #d9a58f 53.7%);
}

.yl.mr .mr-jauge-d .mr-barre {
  background: linear-gradient(90deg, #a9bba0 0 16.7%, #ddd3c4 16.7% 36.7%, #d9a58f 36.7%);
}

.yl.mr .mr-jauge-ap .mr-barre {
  background: linear-gradient(90deg, #d9a58f 0 68.75%, #ddd3c4 68.75% 81.25%, #a9bba0 81.25%);
}

.yl.mr .mr-legende {
  color: var(--gris);
  margin-top: 10px;
  font-size: 12.5px;
}

.yl.mr .mr-niveau {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 12px;
}

.yl.mr .niv-faible .mr-niveau {
  color: var(--sauge);
}

.yl.mr .niv-modere .mr-niveau {
  color: var(--gris);
}

.yl.mr .niv-eleve .mr-niveau {
  color: var(--terracotta);
}

.yl.mr .mr-t {
  margin-top: 6px;
  font-size: 14.5px;
  line-height: 1.55;
  display: none;
}

.yl.mr .niv-faible .mr-t-faible, .yl.mr .niv-modere .mr-t-modere, .yl.mr .niv-eleve .mr-t-eleve {
  display: block;
}

.yl.mr .mr-etapes {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 1080px) {
  .yl.mr .mr-heros > .enveloppe {
    grid-template-columns: 1fr;
  }

  .yl.mr .mr-jauges {
    max-width: 560px;
  }
}

@media (max-width: 820px) {
  .yl.mr .mr-texte .titre-1 {
    font-size: 34px;
  }

  .yl.mr .mr-profil-titre {
    font-size: 28px;
  }

  .yl.mr .mr-etapes {
    grid-template-columns: 1fr;
  }
}

.yl.gd .dv-cinq {
  grid-template-columns: repeat(5, 1fr);
}

.yl.gd .dv-cinq > .gd-bloc, .yl.gd .dv-vert > .gd-bloc {
  background: var(--sauge);
  color: var(--creme);
  border: 0;
}

.yl.gd .dv-cinq .gd-bloc h3, .yl.gd .dv-vert .gd-bloc h3, .yl.gd .dv-cinq .gd-bloc p, .yl.gd .dv-vert .gd-bloc p, .yl.gd .dv-cinq strong, .yl.gd .dv-vert strong, .yl.gd .dv-vert .gd-bloc a {
  color: var(--creme);
}

.yl.gd .dv-cinq .gd-bloc .dv-num {
  font: 400 32px / 1 var(--serif);
  margin-top: 0;
}

.yl.gd .dv-cinq h3 {
  margin-top: 12px;
}

.yl.gd .dv-cinq .gd-bloc .dv-message {
  font: italic 400 16px / 1.4 var(--serif);
  margin-top: 6px;
}

.yl.gd .dv-ligne:not(.gd-ligne-tete) p {
  font-size: 15px;
}

.yl.gd .dv-ligne strong {
  font: 600 15.5px / 1.3 var(--sans);
}

.yl.gd .dv-ligne-niveaux {
  grid-template-columns: .8fr 1.4fr 1.3fr;
}

.yl.gd .dv-ligne-niveaux:not(.gd-ligne-tete) p:first-child {
  white-space: nowrap;
  font-weight: 600;
}

.yl.gd .dv-ligne .alerte {
  color: var(--terracotta);
}

.yl.gd .dv-ligne .moyen {
  color: var(--encre);
}

.yl.gd .dv-ligne .leger {
  color: var(--gris);
}

.yl.gd .dv-ligne .ok {
  color: var(--sauge);
}

.yl.gd .dv-ligne-permissions {
  grid-template-columns: .9fr 1.3fr 1.3fr;
}

.yl.gd .dv-ligne-permissions:not(.gd-ligne-tete) p:first-child {
  font-weight: 600;
}

.yl.gd .dv-ligne:not(.gd-ligne-tete) .dv-permission {
  font: italic 400 17px / 1.4 var(--serif);
}

@media (max-width: 1080px) {
  .yl.gd .dv-cinq {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 560px) {
  .yl.gd .dv-cinq {
    grid-template-columns: 1fr;
  }

  .yl.gd .dv-ligne {
    gap: 8px;
  }

  .yl.gd .dv-ligne:not(.gd-ligne-tete) p {
    font-size: 13.5px;
  }

  .yl.gd .dv-ligne-niveaux:not(.gd-ligne-tete) p:first-child {
    white-space: normal;
  }

  .yl.gd .dv-ligne:not(.gd-ligne-tete) .dv-permission {
    font-size: 15px;
  }
}

.yl.dr .dr-heros > .enveloppe {
  grid-template-columns: 1fr 460px;
  align-items: start;
}

.yl.dr .dr-v {
  display: none;
}

.yl.dr.driver-sp .dr-v-sp, .yl.dr.driver-fp .dr-v-fp, .yl.dr.driver-sf .dr-v-sf, .yl.dr.driver-fe .dr-v-fe, .yl.dr.driver-fv .dr-v-fv, .yl.dr.driver-sans .dr-v-sans {
  display: block;
}

.yl.dr.driver-sp .dr-detail.dr-v-sp, .yl.dr.driver-fp .dr-detail.dr-v-fp, .yl.dr.driver-sf .dr-detail.dr-v-sf, .yl.dr.driver-fe .dr-detail.dr-v-fe, .yl.dr.driver-fv .dr-detail.dr-v-fv, .yl.dr.driver-sp .dr-etapes.dr-v-sp, .yl.dr.driver-fp .dr-etapes.dr-v-fp, .yl.dr.driver-sf .dr-etapes.dr-v-sf, .yl.dr.driver-fe .dr-etapes.dr-v-fe, .yl.dr.driver-fv .dr-etapes.dr-v-fv {
  display: grid;
}

.yl.dr .dr-sans-seul, .yl.dr.driver-sans .dr-scores, .yl.dr.driver-sans .dr-suite, .yl.dr.driver-sans .dr-rappel, .yl.dr.driver-sans .dr-titre {
  display: none;
}

.yl.dr.driver-sans .dr-sans-seul {
  display: flex;
}

.yl.dr .dr-texte .titre-1 {
  font: 600 22px / 1.3 var(--sans);
  letter-spacing: 0;
  margin-top: 14px;
}

.yl.dr .dr-nom {
  font: 400 64px / 1.05 var(--serif);
  color: var(--terracotta);
  letter-spacing: -.01em;
  margin-top: 10px;
}

.yl.dr.driver-sans .dr-nom {
  color: var(--encre);
  margin-top: 14px;
  font-size: 44px;
}

.yl.dr .dr-message {
  font: italic 400 21px / 1.4 var(--serif);
  color: var(--gris);
  margin-top: 10px;
}

.yl.dr .dr-v .chapo {
  color: var(--encre);
  max-width: 560px;
  margin-top: 20px;
  font-size: 18px;
}

.yl.dr .dr-egalite {
  background: var(--sable-clair);
  border-radius: 12px;
  max-width: 560px;
  margin-top: 16px;
  padding: 12px 16px;
  font-size: 14.5px;
}

.yl.dr .dr-egalite:empty {
  display: none;
}

.yl.dr .dr-rappel {
  color: var(--gris);
  max-width: 560px;
  margin-top: 22px;
  font-size: 13.5px;
}

.yl.dr .dr-scores {
  background: var(--creme);
  border: 1px solid var(--sable);
  border-radius: 24px;
  padding: 28px 28px 22px;
}

.yl.dr .dr-lignes {
  flex-direction: column;
  gap: 18px;
  margin-top: 20px;
  display: flex;
}

.yl.dr .dr-ligne-tete {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.yl.dr .dr-ligne-nom {
  font: 600 15px / 1.3 var(--sans);
}

.yl.dr .dr-ligne-score {
  font: 400 26px / 1 var(--serif);
  white-space: nowrap;
}

.yl.dr .dr-sur {
  font: 400 13px / 1 var(--sans);
  color: var(--gris);
}

.yl.dr .dr-barre {
  background: linear-gradient(90deg, transparent calc(25% - 1px), #2b2a282e calc(25% - 1px) 25%, transparent 25% calc(50% - 1px), #2b2a282e calc(50% - 1px) 50%, transparent 50% calc(75% - 1px), #2b2a282e calc(75% - 1px) 75%, transparent 75%), var(--sable-clair);
  border-radius: 999px;
  height: 12px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
}

.yl.dr .dr-barre:before {
  content: "";
  width: calc(var(--pos, 0) * 1%);
  background: #c9bcaa;
  border-radius: 999px;
  transition: width .6s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
}

.yl.dr .dr-ligne.principal .dr-barre:before {
  background: var(--terracotta);
}

.yl.dr .dr-ligne.second .dr-barre:before {
  background: var(--dore);
}

.yl.dr .dr-ligne.principal .dr-ligne-nom, .yl.dr .dr-ligne.principal .dr-ligne-score {
  color: var(--terracotta);
}

.yl.dr .dr-niveau {
  font: 600 11.5px / 1.3 var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gris);
  margin-top: 6px;
}

.yl.dr .dr-ligne.principal .dr-niveau {
  color: var(--terracotta);
}

.yl.dr .dr-ligne.second .dr-niveau {
  color: #a3661f;
}

.yl.dr .dr-legende {
  border-top: 1px dashed var(--sable);
  color: var(--gris);
  grid-template-columns: repeat(4, 1fr) auto;
  gap: 4px;
  margin-top: 20px;
  padding-top: 12px;
  font-size: 12px;
  display: grid;
}

.yl.dr .dr-detail {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  margin-top: 44px;
}

.yl.dr .dr-detail .gd-encadre h3 {
  font-size: 22px;
}

.yl.dr .dr-detail .gd-liste {
  margin-top: 16px;
}

.yl.dr .dr-permission {
  background: var(--sauge);
  color: var(--creme);
  border-radius: 20px;
  padding: 32px 30px;
}

.yl.dr .dr-permission .label {
  color: var(--creme);
}

.yl.dr .dr-permission-texte {
  font: italic 400 27px / 1.3 var(--serif);
  margin-top: 16px;
}

.yl.dr .dr-etapes {
  grid-template-columns: repeat(3, 1fr);
}

.yl.dr .dr-ligne-permission {
  grid-template-columns: 1fr 1.3fr;
}

.yl.dr .dr-ligne-permission:not(.gd-ligne-tete) p:first-child {
  font-weight: 600;
}

.yl.dr .dr-ligne-permission:not(.gd-ligne-tete) p:first-child span {
  font-style: italic;
  font-weight: 400;
}

@media (max-width: 1080px) {
  .yl.dr .dr-heros > .enveloppe {
    grid-template-columns: 1fr;
  }

  .yl.dr .dr-scores {
    max-width: 560px;
  }

  .yl.dr .dr-detail {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .yl.dr .dr-nom {
    font-size: 46px;
  }

  .yl.dr .dr-etapes {
    grid-template-columns: 1fr;
  }
}

.yl.gd .bl-tete {
  padding: 72px 0 24px;
}

.yl.gd .bl-tete .chapo {
  max-width: 680px;
  margin-top: 18px;
}

.yl.gd .bl-auteur {
  align-items: center;
  gap: 14px;
  margin-top: 28px;
  display: flex;
}

.yl.gd .bl-auteur figure {
  flex: none;
  margin: 0;
}

.yl.gd .bl-auteur img {
  object-fit: cover;
  border-radius: 50%;
  width: 48px !important;
  height: 48px !important;
}

.yl.gd .bl-auteur p {
  color: var(--gris);
  font-size: 14.5px;
}

.yl.gd .bl-auteur a {
  color: var(--encre);
  font-weight: 600;
  text-decoration: none;
}

.yl.gd .wp-block-post-template {
  margin: 0;
  padding: 0;
  list-style: none;
}

.yl.gd .bl-image {
  background: var(--creme);
  border-radius: 18px;
  margin: 0;
  overflow: hidden;
}

.yl.gd .bl-image img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
  transition: transform .4s;
  display: block;
}

.yl.gd .bl-image a:hover img {
  transform: scale(1.03);
}

.yl.gd .bl-meta {
  color: var(--gris);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  margin-top: 10px;
  font-size: 13px;
  display: flex;
}

.yl.gd .bl-meta .wp-block-post-terms a {
  color: var(--sauge);
  font-weight: 600;
  text-decoration: none;
}

.yl.gd .bl-meta .bl-lecture:before {
  content: "· ";
}

.yl.gd .wp-block-post-title a {
  color: inherit;
  text-decoration: none;
}

.yl.gd .wp-block-post-title a:hover {
  color: var(--terracotta);
}

.yl.gd .bl-une-section {
  padding: 16px 0 48px;
}

.yl.gd .bl-une-carte {
  background: var(--creme);
  border-radius: 26px;
  grid-template-columns: 1.25fr 1fr;
  align-items: center;
  gap: 48px;
  padding: 28px;
  display: grid;
}

.yl.gd .bl-une-texte .wp-block-post-title {
  font: 400 clamp(28px, 3.2vw, 40px) / 1.12 var(--serif);
  margin-top: 10px;
}

.yl.gd .bl-une-texte .wp-block-post-excerpt {
  margin-top: 14px;
}

.yl.gd .bl-une-texte .wp-block-post-excerpt__excerpt {
  color: var(--gris);
  font-size: 16px;
  line-height: 1.65;
}

.yl.gd .bl-une-texte .wp-block-read-more {
  background: var(--terracotta);
  color: var(--creme);
  font: 600 15px / 1 var(--sans);
  border-radius: 999px;
  margin-top: 24px;
  padding: 14px 24px;
  text-decoration: none;
  display: inline-flex;
}

.yl.gd .bl-liste {
  padding: 40px 0 72px;
}

.yl.gd .bl-grille .wp-block-post-template {
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 28px;
  margin-top: 32px;
  display: grid;
}

.yl.gd .bl-carte-texte {
  padding-top: 8px;
}

.yl.gd .bl-carte .wp-block-post-title {
  font: 400 22px / 1.25 var(--serif);
  margin-top: 8px;
}

.yl.gd .bl-carte .wp-block-post-excerpt__excerpt {
  color: var(--gris);
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.6;
}

.yl.gd .wp-block-post-excerpt__more-text {
  display: none;
}

.yl.gd .bl-tests {
  background: var(--sauge);
  color: var(--creme);
  padding: 72px 0;
}

.yl.gd .bl-tests .label {
  color: var(--creme);
}

.yl.gd .bl-tests-grille {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 32px;
  display: grid;
}

.yl.gd .bl-test {
  background: #2b2a2814;
  border: 1px solid #f7f3ed40;
  border-radius: 20px;
  flex-direction: column;
  padding: 28px;
  transition: background .2s;
  display: flex;
  position: relative;
}

.yl.gd .bl-test:hover {
  background: #2b2a2824;
}

.yl.gd .bl-test-duree {
  background: var(--creme);
  color: var(--sauge);
  font: 600 12px / 1 var(--sans);
  border-radius: 999px;
  align-self: flex-start;
  padding: 5px 10px;
}

.yl.gd .bl-test h3 {
  font: 400 24px / 1.2 var(--serif);
  margin-top: 18px;
}

.yl.gd .bl-test p:not(.bl-test-duree):not(.bl-test-lien) {
  flex: 1;
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.6;
}

.yl.gd .bl-test-lien {
  margin-top: 18px;
  font-size: 14.5px;
  font-weight: 600;
}

.yl.gd .bl-test-lien a {
  color: var(--creme);
  text-decoration: none;
}

.yl.gd .bl-test-lien a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.yl.gd .bl-guides {
  padding-top: 88px;
}

.yl.gd .bl-guides-liste {
  grid-template-columns: 1fr 1fr;
  gap: 0 28px;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl.gd .bl-guides-liste li {
  border-bottom: 1px solid var(--sable);
}

.yl.gd .bl-guides-liste a {
  font: 400 17px / 1.35 var(--serif);
  color: var(--encre);
  padding: 14px 0;
  text-decoration: none;
  display: block;
}

.yl.gd .bl-guides-liste a:hover {
  color: var(--terracotta);
}

@media (max-width: 1080px) {
  .yl.gd .bl-grille .wp-block-post-template, .yl.gd .bl-tests-grille {
    grid-template-columns: 1fr 1fr;
  }

  .yl.gd .bl-une-carte {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

@media (max-width: 700px) {
  .yl.gd .bl-grille .wp-block-post-template, .yl.gd .bl-tests-grille, .yl.gd .bl-guides-liste {
    grid-template-columns: 1fr;
  }

  .yl.gd .bl-tete {
    padding-top: 48px;
  }
}

.yl.gd .bl-connect {
  padding: 88px 0 0;
}

.yl.gd .bl-connect-carte {
  background: var(--encre);
  color: var(--creme);
  border-radius: 28px;
  grid-template-columns: 1.3fr 1fr;
  align-items: center;
  gap: 48px;
  padding: 56px;
  display: grid;
  overflow: hidden;
}

.yl.gd .bl-connect .label, .yl.gd .bl-connect .titre-2 {
  color: var(--creme);
}

.yl.gd .bl-connect-chapo {
  max-width: 560px;
  margin-top: 16px;
  font-size: 16.5px;
  line-height: 1.65;
}

.yl.gd .bl-connect-liste {
  gap: 12px;
  margin-top: 22px;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl.gd .bl-connect-liste li {
  padding-left: 26px;
  font-size: 15px;
  line-height: 1.55;
  position: relative;
}

.yl.gd .bl-connect-liste li:before {
  content: "";
  background: var(--terracotta);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  top: .45em;
  left: 0;
}

.yl.gd .bl-connect-liste strong {
  color: var(--creme);
}

.yl.gd .bl-connect .wp-block-buttons {
  margin-top: 28px;
}

.yl.gd .bl-connect-note {
  margin-top: 12px;
  font-size: 13px;
}

.yl.gd .bl-connect-visuel {
  place-items: center;
  min-height: 300px;
  display: grid;
  position: relative;
}

.yl.gd .bl-connect-visuel:before {
  content: "";
  opacity: .1;
  filter: brightness(0) invert();
  background: url("logo-symbole.svg") center / contain no-repeat;
  width: 240px;
  height: 240px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.yl.gd .bl-connect-pastilles {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  display: flex;
  position: relative;
}

.yl.gd .bl-connect-pastilles span {
  font: 500 14.5px / 1 var(--sans);
  background: #f7f3ed1f;
  border: 1px solid #f7f3ed4d;
  border-radius: 999px;
  padding: 10px 18px;
}

.yl.gd .bl-connect-pastilles span:nth-child(2) {
  background: var(--terracotta);
  border-color: var(--terracotta);
}

@media (max-width: 1080px) {
  .yl.gd .bl-connect-carte {
    grid-template-columns: 1fr;
    padding: 40px 28px;
  }

  .yl.gd .bl-connect-visuel {
    min-height: 180px;
  }
}

.yl.gd .ar-etroit {
  max-width: 860px;
}

.yl.gd .ar-tete {
  padding: 48px 0 0;
}

.yl.gd .ar-ariane {
  color: var(--gris);
  font-size: 13px;
}

.yl.gd .ar-ariane a {
  color: var(--gris);
  text-decoration: none;
}

.yl.gd .ar-ariane a:hover {
  color: var(--sauge);
}

.yl.gd .ar-tete .bl-meta {
  margin-top: 28px;
}

.yl.gd .ar-titre {
  font: 400 clamp(36px, 4.6vw, 58px) / 1.06 var(--serif);
  letter-spacing: -.01em;
  text-wrap: balance;
  margin-top: 12px;
}

.yl.gd .ar-chapo {
  font: 400 19px / 1.6 var(--sans);
  color: var(--gris);
  max-width: 720px;
  margin-top: 20px;
}

.yl.gd .ar-auteur {
  border-top: 1px solid var(--sable);
  align-items: center;
  gap: 14px;
  margin-top: 28px;
  padding-top: 24px;
  display: flex;
}

.yl.gd .ar-auteur img {
  object-fit: cover;
  border-radius: 50%;
  width: 56px;
  height: 56px;
}

.yl.gd .ar-auteur-nom {
  font-size: 15px;
}

.yl.gd .ar-auteur-nom a {
  color: var(--encre);
  font-weight: 600;
  text-decoration: none;
}

.yl.gd .ar-auteur-role {
  color: var(--gris);
  font-size: 13.5px;
}

.yl.gd .ar-dates {
  color: var(--gris);
  text-align: right;
  margin-left: auto;
  font-size: 13px;
  line-height: 1.5;
}

.yl.gd .ar-image {
  margin-top: 36px;
}

.yl.gd .ar-image figure {
  border-radius: 24px;
  margin: 0;
  overflow: hidden;
}

.yl.gd .ar-image img {
  aspect-ratio: 21 / 9;
  object-fit: cover;
  width: 100%;
  display: block;
}

.yl.gd .ar-corps {
  grid-template-columns: 240px minmax(0, 700px);
  justify-content: center;
  gap: 64px;
  padding-top: 56px;
  padding-bottom: 32px;
  display: grid;
}

.yl.gd .ar-sommaire nav {
  position: sticky;
  top: 110px;
}

.yl.gd .ar-sommaire-titre {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sauge);
}

.yl.gd .ar-sommaire ol {
  counter-reset: s;
  border-left: 2px solid var(--sable);
  gap: 2px;
  margin-top: 16px;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl.gd .ar-sommaire li {
  counter-increment: s;
}

.yl.gd .ar-sommaire a {
  color: var(--gris);
  border-left: 2px solid #0000;
  margin-left: -2px;
  padding: 8px 0 8px 16px;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  display: block;
}

.yl.gd .ar-sommaire a:before {
  content: counter(s) ". ";
  color: var(--sable);
}

.yl.gd .ar-sommaire a:hover {
  color: var(--encre);
}

.yl.gd .ar-sommaire a.actif {
  color: var(--encre);
  border-left-color: var(--terracotta);
  font-weight: 600;
}

.yl.gd .ar-texte {
  font-size: 17.5px;
  line-height: 1.75;
}

.yl.gd .ar-texte > p {
  margin-top: 20px;
}

.yl.gd .ar-texte h2 {
  font: 400 32px / 1.2 var(--serif);
  margin-top: 56px;
  scroll-margin-top: 100px;
}

.yl.gd .ar-texte h3 {
  font: 600 19px / 1.35 var(--sans);
  margin-top: 32px;
}

.yl.gd .ar-texte h2 + p, .yl.gd .ar-texte h3 + p {
  margin-top: 14px;
}

.yl.gd .ar-enbref {
  background: var(--creme);
  border-radius: 20px;
  padding: 26px 30px;
}

.yl.gd .ar-enbref ul {
  gap: 8px;
  margin-top: 10px;
  padding-left: 20px;
  font-size: 16.5px;
  line-height: 1.6;
  display: grid;
}

.yl.gd .ar-citation {
  border-left: 3px solid var(--terracotta);
  margin: 40px 0;
  padding: 8px 0 8px 28px;
}

.yl.gd .ar-citation p {
  font: italic 400 26px / 1.4 var(--serif);
}

.yl.gd .ar-citation cite {
  color: var(--gris);
  margin-top: 10px;
  font-size: 14px;
  font-style: normal;
  display: block;
}

.yl.gd .ar-mot {
  background: var(--blanc);
  border: 1px solid var(--sable);
  border-left: 4px solid var(--terracotta);
  border-radius: 20px;
  margin: 44px 0;
  padding: 26px 30px;
}

.yl.gd .ar-mot-tete {
  align-items: center;
  gap: 14px;
  display: flex;
}

.yl.gd .ar-mot .ar-mot-tete figure.wp-block-image {
  flex: none;
  margin: 0;
}

.yl.gd .ar-mot .ar-mot-tete figure.wp-block-image img {
  object-fit: cover;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  display: block;
}

.yl.gd .ar-mot-tete .label {
  color: var(--terracotta);
  margin: 0;
}

.yl.gd .ar-mot-tete p:not(.label) {
  color: var(--gris);
  margin-top: 2px;
  font-size: 14px;
  line-height: 1.4;
}

.yl.gd .ar-mot > p {
  font: 400 19px / 1.6 var(--serif);
  color: var(--encre);
  margin-top: 16px;
}

.yl.gd .ar-etapes {
  counter-reset: e;
  gap: 14px;
  margin-top: 20px;
  padding: 0;
  list-style: none;
  display: grid;
}

.yl.gd .ar-etapes li {
  counter-increment: e;
  border: 1px solid var(--sable);
  border-radius: 16px;
  padding: 18px 20px 18px 66px;
  font-size: 16px;
  line-height: 1.6;
  position: relative;
}

.yl.gd .ar-etapes li:before {
  content: counter(e);
  font: 400 30px / 1 var(--serif);
  color: var(--sauge);
  position: absolute;
  top: 14px;
  left: 22px;
}

.yl.gd .ar-test {
  background: var(--sauge);
  color: var(--creme);
  border-radius: 22px;
  margin: 72px 0;
  padding: 30px 32px;
}

.yl.gd .ar-texte > .ar-test {
  margin-top: 72px;
}

.yl.gd .ar-test .label {
  color: var(--creme);
}

.yl.gd .ar-test-titre {
  font: 400 26px / 1.25 var(--serif);
  margin-top: 8px;
}

.yl.gd .ar-test p:not(.label):not(.ar-test-titre) {
  margin-top: 8px;
  font-size: 16px;
}

.yl.gd .ar-texte .question {
  margin-top: 12px;
}

.yl.gd .ar-bio {
  border: 1px solid var(--sable);
  border-radius: 22px;
  grid-template-columns: 88px 1fr;
  gap: 24px;
  margin-top: 64px;
  padding: 30px;
  display: grid;
}

.yl.gd .ar-bio img {
  object-fit: cover;
  border-radius: 50%;
  width: 88px;
  height: 88px;
}

.yl.gd .ar-bio-nom {
  font: 400 24px / 1.2 var(--serif);
  margin-top: 4px;
}

.yl.gd .ar-bio p:not(.label):not(.ar-bio-nom) {
  color: var(--gris);
  margin-top: 8px;
  font-size: 15px;
  line-height: 1.6;
}

.yl.gd .ar-bio .lien-souligne {
  margin-top: 12px;
  font-size: 14.5px;
  display: inline-block;
}

.yl.gd .ar-connect {
  padding: 24px 0 96px;
}

.yl.gd .ar-connect-carte {
  background: var(--encre);
  color: var(--creme);
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  padding: 48px 56px;
  display: flex;
}

.yl.gd .ar-connect .label {
  color: var(--creme);
}

.yl.gd .ar-connect h2 {
  font: 400 26px / 1.2 var(--serif);
  margin-top: 6px;
}

.yl.gd .ar-connect p:not(.label) {
  max-width: 520px;
  margin-top: 8px;
  font-size: 15px;
}

.yl.gd .ar-connect .bouton {
  flex: none;
}

.yl.gd .ar-lies {
  padding: 48px 0 40px;
}

.yl.gd .ar-lies-grille {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 16px;
  display: grid;
}

.yl.gd .ar-lie {
  border: 1px solid var(--sable);
  color: var(--encre);
  border-radius: 16px;
  grid-template-columns: 112px 1fr;
  align-items: center;
  gap: 16px;
  padding: 12px;
  text-decoration: none;
  transition: border-color .2s;
  display: grid;
}

.yl.gd .ar-lie:hover {
  border-color: var(--sauge);
}

.yl.gd .ar-lie img {
  object-fit: cover;
  border-radius: 10px;
  width: 112px;
  height: 80px;
}

.yl.gd .ar-lie .bl-meta {
  font-size: 12px;
  display: block;
}

.yl.gd .ar-lie-titre {
  font: 400 17px / 1.3 var(--serif);
  margin-top: 4px;
  display: block;
}

@media (max-width: 1080px) {
  .yl.gd .ar-lies-grille {
    grid-template-columns: 1fr;
  }

  .yl.gd .ar-corps {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }

  .yl.gd .ar-sommaire nav {
    background: var(--creme);
    border-radius: 16px;
    padding: 18px 22px;
    position: static;
  }

  .yl.gd .ar-dates {
    display: none;
  }

  .yl.gd .ar-connect-carte {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 700px) {
  .yl.gd .ar-mot {
    padding: 22px 20px;
  }

  .yl.gd .ar-mot > p {
    font-size: 17.5px;
  }

  .yl.gd .ar-texte {
    font-size: 16.5px;
  }

  .yl.gd .ar-texte h2 {
    font-size: 27px;
  }

  .yl.gd .ar-bio {
    grid-template-columns: 1fr;
  }

  .yl.gd .ar-image img {
    aspect-ratio: 3 / 2;
  }
}

.yl.gd .ar-corps.ar-sans-sommaire {
  grid-template-columns: minmax(0, 760px);
}

.yl.gd .ar-image img {
  height: auto;
}

.yl.gd .ar-texte > * + * {
  margin-top: 20px;
}

.yl.gd .ar-texte ul.wp-block-list:not(.ar-etapes), .yl.gd .ar-texte ol.wp-block-list:not(.ar-etapes) {
  gap: 8px;
  padding-left: 22px;
  display: grid;
}

.yl.gd .ar-texte .wp-block-image {
  margin: 32px 0;
}

.yl.gd .ar-texte .wp-block-image img {
  border-radius: 16px;
  height: auto;
}

.yl.gd .ar-texte a:not(.wp-block-button__link):not(.lien-souligne) {
  color: var(--sauge);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.yl.gd .ar-enbref ul.wp-block-list {
  margin-top: 10px;
}

.yl.gd .ar-citation.wp-block-quote {
  border-left: 3px solid var(--terracotta);
  margin: 40px 0;
  padding: 8px 0 8px 28px;
}

.yl.gd .ar-citation.wp-block-quote p {
  font: italic 400 26px / 1.4 var(--serif);
}

.yl.gd .ar-citation.wp-block-quote cite {
  color: var(--gris);
  margin-top: 10px;
  font-size: 14px;
  font-style: normal;
  display: block;
}

.yl.gd .ar-test .wp-block-buttons {
  margin-top: 20px;
}

.yl.gd .ar-test .wp-block-button.bouton {
  background: none;
}

.yl.gd .ar-test .wp-block-button.bouton > .wp-block-button__link {
  background: var(--creme);
  min-height: 50px;
  color: var(--sauge);
  font: 600 15px / 1 var(--sans);
  border-radius: 999px;
  align-items: center;
  padding: 0 26px;
  text-decoration: none;
  display: inline-flex;
}

:is(.yl.gd .ar-test .wp-block-button.bouton > .wp-block-button__link:hover, .yl.gd .ar-test .wp-block-button.bouton > .wp-block-button__link:focus-visible) {
  background: var(--blanc);
  color: var(--encre);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px -14px #2b2a2873;
}

.yl.gd .ar-test .wp-block-button.bouton > .wp-block-button__link:focus-visible {
  outline: 2px solid var(--creme);
  outline-offset: 3px;
}

.yl.gd .ar-test > * + * {
  margin-top: 0;
}

.yl.gd .ar-texte .ar-test a:not(.wp-block-button__link):not(.lien-souligne) {
  color: var(--creme);
  text-decoration-color: currentColor;
}

.yl.gd .ar-texte .ar-test a:not(.wp-block-button__link):not(.lien-souligne):hover {
  color: var(--blanc);
}

.yl.gd .ar-connect-titre {
  font: 400 26px / 1.2 var(--serif);
  margin-top: 6px;
}

.yl.gd .ar-lie img {
  display: block;
}

.yl.gd .ar-connect a.bouton {
  background: var(--creme);
  color: var(--profond);
  font: 600 15.5px / 1 var(--sans);
  border-radius: 999px;
  flex: none;
  align-items: center;
  padding: 16px 28px;
  text-decoration: none;
  transition: transform .2s, background .2s;
  display: inline-flex;
}

.yl.gd .ar-connect a.bouton:hover {
  background: #fff;
  transform: translateY(-1px);
}

.yl.gd .ar-connect p.ar-connect-titre {
  max-width: none;
  font: 400 28px / 1.2 var(--serif);
  opacity: 1;
  margin-top: 6px;
}

.yl.gd .ar-tete .bl-meta {
  gap: 8px;
}

.yl.gd .ar-tete .bl-meta > span {
  font: 600 13px / 1 var(--sans);
  border-radius: 999px;
  align-items: center;
  padding: 7px 14px;
  display: inline-flex;
}

.yl.gd .ar-tete .bl-meta .bl-cat {
  background: var(--sauge);
  color: var(--creme);
}

.yl.gd .ar-tete .bl-meta .bl-lecture {
  background: var(--creme);
  color: var(--gris);
  border: 1px solid var(--sable);
}

.yl.gd .ar-tete .bl-meta .bl-lecture:before {
  content: none;
}

.yl.gd .ar-texte ul.wp-block-list:not(.ar-etapes) {
  padding-left: 0;
  list-style: none;
}

.yl.gd .ar-texte ul.wp-block-list:not(.ar-etapes):not(.ar-familles) > li {
  padding-left: 26px;
  position: relative;
}

.yl.gd .ar-texte ul.wp-block-list:not(.ar-etapes):not(.ar-familles) > li:before {
  content: "";
  background: var(--sauge);
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  top: .7em;
  left: 4px;
}

.yl.gd .ar-texte ol.wp-block-list:not(.ar-etapes) {
  padding-left: 24px;
  list-style: decimal;
}

.yl.gd .ar-texte ol.wp-block-list:not(.ar-etapes) > li {
  list-style: decimal;
}

.yl.gd .ar-texte .ar-figure {
  text-align: center;
}

.yl.gd .ar-texte .ar-figure img {
  width: auto;
  max-width: 100%;
}

.yl.gd .ar-texte .ar-sources {
  border-top: 1px solid var(--sable);
  color: var(--gris);
  margin-top: 48px;
  padding-top: 20px;
  font-size: 13.5px;
  line-height: 1.6;
}

.yl.gd .ar-texte ul.ar-familles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.yl.gd .ar-texte ul.ar-familles > li {
  background: var(--creme);
  border-radius: 14px;
  padding: 14px 16px;
  font-size: 15.5px;
  line-height: 1.5;
}

.yl.gd .ar-texte ul.ar-familles > li:before {
  content: none;
}

.yl.gd .ar-texte ul.ar-familles strong {
  color: var(--sauge);
  display: block;
}

.yl.gd .ar-texte ul.ar-familles > li:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.yl.gd .ar-duo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.yl.gd .ar-duo-carte {
  border: 1px solid var(--sable);
  border-top: 3px solid var(--terracotta);
  border-radius: 16px;
  padding: 20px 22px;
}

.yl.gd .ar-duo-carte p {
  font-size: 16px;
  line-height: 1.6;
}

.yl.gd .ar-duo-carte .ar-duo-titre {
  font: 400 20px / 1.3 var(--serif);
}

.yl.gd .ar-duo-carte p + p {
  color: var(--gris);
  margin-top: 8px;
}

@media (max-width: 700px) {
  .yl.gd .ar-texte ul.ar-familles, .yl.gd .ar-duo {
    grid-template-columns: 1fr;
  }
}

.yl.gd.ac .label + .titre-2 {
  margin-top: 12px;
}

.yl.gd.ac .ac-tete {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  display: flex;
}

.yl.gd.ac .ac-tete .lien-souligne {
  white-space: nowrap;
  margin: 0 0 8px;
}

.yl.gd.ac .ac-heros {
  padding: 64px 0 120px;
}

.yl.gd.ac .ac-heros > .enveloppe {
  grid-template-columns: 1fr 560px;
  align-items: center;
  gap: 72px;
  display: grid;
}

.yl.gd.ac .ac-heros .titre-1 {
  margin-top: 16px;
  font-size: 76px;
  line-height: 1;
}

.yl.gd.ac .ac-heros .chapo {
  max-width: 480px;
  margin-top: 30px;
  font-size: 18px;
}

.yl.gd.ac .ac-boutons {
  margin-top: 30px;
}

.yl.gd.ac .ac-boutons .wp-block-button.bouton-contour > .wp-block-button__link {
  min-height: 50px;
  padding: 0 26px;
  font-size: 15px;
}

.yl.gd.ac .ac-heros .coches {
  margin-top: 22px;
}

.yl.gd.ac .ac-heros-visuel {
  position: relative;
}

.yl.gd.ac .ac-heros-photo {
  aspect-ratio: 560 / 600;
  background: var(--sable);
  border-radius: 32px;
  overflow: hidden;
}

.yl.gd.ac .ac-heros-photo img {
  object-fit: cover;
  object-position: 50% 58%;
  width: 100%;
  height: 100%;
}

.yl.gd.ac .ac-preuve {
  z-index: 2;
  background: var(--blanc);
  border: 1px solid var(--sable-clair);
  border-radius: 18px;
  width: 360px;
  padding: 20px 22px;
  position: absolute;
  bottom: -36px;
  right: 28px;
  box-shadow: 0 18px 40px -18px #2b2a2847;
}

.yl.gd.ac .ac-preuve-note {
  font: 500 14px / 1.3 var(--sans);
}

.yl.gd.ac .ac-preuve-note .etoiles {
  color: var(--dore);
  letter-spacing: 2px;
  margin-right: 4px;
  font-size: 14px;
}

.yl.gd.ac .ac-preuve-note strong {
  font-weight: 600;
}

.yl.gd.ac .ac-preuve-citation {
  font: 400 17px / 1.45 var(--serif);
  color: var(--encre);
  margin-top: 10px;
}

.yl.gd.ac .ac-preuve-auteur {
  font: 600 12.5px / 1.4 var(--sans);
  color: var(--gris);
  margin-top: 10px;
}

.yl.gd.ac .ac-preuve-auteur a {
  color: var(--sauge);
}

.yl.gd.ac .ac-entrees {
  padding: 0 0 96px;
}

.yl.gd.ac .ac-entrees-liste {
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 40px;
  display: grid;
}

.yl.gd.ac .ac-entree {
  border-top: 1.5px solid var(--encre);
  flex-direction: column;
  padding-top: 22px;
  transition: border-color .2s;
  display: flex;
  position: relative;
}

.yl.gd.ac .ac-entree:hover {
  border-color: var(--terracotta);
}

.yl.gd.ac .ac-num {
  font: 400 40px / 1 var(--serif);
  color: var(--sauge);
}

.yl.gd.ac .ac-entree h3 {
  font: 400 26px / 1.2 var(--serif);
  margin-top: 18px;
}

.yl.gd.ac .ac-entree h3 a {
  text-decoration: none;
}

.yl.gd.ac .ac-entree h3 a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.yl.gd.ac .ac-entree:hover h3 {
  color: var(--terracotta);
}

.yl.gd.ac .ac-entree p:not(.ac-num) {
  color: var(--gris);
  margin-top: 10px;
  font-size: 15px;
  line-height: 1.6;
}

.yl.gd.ac .ac-services {
  background: var(--creme);
  padding: 96px 0;
}

.yl.gd.ac .ac-service {
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  gap: 56px;
  margin-top: 40px;
  display: grid;
}

.yl.gd.ac .ac-service-image {
  aspect-ratio: 4 / 3;
  background: var(--sable);
  border-radius: 28px;
  overflow: hidden;
}

.yl.gd.ac .ac-service-image a {
  height: 100%;
  display: block;
}

.yl.gd.ac .ac-service-image img {
  object-fit: cover;
  object-position: 22% 50%;
  width: 100%;
  height: 100%;
  transition: transform .5s;
}

.yl.gd.ac .ac-service-image:hover img {
  transform: scale(1.03);
}

.yl.gd.ac .ac-service-texte h3 {
  font: 400 32px / 1.15 var(--serif);
}

.yl.gd.ac .ac-service-texte > p {
  color: var(--gris);
  margin-top: 16px;
  font-size: 16.5px;
  line-height: 1.65;
}

.yl.gd.ac .ac-faits {
  border-top: 1px solid var(--sable);
  grid-template-columns: 1fr 1fr;
  gap: 18px 24px;
  margin-top: 28px;
  padding-top: 24px;
  display: grid;
}

.yl.gd.ac .ac-faits li {
  color: var(--gris);
  font-size: 14.5px;
  line-height: 1.45;
}

.yl.gd.ac .ac-faits strong {
  font: 400 30px / 1.1 var(--serif);
  color: var(--encre);
  display: block;
}

.yl.gd.ac .ac-service-texte .wp-block-buttons {
  margin-top: 32px;
}

.yl.gd.ac .ac-situations {
  border-top: 1px solid var(--sable);
  margin-top: 48px;
  padding-top: 28px;
}

.yl.gd.ac .ac-situations-titre {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--sauge);
}

.yl.gd.ac .ac-situations-liste {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  display: flex;
}

.yl.gd.ac .ac-situations-liste a {
  border: 1px solid var(--sable);
  background: var(--blanc);
  min-height: 44px;
  font: 500 14.5px / 1.2 var(--sans);
  border-radius: 999px;
  align-items: center;
  padding: 0 18px;
  text-decoration: none;
  transition: border-color .2s, color .2s;
  display: inline-flex;
}

.yl.gd.ac .ac-situations-liste a:after {
  content: "→";
  color: var(--terracotta);
  margin-left: 8px;
}

.yl.gd.ac .ac-situations-liste a:hover {
  border-color: var(--terracotta);
  color: var(--terracotta);
}

.yl.gd.ac .ac-tests {
  padding: 88px 0;
}

.yl.gd.ac .ac-tests .titre-2, .yl.gd.ac .ac-tests .lien-souligne a {
  color: var(--creme);
}

.yl.gd.ac .ac-ressources {
  padding: 96px 0;
}

.yl.gd.ac .ac-ressources .bl-grille .wp-block-post-template {
  margin-top: 40px;
}

.yl.gd.ac .ac-qui {
  background: var(--creme);
  padding: 96px 0;
}

.yl.gd.ac .ac-qui > .enveloppe {
  grid-template-columns: 440px 1fr;
  align-items: center;
  gap: 72px;
  display: grid;
}

.yl.gd.ac .ac-qui-photo {
  aspect-ratio: 1;
  background: var(--sable);
  border-radius: 32px;
  overflow: hidden;
}

.yl.gd.ac .ac-qui-photo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.yl.gd.ac .ac-qui-texte > p:not(.label) {
  max-width: 560px;
  color: var(--gris);
  margin-top: 24px;
  font-size: 16.5px;
  line-height: 1.65;
}

.yl.gd.ac .ac-qui-texte > .lien-souligne {
  margin-top: 18px;
}

.yl.gd.ac .ac-appel {
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  gap: 56px;
  display: grid;
}

.yl.gd.ac .ac-appel-texte > p:not(.rassurance) {
  max-width: 520px;
  margin-top: 18px;
  font-size: 17px;
  line-height: 1.6;
}

.yl.gd.ac .ac-appel .wp-block-buttons {
  margin-top: 32px;
}

.yl.gd.ac .ac-appel-points {
  gap: 18px;
  display: grid;
}

.yl.gd.ac .ac-appel-points li {
  border-top: 1px solid #f7f3ed4d;
  padding-top: 18px;
  font-size: 14.5px;
  line-height: 1.55;
}

.yl.gd.ac .ac-appel-points strong {
  font: 400 22px / 1.2 var(--serif);
  margin-bottom: 4px;
  display: block;
}

.yl.gd.ac .appel {
  padding-top: 88px;
}

@media (max-width: 1080px) {
  .yl.gd.ac .ac-heros > .enveloppe {
    grid-template-columns: 1fr 440px;
    gap: 48px;
  }

  .yl.gd.ac .ac-heros .titre-1 {
    font-size: 60px;
  }

  .yl.gd.ac .ac-qui > .enveloppe {
    grid-template-columns: 360px 1fr;
    gap: 48px;
  }
}

@media (max-width: 900px) {
  .yl.gd.ac .ac-heros {
    padding: 32px 0 64px;
  }

  .yl.gd.ac .ac-heros > .enveloppe, .yl.gd.ac .ac-service, .yl.gd.ac .ac-qui > .enveloppe, .yl.gd.ac .ac-appel {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .yl.gd.ac .ac-heros .titre-1 {
    font-size: 46px;
  }

  .yl.gd.ac .ac-heros-photo {
    aspect-ratio: 4 / 3;
  }

  .yl.gd.ac .ac-preuve {
    width: auto;
    margin: -48px 16px 0;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .yl.gd.ac .ac-entrees {
    padding-bottom: 64px;
  }

  .yl.gd.ac .ac-entrees-liste {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .yl.gd.ac .ac-entree {
    grid-template-columns: 44px 1fr;
    column-gap: 12px;
    padding-top: 18px;
    display: grid;
  }

  .yl.gd.ac .ac-num {
    grid-row: span 2;
    font-size: 26px;
  }

  .yl.gd.ac .ac-entree h3 {
    margin-top: 0;
    font-size: 22px;
  }

  .yl.gd.ac .ac-entree p:not(.ac-num) {
    margin-top: 6px;
  }

  .yl.gd.ac .ac-services, .yl.gd.ac .ac-ressources, .yl.gd.ac .ac-qui, .yl.gd.ac .ac-tests {
    padding: 64px 0;
  }

  .yl.gd.ac .ac-tete {
    flex-direction: column;
    align-items: flex-start;
  }

  .yl.gd.ac .ac-tete .lien-souligne {
    margin: 0;
  }

  .yl.gd.ac .ac-qui-photo {
    max-width: 420px;
  }

  .yl.gd.ac .appel {
    padding-top: 64px;
  }
}

@media (max-width: 560px) {
  .yl.gd.ac .ac-heros .titre-1 {
    font-size: 40px;
  }

  .yl.gd.ac .ac-boutons .wp-block-button, .yl.gd.ac .ac-boutons .wp-block-button__link {
    width: 100%;
  }

  .yl.gd.ac .ac-faits strong {
    font-size: 26px;
  }
}

.yl.gd.ac .ac-service-texte > p.ac-service-type, .yl.gd.ac .ac-coaching-texte > p.ac-service-type {
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--terracotta);
  margin: 0 0 10px;
}

.yl.gd.ac .ac-coaching {
  background: var(--blanc);
  border: 1px solid var(--sable);
  border-radius: 28px;
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  gap: 56px;
  margin-top: 56px;
  padding: 40px 44px;
  display: grid;
}

.yl.gd.ac .ac-coaching-texte h3 {
  font: 400 28px / 1.15 var(--serif);
}

.yl.gd.ac .ac-coaching-texte > p:not(.ac-service-type) {
  color: var(--gris);
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.65;
}

.yl.gd.ac .ac-coaching .ac-faits {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}

.yl.gd.ac .ac-coaching .wp-block-buttons {
  margin-top: 26px;
}

@media (max-width: 900px) {
  .yl.gd.ac .ac-coaching {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 40px;
    padding: 28px 24px;
  }

  .yl.gd.ac .ac-coaching .ac-faits {
    border-top: 1px solid var(--sable);
    padding-top: 22px;
  }
}

@media (max-width: 560px) {
  .yl.gd.ac .ac-coaching-texte h3 {
    font-size: 26px;
  }

  .yl.gd.ac .ac-coaching .wp-block-button, .yl.gd.ac .ac-coaching .wp-block-button__link {
    width: 100%;
  }
}

.yl.gd.ac .bl-connect-carte {
  background: var(--marron);
}

.yl.gd.ac .bl-connect-carte:before {
  background: #f7f3ed1c;
}

.yl.gd.ac .bl-connect-frise li:before {
  background: var(--marron);
}

.yl.gd.ac .ac-avis {
  padding: 96px 0;
}

.yl.gd.ac .ac-avis-grille {
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-top: 40px;
  display: grid;
}

.yl.gd.ac .ac-avis {
  background: var(--creme);
}

@media (max-width: 900px) {
  .yl.gd.ac .ac-avis {
    padding: 64px 0;
  }

  .yl.gd.ac .ac-avis-grille {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 28px;
  }
}

.yl.gd.ac .ac-service-image {
  aspect-ratio: 5 / 4;
}

.yl.gd.ac .ac-service-image img {
  object-position: 50% 50%;
}

.yl.gd.ac .ac-hesiter {
  text-align: center;
  color: var(--gris);
  margin-top: 28px;
  font-size: 16px;
  line-height: 1.6;
}

.yl.gd.ac .ac-hesiter a {
  color: var(--encre);
  text-underline-offset: 4px;
  white-space: nowrap;
  margin-left: 4px;
  font-weight: 600;
}

.yl.gd.ac .ac-hesiter a:hover {
  color: var(--terracotta);
}

@media (max-width: 560px) {
  .yl.gd.ac .ac-hesiter {
    text-align: left;
  }

  .yl.gd.ac .ac-hesiter a {
    margin: 6px 0 0;
    display: inline-block;
  }
}

.yl.gd.ac .ac-entrees-courtes {
  padding: 0 0 88px;
}

.yl.gd.ac .ac-raccourcis {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 18px;
  display: grid;
}

.yl.gd.ac .ac-raccourci {
  color: var(--creme);
  transition: transform .3s var(--doux), box-shadow .3s var(--doux);
  border-radius: 22px;
  padding: 26px 28px 28px;
  position: relative;
}

.yl.gd.ac .ac-raccourci:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px -22px #2b2a2899;
}

.yl.gd.ac .ac-raccourci-creme {
  background: var(--creme);
  border: 1px solid var(--sable);
  color: var(--encre);
}

.yl.gd.ac .ac-raccourci.ac-raccourci-creme .ac-num {
  color: var(--sauge);
  opacity: 1;
}

.yl.gd.ac .ac-raccourci-creme .ac-raccourci-texte {
  color: var(--gris);
  opacity: 1;
}

.yl.gd.ac .ac-raccourci-creme:after {
  color: var(--terracotta);
}

.yl.gd.ac .ac-raccourci-sauge {
  background: var(--sauge);
}

.yl.gd.ac .ac-raccourci-chocolat {
  background: var(--marron);
}

.yl.gd.ac .ac-raccourci:after {
  content: "→";
  font: 400 22px / 1 var(--sans);
  transition: transform .3s var(--doux);
  position: absolute;
  top: 24px;
  right: 28px;
}

.yl.gd.ac .ac-raccourci:hover:after {
  transform: translateX(4px);
}

.yl.gd.ac .ac-raccourci .ac-num {
  font: 400 22px / 1 var(--serif);
  color: var(--creme);
  opacity: .75;
}

.yl.gd.ac .ac-raccourci-titre {
  font: 400 27px / 1.15 var(--serif);
  margin-top: 26px;
}

.yl.gd.ac .ac-raccourci-titre a {
  color: inherit;
  text-decoration: none;
}

.yl.gd.ac .ac-raccourci-titre a:after {
  content: "";
  border-radius: inherit;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.yl.gd.ac .ac-raccourci-texte {
  color: var(--creme);
  opacity: .9;
  margin-top: 8px;
  font-size: 14.5px;
  line-height: 1.5;
}

@media (max-width: 900px) {
  .yl.gd.ac .ac-entrees-courtes {
    padding-bottom: 56px;
  }

  .yl.gd.ac .ac-raccourcis {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .yl.gd.ac .ac-raccourci {
    padding: 20px 22px 22px;
  }

  .yl.gd.ac .ac-raccourci:after {
    top: 20px;
    right: 22px;
  }

  .yl.gd.ac .ac-raccourci-titre {
    margin-top: 14px;
    font-size: 23px;
  }
}

.yl.gd.ac .ac-heros .titre-1 {
  font-size: 56px;
  line-height: 1.05;
}

@media (max-width: 1080px) {
  .yl.gd.ac .ac-heros .titre-1 {
    font-size: 50px;
  }
}

@media (max-width: 900px) {
  .yl.gd.ac .ac-heros .titre-1 {
    font-size: 42px;
  }
}

@media (max-width: 560px) {
  .yl.gd.ac .ac-heros .titre-1 {
    font-size: 36px;
  }
}

.yl.gd.ac .ac-lectures {
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 28px;
  margin-top: 40px;
  display: grid;
}

.yl.gd.ac .ac-lectures .bl-image img {
  height: auto;
}

.yl.gd.ac .ac-lectures .bl-meta a {
  color: var(--sauge);
  font-weight: 600;
  text-decoration: none;
}

.yl.gd.ac .ac-lectures .bl-titre {
  font: 400 22px / 1.25 var(--serif);
  margin-top: 8px;
}

.yl.gd.ac .ac-lectures .bl-titre a {
  text-decoration: none;
}

.yl.gd.ac .ac-lectures .bl-titre a:hover {
  color: var(--terracotta);
}

.yl.gd.ac .ac-lectures .bl-extrait {
  color: var(--gris);
  margin-top: 10px;
  font-size: 14.5px;
  line-height: 1.6;
}

@media (max-width: 1080px) {
  .yl.gd.ac .ac-lectures {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .yl.gd.ac .ac-lectures {
    grid-template-columns: 1fr;
  }
}

.yl.gd.ac .ac-heros .coches a {
  color: inherit;
  text-underline-offset: 3px;
  -webkit-text-decoration: underline #56704a66;
  text-decoration: underline #56704a66;
}

.yl.gd.ac .ac-heros .coches a:hover {
  text-decoration-color: currentColor;
}

.yl.gd.ac .ac-qui {
  background: var(--blanc);
}

.yl.gd.ac .heros-carte .heros-carte-nom {
  font: 600 16px / 1.3 var(--sans);
  color: var(--encre);
  margin-top: 0;
}

@media (max-width: 900px) {
  .yl.gd.ac .ac-heros-visuel {
    margin-bottom: 40px;
  }

  .yl.gd.ac .heros-carte {
    width: auto;
    bottom: -40px;
    left: 16px;
    right: 16px;
  }
}

.yl.gd.ac .ac-avis .avis-tete .titre-2 {
  max-width: 640px;
}

.yl.gd.ac .ac-avis .grille-avis, .yl.gd.ac .ac-avis .ac-avis-grille {
  margin-top: 40px;
}

.yl.gd.ac .ac-avis-lien {
  margin-top: 32px;
}

.yl.gd.cc .cc-definition .reponse-directe strong {
  color: var(--encre);
  font-weight: 600;
}

.yl.gd.cc .cc-definition-texte {
  max-width: 860px;
  margin-top: 64px;
}

.yl.gd.cc .cc-definition-texte > p {
  color: var(--gris);
  font-size: 16.5px;
  line-height: 1.65;
}

.yl.gd.cc .cc-definition-texte .ar-citation {
  margin-top: 28px;
}

.yl.gd.cc .cc-definition .gd-comparatif {
  margin-top: 40px;
}

.yl.gd.cc .cc-situations {
  padding: var(--section) 0;
  background: var(--creme);
}

.yl.gd.cc .cc-situations .titre-2 {
  max-width: 760px;
  margin-top: 12px;
}

.yl.gd.cc .cc-situations .sous-titre {
  max-width: 680px;
  color: var(--gris);
  margin-top: 16px;
  font-size: 17px;
  line-height: 1.6;
}

.yl.gd.cc .cc-situations .gd-cartes {
  margin-top: 40px;
}

.yl.gd.cc .cc-appel-haut {
  background: var(--blanc);
  border: 1px solid var(--sable);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  gap: 24px 40px;
  margin-top: 40px;
  padding: 26px 30px;
  display: flex;
}

.yl.gd.cc .cc-appel-haut p {
  max-width: 720px;
  color: var(--gris);
  font-size: 15.5px;
  line-height: 1.55;
}

.yl.gd.cc .cc-appel-haut strong {
  color: var(--encre);
}

.yl.gd.cc .cc-appel-haut .wp-block-buttons {
  flex: none;
}

.yl.gd.cc .qui .sous-titre {
  max-width: 720px;
}

.yl.gd.cc .qui .sous-titre a, .yl.gd.cc .qualites a {
  color: var(--sauge);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.yl.gd.cc .qui .recit .lien-souligne {
  margin-top: 14px;
}

.yl.gd.cc .qui .recit .intro-avis {
  margin-top: 30px;
}

.yl.gd.cc .cc-points {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 56px;
  display: grid;
}

.yl.gd.cc .cc-point {
  background: var(--blanc);
  border-radius: 20px;
  padding: 28px 30px;
}

.yl.gd.cc .cc-point h3 {
  font: 400 22px / 1.25 var(--serif);
}

.yl.gd.cc .cc-point p {
  color: var(--gris);
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.6;
}

.yl.gd.cc .cc-point a {
  color: var(--sauge);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.yl.gd.cc .deroule > .enveloppe > .wp-block-buttons {
  margin-top: 40px;
}

.yl.gd.cc .cc-vecu .vecu-tete:after, .yl.gd.cc .cc-vecu .vecu-tete:before, .yl.gd.cc .cc-vecu .vecu-citation:before, .yl.gd.cc .cc-vecu .vecu-citation:after {
  content: none;
}

.yl.gd.cc .cc-vecu .vecu-tete .titre-2 {
  max-width: 720px;
  margin-top: 12px;
}

.yl.gd.cc .cc-vecu .vecu-choc {
  max-width: 860px;
  font-size: 44px;
  line-height: 1.12;
}

.yl.gd.cc .cc-vecu .vecu-temps {
  margin-top: 28px;
  font-size: 24px;
  line-height: 1.5;
}

.yl.gd.cc .avis-tete .titre-2 {
  max-width: 640px;
}

.yl.gd.cc .cc-grille-avis {
  grid-template-columns: repeat(2, 1fr);
  max-width: none;
}

.yl.gd.cc .tarif .ligne .dd a, .yl.gd.cc .tarif .encart a {
  color: var(--encre);
  text-underline-offset: 3px;
  font-weight: 600;
  text-decoration: underline;
}

.yl.gd.cc .cc-comparer {
  padding-top: var(--section);
}

.yl.gd.cc .cc-comparer .gd-intro {
  max-width: 680px;
}

.yl.gd.cc .cc-comparer .gd-table {
  margin-top: 36px;
}

.yl.gd.cc .cc-comparer .gd-note {
  margin-top: 18px;
}

@media (max-width: 900px) {
  .yl.gd.cc .cc-appel-haut {
    flex-direction: column;
    align-items: flex-start;
    padding: 22px;
  }

  .yl.gd.cc .cc-points, .yl.gd.cc .cc-grille-avis {
    grid-template-columns: 1fr;
  }

  .yl.gd.cc .cc-vecu .vecu-choc {
    font-size: 32px;
  }

  .yl.gd.cc .cc-vecu .vecu-temps {
    font-size: 20px;
  }

  .yl.gd.cc .cc-definition-texte {
    margin-top: 48px;
  }
}

.yl.gd .ar-ariane {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 .35em;
  display: flex;
}

.yl.gd .ar-ariane .wp-block-post-terms a {
  color: var(--gris);
  text-decoration: none;
}

.yl.gd .ar-tete .bl-meta > .wp-block-post-terms {
  font: 600 13px / 1 var(--sans);
  border-radius: 999px;
  align-items: center;
  padding: 7px 14px;
  display: inline-flex;
}

.yl.gd .ar-tete .bl-meta .bl-cat a {
  color: var(--creme);
}

.yl.gd .ar-chapo .wp-block-post-excerpt__excerpt {
  font: inherit;
  color: inherit;
}

.yl.gd .ar-auteur figure {
  flex: none;
}

.yl.gd .ar-auteur-texte {
  min-width: 0;
}

.yl.gd .ar-publie:before {
  content: "Publié le ";
}

.yl.gd .ar-maj:before {
  content: "Mis à jour le ";
}

.yl.gd .ar-corps:not(:has( > .ar-sommaire)) {
  grid-template-columns: minmax(0, 760px);
}

.yl.gd .ar-colonne {
  min-width: 0;
}

.yl.gd .ar-colonne > .ar-bio {
  margin-top: 20px;
  font-size: 17.5px;
  line-height: 1.75;
}

@media (max-width: 700px) {
  .yl.gd .ar-colonne > .ar-bio {
    font-size: 16.5px;
  }
}

.yl.gd .ar-bio figure {
  margin: 0;
}

.yl.gd .ar-colonne .ar-bio p.lien-souligne:not(.label) {
  margin-top: 12px;
  font-size: 14.5px;
  line-height: 1.75;
}

.yl.gd .ar-lies-grille {
  padding: 0;
  list-style: none;
}

.yl.gd .ar-lie {
  position: relative;
}

.yl.gd .ar-lie figure {
  margin: 0;
}

.yl.gd .ar-lie .bl-meta {
  margin-top: 0;
  display: flex;
}

.yl.gd .ar-lie .bl-meta .wp-block-post-terms a {
  color: inherit;
  font-weight: 400;
}

.yl.gd .ar-lie .bl-lecture-suite {
  display: none;
}

.yl.gd .ar-connect .wp-block-buttons {
  flex: 0 auto;
  max-width: 100%;
}

.yl.gd .ar-connect .wp-block-button {
  max-width: 100%;
}

.yl.gd .ar-connect .wp-block-button__link {
  max-width: 100%;
  min-height: 0;
  font: 600 15.5px / 1 var(--sans);
  white-space: normal;
  align-items: center;
  padding: 16px 28px;
  display: flex;
}

.yl.gd .ar-lie-titre a {
  color: var(--encre);
  text-decoration: none;
}

.yl.gd .ar-lie-titre a:after {
  content: "";
  border-radius: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.yl.gd .ar-connect .wp-block-buttons {
  flex: none;
}

.yl.gd .rb-tete .ar-ariane {
  margin-bottom: 28px;
}

.yl.gd .rb-tete .titre-1 {
  margin-top: 12px;
}

.yl.gd .rb-tete .chapo {
  max-width: 640px;
  margin-top: 18px;
}

.yl.gd .rb-rubriques {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 36px;
  display: flex;
}

.yl.gd .rb-rubriques p, .yl.gd .rb-rubriques ul, .yl.gd .rb-rubriques li {
  display: contents;
}

.yl.gd .rb-rubriques a {
  border: 1px solid var(--sable);
  font: 500 14.5px / 1.2 var(--sans);
  color: var(--encre);
  border-radius: 999px;
  align-items: baseline;
  gap: 8px;
  padding: 10px 18px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s;
  display: inline-flex;
}

.yl.gd .rb-rubriques a span {
  color: var(--gris);
  font-size: 12.5px;
}

.yl.gd .rb-rubriques a:hover {
  background: var(--creme);
  border-color: var(--creme);
}

.yl.gd .rb-rubriques a[aria-current="page"] {
  background: var(--encre);
  border-color: var(--encre);
  color: var(--creme);
}

.yl.gd .rb-rubriques a[aria-current="page"] span {
  color: var(--creme);
}

.yl.gd .rb-liste {
  padding-top: 24px;
}

.yl.gd .rb-compte {
  border-top: 1px solid var(--sable);
  font: 600 12px / 1.3 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--gris);
  padding-top: 28px;
}

.yl.gd .rb-liste .bl-grille .wp-block-post-template {
  margin-top: 24px;
}

.yl.gd .rb-pages {
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  margin-top: 48px;
  font-size: 15px;
  display: flex;
}

.yl.gd .rb-pages a {
  color: var(--encre);
}

.yl.gd .rb-pages .current {
  color: var(--sauge);
  font-weight: 600;
}

.yl.gd .e4-tete {
  padding: 96px 0 48px;
  position: relative;
  overflow: hidden;
}

.yl.gd .e4-tete .enveloppe {
  position: relative;
}

.yl.gd .e4-numero {
  font: italic 400 clamp(140px, 22vw, 300px) / 1 var(--serif);
  color: var(--creme);
  letter-spacing: -.03em;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  z-index: 0;
  position: absolute;
  top: -40px;
  right: 0;
}

.yl.gd .e4-tete .label, .yl.gd .e4-tete .titre-1, .yl.gd .e4-tete .chapo {
  z-index: 1;
  position: relative;
}

.yl.gd .e4-tete .titre-1 {
  max-width: 760px;
  margin-top: 14px;
}

.yl.gd .e4-tete .chapo {
  max-width: 600px;
  margin-top: 20px;
}

.yl.gd .e4-pistes {
  padding-bottom: 96px;
}

.yl.gd .e4-pistes .cocon-cartes {
  margin-top: 8px;
}

.yl.gd .e4-retour {
  margin-top: 40px;
  font-size: 15.5px;
}

@media (max-width: 700px) {
  .yl.gd .e4-tete {
    padding-top: 56px;
  }

  .yl.gd .e4-numero {
    top: -10px;
  }
}

.yl sup, .yl sub {
  line-height: 0;
}

@media (max-width: 600px) {
  .yl.gd .gd-heros > .enveloppe > * {
    min-width: 0;
  }

  .yl.gd .gd-ticket-ligne:not(.gd-ticket-total) p:first-child {
    flex: 1 1 0;
    min-width: min-content;
  }

  .yl.gd .gd-ticket-ligne:not(.gd-ticket-total) p:last-child {
    white-space: normal;
    text-align: right;
    flex: 0 auto;
    max-width: 62%;
  }

  .yl.gd .gd-ticket-total p:last-child {
    font-size: 36px;
  }
}

@media (max-width: 374px) {
  .yl .entete .enveloppe {
    gap: 8px;
  }

  .yl .logo img {
    height: 15px !important;
  }

  .yl .site-entete .wp-block-button > .wp-block-button__link {
    padding: 0 12px;
    font-size: 12px;
  }

  .yl.gd .bl-connect-carte {
    padding: 32px 20px;
  }

  .yl.gd .bl-connect-carte > * {
    min-width: 0;
  }

  .yl.gd .bl-connect .titre-2 {
    overflow-wrap: break-word;
    font-size: 30px;
  }

  .yl.gd .gd-cartes > * {
    min-width: 0;
  }

  .yl.gd .gd-chiffre {
    font-size: 40px;
  }

  .yl .rs-audio-carte > *, .yl .rs-audio-texte audio {
    min-width: 0;
  }
}

.yl.gd .bl-connect-carte {
  isolation: isolate;
  position: relative;
}

.yl.gd .bl-connect-carte:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: #f7f3ed0f;
  width: 780px;
  height: 780px;
  position: absolute;
  top: -24%;
  left: 50%;
  -webkit-mask: url("logo-symbole.svg") center / contain no-repeat;
  mask: url("logo-symbole.svg") center / contain no-repeat;
}

.yl.gd .bl-connect-mois .label {
  color: var(--creme);
}

.yl.gd .bl-connect-frise {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.yl.gd .bl-connect-frise:before {
  content: "";
  background: #f7f3ed40;
  width: 2px;
  position: absolute;
  top: 14px;
  bottom: 36px;
  left: 9px;
}

.yl.gd .bl-connect-frise li {
  font: 400 24px / 1.2 var(--serif);
  padding: 9px 0 9px 34px;
  position: relative;
}

.yl.gd .bl-connect-frise li:before {
  content: "";
  background: var(--encre);
  border: 2px solid #f7f3ed99;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 13px;
  left: 0;
}

.yl.gd .bl-connect-frise em {
  font: normal 400 13px / 1.4 var(--sans);
  color: #d9d3ca;
  margin-top: 2px;
  display: block;
}

.yl.gd .bl-connect-frise li.cercle {
  color: #e9a07f;
}

.yl.gd .bl-connect-frise li.cercle:before {
  background: var(--terracotta);
  border-color: var(--terracotta);
  box-shadow: 0 0 0 6px #aa553440;
}

.yl.gd .bl-connect-frise li.cercle em {
  color: #e9a07f;
}

.yl.gd .bl-connect-frise-pied {
  border-top: 1px solid #f7f3ed33;
  margin: 18px 0 0 34px;
  padding-top: 16px;
  font-size: 14.5px;
  line-height: 1.55;
}

@media (max-width: 1080px) {
  .yl.gd .bl-connect-carte:before {
    width: 600px;
    height: 600px;
    top: auto;
    bottom: -260px;
    left: auto;
    right: -250px;
  }

  .yl.gd .bl-connect-frise li {
    font-size: 21px;
  }
}

.yl .gd-essentiel:has( + .gd-sommaire) {
  padding-bottom: 40px;
}

.yl .gd-sommaire-boite {
  background: #f5e4dc;
  border: 1px solid #ebcbbd;
  border-radius: 24px;
  padding: 28px 32px 24px;
}

.yl .gd-sommaire-boite .label {
  color: var(--terracotta-survol);
}

.yl .gd-sommaire-liste {
  counter-reset: s;
  columns: 3;
  column-gap: 40px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}

.yl .gd-sommaire-liste li {
  counter-increment: s;
  break-inside: avoid;
}

.yl .gd-sommaire-liste a {
  color: var(--encre);
  padding: 7px 0;
  font-size: 15.5px;
  line-height: 1.4;
  text-decoration: none;
  display: block;
}

.yl .gd-sommaire-liste a:before {
  content: counter(s) ". ";
  color: var(--terracotta-survol);
  font-variant-numeric: tabular-nums;
}

.yl .gd-sommaire-liste a:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

.yl .gd-section h2[id], .yl .faq h2[id] {
  scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px)  + 110px);
}

@media (max-width: 900px) {
  .yl .gd-sommaire-liste {
    columns: 2;
  }
}

@media (max-width: 560px) {
  .yl .gd-sommaire-boite {
    border-radius: 18px;
    padding: 22px 22px 18px;
  }

  .yl .gd-sommaire-liste {
    columns: 1;
  }

  .yl .gd-sommaire-liste a {
    padding: 5px 0;
    font-size: 15px;
  }
}

.yl.gd .t-reconversion {
  --t-clair: #f5e4dc;
  --t-bord: #ebcbbd;
  --t-fonce: var(--terracotta-survol);
  --t-bouton: var(--terracotta);
  --t-bouton-survol: var(--terracotta-survol);
}

.yl.gd .t-sante {
  --t-clair: #f7e6cc;
  --t-bord: #ecd0a6;
  --t-fonce: #84501a;
  --t-bouton: #9a5b1c;
  --t-bouton-survol: #7a4614;
}

.yl.gd .t-connaitre {
  --t-clair: #e2eadc;
  --t-bord: #c9d6c0;
  --t-fonce: #3f5536;
  --t-bouton: var(--sauge);
  --t-bouton-survol: #3f5536;
}

.yl.gd .rs-tete {
  padding-bottom: 28px;
}

.yl.gd .rs-tete .titre-1 {
  margin-top: 14px;
}

.yl.gd .rs-nav {
  top: calc(var(--wp-admin--admin-bar--height, 0px)  + 80px);
  z-index: 15;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--sable-clair);
  background: #fffffff0;
  position: sticky;
}

.yl.gd .rs-nav > .enveloppe {
  scrollbar-width: none;
  align-items: center;
  gap: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  overflow-x: auto;
}

.yl.gd .rs-nav > .enveloppe::-webkit-scrollbar {
  display: none;
}

.yl.gd .rs-nav p {
  margin: 0;
  display: contents;
}

.yl.gd .rs-nav .rs-nav-intro {
  color: var(--gris);
  white-space: nowrap;
  flex: none;
  margin-right: 4px;
  font-size: 13px;
}

.yl.gd .rs-nav a {
  border: 1px solid var(--sable);
  font: 400 14px / 1.3 var(--sans);
  color: var(--encre);
  white-space: nowrap;
  border-radius: 999px;
  flex: none;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, color .2s;
}

.yl.gd .rs-nav a:hover {
  border-color: var(--encre);
}

.yl.gd .rs-nav a.actif {
  background: var(--encre);
  border-color: var(--encre);
  color: var(--blanc);
}

.yl.gd .rs-nav .rs-nav-externe a {
  color: var(--terracotta-survol);
  background: #f5e4dc;
  border-color: #ebcbbd;
  font-weight: 500;
}

.yl.gd .rs-nav .rs-nav-externe a:hover {
  background: #ebcbbd;
}

.yl.gd .rs-une {
  padding: 36px 0 72px;
}

.yl.gd .rs-une .bl-une-carte .label {
  display: block;
}

.yl.gd .rs-theme {
  scroll-margin-top: calc(var(--wp-admin--admin-bar--height, 0px)  + 140px);
  padding: 72px 0;
}

.yl.gd .rs-theme.rs-fond {
  background: var(--creme);
}

.yl.gd .rs-theme.rs-fond + .rs-theme.rs-fond {
  border-top: 1px solid var(--sable);
}

.yl.gd .rs-theme-tete {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 32px;
  display: flex;
}

.yl.gd .rs-theme-tete .label {
  color: var(--t-fonce);
}

.yl.gd .rs-theme-tete .titre-2 {
  color: var(--marron);
  margin-top: 10px;
}

.yl.gd .rs-theme-tete .rs-intro {
  max-width: 600px;
  color: var(--gris);
  margin-top: 10px;
}

.yl.gd .rs-theme-tete .rs-tout {
  flex: none;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}

.yl.gd .rs-theme-tete .rs-tout a {
  color: var(--encre);
  text-underline-offset: 4px;
}

.yl.gd .rs-pilier {
  background: var(--t-clair);
  border: 1px solid var(--t-bord);
  border-radius: 24px;
  grid-template-columns: 1fr 1.15fr;
  display: grid;
  overflow: hidden;
  box-shadow: 0 18px 40px -30px #2b2a2859;
}

.yl.gd .rs-pilier-texte {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 14px;
  padding: 40px 44px;
  display: flex;
}

.yl.gd .rs-pilier-texte p {
  margin: 0;
}

.yl.gd .rs-pilier-meta {
  color: var(--t-fonce);
  font-size: 13px;
}

.yl.gd .rs-pilier-meta strong {
  background: var(--blanc);
  border-radius: 999px;
  margin-right: 8px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
}

.yl.gd .rs-pilier-texte h3 {
  font: 400 clamp(28px, 3vw, 38px) / 1.1 var(--serif);
  color: var(--encre);
}

.yl.gd .rs-pilier-texte h3 a {
  color: inherit;
  text-decoration: none;
}

.yl.gd .rs-pilier-texte h3 a:hover {
  text-underline-offset: 5px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.yl.gd .rs-pilier-texte > p:not(.rs-pilier-meta) {
  max-width: 480px;
  color: var(--gris);
}

.yl.gd .rs-pilier .wp-block-buttons {
  margin-top: 6px;
}

.yl.gd .rs-pilier .wp-block-button__link {
  background: var(--t-bouton);
  color: var(--blanc);
}

.yl.gd .rs-pilier .wp-block-button__link:hover {
  background: var(--t-bouton-survol);
}

.yl.gd .rs-menu {
  background: var(--blanc);
  counter-reset: e;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 28px 32px;
  list-style: none;
  display: flex;
}

.yl.gd .rs-menu li {
  counter-increment: e;
}

.yl.gd .rs-menu li + li > a {
  border-top: 1px solid var(--sable-clair);
}

.yl.gd .rs-menu a {
  color: var(--encre);
  align-items: center;
  gap: 14px;
  padding: 12px 10px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.yl.gd .rs-menu a:hover {
  background: var(--creme);
  border-radius: 12px;
}

.yl.gd .rs-menu a:before {
  content: counter(e);
  background: var(--t-clair);
  width: 30px;
  height: 30px;
  color: var(--t-fonce);
  font: 600 13px / 1 var(--sans);
  border-radius: 50%;
  flex: none;
  place-items: center;
  display: grid;
}

.yl.gd .rs-menu a:after {
  content: "→";
  color: var(--t-fonce);
  margin-left: auto;
  padding-left: 8px;
}

.yl.gd .rs-menu img {
  object-fit: cover;
  border-radius: 10px;
  flex: none;
  width: 52px !important;
  height: 52px !important;
}

.yl.gd .rs-menu a > strong {
  width: 52px;
  height: 52px;
  font: 600 12px / 1 var(--sans);
  background: var(--sable);
  color: var(--encre);
  border-radius: 10px;
  flex: none;
  place-items: center;
  display: grid;
}

.yl.gd .rs-menu a > strong.rs-test {
  background: var(--t-bouton);
  color: var(--blanc);
}

.yl.gd .rs-menu .rs-libelle {
  font: 400 19px / 1.25 var(--serif);
  display: block;
}

.yl.gd .rs-menu em {
  font: normal 400 12px / 1.4 var(--sans);
  color: var(--gris);
  display: block;
}

.yl.gd .rs-fin {
  padding-bottom: var(--section);
}

.yl.gd .rs-fin .bl-connect-carte {
  background: var(--marron);
}

.yl.gd .rs-fin .bl-connect-carte:before {
  background: #f7f3ed1c;
}

.yl.gd .rs-fin .bl-connect-frise li:before {
  background: var(--marron);
}

@media (max-width: 960px) {
  .yl.gd .rs-pilier {
    grid-template-columns: 1fr;
  }

  .yl.gd .rs-menu {
    padding: 18px 14px;
  }
}

@media (max-width: 640px) {
  .yl.gd .rs-nav .rs-nav-intro {
    display: none;
  }

  .yl.gd .rs-theme {
    padding: 52px 0;
  }

  .yl.gd .rs-theme-tete {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 22px;
  }

  .yl.gd .rs-pilier-texte {
    padding: 28px 22px;
  }

  .yl.gd .rs-menu .rs-libelle {
    font-size: 17px;
  }

  .yl.gd .rs-menu img, .yl.gd .rs-menu a > strong {
    width: 44px !important;
    height: 44px !important;
  }
}

@media (max-width: 560px) {
  .yl.gd .rs-nav {
    top: 68px;
  }
}

:is(.yl .ar-tete .bl-meta .bl-cat:has(a[href*="/category/se-reconvertir/"]), .yl .ar-tete .bl-meta .bl-cat:has(a[href*="/category/bilan-de-competences/"])) {
  background: var(--terracotta);
}

.yl .ar-tete .bl-meta .bl-cat:has(a[href*="/category/sante-au-travail/"]) {
  background: #9a5b1c;
}

.yl .ar-tete .bl-lecture-suite {
  white-space: pre;
}