:root {
  --f-titre: 'Sora', 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-texte: 'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-graisse-titre: 700;
  --f-casse-kicker: none;
  --tm: 0.833rem;
  --t1: 1.0rem;
  --t2: 1.2rem;
  --t3: 1.44rem;
  --t4: 1.728rem;
  --t5: 2.074rem;
  --t6: 2.488rem;
  --t7: 2.986rem;
  --t-hero: clamp(2.07rem, 6vw, 3.58rem);
  --e1: 0.25rem;
  --e2: 0.5rem;
  --e3: 0.75rem;
  --e4: 1.0rem;
  --e5: 1.5rem;
  --e6: 2.0rem;
  --e7: 3.0rem;
  --e8: 4.0rem;
  --r-carte: 0.75rem;
  --r-bouton: 0.5rem;
  --r-image: 0.75rem;
  --largeur: 1100px;
  --ico-trait: 2;
  --header-h: 112px;
  
  --c-fond: #ffffff;
  --c-fond-2: #f9faff;
  --c-surface: #ffffff;
  --c-texte: #1c1d3e;
  --c-texte-2: #555566;
  --c-primaire: #5552bb;
  --c-sur-primaire: #ffffff;
  --c-secondaire: #413c9b;
  --c-sur-secondaire: #ffffff;
  --c-primaire-texte: #413c9b;
  --c-secondaire-texte: #413c9b;
  --c-doux: #f2f4ff;
  --c-sur-doux: #1c1d3e;
  --c-bord: #e3e5f5;
  --c-voile: #1c1d3e;
  --c-sur-voile: #ffffff;
  --c-ombre: #1c1d3e;
  --o-carte: none;
  --o-survol: 0 10px 15px -3px rgb(28 29 62 / 0.1), 0 4px 6px -4px rgb(28 29 62 / 0.1);
  --carte-fond: #f9faff;
  --carte-encre: #1c1d3e;
  --carte-encre-2: #555566;
  --carte-lien: #413c9b;
  --carte-bord: 1px solid #e3e5f5;
  --btn-fond: #5552bb;
  --btn-texte: #ffffff;
  --btn-bord: 1px solid #5552bb;
  --btn-ombre: none;
  --btn-deco: none;
  --lien-couleur: #413c9b;
  --lien-deco: underline;
  --lien-epaisseur: 1px;
  --lien-fond: transparent;
  --lien-fond-encre: #413c9b;
}


@media (min-width: 64rem) {
  .ka-grille { grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr); }
  .ka-grille > .ka-cote { order: -1; }
}

.ka-grille > .ka-corps { min-width: 0; overflow-x: clip; }


