ℹ️ NOTE : Version texte brut (Markdown) optimisée pour l'ingestion par les IA (LLMs). 🎧 POUR ÉCOUTER LE PODCAST : https://csoluble.media/epsode/junior-shift-project-transition-robuste-clement-caudron/ ------------------------------------------------------------------------------------ # Peut-on vraiment réussir la transition climatique ? > Date de publication : 2026-06-01 > Source : Soluble(s) - Podcast par Simon Icard Et si les plans pour le climat étaient trop fragiles ? Pas parce qu’ils manquent d’ambition, mais parce qu’ils supposent que tout se passera comme prévu. Le Shift Project a décidé de tester la transition française autrement : en imaginant ce qui se passe quand ça dérape. .solu-share-block{ margin: 0.5em 0 0.7em; } .solu-share-wrapper{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:0; } .btn-ecouter, .btn-ami, .btn-google-source, .btn-share-mobile{ min-height:44px; border:none; border-radius:999px; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; line-height:1.2; box-sizing:border-box; font-weight:500; transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease; cursor:pointer; } .btn-ecouter, .btn-ami, .btn-google-source, .btn-share-mobile, .solu-share-toggle{ outline:none; } .btn-ecouter:focus-visible, .btn-ami:focus-visible, .btn-google-source:focus-visible, .btn-share-mobile:focus-visible, .solu-share-toggle:focus-visible, .solu-share-dropdown a:focus-visible{ outline:3px solid #1a73e8; outline-offset:2px; } .btn-ecouter{ background-color:#FF1C2E; color:#fff; padding:11px 20px; font-size:16px; box-shadow:0 2px 6px rgba(255,28,46,0.25); } .btn-ecouter:hover{ background-color:#3A3144; color:#fff; transform:translateY(-1px); box-shadow:0 4px 12px rgba(58,49,68,0.3); } .btn-ami{ background-color:#3A3144; color:#fff; padding:11px 18px; font-size:15px; white-space:nowrap; box-shadow:0 2px 6px rgba(58,49,68,0.2); } .btn-ami:hover{ background-color:#555; color:#fff; transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,0,0,0.18); } .btn-google-source{ background-color:#fff !important; color:#1557b0 !important; padding:11px 18px; font-size:15px; white-space:nowrap; border:1px solid #dadce0 !important; box-shadow:0 1px 3px rgba(0,0,0,0.08); } .btn-google-source:hover{ background-color:#f8faff !important; color:#1557b0 !important; transform:translateY(-1px); box-shadow:0 4px 10px rgba(21,87,176,0.18); border-color:#c4d4f0 !important; } .btn-google-source svg{ width:18px; height:18px; flex-shrink:0; } .btn-share-mobile{ display:none; background-color:#3A3144; color:#fff; padding:11px 18px; font-size:15px; white-space:nowrap; box-shadow:0 2px 6px rgba(58,49,68,0.2); } .btn-share-mobile:hover{ background-color:#555; color:#fff; transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,0,0,0.18); } .solu-share-toggle{ background-color:#3A3144; color:#fff; border:none; border-radius:999px; width:44px; height:44px; flex:0 0 44px; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 2px 6px rgba(58,49,68,0.2); transition:transform .18s ease, background-color .18s ease, box-shadow .18s ease; } .solu-share-toggle:hover{ background-color:#555; transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,0,0,0.22); } .solu-share-dropdown{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; margin-top:10px !important; opacity:0; max-height:0; overflow:hidden; transform:translateY(-6px); transition:opacity .25s ease, transform .25s ease, max-height .25s ease; pointer-events:none; } .solu-share-dropdown.active{ opacity:1; max-height:200px; transform:translateY(0); pointer-events:auto; } .solu-share-dropdown a{ display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:999px; background-color:#f3f3f3; text-decoration:none; color:#374151; font-size:18px; transition:transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease; } .solu-share-dropdown a:hover{ transform:translateY(-2px); box-shadow:0 4px 10px rgba(0,0,0,0.12); } .solu-share-dropdown img{ max-width:22px; max-height:22px; } .solu-copy-badge{ margin-left:8px; padding:5px 10px; background:#333; color:#fff; border-radius:999px; font-size:13px; opacity:0; transition:opacity .25s ease; display:inline-block; } .solu-copy-badge.visible{ opacity:1; } .solu-share-row-desktop{ display:flex; align-items:center; gap:8px; } .solu-sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } @media (max-width:520px){ .solu-share-block{ margin: 0.3em 0 0.5em; } .solu-share-wrapper{ display:grid; grid-template-columns:1fr; gap:10px; align-items:stretch; } .btn-ecouter, .btn-ami, .btn-google-source, .btn-share-mobile{ width:100%; justify-content:center; font-size:15px; padding:13px 16px; } .btn-share-mobile{ display:inline-flex; } .solu-share-row-desktop{ display:none; } .solu-share-dropdown{ margin-top:8px !important; } .solu-copy-badge{ margin:8px auto 0; display:block; width:max-content; font-size:12px; padding:5px 10px; } } ### Pourquoi on en parle ? La France s’est engagée à ne plus émettre de gaz à effet de serre d’ici 2050. Mais en 2025, ses émissions n’ont baissé que de 1,5 % — alors qu’il faudrait environ 5 % par an. Le Shift Project, un groupe d’ingénieurs et de chercheurs spécialisés dans l’énergie, a publié en avril 2026 un rapport pour comprendre comment tenir cet objectif malgré les retards, les crises et les imprévus. ### Quel est le problème ? La France brûle encore beaucoup de pétrole, de gaz et de charbon. Ça lui coûte entre 60 et 120 milliards d’euros par an en importations — autant que le budget de l’Éducation nationale. Et si elle ne change pas assez vite, elle épuisera en seulement 25 ans tout le « budget carbone » compatible avec un réchauffement limité à +2 °C. Le vrai piège : les plans climatiques sont souvent conçus pour un monde parfait, où tout avance selon le calendrier prévu. Or dans la vraie vie, les projets prennent du retard, les gouvernements changent, les crises surgissent. ### Quelle est la solution ? Le Shift Project propose une transition robuste : une méthode qui identifie 20 chantiers prioritaires (transports, logement, énergie, industrie, agriculture, numérique) et teste chacun d’eux dans trois scénarios — tout va bien, ça accroche un peu, ça déraille vraiment. L’idée : construire une transition qui tient debout même quand les choses se passent mal. ### Qui agit ? Clément Caudron est ingénieur, diplômé de l’École Centrale de Lille. Il dirige le projet « transition robuste » au sein du Shift Project et a co-piloté ce rapport publié en avril 2026. Il est aussi auteur du livre Il est urgent de ralentir (2022). ### En pratique Trois chantiers concentrent à eux seuls un tiers des émissions françaises : passer à la voiture électrique (petite et abordable, autour de 15 000 €), électrifier les camions, et remplacer les chaudières à gaz par des pompes à chaleur. Sur l’énergie, le Shift Project a modélisé deux situations : sans énergies renouvelables, la France manquerait d’électricité propre dès 2035 ; sans nucléaire, dès 2040. Selon ces modélisations, il faudrait pousser les deux à fond en même temps. Un angle peu discuté : le cuivre. Ce métal est partout dans la transition (voitures électriques, éoliennes, pompes à chaleur, bornes de recharge). La demande mondiale devrait augmenter de 41 % d’ici 2035 — et la France n’en produit plus depuis 1998. Enfin, la transition va exiger 100 000 travailleurs supplémentaires dans le seul secteur nucléaire, et des milliers d’artisans formés à la rénovation. Préparer ces compétences prend 2 à 10 ans. Il faut commencer maintenant. ### Le savais-tu ? L’agriculture représente 20 % des émissions françaises, mais seulement 3 à 4 % de sa consommation d’énergie. La grande partie vient du méthane produit par les vaches et du protoxyde d’azote des engrais. Deux solutions : réduire l’élevage de bovins et cultiver davantage de légumineuses (lentilles, pois, fèves), qui fabriquent leur propre engrais naturellement en fixant l’azote de l’air. ### Ce que tu peux faire - Quand ta famille change de voiture, penche-toi vers une petite voiture électrique plutôt qu’un grand SUV. - Préfère le train à l’avion pour les voyages en France et en Europe. - Mange moins de viande de bœuf : c’est l’un des leviers climatiques les plus accessibles au quotidien. - Parle de la transition autour de toi : expliquer ce que font des gens comme Clément Caudron, c’est déjà agir. ### Quelques mots clés - Transition robuste : une façon de planifier le changement en imaginant ce qui se passe si les choses ne se déroulent pas comme prévu, pour construire un plan qui tient quand même. - Budget carbone : la quantité totale de CO₂ que l’humanité peut encore émettre pour limiter le réchauffement à +2 °C. Comme un compte en banque : quand il est vide, c’est fini. - Pompe à chaleur : un appareil qui chauffe une maison en puisant la chaleur de l’air ou du sol, sans brûler de gaz ni de pétrole. - Électrification : remplacer les machines qui brûlent du pétrole ou du gaz par des machines qui fonctionnent à l’électricité, idéalement produite sans CO₂. - Légumineuses : famille de plantes (lentilles, pois chiches, fèves, haricots) qui enrichissent le sol en azote naturellement, sans engrais chimiques. - Choc de compétences : le manque de travailleurs formés aux nouveaux métiers de la transition — électriciens, techniciens en énergies renouvelables, artisans de la rénovation. .solubles-junior { --red: #E61E25; --black: #121212; --white: #FFFFFF; --cream: #FDFBF7; --beige: #F5EFE6; --yellow: #FFD93D; --text: #1a1a1a; --muted: #666666; --r: 14px; font-family: 'Source Sans 3', 'Source Sans Pro', sans-serif; color: var(--text); background: var(--cream); padding: 20px 0 32px; width: 100%; box-sizing: border-box; } .solubles-junior * { box-sizing: border-box; margin: 0; padding: 0; } @keyframes sj-fadeUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } } @keyframes sj-pop { 0% { transform: scale(.92); opacity: 0; } 60% { transform: scale(1.03); } 100% { transform: scale(1); opacity: 1; } } @keyframes sj-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-4px); } } .solubles-junior .sj-fade { opacity: 0; animation: sj-fadeUp .5s ease forwards; } .solubles-junior .sj-fade:nth-child(1) { animation-delay: .05s; } .solubles-junior .sj-fade:nth-child(2) { animation-delay: .15s; } .solubles-junior .sj-fade:nth-child(3) { animation-delay: .25s; } .solubles-junior .sj-fade:nth-child(4) { animation-delay: .35s; } .solubles-junior .sj-fade:nth-child(5) { animation-delay: .45s; } .solubles-junior .sj-fade:nth-child(6) { animation-delay: .55s; } .solubles-junior .sj-fade:nth-child(7) { animation-delay: .65s; } .solubles-junior .sj-fade:nth-child(8) { animation-delay: .75s; } .solubles-junior .sj-fade:nth-child(9) { animation-delay: .85s; } .solubles-junior .sj-fade:nth-child(10) { animation-delay: .95s; } .solubles-junior .sj-block { background: var(--white); border-radius: var(--r); padding: 22px; margin-bottom: 14px; border: 2.5px solid var(--black); box-shadow: 4px 4px 0 var(--black); } .solubles-junior .sj-eyebrow { font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--red); margin-bottom: 6px; display: flex; align-items: center; gap: 6px; } .solubles-junior .sj-eyebrow::before { content: ''; width: 20px; height: 3px; background: var(--red); border-radius: 2px; display: inline-block; flex-shrink: 0; } .solubles-junior .sj-block h2 { font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 28px; line-height: 1.2; margin-bottom: 10px; color: var(--black); } .solubles-junior .sj-block p { font-family: 'Source Sans 3', sans-serif; font-size: 17px; font-weight: 600; line-height: 1.65; color: #2d2d2d; margin-bottom: 8px; } .solubles-junior .sj-block p:last-child { margin-bottom: 0; } .solubles-junior .sj-block p strong { color: var(--red); font-weight: 700; } .solubles-junior .sj-pills { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; } .solubles-junior .sj-pill { background: var(--beige); border: 2px solid var(--black); border-radius: 999px; padding: 5px 14px; font-family: 'Work Sans', sans-serif; font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 5px; animation: sj-float 3s ease-in-out infinite; } .solubles-junior .sj-pill:nth-child(2) { animation-delay: .5s; } .solubles-junior .sj-pill:nth-child(3) { animation-delay: 1s; } .solubles-junior .sj-pill:nth-child(4) { animation-delay: 1.5s; } .solubles-junior .sj-stats-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; } .solubles-junior .sj-stat { border-radius: 12px; border: 2.5px solid var(--black); padding: 14px 12px; text-align: center; opacity: 0; animation: sj-pop .5s ease forwards; transition: transform .2s, box-shadow .2s; } .solubles-junior .sj-stat:nth-child(1) { animation-delay: .3s; background: #fff0f0; } .solubles-junior .sj-stat:nth-child(2) { animation-delay: .4s; background: #fffbea; } .solubles-junior .sj-stat:nth-child(3) { animation-delay: .5s; background: #f0fff6; } .solubles-junior .sj-stat:nth-child(4) { animation-delay: .6s; background: #f0f8ff; } .solubles-junior .sj-stat-num { font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: clamp(18px, 4.5vw, 36px); line-height: 1; margin-bottom: 5px; overflow-wrap: break-word; word-break: break-word; } .solubles-junior .sj-stat:nth-child(1) .sj-stat-num { color: var(--red); } .solubles-junior .sj-stat:nth-child(2) .sj-stat-num { color: #c8900a; } .solubles-junior .sj-stat:nth-child(3) .sj-stat-num { color: #1a8a34; } .solubles-junior .sj-stat:nth-child(4) .sj-stat-num { color: #1a7fc4; } .solubles-junior .sj-stat-lbl { font-family: 'Source Sans 3', sans-serif; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: var(--muted); line-height: 1.3; } .solubles-junior .sj-vig-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; } .solubles-junior .sj-vig { border-radius: 12px; border: 2.5px solid var(--black); padding: 16px 14px; transition: transform .2s; } .solubles-junior .sj-vig-badge { width: 36px; height: 36px; border-radius: 50%; border: 2.5px solid var(--black); display: flex; align-items: center; justify-content: center; font-size: 16px; margin-bottom: 10px; } .solubles-junior .sj-vig-r { background: #fff0f0; } .solubles-junior .sj-vig-r .sj-vig-badge { background: #e53935; } .solubles-junior .sj-vig-o { background: #fff6ee; } .solubles-junior .sj-vig-o .sj-vig-badge { background: #fb8c00; } .solubles-junior .sj-vig h3 { font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 17px; margin-bottom: 6px; } .solubles-junior .sj-vig p { font-family: 'Source Sans 3', sans-serif; font-size: 13px; font-weight: 600; color: #333; line-height: 1.45; margin-bottom: 0; } .solubles-junior .sj-actions { list-style: none; margin-top: 14px; display: flex; flex-direction: column; gap: 8px; } .solubles-junior .sj-actions li { display: flex; align-items: flex-start; gap: 12px; background: var(--cream); border: 2px solid var(--black); border-radius: 12px; padding: 10px 14px; font-family: 'Source Sans 3', sans-serif; font-size: 15px; font-weight: 700; transition: transform .15s, background .15s; } .solubles-junior .sj-actions .sj-ico { font-size: 20px; flex-shrink: 0; } .solubles-junior .sj-fun { background: var(--yellow); border-radius: var(--r); border: 2.5px solid var(--black); box-shadow: 4px 4px 0 var(--black); padding: 22px; margin-bottom: 14px; position: relative; overflow: hidden; } .solubles-junior .sj-fun::after { content: '?'; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 120px; color: rgba(0,0,0,.07); line-height: 1; pointer-events: none; } .solubles-junior .sj-fun .sj-eyebrow { color: var(--black); } .solubles-junior .sj-fun .sj-eyebrow::before { background: var(--black); } .solubles-junior .sj-fun h2 { font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 24px; margin-bottom: 8px; color: var(--black); } .solubles-junior .sj-fun p { font-family: 'Source Sans 3', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.6; color: #1a1a1a; margin-bottom: 0; } .solubles-junior .sj-lex-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; } .solubles-junior .sj-lex { background: var(--cream); border: 2px solid var(--black); border-radius: 10px; padding: 10px 12px; } .solubles-junior .sj-lex-word { font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 14px; color: var(--red); margin-bottom: 3px; } .solubles-junior .sj-lex-def { font-family: 'Source Sans 3', sans-serif; font-size: 12px; font-weight: 600; color: #444; line-height: 1.4; } .solubles-junior .sj-citation { background: var(--black); border-radius: var(--r); padding: 24px 22px; margin-bottom: 14px; position: relative; overflow: hidden; } .solubles-junior .sj-citation::before { content: '❝'; font-family: Georgia, serif; font-size: 80px; color: var(--red); position: absolute; top: 0; left: 14px; line-height: 1; opacity: .4; pointer-events: none; } .solubles-junior .sj-citation blockquote { font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 20px; line-height: 1.4; color: var(--white); margin-bottom: 12px; } .solubles-junior .sj-citation cite { font-family: 'Source Sans 3', sans-serif; font-size: 12px; font-weight: 600; color: rgba(255,255,255,.5); font-style: normal; text-transform: uppercase; letter-spacing: .5px; } .solubles-junior .sj-footer { background: var(--red); border-radius: var(--r); border: 2.5px solid var(--black); box-shadow: 4px 4px 0 var(--black); padding: 16px 22px; display: flex; align-items: center; justify-content: space-between; } .solubles-junior .sj-footer-brand { font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 22px; color: var(--white); } .solubles-junior .sj-footer-info { font-family: 'Source Sans 3', sans-serif; font-size: 11px; font-weight: 700; color: rgba(255,255,255,.75); text-align: right; text-transform: uppercase; letter-spacing: .5px; line-height: 1.5; } @media (max-width: 480px) { .solubles-junior .sj-stats-grid, .solubles-junior .sj-vig-grid, .solubles-junior .sj-lex-grid { grid-template-columns: 1fr; } .solubles-junior .sj-block h2 { font-size: 22px; } } ## Peut-on vraiment réussir la transition climatique ? Avec Clément Caudron · The Shift Project Et si les plans pour le climat étaient trop fragiles ? Pas parce qu’ils manquent d’ambition, mais parce qu’ils supposent que tout se passera comme prévu. Le Shift Project a décidé de tester la transition française autrement : en imaginant ce qui se passe quand ça dérape. ## La France ne va pas assez vite 📉 La France s’est engagée à ne plus émettre de gaz à effet de serre d’ici 2050. Mais en 2025, ses émissions n’ont baissé que de 1,5 % — alors qu’il faudrait environ 5 % par an. Et les plans climatiques sont souvent conçus pour un monde parfait, où tout avance selon le calendrier prévu. ## Une transition qui tient debout face aux crises 💪 Le Shift Project propose une transition robuste : 20 chantiers prioritaires testés dans trois scénarios différents — tout va bien, ça accroche un peu, ça déraille vraiment. L’idée : construire un plan qui fonctionne même quand les choses ne se passent pas comme prévu. Trois chantiers concentrent à eux seuls un tiers des émissions françaises : passer à la voiture électrique sobre (autour de 15 000 €), électrifier les camions, et remplacer les chaudières à gaz par des pompes à chaleur. ## Nucléaire et renouvelables : que dit le rapport ? ⚡ Le débat entre énergie nucléaire et énergies renouvelables (soleil, vent…) divise beaucoup de gens. Le Shift Project a modélisé les deux situations pour voir ce qui se passerait dans chaque cas. ### Sans renouvelables Selon les modélisations du Shift, la France manquerait d’électricité propre dès le milieu des années 2030. ### Sans nucléaire Selon les mêmes modélisations, la France manquerait d’électricité propre dès les années 2040. Le Shift conclut qu’il faut pousser les deux à fond. ## Agir concrètement ✅ - 🚗Quand ta famille change de voiture, penche-toi vers une petite voiture électrique plutôt qu’un grand SUV. - 🚆Préfère le train à l’avion pour les voyages en France et en Europe. - 🥩Mange moins de viande de bœuf : c’est l’un des leviers climatiques les plus accessibles au quotidien. - 💬Parle de la transition autour de toi : expliquer ce que font des gens comme Clément Caudron, c’est déjà agir. ## L’agriculture, 20 % des émissions françaises 🌾 L’agriculture représente 20 % des émissions françaises, mais seulement 3 à 4 % de sa consommation d’énergie. La grande partie vient du méthane produit par les vaches et du protoxyde d’azote des engrais. Deux solutions : réduire l’élevage de bovins et cultiver davantage de légumineuses (lentilles, pois, fèves), qui fabriquent leur propre engrais naturellement en fixant l’azote de l’air. ## Pour tout comprendre 📖 ### 📍 TIMECODES 00:00 — Introduction 02:11 — Présentation de Clément Caudron et du Shift Project 03:33 — Pourquoi un nouveau plan 05:54 — La méthode Shift en 20 chantiers 07:54 — Qu’est-ce qu’une transition robuste ? 09:11 — Que se passe-t-il si la France échoue ? 13:25 — « On crame le budget carbone en seulement 25 ans » 15:08 — Trois chantiers, un tiers des émissions 16:23 — La petite voiture électrique sobre à 15 000 € 19:24 — 60 à 120 Md€/an d’importations fossiles 20:31 — Présidentielle 2027 : peser sur le débat 22:29 — Le triple défi du système électrique 22:55 — EPR2, premiers réacteurs en 2038 24:15 — Renouvelables : pourquoi un moratoire serait dangereux 24:54 — Le cuivre, talon d’Achille de la transition 27:55 — Le choc des compétences : 100 000 travailleurs pour le nucléaire 31:46 — Agriculture : 20 % des émissions, 3-4 % de l’énergie 32:05 — Les légumineuses, alternative aux engrais azotés 32:36 — Réduire l’élevage bovin tout en sanctuarisant la prairie 35:25 — Intelligence artificielle et data centers 37:28 — Conflit d’usage sur le réseau électrique 38:26 — À l’échelle individuelle, quels leviers.s20v3, .s20v3 *, .s20v3 *::before, .s20v3 *::after {<br /> box-sizing: border-box;<br /> margin: 0; padding: 0;<br /> }<br /> .s20v3 {<br /> --red: #E61E25;<br /> --black: #121212;<br /> --white: #FFFFFF;<br /> --cream: #FDFBF7;<br /> --beige: #F2EDE6;<br /> --text: #1a1a1a;<br /> --muted: #666;<br /> font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;<br /> background: var(--cream);<br /> color: var(--text);<br /> width: 100%;<br /> margin: 32px 0;<br /> border: 2.5px solid var(--black);<br /> border-radius: 14px;<br /> box-shadow: 5px 5px 0 var(--black);<br /> overflow: hidden;<br /> -webkit-font-smoothing: antialiased;<br /> }</p> <p>/* ── HEADER ── */<br /> .s20v3-header {<br /> background: var(--white);<br /> padding: 26px 24px 22px;<br /> border-bottom: 2.5px solid var(--black);<br /> }<br /> .s20v3-eyebrow {<br /> display: inline-flex;<br /> align-items: center;<br /> gap: 7px;<br /> font-size: 11px;<br /> font-weight: 700;<br /> letter-spacing: 2px;<br /> text-transform: uppercase;<br /> color: var(--red);<br /> margin-bottom: 10px;<br /> }<br /> .s20v3-eyebrow::before {<br /> content: '';<br /> width: 22px; height: 3px;<br /> background: var(--red);<br /> border-radius: 2px;<br /> display: inline-block;<br /> flex-shrink: 0;<br /> }<br /> .s20v3-title {<br /> font-size: clamp(21px, 4vw, 29px);<br /> font-weight: 900;<br /> line-height: 1.15;<br /> color: var(--black);<br /> letter-spacing: -0.02em;<br /> margin-bottom: 6px;<br /> }<br /> .s20v3-subtitle {<br /> font-size: 14px;<br /> font-weight: 500;<br /> color: var(--muted);<br /> }</p> <p>/* ── SECTEURS ── */<br /> .s20v3-sectors { display: flex; flex-direction: column; }</p> <p>details.s20v3-sector { border-bottom: 2px solid var(--black); }<br /> details.s20v3-sector:last-child { border-bottom: none; }</p> <p>summary.s20v3-head {<br /> display: flex;<br /> align-items: center;<br /> gap: 0;<br /> cursor: pointer;<br /> list-style: none;<br /> user-select: none;<br /> position: relative;<br /> transition: opacity 0.15s;<br /> }<br /> summary.s20v3-head::-webkit-details-marker { display: none; }<br /> summary.s20v3-head::marker { content: ''; }<br /> summary.s20v3-head:hover { opacity: 0.92; }</p> <p>/* Bande couleur latérale */<br /> .s20v3-stripe {<br /> width: 6px;<br /> align-self: stretch;<br /> flex-shrink: 0;<br /> }</p> <p>/* Zone de contenu du header */<br /> .s20v3-head-inner {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> gap: 14px;<br /> padding: 18px 20px;<br /> }</p> <p>.s20v3-sector-label {<br /> flex: 1;<br /> }<br /> .s20v3-sector-name {<br /> font-size: clamp(15px, 2.5vw, 18px);<br /> font-weight: 900;<br /> letter-spacing: -0.01em;<br /> line-height: 1;<br /> color: var(--black);<br /> }<br /> .s20v3-sector-count {<br /> font-size: 12px;<br /> font-weight: 600;<br /> color: var(--muted);<br /> margin-top: 3px;<br /> }</p> <p>.s20v3-num {<br /> font-size: 11px;<br /> font-weight: 800;<br /> letter-spacing: 1px;<br /> text-transform: uppercase;<br /> color: var(--white);<br /> padding: 4px 10px;<br /> border-radius: 20px;<br /> white-space: nowrap;<br /> border: 1.5px solid rgba(0,0,0,0.2);<br /> }</p> <p>.s20v3-chevron {<br /> width: 28px; height: 28px;<br /> display: inline-flex;<br /> align-items: center;<br /> justify-content: center;<br /> border-radius: 50%;<br /> border: 2px solid var(--black);<br /> background: var(--white);<br /> flex-shrink: 0;<br /> transition: transform 0.25s ease;<br /> }<br /> details[open] .s20v3-chevron { transform: rotate(180deg); }<br /> .s20v3-chevron svg {<br /> width: 14px; height: 14px;<br /> stroke: var(--black);<br /> fill: none;<br /> stroke-width: 2.5;<br /> stroke-linecap: round;<br /> stroke-linejoin: round;<br /> }</p> <p>/* Couleurs par secteur */<br /> .s20v3-sector[data-s="transports"] .s20v3-stripe { background: #C0392B; }<br /> .s20v3-sector[data-s="transports"] .s20v3-num { background: #C0392B; }<br /> .s20v3-sector[data-s="transports"] summary { background: #FDF5F5; }</p> <p>.s20v3-sector[data-s="logement"] .s20v3-stripe { background: #A04000; }<br /> .s20v3-sector[data-s="logement"] .s20v3-num { background: #A04000; }<br /> .s20v3-sector[data-s="logement"] summary { background: #FDF6F2; }</p> <p>.s20v3-sector[data-s="numerique"] .s20v3-stripe { background: #2C3E50; }<br /> .s20v3-sector[data-s="numerique"] .s20v3-num { background: #2C3E50; }<br /> .s20v3-sector[data-s="numerique"] summary { background: #F3F5F7; }</p> <p>.s20v3-sector[data-s="agriculture"] .s20v3-stripe { background: #1A6B3C; }<br /> .s20v3-sector[data-s="agriculture"] .s20v3-num { background: #1A6B3C; }<br /> .s20v3-sector[data-s="agriculture"] summary { background: #F2FAF5; }</p> <p>.s20v3-sector[data-s="industrie"] .s20v3-stripe { background: #2E4057; }<br /> .s20v3-sector[data-s="industrie"] .s20v3-num { background: #2E4057; }<br /> .s20v3-sector[data-s="industrie"] summary { background: #F3F5F8; }</p> <p>.s20v3-sector[data-s="energie"] .s20v3-stripe { background: #B7770D; }<br /> .s20v3-sector[data-s="energie"] .s20v3-num { background: #B7770D; }<br /> .s20v3-sector[data-s="energie"] summary { background: #FDFAF2; }</p> <p>/* ── LISTE DES CHANTIERS ── */<br /> .s20v3-list {<br /> list-style: none;<br /> background: var(--cream);<br /> border-top: 1.5px solid rgba(0,0,0,0.1);<br /> }<br /> @keyframes s20v3-open {<br /> from { opacity: 0; transform: translateY(-6px); }<br /> to { opacity: 1; transform: translateY(0); }<br /> }<br /> details[open] .s20v3-list { animation: s20v3-open 0.22s ease; }</p> <p>.s20v3-item {<br /> display: flex;<br /> align-items: baseline;<br /> gap: 12px;<br /> padding: 12px 20px 12px 26px;<br /> border-bottom: 1px solid rgba(0,0,0,0.07);<br /> transition: background 0.12s, padding-left 0.12s;<br /> }<br /> .s20v3-item:last-child { border-bottom: none; }<br /> .s20v3-item:hover {<br /> background: var(--white);<br /> padding-left: 30px;<br /> }</p> <p>.s20v3-item-num {<br /> font-size: 11px;<br /> font-weight: 800;<br /> color: var(--red);<br /> letter-spacing: 0.5px;<br /> flex-shrink: 0;<br /> min-width: 24px;<br /> padding-top: 1px;<br /> }<br /> .s20v3-item-emoji {<br /> font-size: 16px;<br /> flex-shrink: 0;<br /> line-height: 1.4;<br /> }<br /> .s20v3-item-label {<br /> font-size: 14.5px;<br /> font-weight: 500;<br /> line-height: 1.4;<br /> color: var(--text);<br /> flex: 1;<br /> }<br /> .s20v3-item-label strong {<br /> font-weight: 800;<br /> color: var(--black);<br /> }</p> <p>/* ── FOOTER ── */<br /> .s20v3-footer {<br /> padding: 18px 24px;<br /> background: var(--white);<br /> border-top: 2.5px solid var(--black);<br /> font-size: 12px;<br /> color: var(--muted);<br /> font-weight: 500;<br /> line-height: 1.5;<br /> }<br /> .s20v3-footer a {<br /> color: var(--red);<br /> font-weight: 700;<br /> text-decoration: underline;<br /> text-decoration-thickness: 1px;<br /> text-underline-offset: 2px;<br /> }<br /> .s20v3-footer a:hover { text-decoration-thickness: 2px; }<br /> .s20v3-credit {<br /> font-size: 11px;<br /> font-style: italic;<br /> opacity: 0.8;<br /> margin-top: 4px;<br /> }</p> <p>/* ── RESPONSIVE ── */<br /> @media (max-width: 520px) {<br /> .s20v3-header { padding: 20px 16px 18px; }<br /> .s20v3-head-inner { padding: 15px 14px; gap: 10px; }<br /> .s20v3-item { padding: 11px 14px 11px 20px; }<br /> .s20v3-item:hover { padding-left: 24px; }<br /> .s20v3-item-label { font-size: 14px; }<br /> .s20v3-footer { padding: 16px; }<br /> }<br /> @media (max-width: 380px) {<br /> .s20v3-sector-count { display: none; }<br /> .s20v3-item-emoji { display: none; }<br /> }</p> <p>/* ── DARK MODE ── */<br /> @media (prefers-color-scheme: dark) {<br /> .s20v3 {<br /> --black: #e8ecf2;<br /> --white: #1a1f2b;<br /> --cream: #232936;<br /> --text: #d0d8e4;<br /> --muted: #8892a0;<br /> box-shadow: 5px 5px 0 var(--red);<br /> border-color: #3a4455;<br /> }<br /> .s20v3-list { border-top-color: rgba(255,255,255,0.1); }<br /> .s20v3-item { border-bottom-color: rgba(255,255,255,0.07); }<br /> .s20v3-chevron { border-color: #3a4455; background: #2a3040; }<br /> .s20v3-chevron svg { stroke: var(--black); }</p> <p> .s20v3-sector[data-s="transports"] summary { background: #2a1f1f; }<br /> .s20v3-sector[data-s="logement"] summary { background: #271e18; }<br /> .s20v3-sector[data-s="numerique"] summary { background: #1d2330; }<br /> .s20v3-sector[data-s="agriculture"] summary { background: #1a2620; }<br /> .s20v3-sector[data-s="industrie"] summary { background: #1d2230; }<br /> .s20v3-sector[data-s="energie"] summary { background: #272018; }<br /> }</p> <p>/* ── PRINT ── */<br /> @media print {<br /> .s20v3 { box-shadow: none; }<br /> details.s20v3-sector { break-inside: avoid; }<br /> details.s20v3-sector:not([open]) .s20v3-list { display: block !important; }<br /> }</p> <p>/* ── FOCUS ── */<br /> summary.s20v3-head:focus-visible {<br /> outline: 3px solid var(--red);<br /> outline-offset: -3px;<br /> }<br /> ### 🔗 POUR ALLER PLUS LOIN - Rapport complet du Shift Project (avril 2026) : ici. - The Shift Project : https://theshiftproject.org - Livre « Il est urgent de ralentir – Manifeste pour une écologie rationnelle et émancipatrice«  de Clément Caudron (édition du Borrego, 2022) - Baromètre CITEPA des émissions françaises - Rapport 2025 du Haut Conseil pour le Climat S’abonner sur LinkedIn _ ### ECOUTER AUSSI