.fiche-dbfi{max-width:900px;margin:0 auto;font-family:inherit;color:#000;line-height:1.55;} .fiche-dbfi .fdbfi-head{border-bottom:4px solid #b3bc00;padding-bottom:10px;margin-bottom:24px;} .fiche-dbfi .fdbfi-num{display:inline-block;background:#b3bc00;color:#000;font-weight:700;font-size:14px;padding:3px 10px;border-radius:4px;margin-bottom:8px;} .fiche-dbfi h2.fdbfi-title{font-size:28px;font-weight:800;margin:6px 0 0;color:#000;} .fiche-dbfi .fdbfi-section{display:block;background:#fafafa;border-left:5px solid #b3bc00;border-radius:6px;padding:16px 20px;margin-bottom:18px;} .fiche-dbfi .fdbfi-section h3{margin:0 0 10px;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:#000;} .fiche-dbfi .fdbfi-section h3::before{content:"";display:inline-block;width:10px;height:10px;background:#b3bc00;margin-right:8px;border-radius:2px;vertical-align:middle;} .fiche-dbfi .fdbfi-sublabel{font-weight:700;margin:10px 0 4px;color:#000;} .fiche-dbfi ul.fdbfi-list{margin:0 0 6px;padding-left:0;list-style:none;} .fiche-dbfi ul.fdbfi-list li{position:relative;padding-left:22px;margin:5px 0;} .fiche-dbfi ul.fdbfi-list li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;background:#b3bc00;border-radius:50%;} .fiche-dbfi .fdbfi-schema{text-align:center;margin:14px 0;} .fiche-dbfi .fdbfi-schema img{max-width:100%;height:auto;border:1px solid #e5e5e5;border-radius:6px;} .fiche-dbfi table.fdbfi-table{border-collapse:collapse;width:100%;font-size:14px;margin:0 0 18px;} .fiche-dbfi table.fdbfi-table th{background:#b3bc00;color:#000;font-weight:700;text-align:left;padding:8px 10px;border:1px solid #d8d8d8;} .fiche-dbfi table.fdbfi-table td{padding:8px 10px;border:1px solid #e5e5e5;vertical-align:top;} .fiche-dbfi table.fdbfi-table tr:nth-child(even) td{background:#fafafa;} .fiche-dbfi .fdbfi-foot{margin-top:18px;border-top:1px solid #e5e5e5;padding-top:10px;font-size:13px;color:#808080;} .fiche-dbfi .fdbfi-foot a{color:#000;text-decoration:underline;} @media(max-width:600px){.fiche-dbfi h2.fdbfi-title{font-size:22px;}} /* ============================================================ Bloc legal "Avertissement General sur le Credit" (#general-finance-disclaimer) Scope sous l'ID unique — flexbox (pas de Grid) — palette lime #b3bc00 / noir ============================================================ */ #general-finance-disclaimer{box-sizing:border-box;max-width:900px;margin:32px auto;font-family:inherit;color:#333;line-height:1.6;} #general-finance-disclaimer *{box-sizing:border-box;} #general-finance-disclaimer .gfd-inner{border:1px solid #e4e4dc;border-radius:14px;overflow:hidden;background:#fff;} #general-finance-disclaimer .gfd-header{display:flex;align-items:center;flex-wrap:wrap;gap:14px;background:#000;padding:16px 24px;} #general-finance-disclaimer .gfd-badge{display:inline-block;background:#b3bc00;color:#000;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:4px;} #general-finance-disclaimer .gfd-header h3{margin:0;color:#fff;font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;} #general-finance-disclaimer .gfd-body{padding:24px;} #general-finance-disclaimer .gfd-legal-banner{border:1px solid #d8d8d8;border-radius:8px;padding:14px 18px;text-align:center;font-weight:700;color:#1f2937;font-size:15px;margin-bottom:20px;} #general-finance-disclaimer .gfd-main-content>p{margin:0 0 20px;font-size:14px;color:#555;} #general-finance-disclaimer .gfd-grid{display:flex;flex-wrap:wrap;gap:22px 32px;border-top:1px solid #ececec;padding-top:20px;} #general-finance-disclaimer .gfd-item{flex:1 1 180px;min-width:180px;font-size:13px;color:#666;line-height:1.55;} #general-finance-disclaimer .gfd-item strong{display:block;color:#8f960a;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;} #general-finance-disclaimer .gfd-footer{text-align:center;margin-top:22px;padding-top:14px;border-top:1px solid #ececec;font-size:12px;color:#999;} @media(max-width:600px){#general-finance-disclaimer .gfd-item{flex:1 1 100%;}} /* ============================================================ Pages legales (habillage editorial) — scope #dbfi-legal / #dbfi-reglementaire Palette lime #b3bc00 / noir — flexbox (pas de Grid) ============================================================ */ #dbfi-legal{max-width:820px;margin:0 auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#0a0a0a;line-height:1.7;font-size:1.02rem;} #dbfi-legal *{box-sizing:border-box;} #dbfi-legal .dbfi-eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#8a9200;font-weight:700;margin:0 0 14px;} #dbfi-legal .dbfi-hero{padding:8px 0 28px;border-bottom:1px solid #e7e7e7;margin-bottom:32px;} #dbfi-legal .dbfi-hero p{font-size:1.22rem;line-height:1.55;color:#333;margin:0;font-weight:400;} #dbfi-legal h2{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:#0a0a0a;margin:2.4em 0 .7em;padding-left:16px;border-left:3px solid #b3bc00;scroll-margin-top:90px;} #dbfi-legal h3{font-size:1.08rem;font-weight:600;color:#0a0a0a;margin:1.5em 0 .35em;} #dbfi-legal p{margin:.7em 0;} #dbfi-legal a{color:#5a6100;text-decoration:none;border-bottom:1px solid #d4d98a;transition:border-color .2s;} #dbfi-legal a:hover{border-color:#b3bc00;} #dbfi-legal ul{padding-left:22px;} #dbfi-legal li{margin:.35em 0;} #dbfi-legal .dbfi-toc{background:#faf9f2;border:1px solid #e7e7e7;border-radius:14px;padding:22px 26px;margin:32px 0 8px;} #dbfi-legal .dbfi-toc .dbfi-eyebrow{margin-bottom:12px;} #dbfi-legal .dbfi-toc ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px 28px;} #dbfi-legal .dbfi-toc li{margin:0;flex:1 1 240px;} #dbfi-legal .dbfi-toc a{border:0;color:#333;font-weight:500;} #dbfi-legal .dbfi-toc a:hover{color:#5a6100;} #dbfi-reglementaire{max-width:820px;margin:32px auto;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#000;line-height:1.6;} #dbfi-reglementaire *{box-sizing:border-box;} #dbfi-reglementaire .dbfi-card{border:1px solid #e7e7e7;border-radius:14px;overflow:hidden;background:#fff;} #dbfi-reglementaire .dbfi-head{display:flex;align-items:center;gap:12px;padding:18px 24px;background:#000;} #dbfi-reglementaire .dbfi-badge{display:inline-block;font-size:.68rem;letter-spacing:.14em;font-weight:700;text-transform:uppercase;color:#000;background:#b3bc00;padding:4px 10px;border-radius:6px;} #dbfi-reglementaire .dbfi-head h3{margin:0;font-size:1.2rem;font-weight:700;color:#fff;} #dbfi-reglementaire .dbfi-body{padding:22px 24px;} #dbfi-reglementaire .dbfi-row{display:flex;flex-wrap:wrap;padding:11px 0;border-bottom:1px solid #e7e7e7;} #dbfi-reglementaire .dbfi-row:last-child{border-bottom:0;} #dbfi-reglementaire .dbfi-k{flex:0 0 200px;max-width:200px;font-weight:600;color:#000;} #dbfi-reglementaire .dbfi-v{flex:1 1 260px;color:#5a5a5a;} #dbfi-reglementaire .dbfi-v a{color:#5a6100;font-weight:600;text-decoration:none;border-bottom:1px solid #d4d98a;} #dbfi-reglementaire .dbfi-note{margin-top:16px;padding:14px 18px;background:#faf9f2;border-left:3px solid #b3bc00;border-radius:0 10px 10px 0;font-size:.92rem;color:#2a2a2a;} /* ============================================================ FIX 2026-07-12 : menu mobile absent (conflit GeneratePress / Max Mega Menu) GP masque tout enfant direct de .inside-navigation qui n'est ni .main-nav ni .navigation-search sous 768px, ce qui emporte #mega-menu-wrap-primary (et donc le hamburger Max Mega Menu). On le reaffiche. Specificite 2 ID + 2 classes > la regle GP (1 ID + 4 classes) : pas de !important. ============================================================ */ @media (max-width: 768px) { /* 1. GP masquait tout enfant de .inside-navigation qui n'est ni .main-nav ni .navigation-search --> emportait le wrapper Max Mega Menu et son hamburger. */ #masthead.has-inline-mobile-toggle .inside-navigation > #mega-menu-wrap-primary { display: block; } /* 2. GP donne flex-basis:100% a la nav (elle est censee etre la ligne du menu deroulant, le hamburger vivant dans #mobile-menu-control-wrapper). Avec MMM le hamburger est DANS la nav --> il tombait sous le logo avec un grand vide. On la remet inline a droite. */ #masthead.has-inline-mobile-toggle #site-navigation { flex-basis: auto; margin-left: auto; } /* 3. Le slot natif GP est vide (Max Mega Menu masque button.menu-toggle) : on le retire. */ #masthead.has-inline-mobile-toggle #mobile-menu-control-wrapper { display: none; } /* 4. GP met flex-flow:wrap sur .inside-header : le bloc logo+titre (~300px) ne laisse pas la place au hamburger, qui repasse a la ligne. On interdit le wrap et on autorise le bloc de marque a se compresser. */ #masthead.has-inline-mobile-toggle .inside-header { flex-wrap: nowrap; align-items: center; } #masthead.has-inline-mobile-toggle .site-branding-container { flex: 1 1 auto; min-width: 0; } } /* ============================================================ FIX 2026-07-16 : bouton "Charger plus" du hub d'articles non centre Le JS du bloc "hub des informations" force #dbfi-bp-loadmore en display:block. Un bouton en display:block a une largeur fit-content : le text-align:center du parent .dbfi-bp-actions ne le centre donc pas (il restait cale a gauche). On le recentre via margin auto. Scope sous l'ID unique #dbfi-bp-loadmore. S'applique a toutes les pages utilisant le bloc hub. ============================================================ */ #dbfi-bp-loadmore { margin-left: auto; margin-right: auto; } /* 26/07 : masque la navigation article precedent/suivant du theme (redondant avec le bloc Explorez nos solutions) */ #nav-below{display:none;} #white-featured .dbfi-sol-media,#dbfi-solutions .dbfi-sol-media{display:none!important} /* ============================================================ DB France Invest - Pages neurales (#dbfi-nx) Design system scope sous #dbfi-nx. Aucun effet hors de ce conteneur. ============================================================ */ #dbfi-nx{--ink:#0a0a0a;--lime:#b3bc00;--paper:#f6f6f1;--mut:#6b6b6b;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.7;margin:0 auto;max-width:1180px;overflow:hidden} #dbfi-nx *{box-sizing:border-box} #dbfi-nx section{padding:76px 48px} #dbfi-nx p{margin:0 0 18px} #dbfi-nx .nx-kicker{font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#8a9100;margin-bottom:16px} #dbfi-nx .nx-h{font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 14px} #dbfi-nx .nx-lead{font-size:1.2rem;color:#333;max-width:64ch;margin:0 0 6px} #dbfi-nx .nx-dark{background:var(--ink);color:#fff;border-radius:18px} #dbfi-nx .nx-dark .nx-h{color:#fff} #dbfi-nx .nx-dark .nx-lead{color:#cfcfcf} #dbfi-nx .nx-dark .nx-kicker{color:var(--lime)} #dbfi-nx .nx-paper{background:var(--paper);border-radius:18px} #dbfi-nx .nx-hero{background:var(--ink);color:#fff;padding:96px 48px;border-radius:18px} #dbfi-nx .nx-hero .nx-eb{font-size:.75rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--lime)} #dbfi-nx .nx-hero h1{font-family:Poppins,sans-serif;font-weight:900;font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.02;letter-spacing:-.03em;margin:22px 0 22px;max-width:16ch} #dbfi-nx .nx-hero h1 em{font-style:normal;color:var(--lime)} #dbfi-nx .nx-hero .nx-sub{font-size:1.25rem;color:#c9c9c9;max-width:56ch;margin:0 0 34px} #dbfi-nx .nx-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px} #dbfi-nx .nx-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:9px;font-family:Poppins,sans-serif;font-weight:800;font-size:.95rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease} #dbfi-nx .nx-cta-primary{background:var(--lime);color:#0a0a0a;border:2px solid var(--lime)} #dbfi-nx .nx-cta-primary:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(179,188,0,.4)} #dbfi-nx .nx-cta-wa{background:transparent;color:#0a0a0a;border:2px solid #d9d9d9} #dbfi-nx .nx-cta-wa.od{color:#fff;border-color:rgba(255,255,255,.32)} #dbfi-nx .nx-cta-wa:hover{border-color:var(--lime);color:#0a0a0a;background:var(--lime);transform:translateY(-3px)} #dbfi-nx .nx-cta-wa.od:hover{color:#0a0a0a} #dbfi-nx .nx-ba{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px} #dbfi-nx .nx-tile{flex:1 1 260px;border-radius:16px;padding:32px} #dbfi-nx .nx-tile .nx-t2{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase} #dbfi-nx .nx-tile .nx-tv{font-family:Poppins;font-weight:900;font-size:clamp(2.6rem,5.5vw,3.8rem);line-height:1;margin:12px 0 8px} #dbfi-nx .nx-tile .nx-tsub{font-size:.98rem} #dbfi-nx .nx-tile.bad{background:#1b1b1b;color:#fff;border:1px solid #333} #dbfi-nx .nx-tile.bad .nx-t2{color:#ff6b6b} #dbfi-nx .nx-tile.bad .nx-tv{text-decoration:line-through;text-decoration-color:#ff6b6b;text-decoration-thickness:4px} #dbfi-nx .nx-tile.bad .nx-tsub{color:#9a9a9a} #dbfi-nx .nx-tile.good{background:var(--lime);color:#0a0a0a} #dbfi-nx .nx-tile.good .nx-t2{color:#0a0a0a} #dbfi-nx .nx-stack{display:flex;flex-direction:column;gap:12px;margin-top:30px} #dbfi-nx .nx-layer{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #ececec;border-left:5px solid var(--lime);border-radius:12px;padding:20px 24px;transition:transform .3s ease,box-shadow .3s ease} #dbfi-nx .nx-layer:hover{transform:translateX(6px);box-shadow:0 16px 40px rgba(0,0,0,.08)} #dbfi-nx .nx-layer .nx-num{font-family:Poppins;font-weight:900;font-size:1.9rem;color:var(--lime);min-width:52px} #dbfi-nx .nx-layer h4{font-family:Poppins;font-weight:700;font-size:1.1rem;margin:0 0 2px} #dbfi-nx .nx-layer p{margin:0;color:var(--mut);font-size:.95rem} #dbfi-nx .nx-badge{display:inline-block;font-family:Poppins;font-weight:800;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#0a0a0a;background:var(--lime);padding:6px 12px;border-radius:20px;margin-bottom:14px} #dbfi-nx .nx-law{font-size:.82rem;color:#8a8a8a;font-style:italic;margin-top:6px} #dbfi-nx .nx-calc{background:var(--ink);color:#fff;border-radius:14px;padding:28px 30px;margin:26px 0} #dbfi-nx .nx-calc .nx-ct{font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin-bottom:12px} #dbfi-nx .nx-calc .nx-line{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #232323;font-size:1rem;color:#e6e6e6} #dbfi-nx .nx-calc .nx-line b{font-family:Poppins;font-weight:700;white-space:nowrap;color:#fff} #dbfi-nx .nx-calc .nx-res{display:flex;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:2px solid var(--lime);font-family:Poppins;font-weight:800;font-size:1.3rem} #dbfi-nx .nx-calc .nx-res b{color:var(--lime)} #dbfi-nx .nx-calc .nx-cmt{color:#9a9a9a;font-size:.9rem;margin:14px 0 0} #dbfi-nx .nx-flow{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;margin:26px 0} #dbfi-nx .nx-node{flex:1 1 150px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:18px;text-align:center} #dbfi-nx .nx-node .nx-nt{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a9100} #dbfi-nx .nx-node .nx-nv{font-family:Poppins;font-weight:800;font-size:1.25rem;margin-top:6px} #dbfi-nx .nx-node .nx-nd{font-size:.82rem;color:#666;margin-top:5px} #dbfi-nx .nx-node.win{background:var(--lime);border-color:var(--lime)} #dbfi-nx .nx-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--lime);font-weight:800} #dbfi-nx .nx-gain{text-align:center} #dbfi-nx .nx-gain .nx-gbig{font-family:Poppins;font-weight:900;font-size:clamp(3.2rem,9vw,6rem);line-height:1;color:var(--lime);letter-spacing:-.03em} #dbfi-nx .nx-gain .nx-glab{font-size:1.2rem;color:#cfcfcf;max-width:40ch;margin:16px auto 0} #dbfi-nx .nx-band{background:var(--lime);color:#0a0a0a;border-radius:18px;padding:66px 48px;text-align:center} #dbfi-nx .nx-band h3{font-family:Poppins;font-weight:900;font-size:clamp(1.8rem,3.8vw,2.8rem);margin:0 0 12px;letter-spacing:-.02em} #dbfi-nx .nx-band p{max-width:58ch;margin:0 auto 26px;font-size:1.14rem;color:#1a1a1a} #dbfi-nx .nx-band .nx-ctas{justify-content:center} #dbfi-nx .nx-band .nx-cta-primary{background:#0a0a0a;color:#fff;border-color:#0a0a0a} #dbfi-nx .nx-band .nx-cta-wa{border-color:rgba(0,0,0,.25);color:#0a0a0a} #dbfi-nx .nx-band .nx-cta-wa:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a} #dbfi-nx .nx-teaser{background:var(--ink);color:#fff;border-radius:18px;padding:60px 48px;border:1px solid #222} #dbfi-nx .nx-teaser .nx-h{color:#fff} #dbfi-nx .nx-teaser p{color:#cfcfcf;font-size:1.15rem;max-width:60ch} #dbfi-nx .nx-note{font-size:.85rem;color:var(--mut);max-width:74ch;margin:36px auto 0;padding:0 48px} @media(max-width:760px){#dbfi-nx .nx-hero,#dbfi-nx section{padding:52px 24px}#dbfi-nx .nx-note{padding:0 24px}#dbfi-nx .nx-arrow{transform:rotate(90deg)}} /* Lecteur vocal DBFI, centrage */ .dbfi-lv { max-width: 720px; margin-left: auto !important; margin-right: auto !important; justify-content: center !important; } .dbfi-lv .dbfi-lv-status { flex-basis: 100%; margin-left: 0 !important; justify-content: center; text-align: center; } /* 2026-08-20 : centrage de la legende sous les videos d'articles */ #dbfi-video .dbfi-vcap, .dbfi-vcap { text-align: center; } /* fin 2026-08-20 */ /* 2026-10-01 : pied de page, debordement horizontal corrige. La barre de pied de page de GeneratePress est centree dans une colonne flex : elle prenait la largeur de sa grille (1 128 px) au lieu de celle de l'ecran, d'ou une barre de defilement horizontale sous 1 128 px de large. Elle est etiree a la largeur disponible. Retirer ce bloc annule la correction. */ .site-footer .inside-site-info > .footer-bar:has(> #block-2) { align-self: stretch; width: 100%; max-width: 100%; min-width: 0; } /* fin 2026-10-01 */ /* 2026-10-07 : repartition des colonnes du pied de page, en flexbox. 4 colonnes a partir de 1 280 px, 2 lignes de 2 en dessous, 1 colonne sous 480 px. Le flexbox lui-meme est declare dans le css du widget, plus dans le correctif #block-2 du 1er octobre : la mise en page ne depend plus de cet identifiant, qui change si le widget est recree ou deplace dans la zone. */ .dbfi-footer-grid > * { flex: 1 1 calc(25% - 30px); min-width: 0; box-sizing: border-box; } @media (max-width: 1279px) { .dbfi-footer-grid > * { flex-basis: calc(50% - 20px); } } @media (max-width: 480px) { .dbfi-footer-grid > * { flex-basis: 100%; } } /* fin 2026-10-07 */