/* Bourse.fr — Refonte éditoriale 2026.
   Tous les sélecteurs visent exclusivement #bourse-refonte ou ses descendants.
   Conserver les CSS actuels pour la navigation, le footer et les cookies.
*/
#bourse-refonte{--bf-navy:#0c2036;--bf-ink:#1c2027;--bf-muted:#6b7078;--bf-red:#ad1025;--bf-line:#e4e2df;--bf-paper:#fff;--bf-cream:#f6f4f1;--bf-text-scale:1;display:block;width:100%;max-width:none;margin:0;padding:0;background:var(--bf-paper);color:var(--bf-ink);font-family:Arial,Helvetica,sans-serif;font-size:calc(15px * var(--bf-text-scale));line-height:1.55;text-align:left;overflow-wrap:break-word;isolation:isolate}
#bourse-refonte *,#bourse-refonte *::before,#bourse-refonte *::after{box-sizing:border-box}
#bourse-refonte .bf-wrap{width:calc(100% - 48px);max-width:1190px;margin:0 auto;padding:0;min-width:0}
#bourse-refonte a{color:inherit;text-decoration:none;background:none;border-radius:0;box-shadow:none}
#bourse-refonte a:hover{color:var(--bf-red)}
#bourse-refonte a:focus-visible,#bourse-refonte button:focus-visible{outline:3px solid #a16e00;outline-offset:4px}
#bourse-refonte img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;border:0;margin:0;border-radius:0}
#bourse-refonte h1,#bourse-refonte h2,#bourse-refonte h3,#bourse-refonte h4{color:inherit;background:none;padding:0;border:0;text-transform:none;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.03em;line-height:1.13}
#bourse-refonte p{margin:0 0 1em;padding:0;text-align:left}
#bourse-refonte .bf-icon{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex:none;color:inherit}
#bourse-refonte .bf-masthead{display:block;background:#edf1f5;padding:24px 0 0;border:0;margin:0;color:var(--bf-ink)}
#bourse-refonte .bf-masthead-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:21px}
#bourse-refonte .bf-brand{font:800 2.33em/1.2 Georgia,serif;letter-spacing:-1.5px;white-space:nowrap;color:var(--bf-navy)}
#bourse-refonte .bf-brand b{background:var(--bf-red);color:#fff;padding:0 6px}
#bourse-refonte .bf-baseline{font-size:.8em;color:var(--bf-muted);margin:0;max-width:380px}
#bourse-refonte .bf-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
#bourse-refonte .bf-tools button{appearance:none;width:auto;height:auto;position:static;display:inline-block;font:inherit;font-size:.8em;line-height:1.4;padding:7px 11px;border:1px solid #d5d6d8;background:#fff;color:var(--bf-ink);border-radius:3px;cursor:pointer;margin:0;box-shadow:none}
#bourse-refonte .bf-tools button:hover{border-color:var(--bf-red)}
#bourse-refonte .bf-tools button:disabled{opacity:.4;cursor:default}
#bourse-refonte .bf-intro{padding:10px 0;font-size:.8em;border-top:1px solid var(--bf-line);color:var(--bf-muted)}
#bourse-refonte .bf-intro strong{color:var(--bf-red)}
#bourse-refonte .bf-actualite:empty{display:none}
#bourse-refonte .bf-actualite .alerte{display:flex;align-items:flex-start;gap:.75em;padding:12px 15px;background:#fff5f5;color:var(--bf-ink);font-size:.85em;line-height:1.4;border-radius:6px;margin:20px 0 0}
#bourse-refonte .bf-actualite .badge-info{display:inline-block;padding:.25em .6em;background:var(--bf-red);color:#fff;font-weight:bold;white-space:nowrap;border-radius:4px}
#bourse-refonte .bf-section{padding:58px 0;margin:0;border:0;scroll-margin-top:75px}
#bourse-refonte .bf-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 22px}
#bourse-refonte .bf-section-head h1,#bourse-refonte .bf-section-head h2{font-size:clamp(2em,3.6vw,2.87em);line-height:1.1;margin:5px 0}
#bourse-refonte .bf-section-head p{font-size:.933em;color:var(--bf-muted);margin:7px 0 0}
#bourse-refonte .bf-eyebrow{display:block;font-size:.667em;letter-spacing:.18em;font-weight:900;text-transform:uppercase;color:var(--bf-red)}
#bourse-refonte .bf-tag{display:block;font-size:.667em;letter-spacing:.1em;font-weight:900;color:var(--bf-red);text-transform:uppercase}
#bourse-refonte .bf-link{display:inline-flex;align-items:center;gap:7px;font-size:.8em;font-weight:800;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:4px;white-space:normal;width:fit-content;flex-shrink:0}
#bourse-refonte .bf-link .bf-icon,#bourse-refonte .bf-cta .bf-icon{width:15px;height:15px;transition:transform .22s ease}
#bourse-refonte .bf-link:hover .bf-icon,#bourse-refonte .bf-cta:hover .bf-icon{transform:translate(3px,-2px)}
#bourse-refonte .bf-edition{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bf-cream);padding:14px 18px;margin:0 0 24px;font-size:.867em}
#bourse-refonte .bf-edition b{color:var(--bf-red)}
#bourse-refonte .bf-quotidien{background:#fffdfb}
#bourse-refonte .bf-quotidien-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(26px,4vw,58px);align-items:start}
#bourse-refonte .bf-primary,#bourse-refonte .bf-secondary,#bourse-refonte .bf-feature{min-width:0;margin:0;padding:0;border:0;background:none;box-shadow:none}
#bourse-refonte .bf-primary .bf-tag{margin-top:17px}
#bourse-refonte .bf-image-link{display:block;overflow:hidden}
#bourse-refonte .bf-image-link img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}
#bourse-refonte .bf-image-link:hover img{transform:scale(1.045);filter:contrast(1.04)}
#bourse-refonte .bf-q-image{aspect-ratio:1.27;object-fit:cover;background:#e7e6e3}
#bourse-refonte .bf-primary .bf-headline{font-size:clamp(2.07em,3.95vw,3.13em);margin:8px 0 12px}
#bourse-refonte .bf-secondary .bf-headline{font-size:clamp(1.8em,3.02vw,2.4em);margin:8px 0 12px}
#bourse-refonte .bf-chapo{font-size:1em;line-height:1.72;color:var(--bf-muted);margin:0 0 17px}
#bourse-refonte .bf-secondary .bf-chapo{font-size:.933em;line-height:1.65}
#bourse-refonte .bf-quotidien-right{display:flex;flex-direction:column;gap:24px;min-width:0}
#bourse-refonte .bf-scoops{padding-top:22px;border-top:1px solid var(--bf-line)}
#bourse-refonte .bf-scoops-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
#bourse-refonte .bf-scoops-head h3{font-size:1.8em;margin:0}
#bourse-refonte .bf-scoops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
#bourse-refonte .bf-scoops-grid a{display:flex;align-items:flex-start;gap:9px;padding:11px 0 12px;border-bottom:1px solid var(--bf-line);min-width:0;transition:padding-left .2s,color .2s}
#bourse-refonte .bf-scoops-grid a:hover{padding-left:5px}
#bourse-refonte .bf-scoops-grid .bf-icon{width:17px;height:17px;color:var(--bf-red);margin-top:2px;transition:transform .25s}
#bourse-refonte .bf-scoops-grid a:hover .bf-icon{transform:translate(3px,-3px)}
#bourse-refonte .bf-scoops-grid strong{font:700 .933em/1.35 Georgia,serif;flex:1;min-width:0}
#bourse-refonte .bf-audio{background:#151b25;color:white}
#bourse-refonte .bf-audio .bf-eyebrow,#bourse-refonte .bf-audio .bf-tag{color:#ff8293}
#bourse-refonte .bf-audio .bf-section-head p{color:#c5c8cd}
#bourse-refonte .bf-audio .bf-section-head h2 .bf-icon{color:#b7c6f0;width:.9em;height:.9em}
#bourse-refonte .bf-audio .bf-link:hover{color:#ffbdc6}
#bourse-refonte .bf-audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#bourse-refonte .bf-audio-card{display:flex;align-items:center;gap:22px;background:#222a34;color:white;padding:22px;border:1px solid #3c444e;transition:transform .25s,border-color .25s,background .25s}
#bourse-refonte .bf-audio-card:hover{transform:translateY(-4px);border-color:#b75a69;background:#2b3541;color:#fff}
#bourse-refonte .bf-play{display:grid;place-items:center;flex:none;width:62px;height:62px;border-radius:50%;background:var(--bf-red);color:white;transition:transform .25s}
#bourse-refonte .bf-play .bf-icon{width:22px;height:22px;fill:currentColor;stroke:none}
#bourse-refonte .bf-audio-card:hover .bf-play{transform:scale(1.1)}
#bourse-refonte .bf-audio-card h3{font-size:1.667em;margin:5px 0}
#bourse-refonte .bf-audio-card p{font-size:.8em;color:#c6cbd1;margin:0}
#bourse-refonte .bf-hebdo{background:#eeedfb;--bf-accent:#55509c;--bf-pub-line:#cbc9e3;--bf-strip:#dedcf3;--bf-label:#dcd9f3;--bf-cta:#514c99;--bf-cta-hover:#393475;--bf-hover:#6961a714}
#bourse-refonte .bf-lettre{background:#fff9e8;--bf-accent:#916a16;--bf-pub-line:#e8dcb9;--bf-strip:#f6e9c5;--bf-label:#f5e6b8;--bf-cta:#98711b;--bf-cta-hover:#755510;--bf-hover:#d5ad4914}
#bourse-refonte .bf-publication .bf-eyebrow,#bourse-refonte .bf-publication .bf-tag,#bourse-refonte .bf-publication .bf-edition b{color:var(--bf-accent)}
#bourse-refonte .bf-publication .bf-edition{background:var(--bf-strip)}
#bourse-refonte .bf-pub-label{display:inline-block;flex:none;background:var(--bf-label);color:var(--bf-accent);font-size:.667em;padding:5px 9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
#bourse-refonte .bf-pub-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:38px;align-items:start}
#bourse-refonte .bf-feature img{aspect-ratio:1.7}
#bourse-refonte .bf-feature>.bf-tag{margin-top:15px}
#bourse-refonte .bf-feature .bf-headline{font-size:clamp(1.933em,3.36vw,2.667em);margin:10px 0}
#bourse-refonte .bf-feature .bf-chapo{font-size:1em;color:#555d66}
#bourse-refonte .bf-article-item{display:block;padding:17px 0;border-bottom:1px solid var(--bf-pub-line);transition:padding .25s,background .25s}
#bourse-refonte .bf-article-item:first-child{padding-top:0}
#bourse-refonte .bf-article-item:hover{padding-left:13px;background:var(--bf-hover)}
#bourse-refonte .bf-article-item strong{display:block;font:700 1.333em/1.2 Georgia,serif;margin:6px 0}
#bourse-refonte .bf-cta{display:inline-flex;align-items:center;gap:10px;background:var(--bf-red);color:#fff;padding:11px 17px;font-size:.8em;font-weight:800;line-height:1.5;margin-top:15px;transition:transform .2s,background .2s}
#bourse-refonte .bf-cta:hover{background:#79091a;color:#fff;transform:translateY(-2px)}
#bourse-refonte .bf-publication .bf-cta{background:var(--bf-cta)}
#bourse-refonte .bf-publication .bf-cta:hover{background:var(--bf-cta-hover)}
#bourse-refonte .bf-nouvelles{margin-top:34px;padding-top:22px;border-top:1px solid var(--bf-pub-line)}
#bourse-refonte .bf-nouvelles h4{font-size:clamp(1.533em,2.44vw,1.933em);line-height:1.18;margin:7px 0 17px}
#bourse-refonte .bf-nouvelles ul{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
#bourse-refonte .bf-nouvelles li{position:relative;padding:13px 6px 13px 18px;margin:0;border-top:1px solid var(--bf-pub-line);font:600 1em/1.35 Georgia,serif;background:none}
#bourse-refonte .bf-nouvelles li::before{content:'•';position:absolute;left:2px;top:13px;color:var(--bf-red);font:700 18px Arial,sans-serif}
#bourse-refonte .bf-newsletter{background:var(--bf-paper);border-top:1px solid var(--bf-line);padding:40px 0 46px;margin:0}
#bourse-refonte .bf-newsletter .bf-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
#bourse-refonte .bf-newsletter h2{font-size:1.933em;margin:4px 0}
#bourse-refonte .bf-newsletter p{font-size:.867em;color:var(--bf-muted);margin:0}
#bourse-refonte .bf-newsletter .bf-cta{flex-shrink:0;margin:0}
#bourse-refonte .bf-observed{opacity:0;transform:translateY(25px);transition:opacity .65s ease,transform .65s ease}
#bourse-refonte .bf-observed.bf-visible{opacity:1;transform:none}
#bourse-refonte .bf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* Thème commun avec le site existant. Les sélecteurs restent limités au contenu. */
html[data-theme="dark"] #bourse-refonte{--bf-ink:#e9edf1;--bf-muted:#b7bec7;--bf-line:#414b56;--bf-paper:#14191f;--bf-cream:#222a33}
html[data-theme="dark"] #bourse-refonte .bf-masthead{background:#202b38}
html[data-theme="dark"] #bourse-refonte .bf-brand{color:#f3f4f6}
html[data-theme="dark"] #bourse-refonte .bf-tools button{background:#242c36;color:#fff;border-color:#536070}
html[data-theme="dark"] #bourse-refonte .bf-quotidien{background:#181e26}
html[data-theme="dark"] #bourse-refonte .bf-hebdo{background:#29283b;--bf-accent:#c1baff;--bf-strip:#37334e;--bf-label:#403a61;--bf-pub-line:#514c68}
html[data-theme="dark"] #bourse-refonte .bf-lettre{background:#302b20;--bf-accent:#f0d287;--bf-strip:#453b27;--bf-label:#54462a;--bf-pub-line:#62543a}
html[data-theme="dark"] #bourse-refonte .bf-feature .bf-chapo{color:#b7bec7}
html[data-theme="dark"] #bourse-refonte .bf-actualite .alerte{background:#2a1212;color:#f2f2f2}
@media(max-width:1000px){#bourse-refonte .bf-baseline{display:none}}
@media(max-width:800px){#bourse-refonte .bf-quotidien-grid{grid-template-columns:minmax(0,1fr);gap:28px}#bourse-refonte .bf-q-image{aspect-ratio:16/10}#bourse-refonte .bf-section-head{align-items:flex-start;flex-wrap:wrap;gap:12px}#bourse-refonte .bf-pub-grid{gap:26px}}
@media(max-width:700px){#bourse-refonte .bf-wrap{width:calc(100% - 30px)}#bourse-refonte .bf-masthead{padding-top:17px}#bourse-refonte .bf-masthead-row{flex-wrap:wrap;gap:14px;padding-bottom:17px}#bourse-refonte .bf-brand{font-size:1.933em}#bourse-refonte .bf-tools{margin-left:auto;gap:7px}#bourse-refonte .bf-tools button{padding:7px 9px}#bourse-refonte .bf-section{padding:38px 0}#bourse-refonte .bf-section-head h1,#bourse-refonte .bf-section-head h2{font-size:2.2em}#bourse-refonte .bf-pub-grid,#bourse-refonte .bf-audio-grid{grid-template-columns:minmax(0,1fr)}#bourse-refonte .bf-audio-card{padding:16px;gap:16px}#bourse-refonte .bf-audio-card h3{font-size:1.4em}#bourse-refonte .bf-play{width:48px;height:48px}#bourse-refonte .bf-edition{align-items:flex-start;flex-direction:column;gap:6px}#bourse-refonte .bf-newsletter .bf-wrap{align-items:flex-start;flex-direction:column}#bourse-refonte .bf-nouvelles ul{grid-template-columns:1fr}}
@media(max-width:600px){#bourse-refonte .bf-section-head{flex-direction:column;align-items:flex-start;margin-bottom:16px}#bourse-refonte .bf-section-head h1,#bourse-refonte .bf-section-head h2{font-size:clamp(1.933em,8vw,2.467em);line-height:1.08}#bourse-refonte .bf-section-head p{font-size:.867em;line-height:1.5}#bourse-refonte .bf-q-image{aspect-ratio:4/3}#bourse-refonte .bf-primary .bf-headline{font-size:clamp(2em,8vw,2.6em);line-height:1.1}#bourse-refonte .bf-secondary .bf-headline{font-size:clamp(1.733em,7vw,2.2em);line-height:1.14}#bourse-refonte .bf-chapo{font-size:.933em;line-height:1.68}#bourse-refonte .bf-scoops-grid{grid-template-columns:1fr}#bourse-refonte .bf-scoops-grid a{padding:12px 0;gap:11px}#bourse-refonte .bf-scoops-grid strong{font-size:1em;line-height:1.4}#bourse-refonte .bf-edition{padding:11px 13px;font-size:.8em}#bourse-refonte .bf-nouvelles{margin-top:27px}}
@media(prefers-reduced-motion:reduce){#bourse-refonte *,#bourse-refonte *::before,#bourse-refonte *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#bourse-refonte .bf-observed{opacity:1!important;transform:none!important}}
@media print{#bourse-refonte .bf-tools{display:none}#bourse-refonte .bf-observed{opacity:1;transform:none}#bourse-refonte .bf-section{break-inside:avoid;padding:20px 0}}

/* Petites nouvelles : fond de la maquette initiale */
#bourse-refonte .bf-lettre .bf-nouvelles {
    background: #fffdf5;
    border-color: #e7d9b4;
    padding: 22px;
}

html[data-theme="dark"] #bourse-refonte .bf-lettre .bf-nouvelles {
    background: #393225;
    border-color: #675739;
}

/* Tableau des indices */
#bourse-refonte .bf-market {
    margin-top: 24px;
    padding: 22px;
    background: #fffdf5;
    border: 1px solid #e7d9b4;
}

#bourse-refonte .bf-market h3 {
    font-size: 1.8em;
    margin: 3px 0 4px;
}

#bourse-refonte .bf-market-note {
    font-size: .733em;
    color: var(--bf-muted);
}

#bourse-refonte .bf-market-scroll {
    overflow-x: auto;
    margin-top: 16px;
}

