/* Start custom CSS *//* Sticky des titres de chapitre : le kit met html et body en overflow-x hidden, ce qui casse position: sticky. clip coupe pareil sans créer de zone de défilement. */
html, body { overflow-x: clip; }

/* Header crème sur cette page (version fixe et version sticky) */
.elementor-location-header .elementor-element-f97fd30:not(.elementor-motion-effects-element-type-background) { background-color: #fbf7eb; }

/* Monogramme de fin de page : logo blanc sur rond noir */
.elementor [data-id="48385d1d"] svg, .elementor [data-id="48385d1d"] svg path { fill: #ffffff; }

/* Planches de marque : onglet actif, voile qui fonce la vidéo, vidéo en fond */
.elementor .bb-pl-onglet { transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.elementor .bb-pl-onglet:hover { background-color: #ffffff; color: #1f1f1e; }
.elementor .bb-pl-onglet[aria-selected="true"], .elementor .bb-pl-onglet[aria-selected="true"]:hover, .elementor .bb-pl-onglet[aria-selected="true"]:focus { background-color: #1f1f1e; color: #fbf7eb; border-color: #1f1f1e; cursor: default; }
.elementor .bb-pl-onglet:focus { border-color: #1f1f1e; }
.elementor .bb-pl-onglet:focus-visible { outline: 2px solid #1f1f1e; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .elementor .bb-pl-onglet { transition: none; } }
.elementor .bb-pl-voile { mix-blend-mode: multiply; pointer-events: none; }
.elementor .bb-pl-fond video, .elementor video.bb-pl-fond { width: 100%; height: 100%; object-fit: cover; display: block; }

/* Halo du point « Vous êtes ici » : une onde noire translucide qui s'étend et s'efface */
.elementor .bb-pt-ici { box-shadow: none; animation: bb-halo 2.4s cubic-bezier(.22,.61,.36,1) infinite; }
@keyframes bb-halo {
  0%   { box-shadow: 0 0 0 0 rgba(31,31,30,.28); }
  80%  { box-shadow: 0 0 0 12px rgba(31,31,30,0); }
  100% { box-shadow: 0 0 0 12px rgba(31,31,30,0); }
}
@media (prefers-reduced-motion: reduce) { .elementor .bb-pt-ici { animation: none; box-shadow: 0 0 0 6px rgba(31,31,30,.14); } }

/* ── Section finale « coup d'éclat » (maquette A1) : fond blanc, rond éclat, formulaire dans le cœur blanc ── */
/* Le filet du parcours est redessiné dans la section (le fond blanc couvre celui du conteneur). */
.elementor-26631 .elementor-element-6bf3c524.e-con {
  position: relative; overflow: hidden;
  grid-template-columns: minmax(0, 1fr) 300px; column-gap: 40px; align-items: center;
  min-height: 520px; padding: 72px 110px 72px 156px;
  background-color: #ffffff;
  background-image:
    linear-gradient(#1f1f1e, #1f1f1e),
    radial-gradient(circle 540px at calc(100% - 260px) 50%, #ffffff 0 205px, #fbc589 324px, #edbef8 432px, #4e85c6 539px, rgba(255,255,255,0) 540px);
  background-size: 1px 100%, 100% 100%;
  background-position: 100px 0, 0 0;
  background-repeat: no-repeat;
}
.elementor-26631 .elementor-element-6bf3c524 [data-id="3f217bb8"] { align-self: start; }
.elementor-26631 .elementor-element-6bf3c524 [data-id="7f826e6c"] { font-size: clamp(44px, 6.2vw, 104px); }
.elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { top: 72px; }
.elementor-26631 .elementor-element-6bf3c524 [data-id="5f7af997"].bb-brief {
  width: 300px; justify-self: center; align-self: center; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
.elementor-26631 .elementor-element-6bf3c524 .bb-brief-champ { background-color: rgba(255,255,255,.7); }
.elementor-26631 .elementor-element-6bf3c524 [data-id="44d05210"] { width: 100%; }

/* Tablette et mobile : le dégradé prend tout le fond, centré sur le formulaire */
@media (max-width: 1024px) {
  .elementor-26631 .elementor-element-6bf3c524.e-con {
    grid-template-columns: minmax(0, 1fr); row-gap: 72px; min-height: 0; padding: 64px 32px 96px 96px;
    background-image:
      linear-gradient(#1f1f1e, #1f1f1e),
      radial-gradient(circle farthest-corner at 50% 71%, #ffffff 0 38%, #fbc589 60%, #edbef8 80%, #4e85c6 100%);
    background-position: 40px 0, 0 0;
  }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="7f826e6c"] { font-size: clamp(44px, 8.4vw, 76px); }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { top: 64px; }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="5f7af997"].bb-brief { width: 340px; max-width: 100%; margin-left: -64px; }
}
@media (max-width: 767px) {
  .elementor-26631 .elementor-element-6bf3c524.e-con {
    row-gap: 96px; padding: 48px 20px 104px 62px;
    background-image:
      linear-gradient(#1f1f1e, #1f1f1e),
      radial-gradient(circle farthest-corner at 50% 70%, #ffffff 0 38%, #fbc589 60%, #edbef8 80%, #4e85c6 100%);
    background-position: 29px 0, 0 0;
  }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="7f826e6c"] { font-size: clamp(34px, 10.6vw, 48px); }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { top: 48px; }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="5f7af997"].bb-brief { width: min(290px, 100%); margin-left: -42px; }
}

/* Section finale : rond éclat au-dessus du :B (calque ::after), texte centré, :B rangé dans le bloc texte */
.elementor-26631 .elementor-element-6bf3c524.e-con { isolation: isolate; background-image: linear-gradient(#1f1f1e, #1f1f1e); background-size: 1px 100%; background-position: 100px 0; }
.elementor-26631 .elementor-element-6bf3c524.e-con::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; opacity: var(--sol-o, 1);
  background: radial-gradient(circle var(--sol-r, min(660px, 34.5vw)) at var(--sol-x, calc(100% - min(460px, 24vw))) var(--sol-y, calc(50% - 40px)), #ffffff 0 38%, #fbc589 60%, #edbef8 80%, #4e85c6 calc(100% - 1px), rgba(255,255,255,0) 100%); }
.elementor-26631 .elementor-element-6bf3c524 [data-id="3f217bb8"] { align-self: center; position: relative; }
.elementor-26631 .elementor-element-6bf3c524 [data-id="3f217bb8"] > :not([data-id="48385d1d"]), .elementor-26631 .elementor-element-6bf3c524 [data-id="5f7af997"].bb-brief { position: relative; z-index: 2; }
.elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { position: absolute; z-index: 0; top: 0.12em; inset-block-start: 14px; inset-inline-start: -84px; left: -84px; }
@media (max-width: 1024px) {
  .elementor-26631 .elementor-element-6bf3c524.e-con { background-position: 40px 0; }
  .elementor-26631 .elementor-element-6bf3c524.e-con::after { background: radial-gradient(circle var(--sol-r, 1200px) at var(--sol-x, 50%) var(--sol-y, 71%), #ffffff 0 38%, #fbc589 60%, #edbef8 80%, #4e85c6 calc(100% - 1px), #4e85c6 100%); }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="3f217bb8"] { align-self: start; }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { inset-block-start: 8px; inset-inline-start: -84px; left: -84px; }
}
@media (max-width: 767px) {
  .elementor-26631 .elementor-element-6bf3c524.e-con { background-position: 29px 0; }
  .elementor-26631 .elementor-element-6bf3c524.e-con::after { background: radial-gradient(circle var(--sol-r, 1000px) at var(--sol-x, 50%) var(--sol-y, 70%), #ffffff 0 38%, #fbc589 60%, #edbef8 80%, #4e85c6 calc(100% - 1px), #4e85c6 100%); }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { inset-block-start: 4px; inset-inline-start: -53px; left: -53px; }
}

/* Section finale, ordinateur : rond et formulaire décalés vers la gauche (centre à min(460px, 24vw) du bord), titre sur 3 lignes */
@media (min-width: 1025px) {
  .elementor-26631 .elementor-element-6bf3c524.e-con { padding-right: calc(min(460px, 24vw) - 150px); }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="7f826e6c"] { max-width: 8.6em; }
}

/* Section finale : formulaire centré sur le titre (remonté de la moitié de la phrase + écart), plus d'air entre le :B et le titre */
@media (min-width: 1025px) {
  .elementor-26631 .elementor-element-6bf3c524 [data-id="5f7af997"].bb-brief { top: -40px; }
  .elementor-26631 .elementor-element-6bf3c524.e-con { column-gap: 80px; }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="7f826e6c"] { font-size: clamp(44px, 5.6vw, 104px); }
  .elementor-26631 .elementor-element-6bf3c524.e-con { padding-left: 168px; }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { inset-inline-start: -96px; left: -96px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-26631 .elementor-element-6bf3c524.e-con { padding-left: 116px; }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { inset-inline-start: -104px; left: -104px; }
}
@media (max-width: 767px) {
  .elementor-26631 .elementor-element-6bf3c524.e-con { padding-left: 78px; }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { inset-inline-start: -69px; left: -69px; }
}

/* Section finale, laptop (1025-1366 px) : titre un peu plus à gauche, rond et formulaire un peu plus à droite (centre à 20vw du bord) */
@media (min-width: 1025px) and (max-width: 1366px) {
  .elementor-26631 .elementor-element-6bf3c524.e-con { padding-left: 168px; padding-right: calc(20vw - 150px); }
  .elementor-26631 .elementor-element-6bf3c524 [data-id="48385d1d"] { inset-inline-start: -96px; left: -96px; }
  .elementor-26631 .elementor-element-6bf3c524.e-con::after { background: radial-gradient(circle var(--sol-r, min(660px, 34.5vw)) at var(--sol-x, calc(100% - 20vw)) var(--sol-y, calc(50% - 40px)), #ffffff 0 38%, #fbc589 60%, #edbef8 80%, #4e85c6 calc(100% - 1px), rgba(255,255,255,0) 100%); }
}

/* Hero : le bloc titre ne descend jamais sous la largeur de « WORDPRESS » ; s'il manque de place, le chapô passe dessous au lieu d'être chevauché */
.elementor-26631 [data-id="112a09c1"] { min-width: min-content; }

/* Hero tablette et laptop : chapô plus large quand il passe sous le titre */
@media (min-width: 768px) and (max-width: 1366px) {
	.elementor-26631 [data-id="486b07f5"] { flex: 1 1 380px !important; max-width: 720px !important; }
}

/* Section finale, tablette et mobile : bloc titre et formulaire alignés à gauche, rapprochés et centrés verticalement */
@media (min-width: 768px) and (max-width: 1024px) {
	.elementor-26631 [data-id="6bf3c524"] { padding-bottom: 64px !important; }
	.elementor-26631 [data-id="5f7af997"] { margin-left: 0 !important; justify-self: start !important; width: 100% !important; max-width: 440px !important; }
}
@media (max-width: 1024px) {
	.elementor-26631 [data-id="6bf3c524"] { align-content: center !important; row-gap: 40px !important; }
	/* le rond couvre toute la section : le B noir passe au-dessus */
	.elementor-26631 [data-id="48385d1d"] { z-index: 2 !important; }
}
@media (max-width: 767px) {
	.elementor-26631 [data-id="6bf3c524"] { padding: 48px 20px !important; }
	/* mobile : pas de B, titre et formulaire seuls, centrés */
	.elementor-26631 [data-id="48385d1d"] { display: none !important; }
	.elementor-26631 [data-id="5f7af997"] { margin-left: 0 !important; justify-self: stretch !important; width: 100% !important; max-width: none !important; }
}

/* Tablette et mobile : parcours réduit aux cartes (sans lignes, ronds ni « Vous êtes ici ») */
@media (max-width: 1024px) {
	.elementor-26631 [data-id="61708d50"] > .e-con { border: 0 !important; padding: 0 !important; width: 100% !important; }
	.elementor-26631 [data-id="61708d50"] > .e-con > .e-con:first-child,
	.elementor-26631 [data-id="3002347e"] { display: none !important; }
	.elementor-26631 [data-id="61708d50"] .bb-corps { max-width: 34em !important; }
	.elementor-26631 [data-id="61708d50"] > .e-con > .bb-num { margin-top: 0 !important; }
}
@media (max-width: 767px) {
	.elementor-26631 [data-id="61708d50"] > .e-con:not(:last-child) { padding-bottom: 40px !important; }
}

/* Tablette et mobile : section finale fixe (pas d'animation ni de filet, pas de B), rond agrandi, blanc seul en bas */
@media (max-width: 1024px) {
	.elementor-26631 .elementor-element-6bf3c524.e-con { background: #ffffff !important; min-height: calc(100svh - 80px); padding-left: 40px !important; padding-right: 40px !important; padding-top: 64px !important; padding-bottom: 64px !important; }
	.elementor-26631 .elementor-element-6bf3c524.e-con::after { opacity: 1 !important; background: radial-gradient(ellipse 140% 112% at 50% 100%, #ffffff 0 38%, #fbc589 60%, #edbef8 80%, #4e85c6 100%) !important; }
	.elementor-26631 [data-id="48385d1d"] { display: none !important; }
}
@media (max-width: 767px) {
	.elementor-26631 .elementor-element-6bf3c524.e-con { padding: 48px 20px !important; }
}

/* Bandeau Blog du pied de page masqué sur cette page */
.elementor-16505 .elementor-element-ba19702 { display: none; }/* End custom CSS */