html body .ka-corps ul:not([class]):not(:is(.ka-tete, .ka-lies, .ks-inline-related, .ka-vote, .ka-com, .ka-auteur, .ka-cote) *) { list-style: none !important; padding-left: 0 !important; margin-block: 1rem 1.25rem !important; }
html body .ka-corps ul:not([class]):not(:is(.ka-tete, .ka-lies, .ks-inline-related, .ka-vote, .ka-com, .ka-auteur, .ka-cote) *) > li { position: relative; padding-left: 1.5rem; margin-block: .5rem !important; }
html body .ka-corps ul:not([class]):not(:is(.ka-tete, .ka-lies, .ks-inline-related, .ka-vote, .ka-com, .ka-auteur, .ka-cote) *) > li::before { content: ""; position: absolute; left: .3rem; top: calc(.85em - .2rem); width: .4rem; height: .4rem; border-radius: 9999px; background: #5552bb; }
html body .ka-corps ol:not([class]):not(:is(.ka-tete, .ka-lies, .ks-inline-related, .ka-vote, .ka-com, .ka-auteur, .ka-cote) *) { list-style: decimal !important; padding-left: 1.5rem !important; margin-block: 1rem 1.25rem !important; }
html body .ka-corps ol:not([class]):not(:is(.ka-tete, .ka-lies, .ks-inline-related, .ka-vote, .ka-com, .ka-auteur, .ka-cote) *) > li { margin-block: .5rem !important; padding-left: .25rem; }
html body .ka-corps ol:not([class]):not(:is(.ka-tete, .ka-lies, .ks-inline-related, .ka-vote, .ka-com, .ka-auteur, .ka-cote) *) > li::marker { color: #5552bb; font-weight: 600; }

body { font-family: var(--f-texte); }
h1, h2, h3, h4 { font-family: var(--f-titre); }





.bh-bes-acc:not(details) { padding-inline: var(--e5); }
.bh-bes-acc:not(details) > .bh-bes-acc-corps { padding-inline: 0; }


.bh-bes-acc > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: var(--e3); }
.bh-bes-acc > summary::-webkit-details-marker { display: none; }
.bh-bes-acc > summary svg { flex: none; transition: transform .2s; }
.bh-bes-acc[open] > summary svg { transform: rotate(180deg); }
.bh-bes-acc > summary:not(:has(svg))::after { content: "+"; flex: none; font-weight: 400; }
.bh-bes-acc[open] > summary:not(:has(svg))::after { content: "\2212"; }


.bh-bes-b-faq .bh-bes-entete { margin-inline: auto; text-align: center; }
.bh-bes-b-faq .bh-bes-accordeon { margin-inline: auto; }

[data-alignement="centre"] .bh-bes-b-faq.bh-bes-d-colle > .bh-bes-int { display: block; }
[data-alignement="centre"] .bh-bes-b-faq.bh-bes-d-colle > .bh-bes-int > .bh-bes-entete {
  margin-inline: auto; text-align: center; position: static;
}


.bh-bes-carte:has(> .bh-bes-c-corps) > .bh-bes-c-suite { margin: 0 var(--e5) var(--e5); }


.bh-bes-timeline .bh-bes-c-media img, .bh-bes-b-parcours .bh-bes-c-media img { width: 100%; height: auto; aspect-ratio: 4 / 3; max-height: 320px; object-fit: cover; }
@media (min-width: 900px) {
  .bh-bes-timeline .bh-bes-carte:has(> .bh-bes-c-media) { display: grid; grid-template-columns: minmax(0, 280px) minmax(0, 1fr); gap: var(--e5); align-items: start; }
  .bh-bes-timeline .bh-bes-carte:has(> .bh-bes-c-media) > .bh-bes-c-media { margin: 0; }
}


.bh-bes-quiz { max-width: 46rem; margin-inline: auto; display: grid; gap: var(--e4); }
.bh-bes-quiz-q { padding: var(--e5); }
.bh-bes-quiz-affirmation { font-family: var(--f-titre, inherit); font-size: var(--t3, 1.35rem); font-weight: 700; line-height: 1.25; margin: 0; }
.bh-bes-quiz-verdict { font-weight: 800; margin: var(--e3) 0 .25rem; }
.bh-bes-quiz-expl { margin-top: var(--e3); }
.bh-bes-quiz-score:empty { display: none; }
.bh-bes-quiz-bandes .bh-bes-quiz-q { border-left: 6px solid var(--c-primaire, currentColor); border-radius: 0; box-shadow: none; }
.bh-bes-quiz-plein .bh-bes-quiz-q { background: var(--c-primaire); color: var(--c-sur-primaire, var(--c-fond)); text-align: center; }
.bh-bes-quiz-plein .kv-choix { justify-content: center; }
.bh-bes-quiz-plein .kv-bouton { color: inherit; border-color: currentColor; }
.bh-bes-quiz-split { max-width: none; }
@media (min-width: 900px) {
  .bh-bes-quiz-split .bh-bes-quiz-q { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: var(--e6); align-items: start; }
  .bh-bes-quiz-split .bh-bes-quiz-q > * { grid-column: 2; }
  .bh-bes-quiz-split .bh-bes-quiz-q > .bh-bes-quiz-affirmation { grid-column: 1; grid-row: 1 / span 3; font-size: var(--t4, 1.6rem); }
}
.bh-bes-quiz-compact { max-width: 38rem; }
.bh-bes-quiz-compact .bh-bes-quiz-affirmation { font-size: var(--t2, 1.1rem); }


.bh-bes-b-sujets .bh-bes-mur { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--e3); }
.bh-bes-b-sujets .bh-bes-mur-col { display: contents; }
.bh-bes-b-sujets .bh-bes-carte.bh-bes-cs-pastille { background: transparent; border: 0; box-shadow: none; padding: 0; width: auto; }
.bh-bes-c-pastille {
  display: inline-flex; align-items: center; gap: .5em; min-height: 44px; padding: .55em 1.2em;
  border-radius: 999px; border: 1.5px solid var(--c-primaire); background: var(--carte-fond);
  color: var(--c-primaire-texte, var(--carte-encre)); text-decoration: none; font-weight: 600; cursor: pointer;
  transition: background .2s, color .2s, transform .15s;
}
.bh-bes-c-pastille::after { content: "\2192"; font-weight: 400; }
.bh-bes-c-pastille:hover, .bh-bes-c-pastille:focus-visible { background: var(--c-primaire); color: var(--c-sur-primaire); transform: translateY(-1px); }


.bh-bes-hero-actions { margin-top: var(--e5); }


.bh-bes-c-chiffre { font-size: max(28px, var(--t6, 2rem)); }
.bh-bes-c-label { font-size: max(14px, 1em) !important; }  
@media (max-width: 767px) { .bh-bes-c-chiffre { font-size: max(24px, var(--t6, 1.75rem)); } }


.bh-bes-hero.bh-bes-hero-centre { position: relative; isolation: isolate; grid-template-rows: minmax(0, 1fr) !important; }
.bh-bes-hero.bh-bes-hero-centre > .bh-bes-hero-bas { position: absolute !important; inset: 0; margin: 0 !important; z-index: -1; }
.bh-bes-hero.bh-bes-hero-centre > .bh-bes-hero-bas img { width: 100% !important; height: 100% !important; max-height: none !important;
  object-fit: cover; border-radius: 0 !important; }