#bourse-refonte .bf-market-table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    font-size: .867em;
    font-variant-numeric: tabular-nums;
    text-align: left;
    white-space: nowrap;
    background: transparent;
    color: inherit;
}

#bourse-refonte .bf-market-table th,
#bourse-refonte .bf-market-table td {
    padding: 10px 7px;
    border: 0;
    border-bottom: 1px solid #e7d9b4;
    text-align: left;
    background: transparent;
    color: inherit;
}

#bourse-refonte .bf-market-table thead th {
    font-size: .85em;
    color: var(--bf-muted);
}

#bourse-refonte .bf-market-table tbody th {
    font-weight: 700;
}

#bourse-refonte .bf-market-table tbody tr:nth-child(odd) {
    background: #f7f0db;
}

#bourse-refonte .bf-market-table tbody tr:hover {
    background: #f0e5c4;
}

#bourse-refonte .bf-market-table tbody tr:last-child > * {
    border-bottom: 0;
}

#bourse-refonte .bf-market-table .bf-positive {
    color: #176b43;
    font-weight: 700;
}

#bourse-refonte .bf-market-table .bf-negative {
    color: #ad1025;
    font-weight: 700;
}

html[data-theme="dark"] #bourse-refonte .bf-market {
    background: #393225;
    border-color: #675739;
}

