/* ══════════════════════════════════════════════════════════════════════════ RAPPORT.CSS — La mobilité en milieu rural (CESER Nouvelle-Aquitaine) Chargé après assets/css/style.css (feuille « master » partagée, reprise telle quelle de vivre_dignement). Ce fichier contient : 1) la recoloration de la palette du master (variables --rose-fonce, --vert-moyen, etc. réutilisées telles quelles par le master pour le header, la sidebar, la navigation, les badges, le tiroir de notes...) 2) les classes propres à ce rapport (encadrés « Zoom / Préco / Messages clés / Dans les territoires / En résumé-Chiffres clés / Préface », fiches « Initiatives », tableaux natifs IDML, liste d'abréviations, interventions/auditions), avec leurs variantes mode sombre. ══════════════════════════════════════════════════════════════════════════ */ :root{ /* Palette « mobilité » (bleu/vert) substituée aux noms de variables du master (rose/vert d'origine) : tout le CSS partagé se recolore donc automatiquement, sans y toucher. */ --rose-fonce:#c37338; /* accent fort : header, sidebar, badges, liens actifs */ --rose:#b48b6d; /* accent secondaire */ --rose-pale:#d1d9d5; /* fond pâle des encadrés/bandeaux */ --vert-moyen:#5D736F; /* accent « ouvert/actif » nav, surlignage recherche */ --vert-dense:#455552; /* survol liens de notes */ --vert-pale:#EBEFEE; --vert:#77938E; --gris-fonce:#1A1A2E; --gris-texte:#3D3D3D; --gris-clair:#DEE5ED; --beige-bg:#F4F6F9; --blanc:#FFFFFF; /* Couleurs propres aux encadrés de ce rapport (non définies par le master) */ --orange:#E97132; --violet:#52348A; /* Fond de page (convention commune à tous les rapports du site) : crème sur les pages courantes, léger vert très pâle sur les pages Fiche (cf. body.page-fiche ci-dessous). */ --fond-creme:#FBF8F1; --fond-creme-fiche:#EDF3EF; --fond-orange-fiche:#FEF3E8; /* fond très clair des fiches Initiatives (I à XVII), pour les distinguer des fiches principales */ } body{background:var(--fond-creme)} body.page-fiche{background:var(--fond-creme-fiche)} body.page-fiche:not(.fiche-subtopic){background:var(--fond-orange-fiche)} /* ══ ENCADRÉS — gabarits propres à ce rapport (Zoom / Préco / Messages clés / Dans les territoires / En résumé-Chiffres clés / Préface). Basés sur la classe .box, à affiner ensemble si besoin — rien n'a été perdu du contenu d'origine. ══ */ .box{margin:1.75rem 0;padding:1.25rem 1.5rem;border-radius:6px;border-left:4px solid var(--rose-fonce);background:var(--rose-pale)} .box-kicker{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--rose-fonce);margin-bottom:.5rem} .box-title{font-family:var(--font-titre);font-size:1.05rem;color:var(--rose-fonce);margin:.2rem 0 .5rem;line-height:1.3} .box-subtitle,.box-subtitle-inline{font-size:1.15rem;font-weight:700;color:var(--gris-texte);margin:.3rem 0 .6rem} .box-source{font-size:.76rem;color:#667;font-style:italic;margin-top:.75rem} .box p{margin-bottom:.7rem;line-height:1.65} .box .liste{margin:.4rem 0 .8rem 1.5rem} .box .liste li{margin-bottom:.35rem} .box h4.box-title:not(:first-child){margin-top:1.25rem} /* Kicker « Fiche n°X » + son titre, insérés dans le corps du chapitre juste avant l'encadré En résumé/Chiffres clés correspondant (04_Fiches:01/02) : petit badge plein vert, texte blanc, distinct des .box-kicker habituels. */ .fiche-num-kicker{display:inline-block;background:var(--vert);color:#fff;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .9rem;border-radius:4px;margin:1.5rem 0 .7rem} .fiche-num-title{font-family:var(--font-titre);font-size:1.55rem;font-weight:700;color:var(--rose-fonce);margin:.1rem 0 1rem;line-height:1.25} body.dark .fiche-num-kicker{background:var(--vert);color:#fff} body.dark .fiche-num-title{color:var(--dk-rose)} /* Page « Les 16 propositions du CESER » : grand titre de chapitre, puis des panneaux de solutions (un par thématique), chacun listant ses propositions numérotées avec le numéro mis en évidence (gras orange). */ /* Page « Les 16 propositions du CESER » : deux tableaux reprenant la mise en page du PDF (bandeau latéral coloré + propositions numérotées en pastille), un pour « Solutions de mobilité » (orange), un pour « Clés de réussite » (vert/teal). */ .props-section{margin:0 0 2.25rem} .props-section:last-child{margin-bottom:0} .props-section-kicker{font-family:var(--font-titre);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.05rem;margin:0 0 1rem} .props-section-kicker.kicker-orange{color:#dc7532} .props-section-kicker.kicker-teal{color:#5E8E84} .props-table{display:flex;flex-direction:column;border:1px solid var(--gris-clair);border-radius:8px;overflow:hidden;background:#fff} .props-group{display:flex} .props-group+.props-group{border-top:1px solid var(--gris-clair)} .props-sidebar{flex:0 0 210px;color:#fff;font-family:var(--font-titre);font-weight:700;font-size:1.05rem;line-height:1.35;display:flex;align-items:center;padding:1.3rem 1.4rem} .props-table-orange .props-sidebar{background:#dc7532} .props-table-teal .props-sidebar{background:#5E8E84} .props-body{flex:1;display:flex;flex-direction:column;min-width:0} .props-subgroup{padding:1.1rem 1.4rem} .props-subgroup+.props-subgroup{border-top:1px solid var(--gris-clair)} .props-subgroup-titre{font-weight:700;color:var(--gris-texte);margin:0 0 .8rem;font-size:1rem} .props-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.3rem .9rem;margin-bottom:.7rem} .props-item:last-child{margin-bottom:0} .props-pill{flex-shrink:0;font-weight:700;font-size:.82rem;padding:.3rem .75rem;border-radius:4px;white-space:nowrap;color:var(--gris-texte)} .props-table-orange .props-pill{background:#F7CC9D} .props-table-teal .props-pill{background:#abd3bd} .props-texte{margin:0;color:var(--gris-texte);line-height:1.55;flex:1 1 260px} @media(max-width:640px){ .props-group{flex-direction:column} .props-sidebar{flex:none;width:100%} } body.dark .props-table{background:var(--dk-card);border-color:#333} body.dark .props-group+.props-group{border-top-color:#333} body.dark .props-subgroup+.props-subgroup{border-top-color:#333} body.dark .props-subgroup-titre{color:var(--dk-text)} body.dark .props-texte{color:var(--dk-text)} body.dark .props-table-orange .props-pill{background:#c9a578;color:#1a1a1a} body.dark .props-table-teal .props-pill{background:var(--dk-vert);color:#0d1a0c} body.dark .props-section-kicker.kicker-orange{color:#f0a875} body.dark .props-section-kicker.kicker-teal{color:#9fc3bd} .box-zoom{border-left-color:var(--vert);background:#cfe5e1} .box-zoom .box-title{color:#77938e;font-size:1.3rem} .box-preco{border-left-color:var(--vert);background:#FEF3E8} .box-preco .box-kicker{color:var(--vert-dense);font-size:1.36rem;line-height:1.25} .box-preco .box-kicker .kicker-accent{color:var(--rose-fonce)} .box-messcles{border-left-color:var(--orange);background:#FEF3E8} .box-messcles .box-kicker{color:#974A0A} .box-territoires{border-left-color:var(--violet);background:#F0ECF8} .box-initiative{border:1px solid #dc7532;border-radius:8px;background:#E3E3E4;padding:0 0 1.25rem;overflow:hidden} .box-initiative .box-kicker{background:#dc7532;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:1.36rem;margin:0 0 1rem;padding:.9rem 1.5rem} .box-initiative .box-title{margin:0 1.5rem .6rem;color:var(--gris-texte);font-size:1.05rem} .box-initiative>p,.box-initiative>ul{margin-left:1.5rem;margin-right:1.5rem} .box-territoires .box-kicker{color:var(--violet)} .box-territoires h4.box-title{clear:both} .box-territoires .box-source{clear:both} .box-territoires .figure-image.img-float-left{float:left;width:34%;margin:.2rem 1.2rem 1rem 0} .box-territoires .img-float-right{float:right;width:38%;margin:0 0 1rem 1.2rem} .box-territoires .img-float-right .figure-image{margin:.4rem 0 0;width:100%} .box-territoires .img-float-right .titre-schema{margin:0;text-align:center} .box-territoires .figure-image.img-center-inline{display:block;margin:1.2rem auto;width:55%} @media(max-width:700px){.box-territoires .figure-image.img-center-inline{width:100%}} @media(max-width:700px){.box-territoires .figure-image.img-float-left,.box-territoires .img-float-right{float:none;width:100%;margin:1rem 0}} .box-preface{border-left-color:var(--gris-clair);background:var(--beige-bg);font-style:italic} /* En résumé / Chiffres clés : même bloc, empilé en une seule colonne (jamais 2 colonnes) ; le panneau Chiffres clés se distingue par un fond orange clair, comme les Messages-clés du CESER (.box-messcles, même teinte #FEF3E8). Padding déplacé du .box englobant vers chaque panneau (+ overflow:hidden) pour que ce fond aille bord à bord sans déborder des coins arrondis. */ .box-resume{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-left-color:var(--rose-fonce);background:var(--rose-pale)} .box-resume-panel{padding:1.25rem 1.5rem} .box-resume-panel:not(:last-child){border-bottom:1px solid rgba(2,74,110,.15)} .box-resume-panel.box-chiffres{background:#FEF3E8} .box-resume-panel.box-chiffres .box-kicker{color:var(--orange)} .box-resume-panel p{margin-bottom:.6rem} .chiffre-orange{color:var(--orange);font-weight:700} /* Préconisations */ .preco-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.4rem .5rem;margin-bottom:.6rem} .preco-row p{flex-basis:100%;margin:.2rem 0 0} .preco-pill,.preco-pill-inline{flex-shrink:0;display:inline-block;background:var(--vert);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;padding:.25rem .6rem;border-radius:12px;white-space:nowrap} .preco-pill-inline{margin:.4rem 0} /* Couleurs par type d'acteur (ETAT/REGION/EPCI/COLLECTIVITES/NAM) */ .preco-pill.pill-etat,.preco-pill-inline.pill-etat{background:#494B48;color:#fff} .preco-pill.pill-region,.preco-pill-inline.pill-region{background:var(--orange);color:#fff} .preco-pill.pill-epci,.preco-pill-inline.pill-epci{background:#5E8E84;color:#fff} .preco-pill.pill-collectivites,.preco-pill-inline.pill-collectivites{background:var(--vert);color:#fff} .preco-pill.pill-nam,.preco-pill-inline.pill-nam{background:#F7CC9D;color:#494B48} .preco-subhead{font-weight:700;margin:.6rem 0 .5rem;color:var(--gris-texte)} .preco-arrow{position:relative;padding-left:1.4rem;margin-bottom:.6rem} .preco-arrow::before{content:'→';position:absolute;left:0;color:var(--vert);font-weight:700} /* Fiches Initiative */ .fiche-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:2px solid var(--gris-clair)} .fiche-num{font-family:var(--font-titre);font-size:1.1rem;color:var(--rose-fonce)} .fiche-meta{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--rose)} .fiche-media-row{display:flex;gap:.75rem;align-items:flex-start;margin:1rem 0 1.5rem;flex-wrap:wrap} .fiche-media-small{max-width:220px;height:auto;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.08)} .fiche-logo{max-width:140px;background:#fff;padding:.4rem;border:1px solid var(--gris-clair)} .fiche-h5{font-family:var(--font-titre);font-size:1.05rem;color:var(--rose-fonce);margin:1.5rem 0 .5rem} .fiche-h6{font-size:.95rem;font-weight:700;color:var(--rose);margin:1.2rem 0 .4rem} .fiches-teaser{font-style:normal;font-size:1.15rem;font-weight:600;color:var(--gris-texte);padding:.8rem 1.15rem;border-left:3px solid var(--rose);background:var(--rose-pale);margin:1.1rem 0;border-radius:0 4px 4px 0;line-height:1.4} /* !important : .corps/.article-body p a (2 éléments dans le sélecteur, cf. plus bas) est structurellement plus spécifique que .fiches-teaser a (1 seul élément) et lui vole sinon la couleur (lien resté orange au lieu du vert demandé, y compris une fois visité) — même convention que a:link plus haut dans ce fichier pour le même type de conflit. */ .fiches-teaser a{display:block;color:#5a7d77 !important;text-decoration:none;font-weight:400} .fiches-teaser a:visited{color:#5a7d77 !important} .fiches-teaser a:hover{background:rgba(0,0,0,.04)} .fiches-teaser a:hover .fiches-teaser-num{text-decoration:underline} .fiches-teaser-num{color:#dc7532;font-weight:700;font-size:1.05em} .fiches-teaser-header{background:#dc7532;color:#fff;border-left-color:#dc7532;font-weight:700;text-transform:uppercase;letter-spacing:.02em} /* Tableaux natifs IDML (données / auditions) */ .table-wrap{overflow-x:auto;margin:1.5rem 0} .tableau{width:100%;border-collapse:collapse;font-size:.85rem} .tableau th,.tableau td{border:1px solid var(--gris-clair);padding:.6rem .75rem;text-align:left;vertical-align:top} .tableau th{background:#FEF3E8;color:var(--rose-fonce);font-weight:700} .tableau td{background:#fff} .tableau-personnes th:first-child,.tableau-personnes td:first-child{width:30%;font-weight:700} /* Grands intertitres « Auditions... » de l’annexe Remerciements (niveau au-dessus des sous-titres noirs de type "Collectivités territoriales") : vert/teal comme dans le PDF, pour marquer la hiérarchie. */ .audition-titre{color:#5E8E84;font-weight:700;font-size:1.1rem;margin:1.75rem 0 .5rem} body.dark .audition-titre{color:var(--dk-vert)} .box-zoom .tableau th{background:#fff;color:var(--gris-texte)} .tableau th.th-accent{background:#cfe5e1;color:var(--gris-texte)} .tableau tr.row-accent td{background:#cfe5e1} .tableau td.col-accent{background:#cfe5e1} .tableau.tableau-plain th{background:#fff;color:var(--gris-texte)} .tableau tr.row-accent-dark td{background:#5e8e84} .tableau tr.row-accent-light td{background:#abd3bd} /* Abréviations */ .abrev-lettre{font-family:var(--font-titre);font-size:1.2rem;color:var(--rose-fonce);margin:1.75rem 0 .5rem;padding-bottom:.2rem;border-bottom:1px solid var(--rose-pale)} .abrev-list{margin-bottom:.5rem;overflow:hidden} .abrev-list dt{float:left;clear:left;font-weight:700;color:var(--rose);margin-right:.5rem} .abrev-list dd{margin:0 0 .4rem 0;overflow:hidden} /* Auditionné·es */ .audition-nom{font-weight:700;color:var(--rose-fonce);margin-top:.9rem} .audition-fonction{font-size:.85rem;color:var(--gris-texte);font-style:italic;margin-bottom:.4rem} /* Interventions */ /* Préfixées par .article-body pour battre en spécificité la règle du master .intervention-texte:not(.intervention-liste){font-size:1.15rem;font-weight:700; color:var(--rose-fonce)} (héritée de vivre_dignement, où « intervention-texte » désigne autre chose) qui sinon rendait nos citations en gras/rose au lieu d'italique gris. */ .article-body .intervention-nom{font-size:1.35rem;font-weight:700;color:var(--rose-fonce);margin:2.2rem 0 .2rem;padding-left:.9rem;border-left:3px solid var(--rose-fonce)} .article-body .intervention-fonction{font-size:.92rem;font-weight:700;font-style:normal;color:var(--vert-dense);margin:0 0 .8rem;padding-left:.9rem} .article-body .intervention-texte{color:var(--gris-texte);font-style:normal;font-weight:400;padding-left:1rem;border-left:2px solid var(--gris-clair);margin-bottom:.7rem} /* Liens dans le texte courant (citations de la médiagraphie, sources en corps de texte, interventions) : orange par défaut, vert une fois visités (au lieu du rouge/violet par défaut du navigateur, non stylé jusqu'ici). */ .corps a,.intervention-texte a,.box p a,.article-body p a,.article-body li a{color:var(--orange);text-decoration:underline;text-decoration-color:rgba(233,113,50,.45)} .corps a:hover,.intervention-texte a:hover,.box p a:hover,.article-body p a:hover,.article-body li a:hover{color:var(--vert-dense)} .corps a:visited,.intervention-texte a:visited,.box p a:visited,.article-body p a:visited,.article-body li a:visited{color:var(--vert-dense)} .intervention-liste{list-style:none;margin:0 0 1.5rem;padding:1rem 1.25rem;background:var(--rose-pale);border-radius:6px;display:flex;flex-wrap:wrap;gap:.4rem .9rem} .intervention-liste li{margin:0} .intervention-liste a{color:var(--rose-fonce);font-weight:700;font-size:.85rem;text-decoration:none;border-bottom:1px solid transparent} .intervention-liste a:hover{border-bottom-color:var(--rose-fonce)} @media(max-width:860px){ .fiche-header{flex-direction:column;align-items:flex-start} } /* ══ MODE SOMBRE — variantes pour les classes propres à ce rapport ══ (Le master gère déjà le thème sombre pour le header/sidebar/nav/pagination/ footer/recherche/tiroir de notes — ici on ne traite que les nouveaux composants : encadrés box-*, fiches, tableaux, abréviations, interventions.) */ body.dark .box{background:var(--dk-card);border-left-color:var(--dk-rose);color:var(--dk-text)} body.dark .box-kicker{color:var(--dk-rose)} body.dark .box-title{color:var(--dk-rose)} body.dark .box-subtitle,body.dark .box-subtitle-inline{color:var(--dk-text)} body.dark .box-source{color:var(--dk-text-muted)} body.dark .box-zoom{background:var(--dk-card);border-left-color:var(--vert)} body.dark .box-zoom .box-title{color:#9fc3bd} body.dark .box-preco{background:var(--dk-encadre-preco-bg);border-left-color:var(--dk-vert);color:var(--dk-encadre-preco-text)} body.dark .box-preco .box-kicker{color:var(--dk-vert)} body.dark .box-preco .box-kicker .kicker-accent{color:#d9a066} body.dark .box-messcles{background:var(--dk-card);border-left-color:#c98a4a;color:var(--dk-text)} body.dark .box-messcles .box-kicker{color:#d9a066} body.dark .box-territoires{background:var(--dk-card);border-left-color:#8a6bc4;color:var(--dk-text)} body.dark .box-initiative{background:var(--dk-card);border-color:#dc7532;color:var(--dk-text)} body.dark .box-initiative .box-title{color:var(--dk-text)} body.dark .box-territoires .box-kicker{color:#a98be0} body.dark .box-preface{background:var(--dk-card);border-left-color:#444;color:var(--dk-text-muted)} body.dark .box-resume{background:var(--dk-card);border-left-color:var(--dk-rose)} body.dark .box-resume-panel:not(:last-child){border-bottom-color:#333} body.dark .box-resume-panel.box-chiffres{background:#2a2015} body.dark .box-resume-panel.box-chiffres .box-kicker{color:#d9a066} body.dark .chiffre-orange{color:#d9a066} body.dark .preco-pill,body.dark .preco-pill-inline{background:var(--dk-vert);color:#0d1a0c} body.dark .preco-pill.pill-etat,body.dark .preco-pill-inline.pill-etat{background:#6b6d68;color:#fff} body.dark .preco-pill.pill-region,body.dark .preco-pill-inline.pill-region{background:var(--orange);color:#fff} body.dark .preco-pill.pill-epci,body.dark .preco-pill-inline.pill-epci{background:#5E8E84;color:#fff} body.dark .preco-pill.pill-collectivites,body.dark .preco-pill-inline.pill-collectivites{background:var(--dk-vert);color:#0d1a0c} body.dark .preco-pill.pill-nam,body.dark .preco-pill-inline.pill-nam{background:#c9a578;color:#1a1a1a} body.dark .preco-subhead{color:var(--dk-text)} body.dark .preco-arrow::before{color:var(--dk-vert)} body.dark .fiche-header{border-bottom-color:#333} body.dark .fiche-num{color:var(--dk-rose)} body.dark .fiche-meta{color:var(--dk-text-muted)} body.dark .fiche-logo{background:#222;border-color:#333} body.dark .fiche-h5{color:var(--dk-rose)} body.dark .fiche-h6{color:var(--dk-text)} body.dark .fiches-teaser{background:var(--dk-card);border-left-color:var(--dk-rose);color:var(--dk-text)} body.dark .fiches-teaser a{color:#8fb3ac !important} body.dark .fiches-teaser a:visited{color:#8fb3ac !important} body.dark .fiches-teaser a:hover{background:rgba(255,255,255,.05)} body.dark .fiches-teaser-num{color:#dc7532} body.dark .fiches-teaser-header{background:#dc7532;color:#fff;border-left-color:#dc7532} body.dark .tableau th,body.dark .tableau td{border-color:var(--dk-table-border)} body.dark .tableau th{background:#2a2015;color:#d9a066} body.dark .tableau tr:nth-child(odd) td{background:var(--dk-table-odd)} body.dark .tableau tr:nth-child(even) td{background:var(--dk-table-even)} body.dark .abrev-lettre{color:var(--dk-rose);border-bottom-color:#333} body.dark .abrev-list dt{color:var(--dk-rose)} body.dark .abrev-list dd{color:var(--dk-text)} body.dark .audition-nom{color:var(--dk-rose)} body.dark .audition-fonction{color:var(--dk-text-muted)} body.dark .corps a,body.dark .intervention-texte a,body.dark .box p a,body.dark .article-body p a,body.dark .article-body li a{color:#f0a875} body.dark .corps a:visited,body.dark .intervention-texte a:visited,body.dark .box p a:visited,body.dark .article-body p a:visited,body.dark .article-body li a:visited{color:#9dbf96} body.dark .intervention-nom{color:var(--dk-rose)} body.dark .intervention-fonction{color:var(--dk-text-muted)} body.dark .intervention-texte{color:var(--dk-text-muted);border-left-color:#333} /* ══ PAGE DE COUVERTURE (index.html) — gabarit « cover-page » repris de 2026_rapport_vivre_dignement/index.html : colonne image fixe + colonne texte qui défile, sans sidebar (page d'atterrissage distincte de la navigation multi-pages). ══ */ body.cover-body{background:var(--blanc)} .cover-page{display:flex;min-height:calc(100vh - var(--header-h))} .cover-image-col{width:33.333%;flex-shrink:0;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;overflow-x:hidden;background:#edf0e8;display:flex;align-items:flex-start;justify-content:center} .cover-image-col img{width:100%;height:auto;display:block} .cover-text-col{flex:1;padding:3.5rem 4rem 5rem 3.5rem;overflow-y:auto;max-width:900px} .cover-eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--vert-moyen);font-weight:700;margin-bottom:.85rem} .cover-main-title{font-size:2.1rem;line-height:1.2;color:var(--rose-fonce);margin-bottom:.5rem} .cover-text-col h2{font-family:var(--font-titre);font-size:1.3rem;color:var(--gris-texte);font-weight:400;margin-bottom:.75rem} .cover-subtitle{font-size:1rem;color:#999;font-style:italic;margin-bottom:2rem} .cover-divider{height:3px;width:56px;background:var(--rose-fonce);border-radius:2px;margin-bottom:2rem} .cover-share{display:flex;align-items:center;gap:.6rem;margin:-1rem 0 2rem} .cover-share .cover-share-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa;font-weight:700} .cover-text{font-size:.95rem;line-height:1.85;color:var(--gris-texte);margin-bottom:1.1rem} .cover-text-col h3{font-family:var(--font-titre);font-size:1.15rem;color:var(--rose-fonce);margin:1.75rem 0 .75rem} .cover-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin:2rem 0 2.5rem;background:var(--gris-bg,var(--beige-bg));border-radius:8px;padding:1.25rem 1.5rem} .cover-meta-item{display:flex;flex-direction:column;gap:.2rem} .cover-meta-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--vert-moyen);font-weight:700} .cover-meta-value{font-size:.88rem;color:var(--rose-fonce);font-weight:600;line-height:1.3} .cover-ctas{display:flex;gap:.5rem;flex-wrap:nowrap;margin-top:2rem} .cover-cta{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none;padding:.7rem 1rem;border-radius:6px;font-size:.78rem;font-weight:700;transition:all .18s;letter-spacing:.01em;flex:0 1 auto;min-width:0;text-align:center;white-space:nowrap} .cover-cta-primary{background:var(--rose-fonce);color:#fff!important} .cover-cta-primary:hover{background:var(--vert-moyen);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)} .cover-cta-secondary{background:var(--vert-moyen);color:#fff!important} .cover-cta-secondary:hover{background:var(--vert);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.12)} @media(max-width:860px){ .cover-page{flex-direction:column} .cover-image-col{width:100%;height:auto;position:relative;top:0;overflow:visible} .cover-text-col{padding:1.75rem 1.25rem 3rem;max-width:100%} .cover-main-title{font-size:1.5rem} .cover-meta{grid-template-columns:1fr 1fr} .cover-ctas{flex-wrap:wrap} } body.dark .cover-page{background:var(--dk-bg)} body.dark .cover-image-col{background:#1a1a20} body.dark .cover-subtitle{color:var(--dk-text-muted)} body.dark .cover-text{color:var(--dk-text)} body.dark .cover-meta{background:var(--dk-card)} body.dark .cover-meta-value{color:var(--dk-rose)} body.dark .cover-text-col h2,body.dark .cover-text-col h3{color:var(--dk-rose)} /* --- Bandeau fiche initiative v2 (essai) --- */ .fiche-topbar{display:flex;flex-wrap:wrap;margin:0 0 1.1rem;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08)} .fiche-topbar-badge{background:var(--rose-fonce);color:#fff;font-family:var(--font-titre);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.55rem 1.1rem;font-size:1.05rem;white-space:nowrap} .fiche-topbar-location{background:var(--vert);color:#fff;font-weight:700;padding:.55rem 1.1rem;font-size:1.05rem;flex:1;text-align:right} .fiche-kicker{font-family:var(--font-titre);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--rose-fonce);font-size:1.15rem;margin:0 0 .35rem;text-align:center} .fiche-header-v2 .article-title{text-align:center} body.dark .fiche-topbar-badge{background:var(--dk-rose);color:#1a0f14} body.dark .fiche-kicker{color:var(--dk-rose)} /* --- Hierarchie couleurs Fiches 1-11 (grand titre / sous-titre / sous-sous-titre) --- */ body.fiche-chapter .article-title{color:var(--vert-dense)} body.dark.fiche-chapter .article-title{color:var(--dk-vert)} body.fiche-subtopic .article-title{font-size:1.55rem} body.fiche-subtopic .niveau-3{font-size:1.25rem} @media(max-width:860px){ body.fiche-subtopic .article-title{font-size:1.15rem} body.fiche-subtopic .niveau-3{font-size:1.05rem} } /* --- Filet orange (largeur du texte) sous les sous-titres, a la place du filet gris pleine largeur --- */ body.fiche-subtopic .article-header{border-bottom:none;padding-bottom:0;margin-bottom:1.25rem} body.fiche-subtopic .article-title{display:table;border-bottom:4px solid var(--rose-fonce);padding-bottom:.4rem} /* --- Badge "Suite" sur les sous-pages d une fiche --- */ .article-badge-suite{display:inline-block;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.11em;padding:.2rem .3rem .2rem 0;color:#7f9777;margin-bottom:.8rem;margin-left:.35rem} body.dark .article-badge-suite{color:#9dbf96} /* --- Menu mobile (burger) : doit se déplier depuis le HAUT en pleine largeur, comme sur tous les autres rapports du CESER (transition écologique, vivre dignement, contribution financer l'action régionale) — ces rapports ont ce correctif en