/* Copie légère de /assets/phare-parcourir.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:fd0f8d1ed71bef1445f927e3b10f65778207ce94 — ne pas éditer, relancer l'outil. */
.tp{--tp-encre: var(--rs-encre, #0A0A0A);
    --tp-doux: var(--rs-doux, #5F5F5F);
    --tp-mute: var(--rs-mute, #767676);
    --tp-barre: var(--p-barre-h, 68px);
    --tp-e: cubic-bezier(0.22, 0.68, 0.24, 1);
    --tp-sortie: cubic-bezier(0.16, 1, 0.3, 1);
    font-family: var(--font-nav);
    color: var(--tp-encre);}
.tp :is(h2, h3){font-family: var(--font-nav); color: inherit;}
.epure-bande.tp > .tp-in{max-width: none;}
.tp-sr{position: absolute !important;
    width: 1px; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;}
.tp-tete{display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px clamp(32px, 5vw, 96px);
    margin-bottom: clamp(34px, 3.6vw, 60px);}
.tp .tp-titre{margin: 0 0 -0.14em;
    padding-bottom: 0.14em;
    overflow: clip;
    font-size: clamp(40px, 5.2vw, 88px);
    font-weight: 700;
    line-height: 0.94;
    letter-spacing: -0.055em;}
.tp-titre-l{display: inline-block;}
.tp .tp-intro{max-width: 44ch;
    margin: 0;
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.5;
    letter-spacing: -0.01em;
    color: var(--tp-doux);
    text-wrap: pretty;}
.tp-cadre{display: grid;
    grid-template-columns: minmax(232px, 276px) minmax(0, 1fr);
    align-items: start;
    gap: clamp(36px, 4.4vw, 84px);}
.tp-cote{position: sticky;
    top: calc(var(--tp-barre) + 24px);
    display: flex;
    flex-direction: column;
    gap: 14px;}
.tp-panneau{position: relative;
    padding: 10px;
    border-radius: 20px;
    background: linear-gradient(180deg, #FFFFFF 0%, #FBFBFB 100%);
    box-shadow:
        inset 0 1px 0 #FFFFFF,
        0 0 0 1px rgba(10, 10, 10, 0.05),
        0 1px 2px rgba(10, 10, 10, 0.05),
        0 6px 14px -4px rgba(10, 10, 10, 0.07),
        16px 28px 52px -24px rgba(10, 10, 10, 0.2);}
.tp .tp-nav-t{margin: 6px 12px 8px;
    font-size: 12.5px;
    font-weight: 600;
    letter-spacing: -0.005em;
    color: var(--tp-mute);}
.tp-piste{position: relative; display: flex; flex-direction: column; gap: 2px;}
.tp-curseur{position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    height: 46px;
    border-radius: 13px;
    background: #F2F1F0;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.07), inset 0 0 0 1px rgba(10, 10, 10, 0.03);
    opacity: 0;
    pointer-events: none;
    transition: transform .55s var(--tp-sortie), height .3s var(--tp-e), opacity .3s var(--tp-e);}
.tp-nav.est-suivi .tp-curseur{opacity: 1;}
.tp .tp-lien{position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    padding: 0 12px 0 7px;
    border-radius: 13px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: -0.012em;
    color: var(--tp-doux);
    text-decoration: none;
    transition: color .25s var(--tp-e);}
.tp-lien-ico{flex: none;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    background: #F4F4F5;
    box-shadow: inset 0 0 0 1px rgba(10, 10, 10, 0.04);
    color: var(--tp-mute);
    transition: background-color .3s var(--tp-e), box-shadow .3s var(--tp-e), color .3s var(--tp-e), translate .3s var(--tp-e);}
.tp-lien-ico svg{display: block; width: 18px; height: 18px;}
.tp-lien-nom{flex: 1; min-width: 0;}
.tp .tp-lien:hover{color: var(--tp-encre);}
.tp .tp-lien:hover .tp-lien-ico{color: var(--tp-encre);}
.tp .tp-lien[aria-current]{color: var(--tp-encre);}
.tp .tp-lien[aria-current] .tp-lien-ico{background: #FFFFFF;
    color: var(--burgundy, #7B2D3B);
    translate: 0 -1px;
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, 0.06),
        0 1px 2px rgba(10, 10, 10, 0.08),
        0 5px 12px -4px rgba(10, 10, 10, 0.18);}
.tp .tp-lien:focus-visible{outline: 2px solid var(--burgundy, #7B2D3B); outline-offset: 1px;}
.tp-aussi{display: flex; flex-direction: column; gap: 2px; margin-top: 14px;}
.tp-aussi .tp-lien{min-height: 42px;}
.tp-aussi .tp-lien-ico{width: 28px; height: 28px; border-radius: 8px;}
.tp-aussi .tp-lien-ico svg{width: 16px; height: 16px;}
.tp .tp-aide{display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, 0.05),
        0 1px 2px rgba(10, 10, 10, 0.05),
        0 8px 20px -10px rgba(10, 10, 10, 0.16);
    color: var(--tp-encre);
    text-decoration: none;}
.tp-aide-ico{display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #F4ECEE;
    color: var(--burgundy, #7B2D3B);}
.tp-aide-ico svg{display: block; width: 19px; height: 19px;}
.tp-aide-txt{display: flex; flex-direction: column; gap: 2px; min-width: 0;}
.tp-aide-t{font-size: 14px; font-weight: 600; line-height: 1.25; letter-spacing: -0.012em;}
.tp-aide-x{font-size: 13px; line-height: 1.3; color: var(--tp-doux);}
.tp-aide-fl{position: relative;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: var(--tp-encre);
    transition: background-color .2s var(--tp-e);}
.tp-aide-fl::before{content: "";
    position: absolute;
    inset: 33%;
    background: #FFFFFF;
    -webkit-mask: var(--fleche-hd) center / contain no-repeat;
            mask: var(--fleche-hd) center / contain no-repeat;
    transition: translate .25s var(--tp-e);}
.tp .tp-aide:hover .tp-aide-fl{background: #2A2A2A;}
.tp .tp-aide:hover .tp-aide-fl::before{translate: 2px -2px;}
.tp .tp-aide:focus-visible{outline: 2px solid var(--burgundy, #7B2D3B); outline-offset: 3px;}
.tp-flux{min-width: 0;}
.tp .tp-famille{padding: 0;
    scroll-margin-top: calc(var(--tp-barre) + 24px);}
.tp .tp-famille + .tp-famille{margin-top: clamp(96px, 9vw, 156px);}
.tp-fam-tete{margin-bottom: clamp(26px, 2.6vw, 40px);}
.tp .tp-fam-t{max-width: 26ch;
    margin: 0;
    font-size: clamp(28px, 2.8vw, 46px);
    font-weight: 600;
    line-height: 1.06;
    letter-spacing: -0.042em;
    text-wrap: balance;}
.tp .tp-fam-t:focus:not(:focus-visible){outline: none;}
.tp-fam-nom{color: var(--tp-encre);}
.tp-fam-suite{color: var(--tp-mute);}
.tp .tp-fam-x{max-width: 64ch;
    margin: 14px 0 0;
    font-size: clamp(15px, 1.1vw, 17px);
    line-height: 1.6;
    color: var(--tp-doux);
    text-wrap: pretty;}
.tp-grille{--tp-gap: clamp(16px, 1.6vw, 26px);
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(min(100%, 300px), calc((100% - 2 * var(--tp-gap)) / 3)), 1fr));
    gap: clamp(36px, 3.2vw, 52px) var(--tp-gap);}
.tp-grille > .tp-replie{display: none;}
.tp-bas{display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-top: clamp(38px, 3.8vw, 58px);}
.tp-plus{display: inline-flex;
    align-items: center;
    gap: 11px;
    height: 48px;
    padding: 0 22px 0 14px;
    border: 0;
    border-radius: 12px;
    background: #FFFFFF;
    color: var(--tp-encre);
    font: 500 15px/1 var(--font-nav);
    letter-spacing: -0.012em;
    cursor: pointer;
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, 0.07),
        0 1px 2px rgba(10, 10, 10, 0.06),
        0 6px 16px -6px rgba(10, 10, 10, 0.16);
    transition: translate .2s var(--tp-e), box-shadow .2s var(--tp-e);}
.tp-plus[hidden]{display: none;}
.tp-plus:hover{translate: 0 -1px;
    box-shadow:
        0 0 0 1px rgba(10, 10, 10, 0.09),
        0 2px 4px rgba(10, 10, 10, 0.06),
        0 12px 26px -8px rgba(10, 10, 10, 0.22);}
.tp-plus:active{translate: 0 0; box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.09), 0 1px 2px rgba(10, 10, 10, 0.08);}
.tp-plus:focus-visible{outline: 2px solid var(--burgundy, #7B2D3B); outline-offset: 3px;}
.tp-plus-ico{position: relative;
    flex: none;
    width: 24px;
    height: 24px;
    border-radius: 7px;
    background: var(--tp-encre);}
.tp-plus-ico::before,.tp-plus-ico::after{content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 1.6px;
    border-radius: 1px;
    background: #FFFFFF;
    translate: -50% -50%;
    transition: rotate .3s var(--tp-e);}
.tp-plus-ico::after{rotate: 90deg;}
.tp-plus:hover .tp-plus-ico::after{rotate: 180deg;}
.tp .tp-tout{display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14.5px;
    font-weight: 500;
    color: var(--tp-doux);
    text-decoration: none;
    transition: color .2s var(--tp-e);}
.tp .tp-tout::after{content: "";
    width: 11px;
    height: 11px;
    background: currentColor;
    -webkit-mask: var(--fleche-hd) center / contain no-repeat;
            mask: var(--fleche-hd) center / contain no-repeat;
    transition: translate .2s var(--tp-e);}
.tp .tp-tout:hover{color: var(--tp-encre);}
.tp .tp-tout:hover::after{translate: 2px -2px;}
@media (prefers-reduced-motion: no-preference){
.tp-titre-l{transition: translate 1.1s var(--tp-sortie);}
.tp .tp-intro{transition: opacity .9s var(--tp-e) .16s, translate 1.1s var(--tp-sortie) .16s;}
.tp-panneau{transition: opacity .9s var(--tp-e) .28s, translate 1.15s var(--tp-sortie) .28s;}
.tp .tp-aide{transition: opacity .9s var(--tp-e) .4s, translate 1.15s var(--tp-sortie) .4s;}
.tp-fam-tete,.tp-grille > *{transition: opacity .75s var(--tp-e) var(--tp-d, 0ms), translate 1s var(--tp-sortie) var(--tp-d, 0ms);}
}
.tp.tp-a-decouvrir:not(.est-decouvert) .tp-titre-l{translate: 0 110%;}
.tp.tp-a-decouvrir:not(.est-decouvert) :is(.tp-intro, .tp-panneau, .tp-aide){opacity: 0; translate: 0 22px;}
.tp .tp-voile{opacity: 0; translate: 0 28px;}
@media (max-width: 900px){
.tp-cadre{display: block;}
.tp-cote,.tp-panneau{display: contents;}
.tp-aussi,.tp .tp-aide,.tp-nav .tp-nav-t{display: none;}
.tp-nav{position: sticky;
        z-index: 30;
        top: var(--tp-barre);
        margin: 0 calc(-1 * var(--rs-marge, 16px)) clamp(20px, 4vw, 28px);
        padding: 10px var(--rs-marge, 16px);
        background: var(--rs-fond, #F4F4F5);}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
.tp-nav{background: color-mix(in srgb, var(--rs-fond, #F4F4F5) 86%, transparent);
            -webkit-backdrop-filter: blur(14px);
                    backdrop-filter: blur(14px);}
}
.tp-piste{flex-direction: row;
        width: max-content;
        max-width: 100%;
        padding: 4px;
        overflow-x: auto;
        border-radius: 14px;
        background: rgba(10, 10, 10, 0.055);
        box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.07);
        scrollbar-width: none;}
.tp-piste::-webkit-scrollbar{display: none;}
.tp-curseur{top: 4px;
        bottom: 4px;
        right: auto;
        width: 0;
        height: auto;
        border-radius: 10px;
        background: #FFFFFF;
        box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.04), 0 1px 2px rgba(10, 10, 10, 0.1), 0 4px 10px -3px rgba(10, 10, 10, 0.14);
        transition: transform .45s var(--tp-sortie), width .45s var(--tp-sortie), opacity .3s var(--tp-e);}
.tp .tp-lien{flex: none;
        min-height: 38px;
        padding: 0 14px;
        border-radius: 10px;
        font-size: 14px;
        white-space: nowrap;}
.tp-lien-ico{display: none;}
.tp .tp-famille{scroll-margin-top: calc(var(--tp-barre) + 84px);}
.tp .tp-famille + .tp-famille{margin-top: clamp(72px, 16vw, 100px);}
.tp .tp-fam-t{font-size: clamp(26px, 7.4vw, 34px);}
}
@media (prefers-reduced-motion: reduce){
.tp-curseur,.tp .tp-lien,.tp-lien-ico,.tp-plus,.tp-plus-ico::after,.tp .tp-tout::after,.tp-aide-fl,.tp-aide-fl::before{transition: none;}
}