html[data-theme="dark"] #bourse-refonte .bf-market-table th,
html[data-theme="dark"] #bourse-refonte .bf-market-table td {
    border-color: #675739;
}

html[data-theme="dark"] #bourse-refonte .bf-market-table tbody tr:nth-child(odd) {
    background: #463c2c;
}

html[data-theme="dark"] #bourse-refonte .bf-market-table tbody tr:hover {
    background: #56482e;
}

html[data-theme="dark"] #bourse-refonte .bf-market-table .bf-positive {
    color: #71d3a2;
}

html[data-theme="dark"] #bourse-refonte .bf-market-table .bf-negative {
    color: #ff9b9b;
}

@media (max-width: 700px) {
    #bourse-refonte .bf-market,
    #bourse-refonte .bf-lettre .bf-nouvelles {
        padding: 18px;
    }
}


#bourse-refonte .bf-soutien {
    padding: 24px;
    background: #f6f4f1;
    border: 1px solid #e4e2df;
    border-left: 4px solid var(--bf-red);
}

#bourse-refonte .bf-soutien h3 {
    margin: 0 0 12px;
    font-size: 1.5em;
}

#bourse-refonte .bf-soutien p {
    margin: 0;
    color: var(--bf-muted);
    font-size: .933em;
    line-height: 1.7;
}