.bh-bes-hero.bh-bes-hero-centre > .bh-bes-hero-bas::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(8, 12, 24, .66), rgba(8, 12, 24, .52)); }
.bh-bes-home .bh-bes-hero-centre :is(.bh-bes-hero-kicker, .bh-bes-hero-h1, .bh-bes-hero-accroche) { color: #fff !important; }
.bh-bes-home .bh-bes-hero-centre .bh-bes-bouton-2 { color: #fff !important; border-color: #fff !important; background: transparent !important; }


.bh-bes-hero.bh-bes-hero-bandeau { position: relative; isolation: isolate; justify-content: center !important; }
.bh-bes-hero.bh-bes-hero-bandeau > .bh-bes-hero-haut { position: absolute !important; inset: 0; margin: 0 !important; z-index: -1;
  height: auto !important; }
.bh-bes-hero.bh-bes-hero-bandeau > .bh-bes-hero-haut img { width: 100% !important; height: 100% !important; max-height: none !important;
  object-fit: cover; border-radius: 0 !important; }
.bh-bes-hero.bh-bes-hero-bandeau > .bh-bes-hero-haut::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(8, 12, 24, .50), rgba(8, 12, 24, .72)); }
.bh-bes-hero.bh-bes-hero-bandeau > .bh-bes-hero-bande { background: transparent !important; margin-block: auto; }
.bh-bes-home .bh-bes-hero-bandeau .bh-bes-hero-bande :is(p, h1, li, span, time, a:not(.bh-bes-bouton)) { color: #fff !important; }
.bh-bes-home .bh-bes-hero-bandeau .bh-bes-bouton-2 { color: #fff !important; border-color: #fff !important; background: transparent !important; }


.bh-bes-b-logos.bh-bes-d-colle > .bh-bes-int { display: flex !important; flex-direction: column; align-items: center; }
.bh-bes-b-logos.bh-bes-d-colle .bh-bes-entete { position: static !important; text-align: center; max-width: 48rem; margin-inline: auto; }
.bh-bes-b-logos.bh-bes-d-colle .bh-bes-entete > * { text-align: center !important; margin-inline: auto; }


:is(html.dark, [data-theme="dark"]) .bh-bes-home :is(p, li) { color: inherit; }


.bh-bes-mosaique .bh-bes-cs-image-seule img { max-height: none !important; }


.bh-bes-home .bh-bes-int { width: min(100% - 2 * var(--e4), var(--largeur)); }

.bh-bes-home .bh-bes-c-corps,
.bh-bes-home .bh-bes-cs-texte, .bh-bes-home .bh-bes-cs-qr, .bh-bes-home .bh-bes-cs-fait,
.bh-bes-home .bh-bes-cs-citation, .bh-bes-home .bh-bes-c-voile { padding-inline: var(--e4); }


.bh-bes-home .bh-bes-cs-jalon, .bh-bes-home .bh-bes-cs-repere { padding-inline: var(--e4); }
.bh-bes-home .bh-bes-cs-jalon > .bh-bes-c-corps,
.bh-bes-home .bh-bes-cs-repere > .bh-bes-c-corps { padding-inline: 0; }

.bh-bes-home .bh-bes-cs-texte > .bh-bes-c-corps { padding-inline: 0; }
@media (max-width: 639px) {
  .bh-bes-home .bh-bes-bloc .bh-bes-timeline[data-frise] { padding-left: 0; }
  .bh-bes-home .bh-bes-bloc .bh-bes-timeline[data-frise]::before,
  .bh-bes-home .bh-bes-bloc .bh-bes-timeline[data-frise]::after,
  .bh-bes-home .bh-bes-bloc .bh-bes-timeline[data-frise] > .bh-bes-tl-pas::before { content: none; }
  .bh-bes-home .bh-bes-acc > summary { padding: var(--e4); }
  .bh-bes-home .bh-bes-acc-corps { padding: 0 var(--e4) var(--e4); }
}


.bh-bes-home .bh-bes-bloc .bh-bes-car-piste { grid-auto-columns: minmax(22rem, 24rem); }


.bh-bes-home .bh-bes-widget { padding-inline: var(--e4); }
.bh-bes-home .bh-bes-resultat { padding-inline: var(--e4); }
.bh-bes-home .bh-bes-calcul, .bh-bes-home .bh-bes-calcul-sortie { padding-inline: var(--e4); }
@media (max-width: 639px) {
  .bh-bes-home .bh-bes-b-etapes [data-etape].bh-bes-carte { padding-left: 0; }
}


.bh-bes-home .bh-bes-c-corps,
.bh-bes-home .bh-bes-cs-texte, .bh-bes-home .bh-bes-cs-qr,
.bh-bes-home .bh-bes-cs-fait, .bh-bes-home .bh-bes-cs-citation { padding-inline: var(--e4); }


@media (max-width: 639px) {
  .bh-bes-home .bh-bes-int { width: min(100% - 2 * var(--e4), var(--largeur)); }
}


@media (max-width: 639px) {
  .bh-bes-home .bh-bes-cs-idee .bh-bes-ir-faux,
  .bh-bes-home .bh-bes-cs-idee .bh-bes-ir-vrai {
    grid-template-columns: minmax(0, 1fr); padding: var(--e4);
  }
}


.bh-bes-hero-cote { display: grid; gap: var(--e4); align-content: end; }