#bourse-refonte .bf-soutien .bf-cta {
    margin-top: 16px;
}

html[data-theme="dark"] #bourse-refonte .bf-soutien {
    background: #222a33;
    border-color: #414b56;
    border-left-color: var(--bf-red);
}

#bourse-refonte .bf-article-list > .bf-soutien {
    margin-top: 28px;
}

/* Même largeur disponible avant et pendant le survol */
#bourse-refonte .bf-article-item {
    padding-left: 0;
    padding-right: 13px;
}

#bourse-refonte .bf-article-item:hover {
    padding-left: 13px;
    padding-right: 0;
}

/* La Lettre : titres et liens en mode sombre */
html[data-theme="dark"] #bourse-refonte .bf-lettre .bf-eyebrow,
html[data-theme="dark"] #bourse-refonte .bf-lettre a:hover {
    color: #f0d287;
}

/* Conserver le texte blanc des boutons au survol */
html[data-theme="dark"] #bourse-refonte .bf-lettre .bf-cta:hover {
    color: #fff;
}

html[data-theme="dark"] #bourse-refonte .bf-eyebrow {
    color: #f0d287;
}

html[data-theme="dark"] #bourse-refonte .bf-edition b,
html[data-theme="dark"] #bourse-refonte .bf-intro strong {
    color: #f0d287;
}

html[data-theme="dark"] #bourse-refonte .bf-tag {
    color: #f0d287;
}

#bourse-refonte .bf-scoops-head h3.bf-tag {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .667em;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.55;
    text-transform: uppercase;
    color: var(--bf-red);
    margin: 0;
}

html[data-theme="dark"] #bourse-refonte .bf-scoops-head h3.bf-tag {
    color: #f0d287;
}

html[data-theme="dark"] .promo-texte p {
    color: #c4c9d0;
}

.bf-portail-connect > .bienvenue {
    box-sizing: border-box;
    width: calc(100% - 48px);
    max-width: 1190px;
    margin: 0 auto;
    padding: 18px 0;
}

.bf-portail-connect > .bienvenue p {
    margin: 0;
}

.bf-portail-connect > .bienvenue p + p {
    margin-top: 6px;
}

@media (max-width: 700px) {
    .bf-portail-connect > .bienvenue {
        width: calc(100% - 30px);
    }
}


