PageSourceSearch

https://www.maireinfluence.fr/

html maireinfluence.fr collected 2026-10-04 08:04:16 UTC 360,530 bytes, 3,645 lines download raw bytes

1<!DOCTYPE html>
2<html lang="fr">
3
4    <head>
5        <meta charset="utf-8">
6        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, viewport-fit=cover">
7        <link rel="preconnect" href="https://fonts.gstatic.com/" />
8        <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
9                <link rel="preload stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin>
10        <noscript><link href="https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap" rel="stylesheet"></noscript>
11        <style>body{--font-primary:'Source Serif 4';}</style>
12        <link rel="preload stylesheet" href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" crossorigin>
13        <noscript><link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet"></noscript>
14        <style>body{--font-secondary:'Source Sans 3';}</style>
15            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
16
17        <link rel="stylesheet" href="https://www.maireinfluence.fr/assets/built/index.css?v=yghFlK0cIH66PAIU">
18            <style>
19                :root[data-theme="dark"] {
20                    --ghost-accent-color: #8B1C31;
21                }
22            </style>
23        <title>MAIRE &amp; Influence | Le magazine professionnel des élus locaux</title>
24                <link rel='preload' fetchpriority='high' as='image' href="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700" type='image/avif'>
25
26                <link rel='preload' fetchpriority='high' as='image' href="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/photo-1709644761379-b8efd6dde1d0.jpeg" type='image/avif'>
27        <meta name="description" content="MAIRE &amp; Influence | Le média d&#x27;expertise dédié aux maires, élus locaux et DGS. Décryptages, stratégie territoriale et pilotage des finances locales.">
28    <link rel="icon" href="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w256h256/2026/06/FAVICON-Maire-influence-google.png" type="image/png">
29    <link rel="canonical" href="https://www.maireinfluence.fr/">
30    <meta name="referrer" content="no-referrer-when-downgrade">
31    
32    <meta property="og:site_name" content="MAIRE &amp; Influence">
33    <meta property="og:type" content="website">
34    <meta property="og:title" content="MAIRE &amp; Influence">
35    <meta property="og:description" content="MAIRE &amp; Influence | Le média d&#x27;expertise dédié aux maires, élus locaux et DGS. Décryptages, stratégie territoriale et pilotage des finances locales.">
36    <meta property="og:url" content="https://www.maireinfluence.fr/">
37    <meta property="og:image" content="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/2026/06/bandeaulinkedin-M-i-1.png">
38    <meta name="twitter:card" content="summary_large_image">
39    <meta name="twitter:title" content="Maire &amp;
39 Influence | Stratégies &amp; Solutions pour l&#x27;Exécutif Local">
40    <meta name="twitter:description" content="Découvrez nos décryptages exclusifs, enquêtes de terrain et conseils pratiques pour piloter la performance de votre collectivité.">
41    <meta name="twitter:url" content="https://www.maireinfluence.fr/">
42    <meta name="twitter:image" content="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/2026/06/Bandeaulinkedin2-4-1.png">
43    <meta name="twitter:site" content="@MAIREinfluence">
44    <meta property="og:image:width" content="1200">
45    <meta property="og:image:height" content="300">
46    
47    
47<script type="application/ld+json">
48{
49    "@context": "https://schema.org",
50    "@type": "WebSite",
51    "publisher": {
52        "@type": "Organization",
53        "name": "MAIRE & Influence",
54        "url": "https://www.maireinfluence.fr/",
55        "logo": {
56            "@type": "ImageObject",
57            "url": "https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/2026/07/LOGO-maire-influence-magazine-fd-blanc-4.png"
58        }
59    },
60    "url": "https://www.maireinfluence.fr/",
61    "name": "MAIRE & Influence",
62    "image": {
63        "@type": "ImageObject",
64        "url": "https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1200/2026/06/bandeaulinkedin-M-i-1.png",
65        "width": 1200,
66        "height": 300
67    },
68    "mainEntityOfPage": "https://www.maireinfluence.fr/",
69    "description": "MAIRE & Influence | Le média d'expertise dédié aux maires, élus locaux et DGS. Décryptages, stratégie territoriale et pilotage des finances locales."
70}
71    </script>
71
72
73    <meta name="generator" content="Ghost 6.68">
74    <link rel="alternate" type="application/rss+xml" title="MAIRE &amp; Influence" href="https://www.maireinfluence.fr/latest/rss/">
75    
75<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://www.maireinfluence.fr/" data-key="5215ff256cdbae823e15f5596b" data-api="https://maire-et-influence.ghost.io/ghost/api/content/" data-locale="fr" crossorigin="anonymous"></script>
75<style id="gh-members-styles">.gh-post-upgrade-cta-content,
76.gh-post-upgrade-cta {
77    display: flex;
78    flex-direction: column;
79    align-items: center;
80    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
81    text-align: center;
82    width: 100%;
83    color: #ffffff;
84    font-size: 16px;
85}
86
87.gh-post-upgrade-cta-content {
88    border-radius: 8px;
89    padding: 40px 4vw;
90}
91
92.gh-post-upgrade-cta h2 {
93    color: #ffffff;
94    font-size: 28px;
95    letter-spacing: -0.2px;
96    margin: 0;
97    padding: 0;
98}
99
100.gh-post-upgrade-cta p {
101    margin: 20px 0 0;
102    padding: 0;
103}
104
105.gh-post-upgrade-cta small {
106    font-size: 16px;
107    letter-spacing: -0.2px;
108}
109
110.gh-post-upgrade-cta a {
111    color: #ffffff;
112    cursor: pointer;
113    font-weight: 500;
114    box-shadow: none;
115    text-decoration: underline;
116}
117
118.gh-post-upgrade-cta a:hover {
119    color: #ffffff;
120    opacity: 0.8;
121    box-shadow: none;
122    text-decoration: underline;
123}
124
125.gh-post-upgrade-cta a.gh-btn {
126    display: block;
127    background: #ffffff;
128    text-decoration: none;
129    margin: 28px 0 0;
130    padding: 8px 18px;
131    border-radius: 4px;
132    font-size: 16px;
133    font-weight: 600;
134}
135
136.gh-post-upgrade-cta a.gh-btn:hover {
137    opacity: 0.92;
138}</style>
139    
139<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="5215ff256cdbae823e15f5596b" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://maire-et-influence.ghost.io/" data-locale="fr" crossorigin="anonymous"></script>
139
140    
141    <link href="https://www.maireinfluence.fr/webmentions/receive/" rel="webmention">
142    
142<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
142
143    <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc">
144    
144<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
144
145    
145<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.maireinfluence.fr/.ghost/analytics/api/v1/page_hit"  tb_site_uuid="a0a64330-5806-4b13-81b9-235e92b5d242" tb_post_uuid="undefined" tb_post_type="null" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
145<style>:root {--ghost-accent-color: #8B1C31;}</style>
146    
146<script>
147    /* =======================================================
148       1. CONNEXION THÈME & RÉGLAGES DE PRESTIGE
149       ======================================================= */
150    window.GHOST_CONTENT_API_KEY = '0e817288c3ef6f3fc23b4e4b95';
151    window.GHOST_API_URL = 'https://maire-et-influence.ghost.io';
152
153    window.GLOBAL = {
154        OPEN_LINKS_IN_NEW_TAB: true,
155        ENABLE_IMAGE_LIGHTBOX: true,
156        AUTO_HIDE_HEADER: true,
157        DEFAULT_COLOR_SCHEME: 'light',
158        PAGINATION_STYLE: 'load-more'
159    };
160</script>
160
161
162<style>
163/* =======================================================
164   2. NETTOYAGE VISUEL (CSS)
165   ======================================================= */
166.section-top-authors, 
167.section-authors, 
168.top-authors,
169.authors-section,
170.powered-by, 
171.attribution, 
172.gh-foot-attribution { 
173    display: none !important; 
174}
175
176.gh-head-logo, 
177.gh-head-brand {
178    max-height: none !important;
179}
180
181.gh-head-logo img, 
182.site-logo img, 
183.custom-logo,
184.header-logo img { 
185    max-height: 60px !important; 
186    height: auto !important;
187    width: auto !important;
188}
189</style>
190
191<script>
192/* =======================================================
193   3. LE "CERVEAU" ACTIF (Nettoyage des textes)
194   ======================================================= */
195document.addEventListener("DOMContentLoaded", function() {
196    function cleanTitles() {
197        // Remplacement des titres de sections et balises
198        document.querySelectorAll('h1, h2, h3, h4, .section-title, .title').forEach(function(el) {
199            let text = el.textContent.trim();
200            
201            // Modification : Principales catégories / Balises -> Enjeux Territoriaux
202            if (text === "Principales catégories" || text === "Balises" || text === "Thématiques") {
203                el.textContent = "Enjeux Territoriaux";
204            }
205            
206            // Modification : Choix de l'éditeur -> Grands Formats
207            if (text === "Choix de l'éditeur" || text === "Editor's Choice" || text === "Editor’s Choice") {
208                el.textContent = "Grands Formats";
209            }
210        });
211
212        // Remplacement du bouton "Charger plus"
213        document.querySelectorAll('button, a').forEach(function(el) {
214            if (el.textContent.includes("Charger plus de balises") || el.textContent.includes("Charger plus de thématiques")) {
215                el.textContent = "Charger plus d'Enjeux";
216            }
217        });
218        
219        // Remplacement de "Lire tout"
220        document.querySelectorAll('a').forEach(function(link) {
221            if (link.textContent.includes("Lire tout")) {
222                link.innerHTML = link.innerHTML.replace("Lire tout", "Consulter les articles");
223            }
224        });
225    }
226
227    cleanTitles();
228
229    // L'observateur vérifie si de nouveaux éléments apparaissent (ex: bouton load-more)
230    const observer = new MutationObserver(function(mutations) {
231        cleanTitles();
232    });
233
234    observer.observe(document.body, { childList: true, subtree: true });
235
236    // Masquage forcé de la section auteurs si le CSS ne suffit pas
237    document.querySelectorAll('section').forEach(function(section) {
238        if (section.textContent.includes("Meilleurs auteurs") || section.textContent.includes("Top Authors")) {
239            section.style.setProperty('display', 'none', 'important');
240        }
241    });
242    
243    // Nettoyage du footer ("Publié avec Ghost" masqué)
244    document.querySelectorAll('footer *, .site-footer *').forEach(function(el) {
245        if (el.textContent.includes("Publié avec") && !el.textContent.includes("MAIRE")) {
246            el.style.setProperty('display', 'none', 'important');
247        }
248    });
249});
250</script>
250
251
252<script type="application/ld+json">
253{
254  "@context": "https://schema.org",
255  "@type": "WebSite",
256  "name": "MAIRE & Influence",
257  "url": "https://www.maireinfluence.fr/"
258}
259</script>
259
260
261<script>
262/* =======================================================
263   4. NETTOYAGE NEWSLETTER (Bloc isolé et sécurisé)
264   ======================================================= */
265document.addEventListener("DOMContentLoaded", function() {
266    document.querySelectorAll('*').forEach(function(el) {
267        // On cible uniquement le bloc texte, sans toucher au formulaire
268        if (el.innerHTML.includes("Terms") && el.innerHTML.includes("Privacy Policy") && !el.innerHTML.includes("<form")) {
269            // On "aspire" l'espace avant avec \s* et on colle le point
270            el.innerHTML = el.innerHTML.replace(/\s*<a[^>]*>Terms<\/a>\s*et\s*<a[^>]*>Privacy Policy<\/a>\.?/gi, ".");
271            // Sécurité additionnelle
272            el.innerHTML = el.innerHTML.replace(/\s*Terms\s*et\s*Privacy Policy\.?/gi, ".");
273        }
274    });
275});
276</script>
276
277
278<script>
279/* =======================================================
280   5. DEUXIÈME CLÉ D'API GHOST (Configuration du Kiosque / Tags)
281   ======================================================= */
282  var ghost_url = 'https://maireinfluence.fr';
283  var ghost_key = 'c6dacd4d1d59862ac05b974b34';
284</script>
vendor: 1 bytes, line 284
284
285<script>
286document.addEventListener('DOMContentLoaded', function() {
287    // 1. DÉTOURNEMENT DU FORMULAIRE DE LA PAGE D'ACCUEIL (Le Column Hero)
288    var forms = document.querySelectorAll('form[data-members-form]');
289    forms.forEach(function(form) {
290        var emailInput = form.querySelector('input[type="email"]');
291        var submitBtn = form.querySelector('button[type="submit"]');
292
293        if(emailInput && submitBtn) {
294            emailInput.style.display = 'none'; // Masque le champ email
295            submitBtn.innerHTML = 'Découvrir L\'EXÉCUTIF'; // Change le texte
296            submitBtn.addEventListener('click', function(e) {
297                e.preventDefault(); 
298                window.location.href = 'https://www.maireinfluence.fr/l-executif-la-lettre/';
299            });
300        }
301    });
302
303    // 2. DÉTOURNEMENT DES BOUTONS DU MENU (En haut à droite / Pop-up Portal)
304    // On cible tous les liens qui déclenchent la pop-up Ghost
305    var portalLinks = document.querySelectorAll('a[href^="#/portal"], a[data-portal]');
306    portalLinks.forEach(function(link) {
307        link.addEventListener('click', function(e) {
308            e.preventDefault(); // Bloque l'ouverture de la pop-up
309            e.stopPropagation();
310            // Redirige vers ta page d'atterrissage
311            window.location.href = 'https://www.maireinfluence.fr/l-executif-la-lettre/';
312        });
313    });
314});
315</script>
315
316    <link rel="preconnect" href="https://fonts.bunny.net"><link rel="stylesheet" href="https://fonts.bunny.net/css?family=lora:400,700|inter:400,500,600"><style>:root {--gh-font-heading: Lora;--gh-font-body: Inter;}</style>
317            
317<script>
318        // Capture user overrides if they exist
319        const USER_OVERRIDES = window.GLOBAL || {};
320        // Define defaults
321        const GLOBAL_DEFAULTS = {
322            //------------------------------------------------------------------------------------------------------------------------------
323            //Do not change below variables
324            //------------------------------------------------------------------------------------------------------------------------------
325            CURRENT_PAGE: parseInt(''),
326            NEXT_PAGE: parseInt(''),
327            NEXT_PAGE_LINK: '',
328            MAX_PAGES: parseInt(''),
329            LAST_PAGE: `` === ``,
330            POSTS_PER_PAGE: parseInt('12'),
331            TOTAL_POSTS: parseInt(''),
332            MAIN_LOCALE: 'en',
333            LOCALES: 'en-GB,ar-SA,zh-CN,de-DE,es-ES,fr-FR,hi-IN,as-IN,it-IT,id-ID,ja-JP,ko-KR,nl-NL,no-NO,pl-PL,pt-BR,sv-SE,fi-FI,th-TH,tr-TR,uk-UA,vi-VN,ru-RU,he-IL',
334            ROOT_LOCALE: 'fr',
335            //------------------------------------------------------------------------------------------------------------------------------
336            //Modify the below variables as per your requirements in Code Injection. Read the docs for more info.
337            //------------------------------------------------------------------------------------------------------------------------------
338            //1. Open external links in a new tab?
339            OPEN_LINKS_IN_NEW_TAB: true,//accepted values: true, false
340            //2. Enable image lightbox popup?
341            ENABLE_IMAGE_LIGHTBOX: true,//accepted values: true, false
342            //3. Auto hide the navigation header when scrolling down?
343            AUTO_HIDE_HEADER: true,//accepted values: true, false
344            //4. Default color scheme (light/dark/system)
345            DEFAULT_COLOR_SCHEME: 'system',//accepted values: dark, light, system
346            //5. Turn on if you want to automatically redirect a visitor to the website in visitor's browser language.
347            REDIRECT_ON_LOCALE: false, //accepted values: true, false
348            //6. Pagination style (load-more/paginated-pages) - Only applicable on paginated content for posts. Authors and Tags pages will always be 'load more' button.
349            PAGINATION_STYLE: 'load-more', //accepted values: load-more, paginated-pages
350            //7. Contact Endpoint for the Contact form on the Contact page
351            CONTACT_ENDPOINT: '',//If no endpoint is added, the contact form will be hidden
352            //8. Contact Page WhatsApp link
353            WHATSAPP_LINK: '',//If no link is added, the WhatsApp will be hidden
354            //9. Use locale-specific domains instead of /{lang}/ paths? Provide locale-specific domains in LOCALE_DOMAINS variable below.
355            USE_LOCALE_DOMAINS: false,//accepted values: true, false
356            //10. Map language code to domain (e.g., { en: "englishdomain.com", hi: "hindidomain.com", es: "spanishdomain.com"})
357            LOCALE_DOMAINS: {},
358            //11. When switching locale domains, open the homepage instead of keeping the current path?
359            LOCALE_DOMAIN_HOME_ONLY: false,//accepted values: true, false
360            //12. Comma-separated paths to keep when LOCALE_DOMAIN_HOME_ONLY is enabled (e.g., "account, membership, signin")
361            LOCALE_DOMAIN_HOME_IGNORE_PATHS: '',//empty means redirect all paths to the homepage
362        };
363
364        // Merge: user overrides take precedence over global defaults
365        window.GLOBAL = Object.assign({}, GLOBAL_DEFAULTS, USER_OVERRIDES);
366        const GLOBAL = window.GLOBAL;
367
368        const locales = GLOBAL.LOCALES.split(',');
369        let allLangCodes = [];
370        locales.forEach(function (locale) {
371            const langCode = locale.split("-")[0];
372            allLangCodes.push(langCode);
373        });
374    </script>
374
375
376
377
378
379
380
381        
382
383
384
385    
385<script>
386        const THEME = GLOBAL.DEFAULT_COLOR_SCHEME;
387        var currentTheme = localStorage.getItem("theme") ? localStorage.getItem("theme") : null;
388        function initialThemeSet(currentTheme) {
389            if (currentTheme) {
390                document.documentElement.setAttribute("data-theme", currentTheme);
391            } else {
392                let preferredTheme;
393                if (THEME.toLowerCase() === "system") {
394                    const preferredColorScheme = window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
395                    preferredTheme = localStorage.getItem("theme") || preferredColorScheme;
396                } else {
397                    preferredTheme = localStorage.getItem("theme") || THEME.toLowerCase();
398                }
399                document.documentElement.setAttribute("data-theme", preferredTheme);
400                localStorage.setItem("theme", preferredTheme);
401            }
402        }
403        initialThemeSet(currentTheme);
404
405        const switchTheme = (e) => {
406            theme = localStorage.getItem("theme");
407            if (theme) {
408                if (theme === "light") {
409                    document.documentElement.setAttribute("data-theme", "dark");
410                    localStorage.setItem("theme", "dark");
411                } else if (theme === "dark") {
412                    document.documentElement.setAttribute("data-theme", "light");
413                    localStorage.setItem("theme", "light");
414                }
415            }
416        };
417
418        const handleTheme = () => {
419            const themeToggle = document.getElementById("theme-toggler");
420            currentTheme = localStorage.getItem("theme");
421            if (currentTheme) {
422                document.documentElement.setAttribute("data-theme", currentTheme);
423                if (currentTheme === "dark") {
424                    if(themeToggle){
425                        themeToggle.checked = true;
426                    }
427                }
428            }
429            if(themeToggle){
430                themeToggle.addEventListener("click", switchTheme);
431            }
432        };
433        window.addEventListener('DOMContentLoaded', (event) => {
434            handleTheme();
435        });
436    </script>
436
437
438
439    </head>
440
441    <body class="home-template gh-font-heading-lora gh-font-body-inter bg-[--bg-color] body-no-secondary-menu">
442        <header class="fixed z-1000 top-0 left-0 w-full bg-[--header-bg]">
443    <div class="border-b border-[--border-color]">
444        <nav class="wrapper flex items-center justify-between">
445                    <a aria-label="MAIRE &amp; Influence" href="https://www.maireinfluence.fr" title="MAIRE &amp; Influence" class="site-logo theme-light-logo">
446            <img src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/2026/07/LOGO-maire-influence-magazine-fd-blanc-4.png" alt="MAIRE &amp; Influence" class="h-6 lg:h-8 w-auto" loading="lazy">
447        </a>
448        <a aria-label="MAIRE &amp; Influence" href="https://www.maireinfluence.fr" title="MAIRE &amp; Influence" class="site-logo theme-dark-logo">
449            <img src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/2026/07/LOGO-maire-influence-magazine-fd-blanc-4.png"  alt="MAIRE &amp; Influence" class="h-6 lg:h-8 w-auto" loading="lazy">
450        </a>
451            <div class="flex py-5 items-center gap-3 sm:gap-5 lg:gap-10">
452                <div class="order-3 lg:order-1 flex items-center gap-10">
453                    <button aria-label="mobile-nav" id="mobile-nav" data-open="false" class="size-8 rounded-full flex lg:hidden items-center justify-center hover:bg-[--nav-btn-hover] group peer">
454                        <img src="https://www.maireinfluence.fr/assets/img/mobile-nav.svg?v=ikHepJNFkv1Ya5Ay" alt="mobile-nav-icon" class="h-4/5 w-auto filter-theme block group-data-[open='true']:hidden" aria-hidden="true" />
455                        <img src="https://www.maireinfluence.fr/assets/img/close.svg?v=y5rx6muY20PtnVz-" alt="close-icon" class="h-4/5 w-auto filter-theme block group-data-[open='false']:hidden" aria-hidden="true" />
456                    </button>
457                    <div id="nav-items" class="absolute top-[calc(4.5rem+1px)] left-0 w-full lg:w-auto lg:static grid peer-data-[open='false']:grid-rows-[0fr] [transition:grid-template-rows_ease-in-out_300ms] peer-data-[open='true']:grid-rows-[1fr] lg:peer-data-[open='true']:grid-rows-[1fr] lg:peer-data-[open='false']:grid-rows-[1fr]">
458                        <div class="overflow-hidden lg:overflow-visible z-10">
459                            <ul id="primary-navigation" class="text-sm font-medium capitalize flex flex-col lg:flex-row lg:items-center gap-5 lg:gap-8 bg-[--header-bg] lg:bg-transparent p-5 lg:p-0 border-b border-[--border-color] lg:border-0">
460                                
461        <li id="menu-id-strategie-territoriale-0" data-link="https://www.maireinfluence.fr/tag/strategie-territoriale/" data-label="STRATÉGIE TERRITORIALE" class="opacity-0 nav-strategie-territoriale hover:text-[--text-secondary]"></li>
462        <li id="menu-id-pilotage-finances-1" data-link="https://www.maireinfluence.fr/tag/pilotage-finances/" data-label="PILOTAGE &amp; FINANCES" class="opacity-0 nav-pilotage-finances hover:text-[--text-secondary]"></li>
463        <li id="menu-id-transition-durable-2" data-link="https://www.maireinfluence.fr/tag/transition-durable/" data-label="TRANSITION DURABLE " class="opacity-0 nav-transition-durable hover:text-[--text-secondary]"></li>
464        <li id="menu-id-lexecutif-la-lettre-3" data-link="https://www.maireinfluence.fr/l-executif-la-lettre/" data-label="L’EXÉCUTIF | La Lettre" class="opacity-0 nav-lexecutif-la-lettre hover:text-[--text-secondary]"></li>
465        <li id="menu-id-lindex-4" data-link="https://www.maireinfluence.fr/tags/" data-label="L&#x27;INDEX" class="opacity-0 nav-lindex hover:text-[--text-secondary]"></li>
466
467                                    <li class="static-menu block sm:hidden">
468                                           <a aria-label="Subscribe" href="/subscribe/"  data-portal="subscribe" class="inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-3 py-2.5 duration-300 text-xs font-medium uppercase text-[--subscribe-btn-text] leading-none">S&#x27;abonner</a>
469                                    </li>
470                            </ul>
471                        </div>
472                    </div>
473                </div>
474                <div class="order-1 lg:order-2 flex items-center gap-3 sm:gap-5 lg:gap-10">
475                    <button data-ghost-search aria-label="search" class="search-btn size-8 rounded-full flex items-center justify-center hover:bg-[--nav-btn-hover]">
476                        <img src="https://www.maireinfluence.fr/assets/img/search.svg?v=DPK02ZRgUb9BdT8j" alt="search-icon" class="h-4/5 w-auto filter-theme" aria-hidden="true" />
477                    </button>
478                    <button id="theme-toggler" aria-label="theme-toggle" class="size-8 rounded-full flex items-center justify-center hover:bg-[--nav-btn-hover]">
479                        <img src="https://www.maireinfluence.fr/assets/img/moon.svg?v=9ukKlBzU9bE_JTTg" alt="dark-mode-icon" class="moon h-4/5 w-auto filter-theme" aria-hidden="true" />
480                        <img src="https://www.maireinfluence.fr/assets/img/sun.svg?v=4BuwfJ7193cqFYIt" alt="light-mode-icon" class="sun h-4/5 w-auto filter-theme" aria-hidden="true" />
481                    </button>
482                </div>
483                <div class="order-2 lg:order-3 flex items-center gap-5 lg:gap-10">
484                            <a aria-label="Subscribe" href="/subscribe/"  data-portal="subscribe" class="header-btn hidden sm:inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-3 py-2.5 duration-300 text-xs font-medium uppercase text-[--subscribe-btn-text] leading-none">S&#x27;abonner</a>
485                </div>
486            </div>
487        </nav>
488    </div>
489</header>        <main>
490            
491    <section class="relative z-0">
492    <div class="swiper heroSwiper relative bg-[--carousel-overlay]">
493        <div class="swiper-wrapper">
494                        <div class="swiper-slide hero-carousel-card">
495    <div class="relative md:min-h-[32rem] xl:min-h-[40rem] py-12 md:py-16 flex flex-col justify-center">
496        
497    <picture>
498    <source srcset="https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
499                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
500                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
501                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
502                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
503                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
504                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
505
506                sizes="((max-width: 50px)) 50px,
507                ((min-width: 50px) and (max-width: 100px)) 100px,
508                ((min-width: 100px) and (max-width: 300px)) 300px,
509                ((min-width: 300px) and (max-width: 500px)) 500px,
510                ((min-width: 500px) and (max-width: 700px)) 700px,
511                ((min-width: 700px) and (max-width: 1000px)) 1000px,
512                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
513                (min-width: 2000px) 2000px"
514
515                type="image/avif">
516    <source srcset="https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
517                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
518                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
519                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
520                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
521                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
522                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
523
524                sizes="((max-width: 50px)) 50px,
525                ((min-width: 50px) and (max-width: 100px)) 100px,
526                ((min-width: 100px) and (max-width: 300px)) 300px,
527                ((min-width: 300px) and (max-width: 500px)) 500px,
528                ((min-width: 500px) and (max-width: 700px)) 700px,
529                ((min-width: 700px) and (max-width: 1000px)) 1000px,
530                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
531                (min-width: 2000px) 2000px"
532
533                type="image/webp">
534    <img loading="lazy" decoding="async"
535
536                srcset="https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
537                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
538                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
539                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
540                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
541                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
542                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
543
544                src="https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000"
545
546                sizes="((max-width: 50px)) 50px,
547                ((min-width: 50px) and (max-width: 100px)) 100px,
548                ((min-width: 100px) and (max-width: 300px)) 300px,
549                ((min-width: 300px) and (max-width: 500px)) 500px,
550                ((min-width: 500px) and (max-width: 700px)) 700px,
551                ((min-width: 700px) and (max-width: 1000px)) 1000px,
552                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
553                (min-width: 2000px) 2000px"
554
555                class="hero-carousel-card-feature-image -mt-12 md:mt-0 relative md:absolute top-0 right-0 aspect-[1.5] sm:aspect-[2.2] md:aspect-auto h-auto md:h-full w-full md:w-3/5 xl:w-2/3 object-cover object-center feature-image size-xxl"
556                alt="Innover en ruralité grâce à l&#x27;Europe"
557                >
558    </picture>
559        <div class="absolute top-0 left-0 aspect-[1.5] sm:aspect-[2.2] md:aspect-auto h-auto md:h-full w-full md:w-4/5 xl
559:w-2/3 bg-gradient-to-b md:bg-gradient-to-l from-transparent md:via-[--carousel-overlay,0.1] to-[--carousel-overlay]"></div>
560        <div class="wrapper h-full relative flex">
561            <div class="flex flex-col gap-y-4 md:max-w-[50%] xl:max-w-[40%]">
562                    <div class="hero-carousel-card-tag-wrapper flex items-center gap-2 flex-wrap">
563                            <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="hero-carousel-card-tag-name text-xs text-white font-medium border-[--gray] border px-1.5 py-0.5 w-min rounded-sm hover:bg-[#505050]">
564                                PILOTAGE &amp; FINANCES
565                            </a>
566                    </div>
567                <a href="/innover-en-ruralite-grace-a-leurope/" class="flex flex-col gap-4">
568                    <h2 class="hero-carousel-card-title font-heading text-white font-medium text-2xl sm:text-3xl md:text-4xl !leading-tight hover:underline underline-offset-2">
569                        Innover en ruralité grâce à l&#x27;Europe
570                    </h2>
571                    <p class="hero-carousel-card-excerpt text-sm xs:text-base font-medium text-white/70 ">
572                        Bornes solaires, circuits courts, tiers-lieux... La ruralité bouillonne d&#39;idées mais manque de moyens. En 2026, au cœur de la programmation européenne, le programme Leader et les 300 Groupes d’Action Locale (GAL) s&#39;imposent comme un guichet unique pour financer l&#39;audace locale. Décryptage d&
573                    </p>
574                </a>
575                <div class="flex flex-col gap-4">
576                    <div class="flex items-center gap-3 flex-wrap">
577                        <div class="hero-carousel-card-date flex items-center gap-2">
578                            <span class="text-white font-medium text-xs"><time datetime="19 juin 2026">19 juin 2026</time></span>
579                        </div>
580                        <div class="text-white text-xs">•</div>
581                        <div class="hero-carousel-card-reading-time flex items-center gap-2">
582                            <span class="text-white font-medium text-xs">2 min</span>
583                        </div>
584                    </div>
585                    <div class="hero-carousel-card-authors text-white text-xs xs:text-sm font-medium post-authors">
586                        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
587                    </div>
588                </div>
589            </div>
590        </div>
591    </div>
592</div>                        <div class="swiper-slide hero-carousel-card">
593    <div class="relative md:min-h-[32rem] xl:min-h-[40rem] py-12 md:py-16 flex flex-col justify-center">
594        
595    <picture>
596    <source srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
597                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
598                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
599                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
600                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
601                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
602                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
603
604                sizes="((max-width: 50px)) 50px,
605                ((min-width: 50px) and (max-width: 100px)) 100px,
606                ((min-width: 100px) and (max-width: 300px)) 300px,
607                ((min-width: 300px) and (max-width: 500px)) 500px,
608                ((min-width: 500px) and (max-width: 700px)) 700px,
609                ((min-width: 700px) and (max-width: 1000px)) 1000px,
610                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
611                (min-width: 2000px) 2000px"
612
613                type="image/avif">
614    <source srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
615                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
616                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
617                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
618                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
619                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
620                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
621
622                sizes="((max-width: 50px)) 50px,
623                ((min-width: 50px) and (max-width: 100px)) 100px,
624                ((min-width: 100px) and (max-width: 300px)) 300px,
625                ((min-width: 300px) and (max-width: 500px)) 500px,
626                ((min-width: 500px) and (max-width: 700px)) 700px,
627                ((min-width: 700px) and (max-width: 1000px)) 1000px,
628                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
629                (min-width: 2000px) 2000px"
630
631                type="image/webp">
632    <img loading="lazy" decoding="async"
633
634                srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
635                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
636                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
637                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
638                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
639                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
640                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
641
642                src="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000"
643
644                sizes="((max-width: 50px)) 50px,
645                ((min-width: 50px) and (max-width: 100px)) 100px,
646                ((min-width: 100px) and (max-width: 300px)) 300px,
647                ((min-width: 300px) and (max-width: 500px)) 500px,
648                ((min-width: 500px) and (max-width: 700px)) 700px,
649                ((min-width: 700px) and (max-width: 1000px)) 1000px,
650                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
651                (min-width: 2000px) 2000px"
652
653                class="hero-carousel-card-feature-image -mt-12 md:mt-0 relative md:absolute top-0 right-0 aspect-[1.5] sm:aspect-[2.2] md:aspect-auto h-auto md:h-full w-full md:w-3/5 xl:w-2/3 object-cover object-center feature-image size-xxl"
654                alt="Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy"
655                >
656    </picture>
657        <div class="absolute top-0 left-0 aspect-[1.5] sm:aspect-[2.2] md:aspect-auto h-auto md:h-full w-full md:w-4/5 xl
657:w-2/3 bg-gradient-to-b md:bg-gradient-to-l from-transparent md:via-[--carousel-overlay,0.1] to-[--carousel-overlay]"></div>
658        <div class="wrapper h-full relative flex">
659            <div class="flex flex-col gap-y-4 md:max-w-[50%] xl:max-w-[40%]">
660                    <div class="hero-carousel-card-tag-wrapper flex items-center gap-2 flex-wrap">
661                            <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="hero-carousel-card-tag-name text-xs text-white font-medium border-[--gray] border px-1.5 py-0.5 w-min rounded-sm hover:bg-[#505050]">
662                                PILOTAGE &amp; FINANCES
663                            </a>
664                            <a aria-label="Finances locales" href="/tag/finances-locales/" class="hero-carousel-card-tag-name text-xs text-white font-medium border-[--gray] border px-1.5 py-0.5 w-min rounded-sm hover:bg-[#505050]">
665                                Finances locales
666                            </a>
667                            <a aria-label="Formation" href="/tag/formation/" class="hero-carousel-card-tag-name text-xs text-white font-medium border-[--gray] border px-1.5 py-0.5 w-min rounded-sm hover:bg-[#505050]">
668                                Formation
669                            </a>
670                    </div>
671                <a href="/rigueur-budgetaire-quand-les-chiffres-de-la-dgfip-contredisent-le-recit-de-bercy/" class="flex flex-col gap-4">
672                    <h2 class="hero-carousel-card-title font-heading text-white font-medium text-2xl sm:text-3xl md:text-4xl !leading-tight hover:underline underline-offset-2">
673                        Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy
674                    </h2>
675                    <p class="hero-carousel-card-excerpt text-sm xs:text-base font-medium text-white/70 ">
676                        Alors que le gouvernement missionne un comité d&#39;experts indépendants pour fixer de nouvelles cibles de déficit d&#39;ici 2030, les données réelles de la DGFiP démontrent un coup de frein brutal et volontaire des dépenses de fonctionnement locales (+ 1,4 %). Décryptage d’un grand décalage entre l’
677                    </p>
678                </a>
679                <div class="flex flex-col gap-4">
680                    <div class="flex items-center gap-3 flex-wrap">
681                        <div class="hero-carousel-card-date flex items-center gap-2">
682                            <span class="text-white font-medium text-xs"><time datetime="15 juin 2026">15 juin 2026</time></span>
683                        </div>
684                        <div class="text-white text-xs">•</div>
685                        <div class="hero-carousel-card-reading-time flex items-center gap-2">
686                            <span class="text-white font-medium text-xs">3 min</span>
687                        </div>
688                    </div>
689                    <div class="hero-carousel-card-authors text-white text-xs xs:text-sm font-medium post-authors">
690                        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
691                    </div>
692                </div>
693            </div>
694        </div>
695    </div>
696</div>                        <div class="swiper-slide hero-carousel-card">
697    <div class="relative md:min-h-[32rem] xl:min-h-[40rem] py-12 md:py-16 flex flex-col justify-center">
698        
699    <picture>
700    <source srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
701                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
702                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
703                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
704                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
705                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
706                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
707
708                sizes="((max-width: 50px)) 50px,
709                ((min-width: 50px) and (max-width: 100px)) 100px,
710                ((min-width: 100px) and (max-width: 300px)) 300px,
711                ((min-width: 300px) and (max-width: 500px)) 500px,
712                ((min-width: 500px) and (max-width: 700px)) 700px,
713                ((min-width: 700px) and (max-width: 1000px)) 1000px,
714                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
715                (min-width: 2000px) 2000px"
716
717                type="image/avif">
718    <source srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
719                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
720                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
721                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
722                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
723                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
724                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
725
726                sizes="((max-width: 50px)) 50px,
727                ((min-width: 50px) and (max-width: 100px)) 100px,
728                ((min-width: 100px) and (max-width: 300px)) 300px,
729                ((min-width: 300px) and (max-width: 500px)) 500px,
730                ((min-width: 500px) and (max-width: 700px)) 700px,
731                ((min-width: 700px) and (max-width: 1000px)) 1000px,
732                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
733                (min-width: 2000px) 2000px"
734
735                type="image/webp">
736    <img loading="lazy" decoding="async"
737
738                srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
739                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
740                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
741                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
742                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
743                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
744                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
745
746                src="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000"
747
748                sizes="((max-width: 50px)) 50px,
749                ((min-width: 50px) and (max-width: 100px)) 100px,
750                ((min-width: 100px) and (max-width: 300px)) 300px,
751                ((min-width: 300px) and (max-width: 500px)) 500px,
752                ((min-width: 500px) and (max-width: 700px)) 700px,
753                ((min-width: 700px) and (max-width: 1000px)) 1000px,
754                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
755                (min-width: 2000px) 2000px"
756
757                class="hero-carousel-card-feature-image -mt-12 md:mt-0 relative md:absolute top-0 right-0 aspect-[1.5] sm:aspect-[2.2] md:aspect-auto h-auto md:h-full w-full md:w-3/5 xl:w-2/3 object-cover object-center feature-image size-xxl"
758                alt="Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat"
759                >
760    </picture>
761        <div class="absolute top-0 left-0 aspect-[1.5] sm:aspect-[2.2] md:aspect-auto h-auto md:h-full w-full md:w-4/5 xl
761:w-2/3 bg-gradient-to-b md:bg-gradient-to-l from-transparent md:via-[--carousel-overlay,0.1] to-[--carousel-overlay]"></div>
762        <div class="wrapper h-full relative flex">
763            <div class="flex flex-col gap-y-4 md:max-w-[50%] xl:max-w-[40%]">
764                    <div class="hero-carousel-card-tag-wrapper flex items-center gap-2 flex-wrap">
765                            <a aria-label="TRANSITION DURABLE" href="/tag/transition-durable/" class="hero-carousel-card-tag-name text-xs text-white font-medium border-[--gray] border px-1.5 py-0.5 w-min rounded-sm hover:bg-[#505050]">
766                                TRANSITION DURABLE
767                            </a>
768                            <a aria-label="Transition Écologique" href="/tag/transition-ecologique/" class="hero-carousel-card-tag-name text-xs text-white font-medium border-[--gray] border px-1.5 py-0.5 w-min rounded-sm hover:bg-[#505050]">
769                                Transition Écologique
770                            </a>
771                            <a aria-label="Urbanisme" href="/tag/urbanisme/" class="hero-carousel-card-tag-name text-xs text-white font-medium border-[--gray] border px-1.5 py-0.5 w-min rounded-sm hover:bg-[#505050]">
772                                Urbanisme
773                            </a>
774                            <a aria-label="Aménagement" href="/tag/amenagement/" class="hero-carousel-card-tag-name text-xs text-white font-medium border-[--gray] border px-1.5 py-0.5 w-min rounded-sm hover:bg-[#505050]">
775                                Aménagement
776                            </a>
777                    </div>
778                <a href="/face-au-mur-thermique-quand-lombre-devient-le-nouveau-service-public-de-votre-mandat/" class="flex flex-col gap-4">
779                    <h2 class="hero-carousel-card-title font-heading text-white font-medium text-2xl sm:text-3xl md:text-4xl !leading-tight hover:underline underline-offset-2">
780                        Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat
781                    </h2>
782                    <p class="hero-carousel-card-excerpt text-sm xs:text-base font-medium text-white/70 ">
783                        La France se prépare à une hausse des températures implacable d&#39;ici 2100. Face à des pics de chaleur appelés à se multiplier, la simple débitumisation cosmétique montre ses limites. L’ombre passe du statut d&#39;aménagement de confort à celui de ressource vitale. La fraîcheur urbaine s&
784                    </p>
785                </a>
786                <div class="flex flex-col gap-4">
787                    <div class="flex items-center gap-3 flex-wrap">
788                        <div class="hero-carousel-card-date flex items-center gap-2">
789                            <span class="text-white font-medium text-xs"><time datetime="12 juin 2026">12 juin 2026</time></span>
790                        </div>
791                        <div class="text-white text-xs">•</div>
792                        <div class="hero-carousel-card-reading-time flex items-center gap-2">
793                            <span class="text-white font-medium text-xs">3 min</span>
794                        </div>
795                            <div class="text-white text-xs">•</div>
796                            <img
797                                src="https://www.maireinfluence.fr/assets/img/featured.svg?v=lnWmkRnzxy1rCK9j"
798                                alt="featured-icon"
799                                aria-hidden="true"
800                                class="cursor-pointer h-4 filter-white"
801                                title="Featured"
802                            />
803                    </div>
804                    <div class="hero-carousel-card-authors text-white text-xs xs:text-sm font-medium post-authors">
805                        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
806                    </div>
807                </div>
808            </div>
809        </div>
810    </div>
811</div>        </div>
812        <div class="hero-swiper-pagination absolute !bottom-4 md:!bottom-6 left-0 z-10 flex justify-center"></div>
813    </div>
814</section>    <section class="section-hero py-10 xs:py-12 md:py-16">
815    <div class="wrapper hero">
816        <div class="hero-left flex-col flex xs:flex-row md:flex-col justify-between gap-10 xs:gap-5 md:gap-6 pb-10 md:pb-0 pt-10 md:pt-0 border-b md:border-b-0 border-[--border-color]">
817                        <div class="group flex flex-col gap-4 w-full">
818    <div class="w-full lg:h-[10rem] aspect-[1.5] md:aspect-[1.3] lg:aspect-auto rounded-sm overflow-hidden relative">
819            <a aria-label="Choc démographique : quand vos communes compteront deux fois plus de seniors que de jeunes" href="/choc-demographique-quand-vos-communes-compteront-deux-fois-plus-de-seniors-que-de-jeunes/">
820                
821    <picture>
822    <source srcset="https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
823                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
824                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
825                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
826                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
827                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
828
829                sizes="((max-width: 50px)) 50px,
830                ((min-width: 50px) and (max-width: 100px)) 100px,
831                ((min-width: 100px) and (max-width: 300px)) 300px,
832                ((min-width: 300px) and (max-width: 500px)) 500px,
833                ((min-width: 500px) and (max-width: 700px)) 700px,
834                (min-width: 700px) 1000px"
835
836                type="image/avif">
837    <source srcset="https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
838                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
839                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
840                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
841                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
842                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
843
844                sizes="((max-width: 50px)) 50px,
845                ((min-width: 50px) and (max-width: 100px)) 100px,
846                ((min-width: 100px) and (max-width: 300px)) 300px,
847                ((min-width: 300px) and (max-width: 500px)) 500px,
848                ((min-width: 500px) and (max-width: 700px)) 700px,
849                (min-width: 700px) 1000px"
850
851                type="image/webp">
852    <img loading="lazy" decoding="async"
853
854                srcset="https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
855                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
856                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
857                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
858                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
859                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
860
861                src="https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
862
863                sizes="((max-width: 50px)) 50px,
864                ((min-width: 50px) and (max-width: 100px)) 100px,
865                ((min-width: 100px) and (max-width: 300px)) 300px,
866                ((min-width: 300px) and (max-width: 500px)) 500px,
867                ((min-width: 500px) and (max-width: 700px)) 700px,
868                (min-width: 700px) 1000px"
869
870                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
871                alt="Choc démographique : quand vos communes compteront deux fois plus de seniors que de jeunes"
872                >
873    </picture>
874            </a>
875            </div>
876    <div class="flex flex-col gap-4 xs:gap-2">
877        <div class="flex flex-col gap-4 xs:gap-2">
878                <div class="flex items-center gap-2 flex-wrap">
879                        <a aria-label="CITOYENNETÉ &amp; QUOTIDIEN" href="/tag/citoyennete-quotidien/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> CITOYENNETÉ &amp; QUOTIDIEN </a>
880                        <a aria-label="Santé publique" href="/tag/sante-publique/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Santé publique </a>
881                        <a aria-label="Vision et Leadership" href="/tag/vision-et-leadership/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Vision et Leadership </a>
882                </div>
883            <a aria-label="Choc démographique : quand vos communes compteront deux fois plus de seniors que de jeunes" href="/choc-demographique-quand-vos-communes-compteront-deux-fois-plus-de-seniors-que-de-jeunes/">
884                <h2 class="font-heading text-[--text-primary] font-medium text-xl xs:text-xl lg:text-lg line-clamp-3 hover:underline underline-offset-2"> Choc démographique : quand vos communes compteront deux fois plus de seniors que de jeunes </h2>
885            </a>
886        </div>
887        <div class="flex flex-col gap-4 xs:gap-2">
888                <div class="flex items-center gap-2 ">
889        <div class="post-meta-date flex items-center gap-2">
890            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="09 juin 2026">09 juin 2026</time></span>
891        </div>
892        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
893        <div class="post-meta-read-time flex items-center gap-2">
894            <span class="text-[--text-secondary] font-medium text-xs">4 min</span>
895        </div>
896    </div>
897    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
898        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
899    </div>
900        </div>
901    </div>
902</div>
903    <div class="h-px bg-[--border-color]"></div>
904                        <div class="group flex flex-col gap-4 w-full">
905    <div class="w-full lg:h-[10rem] aspect-[1.5] md:aspect-[1.3] lg:aspect-auto rounded-sm overflow-hidden relative">
906            <a aria-label="En finir avec la « France moche » : le périurbain, nouveau laboratoire des transitions" href="/en-finir-avec-la-france-moche-le-periurbain-nouveau-laboratoire-des-transitions/">
907                
908    <picture>
909    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 50w,
910                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 100w,
911                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 300w,
912                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 500w,
913                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 700w,
914                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 1000w"
915
916                sizes="((max-width: 50px)) 50px,
917                ((min-width: 50px) and (max-width: 100px)) 100px,
918                ((min-width: 100px) and (max-width: 300px)) 300px,
919                ((min-width: 300px) and (max-width: 500px)) 500px,
920                ((min-width: 500px) and (max-width: 700px)) 700px,
921                (min-width: 700px) 1000px"
922
923                type="image/avif">
924    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 50w,
925                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 100w,
926                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 300w,
927                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 500w,
928                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 700w,
929                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 1000w"
930
931                sizes="((max-width: 50px)) 50px,
932                ((min-width: 50px) and (max-width: 100px)) 100px,
933                ((min-width: 100px) and (max-width: 300px)) 300px,
934                ((min-width: 300px) and (max-width: 500px)) 500px,
935                ((min-width: 500px) and (max-width: 700px)) 700px,
936                (min-width: 700px) 1000px"
937
938                type="image/webp">
939    <img loading="lazy" decoding="async"
940
941                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/photo-1733149086317-db960d20f305.jpeg 50w,
942                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/photo-1733149086317-db960d20f305.jpeg 100w,
943                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/photo-1733149086317-db960d20f305.jpeg 300w,
944                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/photo-1733149086317-db960d20f305.jpeg 500w,
945                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1733149086317-db960d20f305.jpeg 700w,
946                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/photo-1733149086317-db960d20f305.jpeg 1000w"
947
948                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/photo-1733149086317-db960d20f305.jpeg"
949
950                sizes="((max-width: 50px)) 50px,
951                ((min-width: 50px) and (max-width: 100px)) 100px,
952                ((min-width: 100px) and (max-width: 300px)) 300px,
953                ((min-width: 300px) and (max-width: 500px)) 500px,
954                ((min-width: 500px) and (max-width: 700px)) 700px,
955                (min-width: 700px) 1000px"
956
957                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
958                alt="En finir avec la « France moche » : le périurbain, nouveau laboratoire des transitions"
959                >
960    </picture>
961            </a>
962            </div>
963    <div class="flex flex-col gap-4 xs:gap-2">
964        <div class="flex flex-col gap-4 xs:gap-2">
965                <div class="flex items-center gap-2 flex-wrap">
966                        <a aria-label="Aménagement" href="/tag/amenagement/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Aménagement </a>
967                        <a aria-label="Transition Écologique" href="/tag/transition-ecologique/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Transition Écologique </a>
968                        <a aria-label="Urbanisme" href="/tag/urbanisme/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Urbanisme </a>
969                        <a aria-label="Développement Économique" href="/tag/developpement-economique/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Développement Économique </a>
970                        <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> PILOTAGE &amp; FINANCES </a>
971                </div>
972            <a aria-label="En finir avec la « France moche » : le périurbain, nouveau laboratoire des transitions" href="/en-finir-avec-la-france-moche-le-periurbain-nouveau-laboratoire-des-transitions/">
973                <h2 class="font-heading text-[--text-primary] font-medium text-xl xs:text-xl lg:text-lg line-clamp-3 hover:underline underline-offset-2"> En finir avec la « France moche » : le périurbain, nouveau laboratoire des transitions </h2>
974            </a>
975        </div>
976        <div class="flex flex-col gap-4 xs:gap-2">
977                <div class="flex items-center gap-2 ">
978        <div class="post-meta-date flex items-center gap-2">
979            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="14 mai 2026">14 mai 2026</time></span>
980        </div>
981        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
982        <div class="post-meta-read-time flex items-center gap-2">
983            <span class="text-[--text-secondary] font-medium text-xs">3 min</span>
984        </div>
985    </div>
986    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
987        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
988    </div>
989        </div>
990    </div>
991</div>
992    <div class="h-px bg-[--border-color]"></div>
993                        <div class="group flex flex-col gap-4 w-full">
994    <div class="w-full lg:h-[10rem] aspect-[1.5] md:aspect-[1.3] lg:aspect-auto rounded-sm overflow-hidden relative">
995            <a aria-label="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active" href="/videoprotection-passer-de-loeil-passif-a-lintelligence-active/">
996                
997    <picture>
998    <source srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
999                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1000                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1001                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1002                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1003                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
1004
1005                sizes="((max-width: 50px)) 50px,
1006                ((min-width: 50px) and (max-width: 100px)) 100px,
1007                ((min-width: 100px) and (max-width: 300px)) 300px,
1008                ((min-width: 300px) and (max-width: 500px)) 500px,
1009                ((min-width: 500px) and (max-width: 700px)) 700px,
1010                (min-width: 700px) 1000px"
1011
1012                type="image/avif">
1013    <source srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1014                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1015                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1016                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1017                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1018                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
1019
1020                sizes="((max-width: 50px)) 50px,
1021                ((min-width: 50px) and (max-width: 100px)) 100px,
1022                ((min-width: 100px) and (max-width: 300px)) 300px,
1023                ((min-width: 300px) and (max-width: 500px)) 500px,
1024                ((min-width: 500px) and (max-width: 700px)) 700px,
1025                (min-width: 700px) 1000px"
1026
1027                type="image/webp">
1028    <img loading="lazy" decoding="async"
1029
1030                srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1031                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1032                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1033                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1034                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1035                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
1036
1037                src="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
1038
1039                sizes="((max-width: 50px)) 50px,
1040                ((min-width: 50px) and (max-width: 100px)) 100px,
1041                ((min-width: 100px) and (max-width: 300px)) 300px,
1042                ((min-width: 300px) and (max-width: 500px)) 500px,
1043                ((min-width: 500px) and (max-width: 700px)) 700px,
1044                (min-width: 700px) 1000px"
1045
1046                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
1047                alt="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active"
1048                >
1049    </picture>
1050            </a>
1051            </div>
1052    <div class="flex flex-col gap-4 xs:gap-2">
1053        <div class="flex flex-col gap-4 xs:gap-2">
1054                <div class="flex items-center gap-2 flex-wrap">
1055                        <a aria-label="STRATÉGIE TERRITORIALE" href="/tag/strategie-territoriale/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> STRATÉGIE TERRITORIALE </a>
1056                        <a aria-label="Sécurité" href="/tag/securite/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Sécurité </a>
1057                        <a aria-label="Cybersécurité" href="/tag/cybersecurite/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Cybersécurité </a>
1058                        <a aria-label="Police Municipale" href="/tag/securite-police-municipale/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Police Municipale </a>
1059                </div>
1060            <a aria-label="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;
1060intelligence active" href="/videoprotection-passer-de-loeil-passif-a-lintelligence-active/">
1061                <h2 class="font-heading text-[--text-primary] font-medium text-xl xs:text-xl lg:text-lg line-clamp-3 hover:underline underline-offset-2"> Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active </h2>
1062            </a>
1063        </div>
1064        <div class="flex flex-col gap-4 xs:gap-2">
1065                <div class="flex items-center gap-2 ">
1066        <div class="post-meta-date flex items-center gap-2">
1067            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="12 mai 2026">12 mai 2026</time></span>
1068        </div>
1069        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
1070        <div class="post-meta-read-time flex items-center gap-2">
1071            <span class="text-[--text-secondary] font-medium text-xs">3 min</span>
1072        </div>
1073    </div>
1074    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
1075        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
1076    </div>
1077        </div>
1078    </div>
1079</div>
1080</div>        
1081<!-- Stop Ghost from complaining: strategie-territoriale -->
1082            <div class="hero-right flex flex-col gap-10 xs:gap-5 md:gap-8 pb-10 md:pb-0 pt-10 md:pt-0">
1083                <h2 class="font-heading text-[--text-primary] text-xl xs:text-2xl lg:text-3xl font-medium leading-normal"> STRATÉGIE TERRITORIALE </h2>
1084                <div class="hidden md:block h-px bg-[--border-color]"></div>
1085                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-1 gap-10 xs:gap-5 md:gap-8">
1086                        <div class="h-[7.5rem] lg:h-max group flex flex-col gap-2">
1087    <div class="flex gap-2 h-full">
1088        <div class="flex flex-col justify-between gap-4 xs:gap-2">
1089            <div class="flex flex-col gap-4 xs:gap-2">
1090                <a aria-label="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active" href="/videoprotection-passer-de-loeil-passif-a-lintelligence-active/">
1091                    <h2 class="font-heading text-[--text-primary] font-medium text-base lg:text-base md:line-clamp-3 hover:underline underline-offset-2"> Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active </h2>
1092                </a>
1093                <div class="flex-col gap-4 xs:gap-2">
1094                    <div class="flex lg:hidden items-center gap-2">
1095                            <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="12 mai 2026">12 mai 2026</time></span>
1096    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1097    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">3 min</span>
1098                    </div>
1099                </div>
1100                <div class="hidden lg:flex items-center gap-2">
1101                        <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="12 mai 2026">12 mai 2026</time></span>
1102    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1103    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">3 min</span>
1104                </div>
1105            </div>
1106        </div>
1107
1108        <div class="flex-shrink-0 ml-auto h-full lg:h-[5.5rem] aspect-square xs:aspect-[1.5] rounded-sm overflow-hidden relative">
1109                <a aria-label="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active" href="/videoprotection-passer-de-loeil-passif-a-lintelligence-active/">
1110                    
1111    <picture>
1112    <source srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1113                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1114                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1115                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1116                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1117
1118                sizes="((max-width: 50px)) 50px,
1119                ((min-width: 50px) and (max-width: 100px)) 100px,
1120                ((min-width: 100px) and (max-width: 300px)) 300px,
1121                ((min-width: 300px) and (max-width: 500px)) 500px,
1122                (min-width: 500px) 700px"
1123
1124                type="image/avif">
1125    <source srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1126                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1127                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1128                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1129                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1130
1131                sizes="((max-width: 50px)) 50px,
1132                ((min-width: 50px) and (max-width: 100px)) 100px,
1133                ((min-width: 100px) and (max-width: 300px)) 300px,
1134                ((min-width: 300px) and (max-width: 500px)) 500px,
1135                (min-width: 500px) 700px"
1136
1137                type="image/webp">
1138    <img loading="lazy" decoding="async"
1139
1140                srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1141                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1142                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1143                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1144                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1145
1146                src="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700"
1147
1148                sizes="((max-width: 50px)) 50px,
1149                ((min-width: 50px) and (max-width: 100px)) 100px,
1150                ((min-width: 100px) and (max-width: 300px)) 300px,
1151                ((min-width: 300px) and (max-width: 500px)) 500px,
1152                (min-width: 500px) 700px"
1153
1154                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-l"
1155                alt="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active"
1156                >
1157    </picture>
1158                </a>
1159        </div>
1160    </div>
1161</div>
1162    <div class="md:hidden lg:block h-px bg-[--border-color]"></div>
1163                        <div class="h-[7.5rem] lg:h-max group flex flex-col gap-2">
1164    <div class="flex gap-2 h-full">
1165        <div class="flex flex-col justify-between gap-4 xs:gap-2">
1166            <div class="flex flex-col gap-4 xs:gap-2">
1167                <a aria-label="Fractures, ZAN et Climat : Pourquoi le mandat 2026-2032 va dynamiter les clichés sur nos campagnes" href="/fractures-zan-et-climat-pourquoi-le-mandat-2026-2032-va-dynamiter-les-cliches-sur-nos-campagnes/">
1168                    <h2 class="font-heading text-[--text-primary] font-medium text-base lg:text-base md:line-clamp-3 hover:underline underline-offset-2"> Fractures, ZAN et Climat : Pourquoi le mandat 2026-2032 va dynamiter les clichés sur nos campagnes </h2>
1169                </a>
1170                <div class="flex-col gap-4 xs:gap-2">
1171                    <div class="flex lg:hidden items-center gap-2">
1172                            <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="11 mai 2026">11 mai 2026</time></span>
1173    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1174    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">3 min</span>
1175                    </div>
1176                </div>
1177                <div class="hidden lg:flex items-center gap-2">
1178                        <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="11 mai 2026">11 mai 2026</time></span>
1179    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1180    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">3 min</span>
1181                </div>
1182            </div>
1183        </div>
1184
1185        <div class="flex-shrink-0 ml-auto h-full lg:h-[5.5rem] aspect-square xs:aspect-[1.5] rounded-sm overflow-hidden relative">
1186                <a aria-label="Fractures, ZAN et Climat : Pourquoi le mandat 2026-2032 va dynamiter les clichés sur nos campagnes" href="/fractures-zan-et-climat-pourquoi-le-mandat-2026-2032-va-dynamiter-les-cliches-sur-nos-campagnes/">
1187                    
1188    <picture>
1189    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/photo-1503346359167-984a891788fd.jpeg 50w,
1190                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/photo-1503346359167-984a891788fd.jpeg 100w,
1191                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/photo-1503346359167-984a891788fd.jpeg 300w,
1192                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/photo-1503346359167-984a891788fd.jpeg 500w,
1193                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/photo-1503346359167-984a891788fd.jpeg 700w"
1194
1195                sizes="((max-width: 50px)) 50px,
1196                ((min-width: 50px) and (max-width: 100px)) 100px,
1197                ((min-width: 100px) and (max-width: 300px)) 300px,
1198                ((min-width: 300px) and (max-width: 500px)) 500px,
1199                (min-width: 500px) 700px"
1200
1201                type="image/avif">
1202    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/photo-1503346359167-984a891788fd.jpeg 50w,
1203                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/photo-1503346359167-984a891788fd.jpeg 100w,
1204                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/photo-1503346359167-984a891788fd.jpeg 300w,
1205                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/photo-1503346359167-984a891788fd.jpeg 500w,
1206                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/photo-1503346359167-984a891788fd.jpeg 700w"
1207
1208                sizes="((max-width: 50px)) 50px,
1209                ((min-width: 50px) and (max-width: 100px)) 100px,
1210                ((min-width: 100px) and (max-width: 300px)) 300px,
1211                ((min-width: 300px) and (max-width: 500px)) 500px,
1212                (min-width: 500px) 700px"
1213
1214                type="image/webp">
1215    <img loading="lazy" decoding="async"
1216
1217                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/photo-1503346359167-984a891788fd.jpeg 50w,
1218                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/photo-1503346359167-984a891788fd.jpeg 100w,
1219                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/photo-1503346359167-984a891788fd.jpeg 300w,
1220                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/photo-1503346359167-984a891788fd.jpeg 500w,
1221                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1503346359167-984a891788fd.jpeg 700w"
1222
1223                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1503346359167-984a891788fd.jpeg"
1224
1225                sizes="((max-width: 50px)) 50px,
1226                ((min-width: 50px) and (max-width: 100px)) 100px,
1227                ((min-width: 100px) and (max-width: 300px)) 300px,
1228                ((min-width: 300px) and (max-width: 500px)) 500px,
1229                (min-width: 500px) 700px"
1230
1231                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-l"
1232                alt="Fractures, ZAN et Climat : Pourquoi le mandat 2026-2032 va dynamiter les clichés sur nos campagnes"
1233                >
1234    </picture>
1235                </a>
1236        </div>
1237    </div>
1238</div>
1239    <div class="md:hidden lg:block h-px bg-[--border-color]"></div>
1240                        <div class="h-[7.5rem] lg:h-max group flex flex-col gap-2">
1241    <div class="flex gap-2 h-full">
1242        <div class="flex flex-col justify-between gap-4 xs:gap-2">
1243            <div class="flex flex-col gap-4 xs:gap-2">
1244                <a aria-label="Immobilier, écologie, ruralité : Vos territoires face à la nouvelle « guerre des classes »" href="/immobilier-ecologie-ruralite-vos-territoires-face-a-la-nouvelle-guerre-des-classe
1244s/">
1245                    <h2 class="font-heading text-[--text-primary] font-medium text-base lg:text-base md:line-clamp-3 hover:underline underline-offset-2"> Immobilier, écologie, ruralité : Vos territoires face à la nouvelle « guerre des classes » </h2>
1246                </a>
1247                <div class="flex-col gap-4 xs:gap-2">
1248                    <div class="flex lg:hidden items-center gap-2">
1249                            <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="04 mai 2026">04 mai 2026</time></span>
1250    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1251    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">4 min</span>
1252                    </div>
1253                </div>
1254                <div class="hidden lg:flex items-center gap-2">
1255                        <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="04 mai 2026">04 mai 2026</time></span>
1256    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1257    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">4 min</span>
1258                </div>
1259            </div>
1260        </div>
1261
1262        <div class="flex-shrink-0 ml-auto h-full lg:h-[5.5rem] aspect-square xs:aspect-[1.5] rounded-sm overflow-hidden relative">
1263                <a aria-label="Immobilier, écologie, ruralité : Vos territoires face à la nouvelle « guerre des classes »" href="/immobilier-ecologie-ruralite-vos-territoires-face-a-la-nouvelle-guerre-des-classes/">
1264                    
1265    <picture>
1266    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/photo-1666304789124-320713fb4005.jpeg 50w,
1267                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/photo-1666304789124-320713fb4005.jpeg 100w,
1268                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/photo-1666304789124-320713fb4005.jpeg 300w,
1269                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/photo-1666304789124-320713fb4005.jpeg 500w,
1270                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/photo-1666304789124-320713fb4005.jpeg 700w"
1271
1272                sizes="((max-width: 50px)) 50px,
1273                ((min-width: 50px) and (max-width: 100px)) 100px,
1274                ((min-width: 100px) and (max-width: 300px)) 300px,
1275                ((min-width: 300px) and (max-width: 500px)) 500px,
1276                (min-width: 500px) 700px"
1277
1278                type="image/avif">
1279    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/photo-1666304789124-320713fb4005.jpeg 50w,
1280                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/photo-1666304789124-320713fb4005.jpeg 100w,
1281                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/photo-1666304789124-320713fb4005.jpeg 300w,
1282                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/photo-1666304789124-320713fb4005.jpeg 500w,
1283                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/photo-1666304789124-320713fb4005.jpeg 700w"
1284
1285                sizes="((max-width: 50px)) 50px,
1286                ((min-width: 50px) and (max-width: 100px)) 100px,
1287                ((min-width: 100px) and (max-width: 300px)) 300px,
1288                ((min-width: 300px) and (max-width: 500px)) 500px,
1289                (min-width: 500px) 700px"
1290
1291                type="image/webp">
1292    <img loading="lazy" decoding="async"
1293
1294                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/photo-1666304789124-320713fb4005.jpeg 50w,
1295                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/photo-1666304789124-320713fb4005.jpeg 100w,
1296                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/photo-1666304789124-320713fb4005.jpeg 300w,
1297                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/photo-1666304789124-320713fb4005.jpeg 500w,
1298                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1666304789124-320713fb4005.jpeg 700w"
1299
1300                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1666304789124-320713fb4005.jpeg"
1301
1302                sizes="((max-width: 50px)) 50px,
1303                ((min-width: 50px) and (max-width: 100px)) 100px,
1304                ((min-width: 100px) and (max-width: 300px)) 300px,
1305                ((min-width: 300px) and (max-width: 500px)) 500px,
1306                (min-width: 500px) 700px"
1307
1308                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-l"
1309                alt="Immobilier, écologie, ruralité : Vos territoires face à la nouvelle « guerre des classes »"
1310                >
1311    </picture>
1312                </a>
1313        </div>
1314    </div>
1315</div>
1316    <div class="md:hidden lg:block h-px bg-[--border-color]"></div>
1317                        <div class="h-[7.5rem] lg:h-max group flex flex-col gap-2">
1318    <div class="flex gap-2 h-full">
1319        <div class="flex flex-col justify-between gap-4 xs:gap-2">
1320            <div class="flex flex-col gap-4 xs:gap-2">
1321                <a aria-label="Commerce de proximité : la fin de la fatalité" href="/commerce-de-proximite-la-fin-de-la-fatalite/">
1322                    <h2 class="font-heading text-[--text-primary] font-medium text-base lg:text-base md:line-clamp-3 hover:underline underline-offset-2"> Commerce de proximité : la fin de la fatalité </h2>
1323                </a>
1324                <div class="flex-col gap-4 xs:gap-2">
1325                    <div class="flex lg:hidden items-center gap-2">
1326                            <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="15 avr. 2026">15 avr. 2026</time></span>
1327    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1328    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">5 min</span>
1329                    </div>
1330                </div>
1331                <div class="hidden lg:flex items-center gap-2">
1332                        <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="15 avr. 2026">15 avr. 2026</time></span>
1333    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1334    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">5 min</span>
1335                </div>
1336            </div>
1337        </div>
1338
1339        <div class="flex-shrink-0 ml-auto h-full lg:h-[5.5rem] aspect-square xs:aspect-[1.5] rounded-sm overflow-hidden relative">
1340                <a aria-label="Commerce de proximité : la fin de la fatalité" href="/commerce-de-proximite-la-fin-de-la-fatalite/">
1341                    
1342    <picture>
1343    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/photo-1646246575609-09832daa762c.jpeg 50w,
1344                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/photo-1646246575609-09832daa762c.jpeg 100w,
1345                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/photo-1646246575609-09832daa762c.jpeg 300w,
1346                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/photo-1646246575609-09832daa762c.jpeg 500w,
1347                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/photo-1646246575609-09832daa762c.jpeg 700w"
1348
1349                sizes="((max-width: 50px)) 50px,
1350                ((min-width: 50px) and (max-width: 100px)) 100px,
1351                ((min-width: 100px) and (max-width: 300px)) 300px,
1352                ((min-width: 300px) and (max-width: 500px)) 500px,
1353                (min-width: 500px) 700px"
1354
1355                type="image/avif">
1356    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/photo-1646246575609-09832daa762c.jpeg 50w,
1357                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/photo-1646246575609-09832daa762c.jpeg 100w,
1358                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/photo-1646246575609-09832daa762c.jpeg 300w,
1359                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/photo-1646246575609-09832daa762c.jpeg 500w,
1360                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/photo-1646246575609-09832daa762c.jpeg 700w"
1361
1362                sizes="((max-width: 50px)) 50px,
1363                ((min-width: 50px) and (max-width: 100px)) 100px,
1364                ((min-width: 100px) and (max-width: 300px)) 300px,
1365                ((min-width: 300px) and (max-width: 500px)) 500px,
1366                (min-width: 500px) 700px"
1367
1368                type="image/webp">
1369    <img loading="lazy" decoding="async"
1370
1371                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/photo-1646246575609-09832daa762c.jpeg 50w,
1372                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/photo-1646246575609-09832daa762c.jpeg 100w,
1373                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/photo-1646246575609-09832daa762c.jpeg 300w,
1374                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/photo-1646246575609-09832daa762c.jpeg 500w,
1375                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1646246575609-09832daa762c.jpeg 700w"
1376
1377                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1646246575609-09832daa762c.jpeg"
1378
1379                sizes="((max-width: 50px)) 50px,
1380                ((min-width: 50px) and (max-width: 100px)) 100px,
1381                ((min-width: 100px) and (max-width: 300px)) 300px,
1382                ((min-width: 300px) and (max-width: 500px)) 500px,
1383                (min-width: 500px) 700px"
1384
1385                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-l"
1386                alt="Commerce de proximité : la fin de la fatalité"
1387                >
1388    </picture>
1389                </a>
1390        </div>
1391    </div>
1392</div>
1393    <div class="md:hidden lg:block h-px bg-[--border-color]"></div>
1394                        <div class="h-[7.5rem] lg:h-max group flex flex-col gap-2">
1395    <div class="flex gap-2 h-full">
1396        <div class="flex flex-col justify-between gap-4 xs:gap-2">
1397            <div class="flex flex-col gap-4 xs:gap-2">
1398                <a aria-label="Intercommunalité : le hold-up des techniciens ou le levier des stratèges ?" href="/intercommunalite-le-hold-up-des-techniciens-ou-le-levier-des-strateges/">
1399                    <h2 class="font-heading text-[--text-primary] font-medium text-base lg:text-base md:line-clamp-3 hover:underline underline-offset-2"> Intercommunalité : le hold-up des techniciens ou le levier des stratèges ? </h2>
1400                </a>
1401                <div class="flex-col gap-4 xs:gap-2">
1402                    <div class="flex lg:hidden items-center gap-2">
1403                            <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="13 avr. 2026">13 avr. 2026</time></span>
1404    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1405    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">4 min</span>
1406                    </div>
1407                </div>
1408                <div class="hidden lg:flex items-center gap-2">
1409                        <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="13 avr. 2026">13 avr. 2026</time></span>
1410    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1411    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">4 min</span>
1412                </div>
1413            </div>
1414        </div>
1415
1416        <div class="flex-shrink-0 ml-auto h-full lg:h-[5.5rem] aspect-square xs:aspect-[1.5] rounded-sm overflow-hidden relative">
1417                <a aria-label="Intercommunalité : le hold-up des techniciens ou le levier des stratèges ?" href="/intercommunalite-le-hold-up-des-techniciens-ou-le-levier-des-strateges/">
1418                    
1419    <picture>
1420    <source srcset="https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1421                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1422                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1423                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1424                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1425
1426                sizes="((max-width: 50px)) 50px,
1427                ((min-width: 50px) and (max-width: 100px)) 100px,
1428                ((min-width: 100px) and (max-width: 300px)) 300px,
1429                ((min-width: 300px) and (max-width: 500px)) 500px,
1430                (min-width: 500px) 700px"
1431
1432                type="image/avif">
1433    <source srcset="https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1434                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1435                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1436                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1437                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1438
1439                sizes="((max-width: 50px)) 50px,
1440                ((min-width: 50px) and (max-width: 100px)) 100px,
1441                ((min-width: 100px) and (max-width: 300px)) 300px,
1442                ((min-width: 300px) and (max-width: 500px)) 500px,
1443                (min-width: 500px) 700px"
1444
1445                type="image/webp">
1446    <img loading="lazy" decoding="async"
1447
1448                srcset="https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1449                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1450                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1451                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1452                https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1453
1454                src="https://images.unsplash.com/photo-1643614608262-e19aeb5a7642?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE2fHx2b2llcmllfGVufDB8fHx8MTc4MDUxNzM3OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700"
1455
1456                sizes="((max-width: 50px)) 50px,
1457                ((min-width: 50px) and (max-width: 100px)) 100px,
1458                ((min-width: 100px) and (max-width: 300px)) 300px,
1459                ((min-width: 300px) and (max-width: 500px)) 500px,
1460                (min-width: 500px) 700px"
1461
1462                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-l"
1463                alt="Intercommunalité : le hold-up des techniciens ou le levier des stratèges ?"
1464                >
1465    </picture>
1466                </a>
1467        </div>
1468    </div>
1469</div>
1470    <div class="md:hidden lg:block h-px bg-[--border-color]"></div>
1471                        <div class="h-[7.5rem] lg:h-max group flex flex-col gap-2">
1472    <div class="flex gap-2 h-full">
1473        <div class="flex flex-col justify-between gap-4 xs:gap-2">
1474            <div class="flex flex-col gap-4 xs:gap-2">
1475                <a aria-label="Communication territorial : Le choc de confiance et la stratég
1475ie de la preuve" href="/communication-territorial-le-choc-de-confiance-et-la-strategie-de-la-preuve/">
1476                    <h2 class="font-heading text-[--text-primary] font-medium text-base lg:text-base md:line-clamp-3 hover:underline underline-offset-2"> Communication territorial : Le choc de confiance et la stratégie de la preuve </h2>
1477                </a>
1478                <div class="flex-col gap-4 xs:gap-2">
1479                    <div class="flex lg:hidden items-center gap-2">
1480                            <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="13 avr. 2026">13 avr. 2026</time></span>
1481    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1482    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">3 min</span>
1483                    </div>
1484                </div>
1485                <div class="hidden lg:flex items-center gap-2">
1486                        <span class="post-meta-minimal-date text-[--text-secondary] font-medium text-xs"><time datetime="13 avr. 2026">13 avr. 2026</time></span>
1487    <div class="post-meta-minimal-sep text-xs text-[--text-secondary]"> &bullet; </div>
1488    <span class="post-meta-minimal-read-time text-[--text-secondary] font-medium text-xs">3 min</span>
1489                </div>
1490            </div>
1491        </div>
1492
1493        <div class="flex-shrink-0 ml-auto h-full lg:h-[5.5rem] aspect-square xs:aspect-[1.5] rounded-sm overflow-hidden relative">
1494                <a aria-label="Communication territorial : Le choc de confiance et la stratégie de la preuve" href="/communication-territorial-le-choc-de-confiance-et-la-strategie-de-la-preuve/">
1495                    
1496    <picture>
1497    <source srcset="https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1498                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1499                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1500                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1501                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1502
1503                sizes="((max-width: 50px)) 50px,
1504                ((min-width: 50px) and (max-width: 100px)) 100px,
1505                ((min-width: 100px) and (max-width: 300px)) 300px,
1506                ((min-width: 300px) and (max-width: 500px)) 500px,
1507                (min-width: 500px) 700px"
1508
1509                type="image/avif">
1510    <source srcset="https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1511                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1512                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1513                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1514                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1515
1516                sizes="((max-width: 50px)) 50px,
1517                ((min-width: 50px) and (max-width: 100px)) 100px,
1518                ((min-width: 100px) and (max-width: 300px)) 300px,
1519                ((min-width: 300px) and (max-width: 500px)) 500px,
1520                (min-width: 500px) 700px"
1521
1522                type="image/webp">
1523    <img loading="lazy" decoding="async"
1524
1525                srcset="https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1526                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1527                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1528                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1529                https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w"
1530
1531                src="https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDI3fHxtYXJrZXRpbmd8ZW58MHx8fHwxNzgwNTE1MjkzfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700"
1532
1533                sizes="((max-width: 50px)) 50px,
1534                ((min-width: 50px) and (max-width: 100px)) 100px,
1535                ((min-width: 100px) and (max-width: 300px)) 300px,
1536                ((min-width: 300px) and (max-width: 500px)) 500px,
1537                (min-width: 500px) 700px"
1538
1539                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-l"
1540                alt="Communication territorial : Le choc de confiance et la stratég
1540ie de la preuve"
1541                >
1542    </picture>
1543                </a>
1544        </div>
1545    </div>
1546</div>
1547                </div>
1548            </div>
1549        <div class="hero-center flex flex-col gap-5 md:gap-2 px-0 md:pl-8 pb-10 md:pb-0 border-b md:border-b-0 lg:px-5 md:border-l lg:border-x border-[--border-color]">
1550                    <div class="flex flex-col justify-between gap-4 group">
1551    <div class="flex flex-col gap-4">
1552            <div class="w-full h-auto lg:h-[26.33rem] aspect-[1.5] lg:aspect-auto overflow-hidden rounded-sm relative">
1553                <a aria-label="Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat" href="/face-au-mur-thermique-quand-lombre-devient-le-nouveau-service-public-de-votre-mandat/">
1554                    
1555    <picture>
1556    <source srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1557                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1558                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1559                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1560                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1561                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
1562                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
1563
1564                sizes="((max-width: 50px)) 50px,
1565                ((min-width: 50px) and (max-width: 100px)) 100px,
1566                ((min-width: 100px) and (max-width: 300px)) 300px,
1567                ((min-width: 300px) and (max-width: 500px)) 500px,
1568                ((min-width: 500px) and (max-width: 700px)) 700px,
1569                ((min-width: 700px) and (max-width: 1000px)) 1000px,
1570                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
1571                (min-width: 2000px) 2000px"
1572
1573                type="image/avif">
1574    <source srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1575                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1576                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1577                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1578                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1579                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
1580                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
1581
1582                sizes="((max-width: 50px)) 50px,
1583                ((min-width: 50px) and (max-width: 100px)) 100px,
1584                ((min-width: 100px) and (max-width: 300px)) 300px,
1585                ((min-width: 300px) and (max-width: 500px)) 500px,
1586                ((min-width: 500px) and (max-width: 700px)) 700px,
1587                ((min-width: 700px) and (max-width: 1000px)) 1000px,
1588                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
1589                (min-width: 2000px) 2000px"
1590
1591                type="image/webp">
1592    <img loading="lazy" decoding="async"
1593
1594                srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1595                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1596                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1597                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1598                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1599                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
1600                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
1601
1602                src="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000"
1603
1604                sizes="((max-width: 50px)) 50px,
1605                ((min-width: 50px) and (max-width: 100px)) 100px,
1606                ((min-width: 100px) and (max-width: 300px)) 300px,
1607                ((min-width: 300px) and (max-width: 500px)) 500px,
1608                ((min-width: 500px) and (max-width: 700px)) 700px,
1609                ((min-width: 700px) and (max-width: 1000px)) 1000px,
1610                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
1611                (min-width: 2000px) 2000px"
1612
1613                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xxl"
1614                alt="Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat"
1615                >
1616    </picture>
1617                </a>
1618                        <div title="Featured" class="left-1  aspect-square rounded-sm flex items-center justify-center cursor-pointer absolute top-1 h-6 bg-black/50 backdrop-blur-lg right-1 ">
1619            <img src="https://www.maireinfluence.fr/assets/img/featured.svg?v=lnWmkRnzxy1rCK9j" alt="featured" class="filter-white h-4" width="24" height="24"/>
1620        </div>
1621            </div>
1622            <div class="flex items-center gap-2 flex-wrap">
1623                    <a aria-label="TRANSITION DURABLE" href="/tag/transition-durable/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> TRANSITION DURABLE </a>
1624                    <a aria-label="Transition Écologique" href="/tag/transition-ecologique/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Transition Écologique </a>
1625                    <a aria-label="Urbanisme" href="/tag/urbanisme/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Urbanisme </a>
1626                    <a aria-label="Aménagement" href="/tag/amenagement/" class="text-sm text-[--text-accent] uppercase font-medium py-0.5 w-min rounded-sm text-nowrap"> Aménagement </a>
1627            </div>
1628        <a aria-label="Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat" href="/face-au-mur-thermique-quand-lombre-devient-le-nouveau-service-public-de-votre-mandat/" class="flex flex-col gap-4">
1629            <h2 class="font-heading text-[--text-primary] font-medium text-xl xs:text-2xl lg:text-3xl hover:underline underline-offset-2"> Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat </h2>
1630            <p class="text-sm xs:text-base font-medium text-[--text-secondary]"> La France se prépare à une hausse des températures implacable d&#39;ici 2100. Face à des pics de chaleur appelés à se multiplier, la simple débitumisation cosmétique montre ses limites. L’ombre passe du statut d&#39;aménagement de confort à celui de ressource vitale. La fraîcheur urbaine s& </p>
1631        </a>
1632    </div>
1633    <div class="flex flex-col gap-4">
1634            <div class="flex items-center gap-2 ">
1635        <div class="post-meta-date flex items-center gap-2">
1636            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="12 juin 2026">12 juin 2026</time></span>
1637        </div>
1638        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
1639        <div class="post-meta-read-time flex items-center gap-2">
1640            <span class="text-[--text-secondary] font-medium text-xs">3 min</span>
1641        </div>
1642    </div>
1643    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
1644        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
1645    </div>
1646    </div>
1647</div>
1648</div>            
1649    <div class="hero-subscribe-form hero-bottom flex items-end px-0 lg:px-5 lg:pt-10 lg:border-x border-[--border-color]">
1650        <div class="border border-[--border-color] bg-[--bg-color-secondary] rounded-sm p-5 md:p-8 md:py-16 w-full mx-auto flex flex-col items-center justify-center gap-4 lg:gap-6">
1651            <h2 class="font-heading max-w-xl text-center text-[--text-primary] text-2xl xs:text-3xl lg:text-4xl font-medium leading-normal"> Inscrivez-vous aux newsletters de MAIRE &amp; Influence. </h2>
1652            <p class="text-[--text-secondary] font-medium text-center text-sm xs:text-base lg:text-sm"> Restez informé grâce à notre sélection des meilleurs articles. </p>
1653            <form data-members-form="subscribe" class="subscription-form max-w-[40rem] flex flex-col items-center justify-center gap-4 lg:gap-6 w-full">
1654                <div class="flex flex-col xs:flex-row items-center justify-center gap-4 w-full">
1655                    <input data-members-email type="email" name="email" required placeholder="[email protected]" class="flex-1 w-full xs:w-auto border border-[--border-color-secondary] bg-[--bg-color] rounded-sm placeholder:text-[--text-secondary] text-[--text-primary] text-sm p-3 xs:p-3.5 outline-none" />
1656                    <button type="submit" class="default-button w-full xs:w-auto inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-7 xs:px-8 py-2.5 xs:py-3 duration-300 text-sm font-medium uppercase text-[--subscribe-btn-text] leading-none">
1657                        <span class="h-[26px] flex items-center justify-center"> Abonnez-vous maintenant </span>
1658                    </button>
1659                    <button type="submit" class="error-button w-full xs:w-auto inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-7 xs:px-8 py-2.5 xs:py-3 duration-300 text-sm font-medium uppercase text-[--subscribe-btn-text] leading-none">
1660                        <span class="h-[26px] flex items-center justify-center"> Essayer à nouveau </span>
1661                    </button>
1662                    <button type="submit" class="loading-button w-full xs:w-auto inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-7 xs:px-8 py-2.5 xs:py-3 duration-300 text-sm font-medium uppercase text-[--subscribe-btn-text] leading-none">
1663                        <span class="h-[26px] flex items-center justify-center"> S&#x27;il vous plaît, attendez </span>
1664                    </button>
1665                    <button type="submit" class="success-button w-full xs:w-auto inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-7 xs:px-8 py-2.5 xs:py-3 duration-300 text-sm font-medium uppercase text-[--subscribe-btn-text] leading-none">
1666                        <span class="h-[26px] flex items-center justify-center"> Merci </span>
1667                    </button>
1668                </div>
1669                <div class="flex items-center justify-center gap-2 subscribe-form-agreement">
1670                    <input type="checkbox" name="terms" id="terms-home-hero" required />
1671                    <label for="terms-home-hero" class="text-xs text-[--text-primary]">
1672                        J'accepte les conditions d'utilisation du site web <a aria-label="Terms" href="https://www.maireinfluence.fr/terms/" target="_blank">Terms</a> et <a aria-label="Privacy Policy" href="https://www.maireinfluence.fr/privacy-policy/" target="_blank">Privacy Policy</a>.
1673                    </label>
1674                </div>
1675                <div class="message-wrapper flex flex-col xs:flex-row items-center justify-center w-full">
1676                    <small class="success-message">Veuillez consulter votre boîte de réception et confirmer.</small>
1677                    <small class="error-message">Une erreur s&#x27;est produite. Veuillez réessayer.</small>
1678                </div>
1679            </form>
1680        </div>
1681    </div>
1682    </div>
1683</section>
1684            
1685    <section class="home-tag-1-3 py-10 xs:py-12 md:py-16 tag-section-pilotage-finances">
1686    <div class="wrapper flex flex-col gap-6">
1687        <div class="flex items-center justify-between gap-4">
1688            <h1 class="home-tag-name font-heading text-[--text-primary] text-2xl xs:text-3xl lg:text-4xl font-medium leading-normal"> PILOTAGE &amp; FINANCES </h1>
1689            <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="flex items-center gap-2 group">
1690                <span class="text-[--text-primary] text-sm font-medium"> Lire tout PILOTAGE &amp; FINANCES </span>
1691                <img src="https://www.maireinfluence.fr/assets/img/arrow-next.svg?v=i1DioEBsixvkZ2CV" alt="arrow" aria-hidden="true" class="size-5 transition-transform group-hover:translate-x-1 filter-theme" />
1692            </a>
1693        </div>
1694        <div class="bg-[--border-color] h-px w-full"></div>
1695        <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 xs:gap-5 md:gap-8">
1696                    <div class="home-tag-card flex flex-col gap-4 group">
1697                        <div class="flex flex-col gap-4">
1698                                <div class="w-full h-auto lg:h-[26.33rem] aspect-[1.5] lg:aspect-auto overflow-hidden rounded-sm relative">
1699                                    <a aria-label="Innover en ruralité grâce à l&#x27;Europe" href="/innover-en-ruralite-grace-a-leurope/">
1700                                        
1701    <picture>
1702    <source srcset="https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1703                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1704                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1705                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1706                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1707                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
1708                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
1709
1710                sizes="((max-width: 50px)) 50px,
1711                ((min-width: 50px) and (max-width: 100px)) 100px,
1712                ((min-width: 100px) and (max-width: 300px)) 300px,
1713                ((min-width: 300px) and (max-width: 500px)) 500px,
1714                ((min-width: 500px) and (max-width: 700px)) 700px,
1715                ((min-width: 700px) and (max-width: 1000px)) 1000px,
1716                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
1717                (min-width: 2000px) 2000px"
1718
1719                type="image/avif">
1720    <source srcset="https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1721                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1722                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1723                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1724                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1725                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
1726                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
1727
1728                sizes="((max-width: 50px)) 50px,
1729                ((min-width: 50px) and (max-width: 100px)) 100px,
1730                ((min-width: 100px) and (max-width: 300px)) 300px,
1731                ((min-width: 300px) and (max-width: 500px)) 500px,
1732                ((min-width: 500px) and (max-width: 700px)) 700px,
1733                ((min-width: 700px) and (max-width: 1000px)) 1000px,
1734                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
1735                (min-width: 2000px) 2000px"
1736
1737                type="image/webp">
1738    <img loading="lazy" decoding="async"
1739
1740                srcset="https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1741                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1742                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1743                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1744                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1745                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
1746                https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
1747
1748                src="https://images.unsplash.com/photo-1608817576203-3c27ed168bd2?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fEV1cm9wZXxlbnwwfHx8fDE3ODI4MDMzNzF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000"
1749
1750                sizes="((max-width: 50px)) 50px,
1751                ((min-width: 50px) and (max-width: 100px)) 100px,
1752                ((min-width: 100px) and (max-width: 300px)) 300px,
1753                ((min-width: 300px) and (max-width: 500px)) 500px,
1754                ((min-width: 500px) and (max-width: 700px)) 700px,
1755                ((min-width: 700px) and (max-width: 1000px)) 1000px,
1756                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
1757                (min-width: 2000px) 2000px"
1758
1759                class="home-tag-card-img h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xxl"
1760                alt="Innover en ruralité grâce à l&#x27;Europe"
1761                >
1762    </picture>
1763                                    </a>
1764
1765                                                                    </div>
1766                                <div class="home-tag-card-tags flex items-center gap-2 flex-wrap">
1767                                        <a aria-label="PILOTAGE &amp; FINANCES" aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> PILOTAGE &amp; FINANCES </a>
1768                                </div>
1769                            <a aria-label="Innover en ruralité grâce à l&#x27;Europe" href="/innover-en-ruralite-grace-a-leurope/" class="flex flex-col gap-4">
1770                                <h2 class="home-tag-card-title font-heading text-[--text-primary] font-medium text-base xs:text-2xl lg:text-3xl lg:line-clamp-2 hover:underline underline-offset-2"> Innover en ruralité grâce à l&#x27;Europe </h2>
1771                                <p class="home-tag-card-excerpt text-sm xs:text-base font-medium text-[--text-secondary]"> Bornes solaires, circuits courts, tiers-lieux... La ruralité bouillonne d&#39;idées mais manque de moyens. En 2026, au cœur de la programmation européenne, le programme Leader et les 300 Groupes d’Action Locale (GAL) s&#39;imposent comme un guichet unique pour financer l&#39;audace locale. Décryptage d& </p>
1772                            </a>
1773                        </div>
1774                        <div class="home-tag-card-meta flex flex-col gap-4">
1775                                <div class="flex items-center gap-2 ">
1776        <div class="post-meta-date flex items-center gap-2">
1777            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="19 juin 2026">19 juin 2026</time></span>
1778        </div>
1779        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
1780        <div class="post-meta-read-time flex items-center gap-2">
1781            <span class="text-[--text-secondary] font-medium text-xs">2 min</span>
1782        </div>
1783    </div>
1784    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
1785        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
1786    </div>
1787                        </div>
1788                    </div>
1789            <div class="border-t border-l-0 lg:border-t-0 lg:border-l border-[--border-color] pt-10 xs:pt-5 lg:pl-8 md:pt-8 lg:pt-0 flex flex-col gap-10 xs:gap-5 md:gap-8">
1790                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
1791                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
1792                                    <a aria-label="Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy" href="/rigueur-budgetaire-quand-les-chiffres-de-la-dgfip-contredisent-le-recit-de-bercy/">
1793                                        
1794    <picture>
1795    <source srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1796                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1797                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1798                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1799                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1800                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
1801
1802                sizes="((max-width: 50px)) 50px,
1803                ((min-width: 50px) and (max-width: 100px)) 100px,
1804                ((min-width: 100px) and (max-width: 300px)) 300px,
1805                ((min-width: 300px) and (max-width: 500px)) 500px,
1806                ((min-width: 500px) and (max-width: 700px)) 700px,
1807                (min-width: 700px) 1000px"
1808
1809                type="image/avif">
1810    <source srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1811                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1812                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1813                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1814                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1815                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
1816
1817                sizes="((max-width: 50px)) 50px,
1818                ((min-width: 50px) and (max-width: 100px)) 100px,
1819                ((min-width: 100px) and (max-width: 300px)) 300px,
1820                ((min-width: 300px) and (max-width: 500px)) 500px,
1821                ((min-width: 500px) and (max-width: 700px)) 700px,
1822                (min-width: 700px) 1000px"
1823
1824                type="image/webp">
1825    <img loading="lazy" decoding="async"
1826
1827                srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
1828                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
1829                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
1830                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
1831                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
1832                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
1833
1834                src="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
1835
1836                sizes="((max-width: 50px)) 50px,
1837                ((min-width: 50px) and (max-width: 100px)) 100px,
1838                ((min-width: 100px) and (max-width: 300px)) 300px,
1839                ((min-width: 300px) and (max-width: 500px)) 500px,
1840                ((min-width: 500px) and (max-width: 700px)) 700px,
1841                (min-width: 700px) 1000px"
1842
1843                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
1844                alt="Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy"
1845                >
1846    </picture>
1847                                    </a>
1848
1849                                                                    </div>
1850                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
1851                                <div class="flex flex-col gap-4 xs:gap-2">
1852                                    <div class="flex items-center gap-2 flex-wrap">
1853                                            <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> PILOTAGE &amp; FINANCES </a>
1854                                            <a aria-label="Finances locales" href="/tag/finances-locales/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Finances locales </a>
1855                                            <a aria-label="Formation" href="/tag/formation/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Formation </a>
1856                                    </div>
1857                                    <a aria-label="Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy" href="/rigueur-budgetaire-quand-les-chiffres-de-la-dgfip-contredisent-le-recit-de-bercy/" class="flex flex-col gap-4 xs:gap-2">
1858                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy </h2>
1859                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> Alors que le gouvernement missionne un comité d&#39;experts indépendants pour fixer de nouvelles cibles de déficit d&#39;ici 2030, les données réelles de la DGFiP démontrent un coup de frein brutal et volontaire des dépenses de fonctionnement locales (+ 1,4 %). Décryptage d’un grand décalage entre l’ </p>
1860                                    </a>
1861                                </div>
1862                                <div class="flex flex-col gap-4 xs:gap-2">
1863                                        <div class="flex items-center gap-2 ">
1864        <div class="post-meta-date flex items-center gap-2">
1865            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="15 juin 2026">15 juin 2026</time></span>
1866        </div>
1867        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
1868        <div class="post-meta-read-time flex items-center gap-2">
1869            <span class="text-[--text-secondary] font-medium text-xs">3 min</span>
1870        </div>
1871    </div>
1872    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
1873        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
1874    </div>
1875                                </div>
1876                            </div>
1877                        </div>
1878                            <div class="h-px bg-[--border-color] w-full"></div>
1879                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
1880                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
1881                                    <a aria-label="En finir avec la « France moche » : le périurbain, nouveau laboratoire des transitions" href="/en-finir-avec-la-france-moche-le-periurbain-nouveau-laboratoire-des-transitions/">
1882                                        
1883    <picture>
1884    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 50w,
1885                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 100w,
1886                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 300w,
1887                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 500w,
1888                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 700w,
1889                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/avif/2026/06/photo-1733149086317-db960d20f305.jpeg 1000w"
1890
1891                sizes="((max-width: 50px)) 50px,
1892                ((min-width: 50px) and (max-width: 100px)) 100px,
1893                ((min-width: 100px) and (max-width: 300px)) 300px,
1894                ((min-width: 300px) and (max-width: 500px)) 500px,
1895                ((min-width: 500px) and (max-width: 700px)) 700px,
1896                (min-width: 700px) 1000px"
1897
1898                type="image/avif">
1899    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 50w,
1900                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 100w,
1901                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 300w,
1902                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 500w,
1903                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 700w,
1904                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/webp/2026/06/photo-1733149086317-db960d20f305.jpeg 1000w"
1905
1906                sizes="((max-width: 50px)) 50px,
1907                ((min-width: 50px) and (max-width: 100px)) 100px,
1908                ((min-width: 100px) and (max-width: 300px)) 300px,
1909                ((min-width: 300px) and (max-width: 500px)) 500px,
1910                ((min-width: 500px) and (max-width: 700px)) 700px,
1911                (min-width: 700px) 1000px"
1912
1913                type="image/webp">
1914    <img loading="lazy" decoding="async"
1915
1916                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/photo-1733149086317-db960d20f305.jpeg 50w,
1917                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/photo-1733149086317-db960d20f305.jpeg 100w,
1918                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/photo-1733149086317-db960d20f305.jpeg 300w,
1919                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/photo-1733149086317-db960d20f305.jpeg 500w,
1920                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1733149086317-db960d20f305.jpeg 700w,
1921                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/photo-1733149086317-db960d20f305.jpeg 1000w"
1922
1923                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/photo-1733149086317-db960d20f305.jpeg"
1924
1925                sizes="((max-width: 50px)) 50px,
1926                ((min-width: 50px) and (max-width: 100px)) 100px,
1927                ((min-width: 100px) and (max-width: 300px)) 300px,
1928                ((min-width: 300px) and (max-width: 500px)) 500px,
1929                ((min-width: 500px) and (max-width: 700px)) 700px,
1930                (min-width: 700px) 1000px"
1931
1932                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
1933                alt="En finir avec la « France moche » : le périurbain, nouveau laboratoire des transitions"
1934                >
1935    </picture>
1936                                    </a>
1937
1938                                                                    </div>
1939                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
1940                                <div class="flex flex-col gap-4 xs:gap-2">
1941                                    <div class="flex items-center gap-2 flex-wrap">
1942                                            <a aria-label="Aménagement" href="/tag/amenagement/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Aménagement </a>
1943                                            <a aria-label="Transition Écologique" href="/tag/transition-ecologique/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Transition Écologique </a>
1944                                            <a aria-label="Urbanisme" href="/tag/urbanisme/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Urbanisme </a>
1945                                            <a aria-label="Développement Économique" href="/tag/developpement-economique/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Développement Économique </a>
1946                                            <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> PILOTAGE &amp; FINANCES </a>
1947                                    </div>
1948                                    <a aria-label="En finir avec la « France moche » : le périurbain, nouveau laboratoire des transitions" href="/en-finir-avec-la-france-moche-le-periurbain-nouveau-laboratoire-des-transitions/" class="flex flex-col gap-4 xs:gap-2">
1949                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> En finir avec la « France moche » : le périurbain, nouveau laboratoire des transitions </h2>
1950                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> Oubliez l&#39;image d&#39;
1950Épinal des ronds-points et des zones commerciales bétonnées. Par la pluralité de ses paysages, le périurbain détient aujourd&#39;hui les leviers de la transition écologique. Mobilités, sobriété foncière, énergies vertes : décryptage d&#39;un changement de modèle où ces espaces hybrides deviennent </p>
1951                                    </a>
1952                                </div>
1953                                <div class="flex flex-col gap-4 xs:gap-2">
1954                                        <div class="flex items-center gap-2 ">
1955        <div class="post-meta-date flex items-center gap-2">
1956            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="14 mai 2026">14 mai 2026</time></span>
1957        </div>
1958        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
1959        <div class="post-meta-read-time flex items-center gap-2">
1960            <span class="text-[--text-secondary] font-medium text-xs">3 min</span>
1961        </div>
1962    </div>
1963    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
1964        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
1965    </div>
1966                                </div>
1967                            </div>
1968                        </div>
1969                            <div class="h-px bg-[--border-color] w-full"></div>
1970                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
1971                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
1972                                    <a aria-label="L&#x27;écran noir : quand la mairie s&#x27;arrête de battre" href="/lecran-noir-quand-la-mairie-sarrete-de-battre/">
1973                                        
1974    <picture>
1975    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 50w,
1976                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 100w,
1977                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 300w,
1978                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 500w,
1979                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 700w,
1980                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 1000w"
1981
1982                sizes="((max-width: 50px)) 50px,
1983                ((min-width: 50px) and (max-width: 100px)) 100px,
1984                ((min-width: 100px) and (max-width: 300px)) 300px,
1985                ((min-width: 300px) and (max-width: 500px)) 500px,
1986                ((min-width: 500px) and (max-width: 700px)) 700px,
1987                (min-width: 700px) 1000px"
1988
1989                type="image/avif">
1990    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 50w,
1991                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 100w,
1992                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 300w,
1993                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 500w,
1994                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 700w,
1995                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 1000w"
1996
1997                sizes="((max-width: 50px)) 50px,
1998                ((min-width: 50px) and (max-width: 100px)) 100px,
1999                ((min-width: 100px) and (max-width: 300px)) 300px,
2000                ((min-width: 300px) and (max-width: 500px)) 500px,
2001                ((min-width: 500px) and (max-width: 700px)) 700px,
2002                (min-width: 700px) 1000px"
2003
2004                type="image/webp">
2005    <img loading="lazy" decoding="async"
2006
2007                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/photo-1654588834398-f594db5164d3.jpeg 50w,
2008                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/photo-1654588834398-f594db5164d3.jpeg 100w,
2009                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/photo-1654588834398-f594db5164d3.jpeg 300w,
2010                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/photo-1654588834398-f594db5164d3.jpeg 500w,
2011                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1654588834398-f594db5164d3.jpeg 700w,
2012                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/photo-1654588834398-f594db5164d3.jpeg 1000w"
2013
2014                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/photo-1654588834398-f594db5164d3.jpeg"
2015
2016                sizes="((max-width: 50px)) 50px,
2017                ((min-width: 50px) and (max-width: 100px)) 100px,
2018                ((min-width: 100px) and (max-width: 300px)) 300px,
2019                ((min-width: 300px) and (max-width: 500px)) 500px,
2020                ((min-width: 500px) and (max-width: 700px)) 700px,
2021                (min-width: 700px) 1000px"
2022
2023                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
2024                alt="L&#x27;écran noir : quand la mairie s&#x27;arrête de battre"
2025                >
2026    </picture>
2027                                    </a>
2028
2029                                                                    </div>
2030                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
2031                                <div class="flex flex-col gap-4 xs:gap-2">
2032                                    <div class="flex items-center gap-2 flex-wrap">
2033                                            <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> PILOTAGE &amp; FINANCES </a>
2034                                            <a aria-label="Cybersécurité" href="/tag/cybersecurite/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Cybersécurité </a>
2035                                            <a aria-label="DSI (Direction des Systèmes d&#x27;Information)" href="/tag/dsi-direction-des-systemes-dinformation/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> DSI (Direction des Systèmes d&#x27;Information) </a>
2036                                            <a aria-label="Sécurité" href="/tag/securite/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Sécurité </a>
2037                                    </div>
2038                                    <a aria-label="L&#x27;écran noir : quand la mairie s&#x27;arrête de battre" href="/lecran-noir-quand-la-mairie-sarrete-de-battre/" class="flex flex-col gap-4 xs:gap-2">
2039                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> L&#x27;écran noir : quand la mairie s&#x27;arrête de battre </h2>
2040                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> &quot;Vos données sont chiffrées. Payez 50 000 €.&quot; Ce message, des centaines de maires l&#39;ont vu s&#39;afficher un matin sur tous les écrans de l&#39;hôtel de ville, le cœur battant. Plus d&#39;état civil, plus de comptabilité, plus de téléphone. La cyberattaque </p>
2041                                    </a>
2042                                </div>
2043                                <div class="flex flex-col gap-4 xs:gap-2">
2044                                        <div class="flex items-center gap-2 ">
2045        <div class="post-meta-date flex items-center gap-2">
2046            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="23 avr. 2026">23 avr. 2026</time></span>
2047        </div>
2048        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
2049        <div class="post-meta-read-time flex items-center gap-2">
2050            <span class="text-[--text-secondary] font-medium text-xs">2 min</span>
2051        </div>
2052    </div>
2053    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
2054        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2055    </div>
2056                                </div>
2057                            </div>
2058                        </div>
2059            </div>
2060        </div>
2061    </div>
2062</section>
2063                        <section class="section-editors-choice bg-[--dark-bg] py-10 xs:py-12 md:py-16 border-y border-[--dark-border]">
2064            <div class="wrapper flex flex-col gap-6">
2065                <h1 class="section-editors-choice-title font-heading text-white text-2xl xs:text-3xl lg:text-4xl font-medium leading-normal"> Choix de l&#x27;éditeur </h1>
2066                <div class="grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-4 gap-10 xs:gap-5 md:gap-8">
2067                        <div class="section-editors-choice-card flex flex-col justify-between gap-4 group">
2068                            <div class="flex flex-col gap-4">
2069                                    <div class="w-full aspect-[1.5] overflow-hidden rounded-sm relative">
2070                                        <a aria-label="Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy" href="/rigueur-budgetaire-quand-les-chiffres-de-la-dgfip-contredisent-le-recit-de-bercy/">
2071                                            
2072    <picture>
2073    <source srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2074                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2075                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2076                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2077                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2078                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2079
2080                sizes="((max-width: 50px)) 50px,
2081                ((min-width: 50px) and (max-width: 100px)) 100px,
2082                ((min-width: 100px) and (max-width: 300px)) 300px,
2083                ((min-width: 300px) and (max-width: 500px)) 500px,
2084                ((min-width: 500px) and (max-width: 700px)) 700px,
2085                (min-width: 700px) 1000px"
2086
2087                type="image/avif">
2088    <source srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2089                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2090                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2091                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2092                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2093                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2094
2095                sizes="((max-width: 50px)) 50px,
2096                ((min-width: 50px) and (max-width: 100px)) 100px,
2097                ((min-width: 100px) and (max-width: 300px)) 300px,
2098                ((min-width: 300px) and (max-width: 500px)) 500px,
2099                ((min-width: 500px) and (max-width: 700px)) 700px,
2100                (min-width: 700px) 1000px"
2101
2102                type="image/webp">
2103    <img loading="lazy" decoding="async"
2104
2105                srcset="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2106                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2107                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2108                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2109                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2110                https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2111
2112                src="https://images.unsplash.com/photo-1685650705040-699a7c07a810?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fGJlcmN5fGVufDB8fHx8MTc4MjMxNTU4OXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
2113
2114                sizes="((max-width: 50px)) 50px,
2115                ((min-width: 50px) and (max-width: 100px)) 100px,
2116                ((min-width: 100px) and (max-width: 300px)) 300px,
2117                ((min-width: 300px) and (max-width: 500px)) 500px,
2118                ((min-width: 500px) and (max-width: 700px)) 700px,
2119                (min-width: 700px) 1000px"
2120
2121                class="section-editors-choice-card-img h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
2122                alt="Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy"
2123                >
2124    </picture>
2125                                        </a>
2126                                                                            </div>
2127                                    <div class="section-editors-choice-card-tags flex items-center gap-2 flex-wrap">
2128                                            <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> PILOTAGE &amp; FINANCES </a>
2129                                            <a aria-label="Finances locales" href="/tag/finances-locales/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> Finances locales </a>
2130                                            <a aria-label="Formation" href="/tag/formation/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> Formation </a>
2131                                    </div>
2132                                <a aria-label="Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy" href="/rigueur-budgetaire-quand-les-chiffres-de-la-dgfip-contredisent-le-recit-de-bercy/">
2133                                    <h2 class="section-editors-choice-card-title font-heading text-white font-medium text-lg xs:text-xl hover:underline underline-offset-2"> Rigueur budgétaire : quand les chiffres de la DGFiP contredisent le récit de Bercy </h2>
2134                                </a>
2135                            </div>
2136                            <div class="flex flex-col gap-4">
2137                                    <div class="flex items-center gap-2 ">
2138        <div class="post-meta-date flex items-center gap-2">
2139            <span class="text-[--gray] font-medium text-xs"><time datetime="15 juin 2026">15 juin 2026</time></span>
2140        </div>
2141        <div class="post-meta-sep text-xs text-[--gray]"> &bullet; </div>
2142        <div class="post-meta-read-time flex items-center gap-2">
2143            <span class="text-[--gray] font-medium text-xs">3 min</span>
2144        </div>
2145    </div>
2146    <div class="post-meta-authors text-[--gray] post-authors text-xs xs:text-sm font-medium">
2147        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2148    </div>
2149                            </div>
2150                        </div>
2151                        <div class="section-editors-choice-card flex flex-col justify-between gap-4 group">
2152                            <div class="flex flex-col gap-4">
2153                                    <div class="w-full aspect-[1.5] overflow-hidden rounded-sm relative">
2154                                        <a aria-label="Choc démographique : quand vos communes compteront deux fois plus de seniors que de jeunes" href="/choc-demographique-quand-vos-communes-compteront-deux-fois-plus-de-seniors-que-de-jeunes/">
2155                                            
2156    <picture>
2157    <source srcset="https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2158                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2159                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2160                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2161                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2162                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2163
2164                sizes="((max-width: 50px)) 50px,
2165                ((min-width: 50px) and (max-width: 100px)) 100px,
2166                ((min-width: 100px) and (max-width: 300px)) 300px,
2167                ((min-width: 300px) and (max-width: 500px)) 500px,
2168                ((min-width: 500px) and (max-width: 700px)) 700px,
2169                (min-width: 700px) 1000px"
2170
2171                type="image/avif">
2172    <source srcset="https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2173                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2174                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2175                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2176                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2177                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2178
2179                sizes="((max-width: 50px)) 50px,
2180                ((min-width: 50px) and (max-width: 100px)) 100px,
2181                ((min-width: 100px) and (max-width: 300px)) 300px,
2182                ((min-width: 300px) and (max-width: 500px)) 500px,
2183                ((min-width: 500px) and (max-width: 700px)) 700px,
2184                (min-width: 700px) 1000px"
2185
2186                type="image/webp">
2187    <img loading="lazy" decoding="async"
2188
2189                srcset="https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2190                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2191                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2192                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2193                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2194                https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2195
2196                src="https://images.unsplash.com/photo-1508963493744-76fce69379c0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fHZpZXV4fGVufDB8fHx8MTc4MTA0NjcyMHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
2197
2198                sizes="((max-width: 50px)) 50px,
2199                ((min-width: 50px) and (max-width: 100px)) 100px,
2200                ((min-width: 100px) and (max-width: 300px)) 300px,
2201                ((min-width: 300px) and (max-width: 500px)) 500px,
2202                ((min-width: 500px) and (max-width: 700px)) 700px,
2203                (min-width: 700px) 1000px"
2204
2205                class="section-editors-choice-card-img h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
2206                alt="Choc démographique : quand vos communes compteront deux fois plus de seniors que de jeunes"
2207                >
2208    </picture>
2209                                        </a>
2210                                                                            </div>
2211                                    <div class="section-editors-choice-card-tags flex items-center gap-2 flex-wrap">
2212                                            <a aria-label="CITOYENNETÉ &amp; QUOTIDIEN" href="/tag/citoyennete-quotidien/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> CITOYENNETÉ &amp; QUOTIDIEN </a>
2213                                            <a aria-label="Santé publique" href="/tag/sante-publique/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> Santé publique </a>
2214                                            <a aria-label="Vision et Leadership" href="/tag/vision-et-leadership/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> Vision et Leadership </a>
2215                                    </div>
2216                                <a aria-label="Choc démographique : quand vos communes compteront deux fois plus de seniors que de jeunes" href="/choc-demographique-quand-vos-communes-compteront-deux-fois-plus-de-seniors-que-de-jeunes/">
2217                                    <h2 class="section-editors-choice-card-title font-heading text-white font-medium text-lg xs:text-xl hover:underline underline-offset-2"> Choc démographique : quand vos communes compteront deux fois plus de seniors que de jeunes </h2>
2218                                </a>
2219                            </div>
2220                            <div class="flex flex-col gap-4">
2221                                    <div class="flex items-center gap-2 ">
2222        <div class="post-meta-date flex items-center gap-2">
2223            <span class="text-[--gray] font-medium text-xs"><time datetime="09 juin 2026">09 juin 2026</time></span>
2224        </div>
2225        <div class="post-meta-sep text-xs text-[--gray]"> &bullet; </div>
2226        <div class="post-meta-read-time flex items-center gap-2">
2227            <span class="text-[--gray] font-medium text-xs">4 min</span>
2228        </div>
2229    </div>
2230    <div class="post-meta-authors text-[--gray] post-authors text-xs xs:text-sm font-medium">
2231        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2232    </div>
2233                            </div>
2234                        </div>
2235                        <div class="section-editors-choice-card flex flex-col justify-between gap-4 group">
2236                            <div class="flex flex-col gap-4">
2237                                    <div class="w-full aspect-[1.5] overflow-hidden rounded-sm relative">
2238                                        <a aria-label="Vos biodéchets valent de l&#x27;or : la rente du biogaz" href="/vos-biodechets-valent-de-lor-la-rente-du-biogaz/">
2239                                            
2240    <picture>
2241    <source srcset="https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2242                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2243                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2244                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2245                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2246                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2247
2248                sizes="((max-width: 50px)) 50px,
2249                ((min-width: 50px) and (max-width: 100px)) 100px,
2250                ((min-width: 100px) and (max-width: 300px)) 300px,
2251                ((min-width: 300px) and (max-width: 500px)) 500px,
2252                ((min-width: 500px) and (max-width: 700px)) 700px,
2253                (min-width: 700px) 1000px"
2254
2255                type="image/avif">
2256    <source srcset="https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2257                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2258                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2259                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2260                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2261                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2262
2263                sizes="((max-width: 50px)) 50px,
2264                ((min-width: 50px) and (max-width: 100px)) 100px,
2265                ((min-width: 100px) and (max-width: 300px)) 300px,
2266                ((min-width: 300px) and (max-width: 500px)) 500px,
2267                ((min-width: 500px) and (max-width: 700px)) 700px,
2268                (min-width: 700px) 1000px"
2269
2270                type="image/webp">
2271    <img loading="lazy" decoding="async"
2272
2273                srcset="https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2274                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2275                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2276                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2277                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2278                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2279
2280                src="https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
2281
2282                sizes="((max-width: 50px)) 50px,
2283                ((min-width: 50px) and (max-width: 100px)) 100px,
2284                ((min-width: 100px) and (max-width: 300px)) 300px,
2285                ((min-width: 300px) and (max-width: 500px)) 500px,
2286                ((min-width: 500px) and (max-width: 700px)) 700px,
2287                (min-width: 700px) 1000px"
2288
2289                class="section-editors-choice-card-img h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
2290                alt="Vos biodéchets valent de l&#x27;or : la rente du biogaz"
2291                >
2292    </picture>
2293                                        </a>
2294                                                                            </div>
2295                                    <div class="section-editors-choice-card-tags flex items-center gap-2 flex-wrap">
2296                                            <a aria-label="TRANSITION DURABLE" href="/tag/transition-durable/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> TRANSITION DURABLE </a>
2297                                            <a aria-label="Énergie" href="/tag/energ
2297ie/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> Énergie </a>
2298                                    </div>
2299                                <a aria-label="Vos biodéchets valent de l&#x27;or : la rente du biogaz" href="/vos-biodechets-valent-de-lor-la-rente-du-biogaz/">
2300                                    <h2 class="section-editors-choice-card-title font-heading text-white font-medium text-lg xs:text-xl hover:underline underline-offset-2"> Vos biodéchets valent de l&#x27;or : la rente du biogaz </h2>
2301                                </a>
2302                            </div>
2303                            <div class="flex flex-col gap-4">
2304                                    <div class="flex items-center gap-2 ">
2305        <div class="post-meta-date flex items-center gap-2">
2306            <span class="text-[--gray] font-medium text-xs"><time datetime="21 avr. 2026">21 avr. 2026</time></span>
2307        </div>
2308        <div class="post-meta-sep text-xs text-[--gray]"> &bullet; </div>
2309        <div class="post-meta-read-time flex items-center gap-2">
2310            <span class="text-[--gray] font-medium text-xs">4 min</span>
2311        </div>
2312    </div>
2313    <div class="post-meta-authors text-[--gray] post-authors text-xs xs:text-sm font-medium">
2314        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2315    </div>
2316                            </div>
2317                        </div>
2318                        <div class="section-editors-choice-card flex flex-col justify-between gap-4 group">
2319                            <div class="flex flex-col gap-4">
2320                                    <div class="w-full aspect-[1.5] overflow-hidden rounded-sm relative">
2321                                        <a aria-label="Leadership : Comment la méthode Lisnard redonne le pouvoir aux maires" href="/leadership-comment-la-methode-lisnard-redonne-le-pouvoir-aux-maires/">
2322                                            
2323    <picture>
2324    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/david_lisnard--1-.jpg 50w,
2325                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/david_lisnard--1-.jpg 100w,
2326                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/david_lisnard--1-.jpg 300w,
2327                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/david_lisnard--1-.jpg 500w,
2328                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/david_lisnard--1-.jpg 700w,
2329                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/avif/2026/06/david_lisnard--1-.jpg 1000w"
2330
2331                sizes="((max-width: 50px)) 50px,
2332                ((min-width: 50px) and (max-width: 100px)) 100px,
2333                ((min-width: 100px) and (max-width: 300px)) 300px,
2334                ((min-width: 300px) and (max-width: 500px)) 500px,
2335                ((min-width: 500px) and (max-width: 700px)) 700px,
2336                (min-width: 700px) 1000px"
2337
2338                type="image/avif">
2339    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/david_lisnard--1-.jpg 50w,
2340                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/david_lisnard--1-.jpg 100w,
2341                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/david_lisnard--1-.jpg 300w,
2342                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/david_lisnard--1-.jpg 500w,
2343                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/david_lisnard--1-.jpg 700w,
2344                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/webp/2026/06/david_lisnard--1-.jpg 1000w"
2345
2346                sizes="((max-width: 50px)) 50px,
2347                ((min-width: 50px) and (max-width: 100px)) 100px,
2348                ((min-width: 100px) and (max-width: 300px)) 300px,
2349                ((min-width: 300px) and (max-width: 500px)) 500px,
2350                ((min-width: 500px) and (max-width: 700px)) 700px,
2351                (min-width: 700px) 1000px"
2352
2353                type="image/webp">
2354    <img loading="lazy" decoding="async"
2355
2356                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/david_lisnard--1-.jpg 50w,
2357                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/david_lisnard--1-.jpg 100w,
2358                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/david_lisnard--1-.jpg 300w,
2359                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/david_lisnard--1-.jpg 500w,
2360                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/david_lisnard--1-.jpg 700w,
2361                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/david_lisnard--1-.jpg 1000w"
2362
2363                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/david_lisnard--1-.jpg"
2364
2365                sizes="((max-width: 50px)) 50px,
2366                ((min-width: 50px) and (max-width: 100px)) 100px,
2367                ((min-width: 100px) and (max-width: 300px)) 300px,
2368                ((min-width: 300px) and (max-width: 500px)) 500px,
2369                ((min-width: 500px) and (max-width: 700px)) 700px,
2370                (min-width: 700px) 1000px"
2371
2372                class="section-editors-choice-card-img h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
2373                alt="Leadership : Comment la méthode Lisnard redonne le pouvoir aux maires"
2374                >
2375    </picture>
2376                                        </a>
2377                                                                            </div>
2378                                    <div class="section-editors-choice-card-tags flex items-center gap-2 flex-wrap">
2379                                            <a aria-label="STRATÉGIE TERRITORIALE" href="/tag/strategie-territoriale/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> STRATÉGIE TERRITORIALE </a>
2380                                            <a aria-label="Vision et Leadership" href="/tag/vision-et-leadership/" class="text-xs text-[--gray] font-medium border-[--gray] hover:text-[--white] hover:border-color-[--light-border-hover] border px-1.5 py-0.5 w-min rounded-sm text-nowrap"> Vision et Leadership </a>
2381                                    </div>
2382                                <a aria-label="Leadership : Comment la méthode Lisnard redonne le pouvoir aux maires" href="/leadership-comment-la-methode-lisnard-redonne-le-pouvoir-aux-maires/">
2383                                    <h2 class="section-editors-choice-card-title font-heading text-white font-medium text-lg xs:text-xl hover:underline underline-offset-2"> Leadership : Comment la méthode Lisnard redonne le pouvoir aux maires </h2>
2384                                </a>
2385                            </div>
2386                            <div class="flex flex-col gap-4">
2387                                    <div class="flex items-center gap-2 ">
2388        <div class="post-meta-date flex items-center gap-2">
2389            <span class="text-[--gray] font-medium text-xs"><time datetime="05 mars 2026">05 mars 2026</time></span>
2390        </div>
2391        <div class="post-meta-sep text-xs text-[--gray]"> &bullet; </div>
2392        <div class="post-meta-read-time flex items-center gap-2">
2393            <span class="text-[--gray] font-medium text-xs">4 min</span>
2394        </div>
2395    </div>
2396    <div class="post-meta-authors text-[--gray] post-authors text-xs xs:text-sm font-medium">
2397        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2398    </div>
2399                            </div>
2400                        </div>
2401                </div>
2402            </div>
2403        </section>
2404            
2405    <section class="home-tag-1-3 py-10 xs:py-12 md:py-16 tag-section-transition-durable">
2406    <div class="wrapper flex flex-col gap-6">
2407        <div class="flex items-center justify-between gap-4">
2408            <h1 class="home-tag-name font-heading text-[--text-primary] text-2xl xs:text-3xl lg:text-4xl font-medium leading-normal"> TRANSITION DURABLE </h1>
2409            <a aria-label="TRANSITION DURABLE" href="/tag/transition-durable/" class="flex items-center gap-2 group">
2410                <span class="text-[--text-primary] text-sm font-medium"> Lire tout TRANSITION DURABLE </span>
2411                <img src="https://www.maireinfluence.fr/assets/img/arrow-next.svg?v=i1DioEBsixvkZ2CV" alt="arrow" aria-hidden="true" class="size-5 transition-transform group-hover:translate-x-1 filter-theme" />
2412            </a>
2413        </div>
2414        <div class="bg-[--border-color] h-px w-full"></div>
2415        <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 xs:gap-5 md:gap-8">
2416                    <div class="home-tag-card flex flex-col gap-4 group">
2417                        <div class="flex flex-col gap-4">
2418                                <div class="w-full h-auto lg:h-[26.33rem] aspect-[1.5] lg:aspect-auto overflow-hidden rounded-sm relative">
2419                                    <a aria-label="Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat" href="/face-au-mur-thermique-quand-lombre-devient-le-nouveau-service-public-de-votre-mandat/">
2420                                        
2421    <picture>
2422    <source srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2423                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2424                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2425                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2426                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2427                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
2428                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
2429
2430                sizes="((max-width: 50px)) 50px,
2431                ((min-width: 50px) and (max-width: 100px)) 100px,
2432                ((min-width: 100px) and (max-width: 300px)) 300px,
2433                ((min-width: 300px) and (max-width: 500px)) 500px,
2434                ((min-width: 500px) and (max-width: 700px)) 700px,
2435                ((min-width: 700px) and (max-width: 1000px)) 1000px,
2436                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
2437                (min-width: 2000px) 2000px"
2438
2439                type="image/avif">
2440    <source srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2441                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2442                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2443                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2444                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2445                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
2446                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
2447
2448                sizes="((max-width: 50px)) 50px,
2449                ((min-width: 50px) and (max-width: 100px)) 100px,
2450                ((min-width: 100px) and (max-width: 300px)) 300px,
2451                ((min-width: 300px) and (max-width: 500px)) 500px,
2452                ((min-width: 500px) and (max-width: 700px)) 700px,
2453                ((min-width: 700px) and (max-width: 1000px)) 1000px,
2454                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
2455                (min-width: 2000px) 2000px"
2456
2457                type="image/webp">
2458    <img loading="lazy" decoding="async"
2459
2460                srcset="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2461                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2462                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2463                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2464                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2465                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
2466                https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
2467
2468                src="https://images.unsplash.com/photo-1566589697126-fe6c518cb452?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fGNhbmljdWxlJTIwfGVufDB8fHx8MTc4MTAzODQ5OHww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000"
2469
2470                sizes="((max-width: 50px)) 50px,
2471                ((min-width: 50px) and (max-width: 100px)) 100px,
2472                ((min-width: 100px) and (max-width: 300px)) 300px,
2473                ((min-width: 300px) and (max-width: 500px)) 500px,
2474                ((min-width: 500px) and (max-width: 700px)) 700px,
2475                ((min-width: 700px) and (max-width: 1000px)) 1000px,
2476                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
2477                (min-width: 2000px) 2000px"
2478
2479                class="home-tag-card-img h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xxl"
2480                alt="Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat"
2481                >
2482    </picture>
2483                                    </a>
2484
2485                                            <div title="Featured" class="left-1  aspect-square rounded-sm flex items-center justify-center cursor-pointer absolute top-1 h-6 bg-black/50 backdrop-blur-lg right-1 ">
2486            <img src="https://www.maireinfluence.fr/assets/img/featured.svg?v=lnWmkRnzxy1rCK9j" alt="featured" class="filter-white h-4" width="24" height="24"/>
2487        </div>
2488                                </div>
2489                                <div class="home-tag-card-tags flex items-center gap-2 flex-wrap">
2490                                        <a aria-label="TRANSITION DURABLE" aria-label="TRANSITION DURABLE" href="/tag/transition-durable/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> TRANSITION DURABLE </a>
2491                                        <a aria-label="Transition Écologique" aria-label="Transition Écologique" href="/tag/transition-ecologique/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Transition Écologique </a>
2492                                        <a aria-label="Urbanisme" aria-label="Urbanisme" href="/tag/urbanisme/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Urbanisme </a>
2493                                        <a aria-label="Aménagement" aria-label="Aménagement" href="/tag/amenagement/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Aménagement </a>
2494                                </div>
2495                            <a aria-label="Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat" href="/face-au-mur-thermique-quand-lombre-devient-le-nouveau-service-public-de-votre-mandat/" class="flex flex-col gap-4">
2496                                <h2 class="home-tag-card-title font-heading text-[--text-primary] font-medium text-base xs:text-2xl lg:text-3xl lg:line-clamp-2 hover:underline underline-offset-2"> Face au mur thermique : quand l&#x27;ombre devient le nouveau service public de votre mandat </h2>
2497                                <p class="home-tag-card-excerpt text-sm xs:text-base font-medium text-[--text-secondary]"> La France se prépare à une hausse des températures implacable d&#39;ici 2100. Face à des pics de chaleur appelés à se multiplier, la simple débitumisation cosmétique montre ses limites. L’ombre passe du statut d&#39;aménagement de confort à celui de ressource vitale. La fraîcheur urbaine s& </p>
2498                            </a>
2499                        </div>
2500                        <div class="home-tag-card-meta flex flex-col gap-4">
2501                                <div class="flex items-center gap-2 ">
2502        <div class="post-meta-date flex items-center gap-2">
2503            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="12 juin 2026">12 juin 2026</time></span>
2504        </div>
2505        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
2506        <div class="post-meta-read-time flex items-center gap-2">
2507            <span class="text-[--text-secondary] font-medium text-xs">3 min</span>
2508        </div>
2509    </div>
2510    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
2511        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2512    </div>
2513                        </div>
2514                    </div>
2515            <div class="border-t border-l-0 lg:border-t-0 lg:border-l border-[--border-color] pt-10 xs:pt-5 lg:pl-8 md:pt-8 lg:pt-0 flex flex-col gap-10 xs:gap-5 md:gap-8">
2516                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
2517                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
2518                                    <a aria-label="Ingénierie de l&#x27;Autoconsommation Collective" href="/ingenierie-de-lautoconsommation-collective/">
2519                                        
2520    <picture>
2521    <source srcset="https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2522                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2523                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2524                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2525                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2526                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2527
2528                sizes="((max-width: 50px)) 50px,
2529                ((min-width: 50px) and (max-width: 100px)) 100px,
2530                ((min-width: 100px) and (max-width: 300px)) 300px,
2531                ((min-width: 300px) and (max-width: 500px)) 500px,
2532                ((min-width: 500px) and (max-width: 700px)) 700px,
2533                (min-width: 700px) 1000px"
2534
2535                type="image/avif">
2536    <source srcset="https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2537                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2538                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2539                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2540                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2541                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2542
2543                sizes="((max-width: 50px)) 50px,
2544                ((min-width: 50px) and (max-width: 100px)) 100px,
2545                ((min-width: 100px) and (max-width: 300px)) 300px,
2546                ((min-width: 300px) and (max-width: 500px)) 500px,
2547                ((min-width: 500px) and (max-width: 700px)) 700px,
2548                (min-width: 700px) 1000px"
2549
2550                type="image/webp">
2551    <img loading="lazy" decoding="async"
2552
2553                srcset="https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2554                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2555                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2556                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2557                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2558                https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2559
2560                src="https://images.unsplash.com/photo-1660330589257-813305a4a383?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxwYW5uZWF1JTIwc29sYWlyZXxlbnwwfHx8fDE3ODQ4MjE4MDV8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
2561
2562                sizes="((max-width: 50px)) 50px,
2563                ((min-width: 50px) and (max-width: 100px)) 100px,
2564                ((min-width: 100px) and (max-width: 300px)) 300px,
2565                ((min-width: 300px) and (max-width: 500px)) 500px,
2566                ((min-width: 500px) and (max-width: 700px)) 700px,
2567                (min-width: 700px) 1000px"
2568
2569                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
2570                alt="Ingénierie de l&#x27;Autoconsommation Collective"
2571                >
2572    </picture>
2573                                    </a>
2574
2575                                                                    </div>
2576                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
2577                                <div class="flex flex-col gap-4 xs:gap-2">
2578                                    <div class="flex items-center gap-2 flex-wrap">
2579                                            <a aria-label="TRANSITION DURABLE" href="/tag/transition-durable/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> TRANSITION DURABLE </a>
2580                                            <a aria-label="Énergie" href="/tag/energ
2580ie/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Énergie </a>
2581                                    </div>
2582                                    <a aria-label="Ingénierie de l&#x27;Autoconsommation Collective" href="/ingenierie-de-lautoconsommation-collective/" class="flex flex-col gap-4 xs:gap-2">
2583                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> Ingénierie de l&#x27;Autoconsommation Collective </h2>
2584                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> Le &quot;Y’a qu’à, faut qu’on&quot; ne suffit pas pour monter une boucle d’Autoconsommation Collective (ACC). Transformer vos toitures en actifs financiers rentables demande une ingénierie de précision. Entre le montage juridique de la PMO, l&#39;arbitrage financier et l&#39;optimisation fiscale du </p>
2585                                    </a>
2586                                </div>
2587                                <div class="flex flex-col gap-4 xs:gap-2">
2588                                        <div class="flex items-center gap-2 ">
2589        <div class="post-meta-date flex items-center gap-2">
2590            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="22 avr. 2026">22 avr. 2026</time></span>
2591        </div>
2592        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
2593        <div class="post-meta-read-time flex items-center gap-2">
2594            <span class="text-[--text-secondary] font-medium text-xs">2 min</span>
2595        </div>
2596    </div>
2597    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
2598        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2599    </div>
2600                                </div>
2601                            </div>
2602                        </div>
2603                            <div class="h-px bg-[--border-color] w-full"></div>
2604                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
2605                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
2606                                    <a aria-label="Vos biodéchets valent de l&#x27;or : la rente du biogaz" href="/vos-biodechets-valent-de-lor-la-rente-du-biogaz/">
2607                                        
2608    <picture>
2609    <source srcset="https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2610                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2611                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2612                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2613                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2614                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2615
2616                sizes="((max-width: 50px)) 50px,
2617                ((min-width: 50px) and (max-width: 100px)) 100px,
2618                ((min-width: 100px) and (max-width: 300px)) 300px,
2619                ((min-width: 300px) and (max-width: 500px)) 500px,
2620                ((min-width: 500px) and (max-width: 700px)) 700px,
2621                (min-width: 700px) 1000px"
2622
2623                type="image/avif">
2624    <source srcset="https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2625                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2626                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2627                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2628                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2629                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2630
2631                sizes="((max-width: 50px)) 50px,
2632                ((min-width: 50px) and (max-width: 100px)) 100px,
2633                ((min-width: 100px) and (max-width: 300px)) 300px,
2634                ((min-width: 300px) and (max-width: 500px)) 500px,
2635                ((min-width: 500px) and (max-width: 700px)) 700px,
2636                (min-width: 700px) 1000px"
2637
2638                type="image/webp">
2639    <img loading="lazy" decoding="async"
2640
2641                srcset="https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2642                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2643                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2644                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2645                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2646                https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2647
2648                src="https://images.unsplash.com/photo-1614272527834-e95f090a34c5?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDExfHxkJUMzJUE5Y2hldHMlMjBiaW98ZW58MHx8fHwxNzgwNTM2MjY0fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
2649
2650                sizes="((max-width: 50px)) 50px,
2651                ((min-width: 50px) and (max-width: 100px)) 100px,
2652                ((min-width: 100px) and (max-width: 300px)) 300px,
2653                ((min-width: 300px) and (max-width: 500px)) 500px,
2654                ((min-width: 500px) and (max-width: 700px)) 700px,
2655                (min-width: 700px) 1000px"
2656
2657                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
2658                alt="Vos biodéchets valent de l&#x27;or : la rente du biogaz"
2659                >
2660    </picture>
2661                                    </a>
2662
2663                                                                    </div>
2664                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
2665                                <div class="flex flex-col gap-4 xs:gap-2">
2666                                    <div class="flex items-center gap-2 flex-wrap">
2667                                            <a aria-label="TRANSITION DURABLE" href="/tag/transition-durable/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> TRANSITION DURABLE </a>
2668                                            <a aria-label="Énergie" href="/tag/energ
2668ie/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Énergie </a>
2669                                    </div>
2670                                    <a aria-label="Vos biodéchets valent de l&#x27;or : la rente du biogaz" href="/vos-biodechets-valent-de-lor-la-rente-du-biogaz/" class="flex flex-col gap-4 xs:gap-2">
2671                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> Vos biodéchets valent de l&#x27;or : la rente du biogaz </h2>
2672                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> Le tri à la source des biodéchets est devenu une obligation légale pour toutes les collectivités. Pour la majorité des élus, cette échéance a été vécue comme un couperet : une contrainte logistique lourde, de nouveaux bacs marron à gérer et un coût supplémentaire pour le contribuable. C’est une erreur </p>
2673                                    </a>
2674                                </div>
2675                                <div class="flex flex-col gap-4 xs:gap-2">
2676                                        <div class="flex items-center gap-2 ">
2677        <div class="post-meta-date flex items-center gap-2">
2678            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="21 avr. 2026">21 avr. 2026</time></span>
2679        </div>
2680        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
2681        <div class="post-meta-read-time flex items-center gap-2">
2682            <span class="text-[--text-secondary] font-medium text-xs">4 min</span>
2683        </div>
2684    </div>
2685    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
2686        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2687    </div>
2688                                </div>
2689                            </div>
2690                        </div>
2691                            <div class="h-px bg-[--border-color] w-full"></div>
2692                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
2693                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
2694                                    <a aria-label="L&#x27;autoconsommation : reprenez le contrôle du compteur" href="/lautoconsommation-reprenez-le-controle-du-compteur/">
2695                                        
2696    <picture>
2697    <source srcset="https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2698                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2699                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2700                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2701                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2702                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2703
2704                sizes="((max-width: 50px)) 50px,
2705                ((min-width: 50px) and (max-width: 100px)) 100px,
2706                ((min-width: 100px) and (max-width: 300px)) 300px,
2707                ((min-width: 300px) and (max-width: 500px)) 500px,
2708                ((min-width: 500px) and (max-width: 700px)) 700px,
2709                (min-width: 700px) 1000px"
2710
2711                type="image/avif">
2712    <source srcset="https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2713                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2714                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2715                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2716                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2717                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2718
2719                sizes="((max-width: 50px)) 50px,
2720                ((min-width: 50px) and (max-width: 100px)) 100px,
2721                ((min-width: 100px) and (max-width: 300px)) 300px,
2722                ((min-width: 300px) and (max-width: 500px)) 500px,
2723                ((min-width: 500px) and (max-width: 700px)) 700px,
2724                (min-width: 700px) 1000px"
2725
2726                type="image/webp">
2727    <img loading="lazy" decoding="async"
2728
2729                srcset="https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2730                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2731                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
2732                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
2733                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
2734                https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
2735
2736                src="https://images.unsplash.com/photo-1613665813446-82a78c468a1d?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDN8fHNvbGFpcmV8ZW58MHx8fHwxNzgwNTM0NDYxfDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
2737
2738                sizes="((max-width: 50px)) 50px,
2739                ((min-width: 50px) and (max-width: 100px)) 100px,
2740                ((min-width: 100px) and (max-width: 300px)) 300px,
2741                ((min-width: 300px) and (max-width: 500px)) 500px,
2742                ((min-width: 500px) and (max-width: 700px)) 700px,
2743                (min-width: 700px) 1000px"
2744
2745                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
2746                alt="L&#x27;autoconsommation : reprenez le contrôle du compteur"
2747                >
2748    </picture>
2749                                    </a>
2750
2751                                                                    </div>
2752                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
2753                                <div class="flex flex-col gap-4 xs:gap-2">
2754                                    <div class="flex items-center gap-2 flex-wrap">
2755                                            <a aria-label="TRANSITION DURABLE" href="/tag/transition-durable/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> TRANSITION DURABLE </a>
2756                                            <a aria-label="Énergie" href="/tag/energ
2756ie/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Énergie </a>
2757                                    </div>
2758                                    <a aria-label="L&#x27;autoconsommation : reprenez le contrôle du compteur" href="/lautoconsommation-reprenez-le-controle-du-compteur/" class="flex flex-col gap-4 xs:gap-2">
2759                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> L&#x27;autoconsommation : reprenez le contrôle du compteur </h2>
2760                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> La crise énergétique de 2022-2023 a agi comme un électrochoc violent. Voir sa facture d’électricité multipliée par quatre sans pouvoir agir a traumatisé plus d’un maire et déséquilibré durablement les budgets. La leçon est claire : la dépendance au réseau national est devenue un risque financier systémique. 
2761
2762La </p>
2763                                    </a>
2764                                </div>
2765                                <div class="flex flex-col gap-4 xs:gap-2">
2766                                        <div class="flex items-center gap-2 ">
2767        <div class="post-meta-date flex items-center gap-2">
2768            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="20 avr. 2026">20 avr. 2026</time></span>
2769        </div>
2770        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
2771        <div class="post-meta-read-time flex items-center gap-2">
2772            <span class="text-[--text-secondary] font-medium text-xs">2 min</span>
2773        </div>
2774    </div>
2775    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
2776        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
2777    </div>
2778                                </div>
2779                            </div>
2780                        </div>
2781            </div>
2782        </div>
2783    </div>
2784</section>
2785                        <section class="section-home-tags py-10 xs:py-12 md:py-16">
2786            <div class="wrapper flex flex-col gap-6">
2787                <h1 class="section-home-tags-title font-heading text-[--text-primary] text-2xl xs:text-3xl lg:text-4xl font-medium leading-normal"> Principales catégories </h1>
2788                <div class="grid grid-cols-1 xs:grid-cols-2 lg:grid-cols-4 gap-
27885 md:gap-8">
2789                        <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/"  class="section-home-tags-card border border-[--border-color] bg-[--bg-color-secondary] hover:border-[--text-primary] flex flex-col justify-between gap-4 p-6 rounded-sm group">
2790                            <div class="flex flex-col gap-2">
2791                                <h2 class="section-home-tags-card-name font-heading text-[--text-primary] font-medium text-xl xs:text-2xl"> PILOTAGE &amp; FINANCES </h2>
2792                                    <p class="section-home-tags-card-desc mt-8 text-[--text-secondary] font-medium text-sm line-clamp-4 "> Optimisez la gestion de votre collectivité : marchés publics, ressources humaines, finances locales, juridique et cybersécurité de la DSI. </p>
2793                            </div>
2794                            <div class="flex flex-col gap-2">
2795                                    
2796    <picture>
2797    <source srcset="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2798                https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2799                https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2800
2801                sizes="((max-width: 50px)) 50px,
2802                ((min-width: 50px) and (max-width: 100px)) 100px,
2803                (min-width: 100px) 300px"
2804
2805                type="image/avif">
2806    <source srcset="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2807                https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2808                https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2809
2810                sizes="((max-width: 50px)) 50px,
2811                ((min-width: 50px) and (max-width: 100px)) 100px,
2812                (min-width: 100px) 300px"
2813
2814                type="image/webp">
2815    <img loading="lazy" decoding="async"
2816
2817                srcset="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2818                https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2819                https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2820
2821                src="https://images.unsplash.com/photo-1542744173-8e7e53415bb0?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDF8fG1hbmFnZW1lbnR8ZW58MHx8fHwxNzgzMTY4OTk5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300"
2822
2823                sizes="((max-width: 50px)) 50px,
2824                ((min-width: 50px) and (max-width: 100px)) 100px,
2825                (min-width: 100px) 300px"
2826
2827                class="section-home-tags-card-img mt-4 size-24 rounded-full object-cover object-center feature-image size-s"
2828                alt=""
2829                >
2830    </picture>
2831                                <div class="mt-4 flex items-center gap-2">
2832                                    <span class="text-[--text-primary] text-sm font-medium">11 articles</span>
2833                                    <img src="https://www.maireinfluence.fr/assets/img/redirect.svg?v=9X747ejv-Rz05n9T" alt="redirect-icon" aria-hidden="true" class="filter-theme size-5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
2834                                </div>
2835                            </div>
2836                        </a>
2837                        <a aria-label="STRATÉGIE TERRITORIALE" href="/tag/strategie-territoriale/"  class="section-home-tags-card border border-[--border-color] bg-[--bg-color-secondary] hover:border-[--text-primary] flex flex-col justify-between gap-4 p-6 rounded-sm group">
2838                            <div class="flex flex-col gap-2">
2839                                <h2 class="section-home-tags-card-name font-heading text-[--text-primary] font-medium text-xl xs:text-2xl"> STRATÉGIE TERRITORIALE </h2>
2840                                    <p class="section-home-tags-card-desc mt-8 text-[--text-secondary] font-medium text-sm line-clamp-4 "> Aménagement, foncier, développement économique et sécurité : les clés du leadership territorial et de la communication publique pour les élus. </p>
2841                            </div>
2842                            <div class="flex flex-col gap-2">
2843                                    
2844    <picture>
2845    <source srcset="https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2846                https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2847                https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2848
2849                sizes="((max-width: 50px)) 50px,
2850                ((min-width: 50px) and (max-width: 100px)) 100px,
2851                (min-width: 100px) 300px"
2852
2853                type="image/avif">
2854    <source srcset="https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2855                https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2856                https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2857
2858                sizes="((max-width: 50px)) 50px,
2859                ((min-width: 50px) and (max-width: 100px)) 100px,
2860                (min-width: 100px) 300px"
2861
2862                type="image/webp">
2863    <img loading="lazy" decoding="async"
2864
2865                srcset="https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2866                https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2867                https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2868
2869                src="https://images.unsplash.com/photo-1453728013993-6d66e9c9123a?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDE1fHxzdHJhdCVDMyVBOWdpZXxlbnwwfHx8fDE3ODMxNjkwNzh8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300"
2870
2871                sizes="((max-width: 50px)) 50px,
2872                ((min-width: 50px) and (max-width: 100px)) 100px,
2873                (min-width: 100px) 300px"
2874
2875                class="section-home-tags-card-img mt-4 size-24 rounded-full object-cover object-center feature-image size-s"
2876                alt=""
2877                >
2878    </picture>
2879                                <div class="mt-4 flex items-center gap-2">
2880                                    <span class="text-[--text-primary] text-sm font-medium">10 articles</span>
2881                                    <img src="https://www.maireinfluence.fr/assets/img/redirect.svg?v=9X747ejv-Rz05n9T" alt="redirect-icon" aria-hidden="true" class="filter-theme size-5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
2882                                </div>
2883                            </div>
2884                        </a>
2885                        <a aria-label="TRANSITION DURABLE" href="/tag/transition-durable/"  class="section-home-tags-card border border-[--border-color] bg-[--bg-color-secondary] hover:border-[--text-primary] flex flex-col justify-between gap-4 p-6 rounded-sm group">
2886                            <div class="flex flex-col gap-2">
2887                                <h2 class="section-home-tags-card-name font-heading text-[--text-primary] font-medium text-xl xs:text-2xl"> TRANSITION DURABLE </h2>
2888                                    <p class="section-home-tags-card-desc mt-8 text-[--text-secondary] font-medium text-sm line-clamp-4 "> Solutions concrètes de transition écologique pour les territoires : eau, déchets, énergies renouvelables et mobilités douces. </p>
2889                            </div>
2890                            <div class="flex flex-col gap-2">
2891                                    
2892    <picture>
2893    <source srcset="https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2894                https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2895                https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2896
2897                sizes="((max-width: 50px)) 50px,
2898                ((min-width: 50px) and (max-width: 100px)) 100px,
2899                (min-width: 100px) 300px"
2900
2901                type="image/avif">
2902    <source srcset="https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2903                https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2904                https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2905
2906                sizes="((max-width: 50px)) 50px,
2907                ((min-width: 50px) and (max-width: 100px)) 100px,
2908                (min-width: 100px) 300px"
2909
2910                type="image/webp">
2911    <img loading="lazy" decoding="async"
2912
2913                srcset="https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2914                https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2915                https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2916
2917                src="https://images.unsplash.com/photo-1633421878789-30435a5f7ea8?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDYyfHxjbGltYXR8ZW58MHx8fHwxNzgzMTY5MTY5fDA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300"
2918
2919                sizes="((max-width: 50px)) 50px,
2920                ((min-width: 50px) and (max-width: 100px)) 100px,
2921                (min-width: 100px) 300px"
2922
2923                class="section-home-tags-card-img mt-4 size-24 rounded-full object-cover object-center feature-image size-s"
2924                alt=""
2925                >
2926    </picture>
2927                                <div class="mt-4 flex items-center gap-2">
2928                                    <span class="text-[--text-primary] text-sm font-medium">6 articles</span>
2929                                    <img src="https://www.maireinfluence.fr/assets/img/redirect.svg?v=9X747ejv-Rz05n9T" alt="redirect-icon" aria-hidden="true" class="filter-theme size-5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
2930                                </div>
2931                            </div>
2932                        </a>
2933                        <a aria-label="Vision et Leadership" href="/tag/vision-et-leadership/"  class="section-home-tags-card border border-[--border-color] bg-[--bg-color-secondary] hover:border-[--text-primary] flex flex-col justify-between gap-4 p-6 rounded-sm group">
2934                            <div class="flex flex-col gap-2">
2935                                <h2 class="section-home-tags-card-name font-heading text-[--text-primary] font-medium text-xl xs:text-2xl"> Vision et Leadership </h2>
2936                                    <p class="section-home-tags-card-desc mt-8 text-[--text-secondary] font-medium text-sm line-clamp-4 "> L&#x27;art de piloter la cité : postures d&#x27;élus, conduite du changement, gouvernance politique et stratégies de mandat au service de l&#x27;intérêt général. </p>
2937                            </div>
2938                            <div class="flex flex-col gap-2">
2939                                    
2940    <picture>
2941    <source srcset="https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2942                https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2943                https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2944
2945                sizes="((max-width: 50px)) 50px,
2946                ((min-width: 50px) and (max-width: 100px)) 100px,
2947                (min-width: 100px) 300px"
2948
2949                type="image/avif">
2950    <source srcset="https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2951                https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2952                https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2953
2954                sizes="((max-width: 50px)) 50px,
2955                ((min-width: 50px) and (max-width: 100px)) 100px,
2956                (min-width: 100px) 300px"
2957
2958                type="image/webp">
2959    <img loading="lazy" decoding="async"
2960
2961                srcset="https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
2962                https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
2963                https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w"
2964
2965                src="https://images.unsplash.com/photo-1427348693976-99e4aca06bb9?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDR8fHZpc2lvbnxlbnwwfHx8fDE3ODQ4MTYwMTF8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300"
2966
2967                sizes="((max-width: 50px)) 50px,
2968                ((min-width: 50px) and (max-width: 100px)) 100px,
2969                (min-width: 100px) 300px"
2970
2971                class="section-home-tags-card-img mt-4 size-24 rounded-full object-cover object-center feature-image size-s"
2972                alt=""
2973                >
2974    </picture>
2975                                <div class="mt-4 flex items-center gap-2">
2976                                    <span class="text-[--text-primary] text-sm font-medium">5 articles</span>
2977                                    <img src="https://www.maireinfluence.fr/assets/img/redirect.svg?v=9X747ejv-Rz05n9T" alt="redirect-icon" aria-hidden="true" class="filter-theme size-5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
2978                                </div>
2979                            </div>
2980                        </a>
2981                </div>
2982            </div>
2983        </section>
2984            
2985    <section class="home-tag-1-3 py-10 xs:py-12 md:py-16 tag-section-securite">
2986    <div class="wrapper flex flex-col gap-6">
2987        <div class="flex items-center justify-between gap-4">
2988            <h1 class="home-tag-name font-heading text-[--text-primary] text-2xl xs:text-3xl lg:text-4xl font-medium leading-normal"> Sécurité </h1>
2989            <a aria-label="Sécurité" href="/tag/securite/" class="flex items-center gap-2 group">
2990                <span class="text-[--text-primary] text-sm font-medium"> Lire tout Sécurité </span>
2991                <img src="https://www.maireinfluence.fr/assets/img/arrow-next.svg?v=i1DioEBsixvkZ2CV" alt="arrow" aria-hidden="true" class="size-5 transition-transform group-hover:translate-x-1 filter-theme" />
2992            </a>
2993        </div>
2994        <div class="bg-[--border-color] h-px w-full"></div>
2995        <div class="grid grid-cols-1 lg:grid-cols-2 gap-10 xs:gap-5 md:gap-8">
2996                    <div class="home-tag-card flex flex-col gap-4 group">
2997                        <div class="flex flex-col gap-4">
2998                                <div class="w-full h-auto lg:h-[26.33rem] aspect-[1.5] lg:aspect-auto overflow-hidden rounded-sm relative">
2999                                    <a aria-label="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active" href="/videoprotection-passer-de-loeil-passif-a-lintelligence-active/">
3000                                        
3001    <picture>
3002    <source srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
3003                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
3004                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
3005                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
3006                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
3007                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
3008                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
3009
3010                sizes="((max-width: 50px)) 50px,
3011                ((min-width: 50px) and (max-width: 100px)) 100px,
3012                ((min-width: 100px) and (max-width: 300px)) 300px,
3013                ((min-width: 300px) and (max-width: 500px)) 500px,
3014                ((min-width: 500px) and (max-width: 700px)) 700px,
3015                ((min-width: 700px) and (max-width: 1000px)) 1000px,
3016                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
3017                (min-width: 2000px) 2000px"
3018
3019                type="image/avif">
3020    <source srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
3021                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
3022                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
3023                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
3024                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
3025                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
3026                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
3027
3028                sizes="((max-width: 50px)) 50px,
3029                ((min-width: 50px) and (max-width: 100px)) 100px,
3030                ((min-width: 100px) and (max-width: 300px)) 300px,
3031                ((min-width: 300px) and (max-width: 500px)) 500px,
3032                ((min-width: 500px) and (max-width: 700px)) 700px,
3033                ((min-width: 700px) and (max-width: 1000px)) 1000px,
3034                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
3035                (min-width: 2000px) 2000px"
3036
3037                type="image/webp">
3038    <img loading="lazy" decoding="async"
3039
3040                srcset="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
3041                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
3042                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
3043                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
3044                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
3045                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w,
3046                https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000 2000w"
3047
3048                src="https://images.unsplash.com/photo-1528312635006-8ea0bc49ec63?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDJ8fHZpZGVvJTIwc3VydmVpbGxhbmNlfGVufDB8fHx8MTc4MDU3NDYwMXww&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;2000"
3049
3050                sizes="((max-width: 50px)) 50px,
3051                ((min-width: 50px) and (max-width: 100px)) 100px,
3052                ((min-width: 100px) and (max-width: 300px)) 300px,
3053                ((min-width: 300px) and (max-width: 500px)) 500px,
3054                ((min-width: 500px) and (max-width: 700px)) 700px,
3055                ((min-width: 700px) and (max-width: 1000px)) 1000px,
3056                ((min-width: 1000px) and (max-width: 2000px)) 2000px,
3057                (min-width: 2000px) 2000px"
3058
3059                class="home-tag-card-img h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xxl"
3060                alt="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active"
3061                >
3062    </picture>
3063                                    </a>
3064
3065                                                                    </div>
3066                                <div class="home-tag-card-tags flex items-center gap-2 flex-wrap">
3067                                        <a aria-label="STRATÉGIE TERRITORIALE" aria-label="STRATÉGIE TERRITORIALE" href="/tag/strategie-territoriale/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> STRATÉGIE TERRITORIALE </a>
3068                                        <a aria-label="Sécurité" aria-label="Sécurité" href="/tag/securite/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Sécurité </a>
3069                                        <a aria-label="Cybersécurité" aria-label="Cybersécurité" href="/tag/cybersecurite/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Cybersécurité </a>
3070                                        <a aria-label="Police Municipale" aria-label="Police Municipale" href="/tag/securite-police-municipale/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Police Municipale </a>
3071                                </div>
3072                            <a aria-label="Vidéoprotection : passer de l&#x27;œil passif à l&#x27;
3072intelligence active" href="/videoprotection-passer-de-loeil-passif-a-lintelligence-active/" class="flex flex-col gap-4">
3073                                <h2 class="home-tag-card-title font-heading text-[--text-primary] font-medium text-base xs:text-2xl lg:text-3xl lg:line-clamp-2 hover:underline underline-offset-2"> Vidéoprotection : passer de l&#x27;œil passif à l&#x27;intelligence active </h2>
3074                                <p class="home-tag-card-excerpt text-sm xs:text-base font-medium text-[--text-secondary]"> Investir des millions dans un parc de caméras pour filmer des écrans que personne ne regarde est un non-sens budgétaire. C’est le piège de la &quot;vidéo-constatation&quot; : utile pour l’enquête judiciaire après le crime, mais inefficace pour l’intervention pendant l’action. La révolution de </p>
3075                            </a>
3076                        </div>
3077                        <div class="home-tag-card-meta flex flex-col gap-4">
3078                                <div class="flex items-center gap-2 ">
3079        <div class="post-meta-date flex items-center gap-2">
3080            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="12 mai 2026">12 mai 2026</time></span>
3081        </div>
3082        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
3083        <div class="post-meta-read-time flex items-center gap-2">
3084            <span class="text-[--text-secondary] font-medium text-xs">3 min</span>
3085        </div>
3086    </div>
3087    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
3088        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
3089    </div>
3090                        </div>
3091                    </div>
3092            <div class="border-t border-l-0 lg:border-t-0 lg:border-l border-[--border-color] pt-10 xs:pt-5 lg:pl-8 md:pt-8 lg:pt-0 flex flex-col gap-10 xs:gap-5 md:gap-8">
3093                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
3094                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
3095                                    <a aria-label="Police municipale : gagner la &quot;guerre des talents&quot;" href="/police-municipale-gagner-la-guerre-des-talents/">
3096                                        
3097    <picture>
3098    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/Police-municipale_1200x630-1200x630.png 50w,
3099                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/Police-municipale_1200x630-1200x630.png 100w,
3100                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/Police-municipale_1200x630-1200x630.png 300w,
3101                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/Police-municipale_1200x630-1200x630.png 500w,
3102                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/Police-municipale_1200x630-1200x630.png 700w,
3103                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/avif/2026/06/Police-municipale_1200x630-1200x630.png 1000w"
3104
3105                sizes="((max-width: 50px)) 50px,
3106                ((min-width: 50px) and (max-width: 100px)) 100px,
3107                ((min-width: 100px) and (max-width: 300px)) 300px,
3108                ((min-width: 300px) and (max-width: 500px)) 500px,
3109                ((min-width: 500px) and (max-width: 700px)) 700px,
3110                (min-width: 700px) 1000px"
3111
3112                type="image/avif">
3113    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/Police-municipale_1200x630-1200x630.png 50w,
3114                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/Police-municipale_1200x630-1200x630.png 100w,
3115                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/Police-municipale_1200x630-1200x630.png 300w,
3116                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/Police-municipale_1200x630-1200x630.png 500w,
3117                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/Police-municipale_1200x630-1200x630.png 700w,
3118                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/webp/2026/06/Police-municipale_1200x630-1200x630.png 1000w"
3119
3120                sizes="((max-width: 50px)) 50px,
3121                ((min-width: 50px) and (max-width: 100px)) 100px,
3122                ((min-width: 100px) and (max-width: 300px)) 300px,
3123                ((min-width: 300px) and (max-width: 500px)) 500px,
3124                ((min-width: 500px) and (max-width: 700px)) 700px,
3125                (min-width: 700px) 1000px"
3126
3127                type="image/webp">
3128    <img loading="lazy" decoding="async"
3129
3130                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/Police-municipale_1200x630-1200x630.png 50w,
3131                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/Police-municipale_1200x630-1200x630.png 100w,
3132                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/Police-municipale_1200x630-1200x630.png 300w,
3133                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/Police-municipale_1200x630-1200x630.png 500w,
3134                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/Police-municipale_1200x630-1200x630.png 700w,
3135                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/Police-municipale_1200x630-1200x630.png 1000w"
3136
3137                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/Police-municipale_1200x630-1200x630.png"
3138
3139                sizes="((max-width: 50px)) 50px,
3140                ((min-width: 50px) and (max-width: 100px)) 100px,
3141                ((min-width: 100px) and (max-width: 300px)) 300px,
3142                ((min-width: 300px) and (max-width: 500px)) 500px,
3143                ((min-width: 500px) and (max-width: 700px)) 700px,
3144                (min-width: 700px) 1000px"
3145
3146                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
3147                alt="Police municipale : gagner la &quot;guerre des talents&quot;"
3148                >
3149    </picture>
3150                                    </a>
3151
3152                                                                    </div>
3153                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
3154                                <div class="flex flex-col gap-4 xs:gap-2">
3155                                    <div class="flex items-center gap-2 flex-wrap">
3156                                            <a aria-label="CITOYENNETÉ &amp; QUOTIDIEN" href="/tag/citoyennete-quotidien/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> CITOYENNETÉ &amp; QUOTIDIEN </a>
3157                                            <a aria-label="Police Municipale" href="/tag/securite-police-municipale/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Police Municipale </a>
3158                                            <a aria-label="Ressources Humaines" href="/tag/ressources-humaines
3158/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Ressources Humaines </a>
3159                                            <a aria-label="Sécurité" href="/tag/securite/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Sécurité </a>
3160                                            <a aria-label="Management" href="/tag/management/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Management </a>
3161                                    </div>
3162                                    <a aria-label="Police municipale : gagner la &quot;guerre des talents&quot;" href="/police-municipale-gagner-la-guerre-des-talents/" class="flex flex-col gap-4 xs:gap-2">
3163                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> Police municipale : gagner la &quot;guerre des talents&quot; </h2>
3164                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> Ne cherchez pas à acheter des mercenaires, recrutez des missionnaires.
3165
3166Il manque 4 000 policiers municipaux en France. Face à cette pénurie, la réaction naturelle est la surenchère financière. C’est un piège. Si un agent vient chez vous uniquement pour le salaire, il vous quittera demain pour 50 euros </p>
3167                                    </a>
3168                                </div>
3169                                <div class="flex flex-col gap-4 xs:gap-2">
3170                                        <div class="flex items-center gap-2 ">
3171        <div class="post-meta-date flex items-center gap-2">
3172            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="11 mai 2026">11 mai 2026</time></span>
3173        </div>
3174        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
3175        <div class="post-meta-read-time flex items-center gap-2">
3176            <span class="text-[--text-secondary] font-medium text-xs">2 min</span>
3177        </div>
3178    </div>
3179    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
3180        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
3181    </div>
3182                                </div>
3183                            </div>
3184                        </div>
3185                            <div class="h-px bg-[--border-color] w-full"></div>
3186                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
3187                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
3188                                    <a aria-label="L&#x27;écran noir : quand la mairie s&#x27;arrête de battre" href="/lecran-noir-quand-la-mairie-sarrete-de-battre/">
3189                                        
3190    <picture>
3191    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 50w,
3192                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 100w,
3193                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 300w,
3194                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 500w,
3195                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 700w,
3196                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/avif/2026/06/photo-1654588834398-f594db5164d3.jpeg 1000w"
3197
3198                sizes="((max-width: 50px)) 50px,
3199                ((min-width: 50px) and (max-width: 100px)) 100px,
3200                ((min-width: 100px) and (max-width: 300px)) 300px,
3201                ((min-width: 300px) and (max-width: 500px)) 500px,
3202                ((min-width: 500px) and (max-width: 700px)) 700px,
3203                (min-width: 700px) 1000px"
3204
3205                type="image/avif">
3206    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 50w,
3207                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 100w,
3208                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 300w,
3209                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 500w,
3210                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 700w,
3211                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/format/webp/2026/06/photo-1654588834398-f594db5164d3.jpeg 1000w"
3212
3213                sizes="((max-width: 50px)) 50px,
3214                ((min-width: 50px) and (max-width: 100px)) 100px,
3215                ((min-width: 100px) and (max-width: 300px)) 300px,
3216                ((min-width: 300px) and (max-width: 500px)) 500px,
3217                ((min-width: 500px) and (max-width: 700px)) 700px,
3218                (min-width: 700px) 1000px"
3219
3220                type="image/webp">
3221    <img loading="lazy" decoding="async"
3222
3223                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/photo-1654588834398-f594db5164d3.jpeg 50w,
3224                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/photo-1654588834398-f594db5164d3.jpeg 100w,
3225                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/photo-1654588834398-f594db5164d3.jpeg 300w,
3226                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w500/2026/06/photo-1654588834398-f594db5164d3.jpeg 500w,
3227                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w700/2026/06/photo-1654588834398-f594db5164d3.jpeg 700w,
3228                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/photo-1654588834398-f594db5164d3.jpeg 1000w"
3229
3230                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w1000/2026/06/photo-1654588834398-f594db5164d3.jpeg"
3231
3232                sizes="((max-width: 50px)) 50px,
3233                ((min-width: 50px) and (max-width: 100px)) 100px,
3234                ((min-width: 100px) and (max-width: 300px)) 300px,
3235                ((min-width: 300px) and (max-width: 500px)) 500px,
3236                ((min-width: 500px) and (max-width: 700px)) 700px,
3237                (min-width: 700px) 1000px"
3238
3239                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
3240                alt="L&#x27;écran noir : quand la mairie s&#x27;arrête de battre"
3241                >
3242    </picture>
3243                                    </a>
3244
3245                                                                    </div>
3246                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
3247                                <div class="flex flex-col gap-4 xs:gap-2">
3248                                    <div class="flex items-center gap-2 flex-wrap">
3249                                            <a aria-label="PILOTAGE &amp; FINANCES" href="/tag/pilotage-finances/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> PILOTAGE &amp; FINANCES </a>
3250                                            <a aria-label="Cybersécurité" href="/tag/cybersecurite/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Cybersécurité </a>
3251                                            <a aria-label="DSI (Direction des Systèmes d&#x27;Information)" href="/tag/dsi-direction-des-systemes-dinformation/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> DSI (Direction des Systèmes d&#x27;Information) </a>
3252                                            <a aria-label="Sécurité" href="/tag/securite/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Sécurité </a>
3253                                    </div>
3254                                    <a aria-label="L&#x27;écran noir : quand la mairie s&#x27;arrête de battre" href="/lecran-noir-quand-la-mairie-sarrete-de-battre/" class="flex flex-col gap-4 xs:gap-2">
3255                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> L&#x27;écran noir : quand la mairie s&#x27;arrête de battre </h2>
3256                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> &quot;Vos données sont chiffrées. Payez 50 000 €.&quot; Ce message, des centaines de maires l&#39;ont vu s&#39;afficher un matin sur tous les écrans de l&#39;hôtel de ville, le cœur battant. Plus d&#39;état civil, plus de comptabilité, plus de téléphone. La cyberattaque </p>
3257                                    </a>
3258                                </div>
3259                                <div class="flex flex-col gap-4 xs:gap-2">
3260                                        <div class="flex items-center gap-2 ">
3261        <div class="post-meta-date flex items-center gap-2">
3262            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="23 avr. 2026">23 avr. 2026</time></span>
3263        </div>
3264        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
3265        <div class="post-meta-read-time flex items-center gap-2">
3266            <span class="text-[--text-secondary] font-medium text-xs">2 min</span>
3267        </div>
3268    </div>
3269    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
3270        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
3271    </div>
3272                                </div>
3273                            </div>
3274                        </div>
3275                            <div class="h-px bg-[--border-color] w-full"></div>
3276                        <div class="xs:h-52 group flex flex-col xs:flex-row gap-5 md:gap-8">
3277                                <div class="flex-shrink-0 xs:h-52 aspect-[1.5] xs:aspect-square md:aspect-[1.5] lg:aspect-square rounded-sm overflow-hidden relative">
3278                                    <a aria-label="L’ordre, c’est la liberté" href="/lordre-cest-la-liberte/">
3279                                        
3280    <picture>
3281    <source srcset="https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
3282                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
3283                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
3284                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
3285                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
3286                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;avif&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
3287
3288                sizes="((max-width: 50px)) 50px,
3289                ((min-width: 50px) and (max-width: 100px)) 100px,
3290                ((min-width: 100px) and (max-width: 300px)) 300px,
3291                ((min-width: 300px) and (max-width: 500px)) 500px,
3292                ((min-width: 500px) and (max-width: 700px)) 700px,
3293                (min-width: 700px) 1000px"
3294
3295                type="image/avif">
3296    <source srcset="https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
3297                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
3298                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
3299                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
3300                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
3301                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;webp&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
3302
3303                sizes="((max-width: 50px)) 50px,
3304                ((min-width: 50px) and (max-width: 100px)) 100px,
3305                ((min-width: 100px) and (max-width: 300px)) 300px,
3306                ((min-width: 300px) and (max-width: 500px)) 500px,
3307                ((min-width: 500px) and (max-width: 700px)) 700px,
3308                (min-width: 700px) 1000px"
3309
3310                type="image/webp">
3311    <img loading="lazy" decoding="async"
3312
3313                srcset="https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;50 50w,
3314                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;100 100w,
3315                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;300 300w,
3316                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;500 500w,
3317                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;700 700w,
3318                https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000 1000w"
3319
3320                src="https://images.unsplash.com/photo-1599692220841-331d6a8c3c29?crop&#x3D;entropy&amp;cs&#x3D;tinysrgb&amp;fit&#x3D;max&amp;fm&#x3D;jpg&amp;ixid&#x3D;M3wxMTc3M3wwfDF8c2VhcmNofDV8fHBvbGljZSUyMGZyYW5jZXxlbnwwfHx8fDE3ODA2NzgyNzl8MA&amp;ixlib&#x3D;rb-4.1.0&amp;q&#x3D;80&amp;w&#x3D;1000"
3321
3322                sizes="((max-width: 50px)) 50px,
3323                ((min-width: 50px) and (max-width: 100px)) 100px,
3324                ((min-width: 100px) and (max-width: 300px)) 300px,
3325                ((min-width: 300px) and (max-width: 500px)) 500px,
3326                ((min-width: 500px) and (max-width: 700px)) 700px,
3327                (min-width: 700px) 1000px"
3328
3329                class="h-full w-full object-cover object-center group-hover:scale-[1.025] transition-transform duration-300 feature-image size-xl"
3330                alt="L’ordre, c’est la liberté"
3331                >
3332    </picture>
3333                                    </a>
3334
3335                                                                    </div>
3336                            <div class="flex flex-col justify-between gap-4 xs:gap-2">
3337                                <div class="flex flex-col gap-4 xs:gap-2">
3338                                    <div class="flex items-center gap-2 flex-wrap">
3339                                            <a aria-label="STRATÉGIE TERRITORIALE" href="/tag/strategie-territoriale/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> STRATÉGIE TERRITORIALE </a>
3340                                            <a aria-label="Sécurité" href="/tag/securite/" class="text-sm text-[--text-accent] font-medium py-0.5 w-min rounded-sm text-nowrap uppercase"> Sécurité </a>
3341                                    </div>
3342                                    <a aria-label="L’ordre, c’est la liberté" href="/lordre-cest-la-liberte/" class="flex flex-col gap-4 xs:gap-2">
3343                                        <h2 class="font-heading text-[--text-primary] font-medium text-base xs:text-xl lg:text-lg xs:line-clamp-2 hover:underline underline-offset-2"> L’ordre, c’est la liberté </h2>
3344                                        <p class="text-sm font-medium text-[--text-secondary] xs:line-clamp-3"> Pourquoi le Maire  doit réinvestir son rôle de premier garant de la paix civile.
3345
3346Souvenez-vous de 2020. Dans les métropoles comme dans les villes moyennes, une vague verte et citoyenne promettait la &quot;ville apaisée&quot;. Le vélo était roi, la végétalisation reine, et la sécurité souvent reléguée au </p>
3347                                    </a>
3348                                </div>
3349                                <div class="flex flex-col gap-4 xs:gap-2">
3350                                        <div class="flex items-center gap-2 ">
3351        <div class="post-meta-date flex items-center gap-2">
3352            <span class="text-[--text-secondary] font-medium text-xs"><time datetime="03 mars 2026">03 mars 2026</time></span>
3353        </div>
3354        <div class="post-meta-sep text-xs text-[--text-secondary]"> &bullet; </div>
3355        <div class="post-meta-read-time flex items-center gap-2">
3356            <span class="text-[--text-secondary] font-medium text-xs">4 min</span>
3357        </div>
3358    </div>
3359    <div class="post-meta-authors text-[--text-secondary] post-authors text-xs xs:text-sm font-medium">
3360        Par: <a href="/author/la-redaction-m-i/">La Rédaction M&amp;i</a>
3361    </div>
3362                                </div>
3363                            </div>
3364                        </div>
3365            </div>
3366        </div>
3367    </div>
3368</section>
3369        <section class="section-hero-authors py-10 xs:py-12 md:py-16">
3370            <div class="wrapper flex flex-col gap-6">
3371                <h1 class="section-hero-authors-title font-heading text-[--text-primary] text-2xl xs:text-3xl lg:text-4xl font-medium leading-normal"> Meilleurs auteurs </h1>
3372                <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-5 md:gap-6">
3373                        <div class="section-hero-authors-card border border-[--border-color] bg-[--bg-color-secondary] hover:border-[--text-primary] flex flex-col justify-between gap-4 p-3 rounded-sm group">
3374                            <div class="flex flex-col lg:flex-row gap-4">
3375                                <a aria-label="La Rédaction M&amp;i" href="/author/la-redaction-m-i/" class="content-center">
3376                                            <picture>
3377    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/avif/2026/06/M-i-2.png 50w,
3378                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/avif/2026/06/M-i-2.png 100w,
3379                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/avif/2026/06/M-i-2.png 300w"
3380
3381                sizes="((max-width: 50px)) 50px,
3382                ((min-width: 50px) and (max-width: 100px)) 100px,
3383                (min-width: 100px) 300px"
3384
3385                type="image/avif">
3386    <source srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/format/webp/2026/06/M-i-2.png 50w,
3387                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/format/webp/2026/06/M-i-2.png 100w,
3388                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/format/webp/2026/06/M-i-2.png 300w"
3389
3390                sizes="((max-width: 50px)) 50px,
3391                ((min-width: 50px) and (max-width: 100px)) 100px,
3392                (min-width: 100px) 300px"
3393
3394                type="image/webp">
3395    <img loading="lazy" decoding="async"
3396
3397                srcset="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w50/2026/06/M-i-2.png 50w,
3398                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w100/2026/06/M-i-2.png 100w,
3399                https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/M-i-2.png 300w"
3400
3401                src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/size/w300/2026/06/M-i-2.png"
3402
3403                sizes="((max-width: 50px)) 50px,
3404                ((min-width: 50px) and (max-width: 100px)) 100px,
3405                (min-width: 100px) 300px"
3406
3407                class="section-hero-authors-card-profile-img size-32 h-full max-w-max rounded-sm object-center object-cover profile-image size-s object-cover"
3408                alt="La Rédaction M&amp;i"
3409                >
3410    </picture>                                </a>
3411                                <div class="flex flex-col gap-4">
3412                                    <div class="flex flex-row justify-between gap-4">
3413                                    <a aria-label="La Rédaction M&amp;i" href="/author/la-redaction-m-i/" class="section-hero-authors-card-name font-heading font-medium text-[--text-primary] text-base hover:text-[--text-secondary]"> La Rédaction M&amp;i </a>
3414                                    <a aria-label="More articles by L
3414a Rédaction M&amp;i" href="/author/la-redaction-m-i/" class="flex items-center justify-end gap-2">
3415                                        <span class="text-[--text-primary] text-sm font-medium hover:text-[--text-secondary]">( 31 articles )</span>
3416                                    </a>
3417                                    </div>
3418                                                                    </div>
3419                            </div>
3420                        </div>
3421                        <div class="section-hero-authors-card border border-[--border-color] bg-[--bg-color-secondary] hover:border-[--text-primary] flex flex-col justify-between gap-4 p-3 rounded-sm group">
3422                            <div class="flex flex-col lg:flex-row gap-4">
3423                                <a aria-label="Florent Bisson" href="/author/florent-bisson/" class="content-center">
3424                                </a>
3425                                <div class="flex flex-col gap-4">
3426                                    <div class="flex flex-row justify-between gap-4">
3427                                    <a aria-label="Florent Bisson" href="/author/florent-bisson/" class="section-hero-authors-card-name font-heading font-medium text-[--text-primary] text-base hover:text-[--text-secondary]"> Florent Bisson </a>
3428                                    <a aria-label="More articles by Florent Bisson" href="/author/florent-bisson/" class="flex items-center justify-end gap-2">
3429                                        <span class="text-[--text-primary] text-sm font-medium hover:text-[--text-secondary]">( 1 article )</span>
3430                                    </a>
3431                                    </div>
3432                                        <div class="flex items-center gap-2 flex-wrap author-social-links">
3433        <a href="https://www.linkedin.com/in/florent-bisson-a4355113" aria-label="Florent Bisson LinkedIn" title="https://www.linkedin.com/in/florent-bisson-a4355113" class="size-5 author-florent-bisson author-social-link-icon linkedin overflow-hidden flex items-center justify-center">
3434                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="filter-theme icon icon-tabler icons-tabler-outline icon-tabler-brand-linkedin"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 11v5" /><path d="M8 8v.01" /><path d="M12 16v-5" /><path d="M16 16v-3a2 2 0 1 0 -4 0" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg>
3435        </a>
3436                <a href="https://www.documentation-territoriale.fr/" aria-label="Florent Bisson https://www.documentation-territoriale.fr/" title="https://www.documentation-territoriale.fr/" class="size-5 author-florent-bisson author-social-link-icon website overflow-hidden flex items-center justify-center">
3437                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="filter-theme icon icon-tabler icons-tabler-outline icon-tabler-link"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 15l6 -6" /><path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464" /><path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463" /></svg>
3438                </a>
3439            </div>
3440                                        <p class="section-hero-authors-card-bio text-[--text-secondary] font-medium text-sm md:line-clamp-3"> Fondateur de La Documentation Territoriale et de MAIRE &amp; Influence. Expert en marketing territorial et ingénierie de la communication publique, il décrypte les dynamiques de gouvernance locale à travers le triptyque : Vision, Stratégie, Terrain. </p>
3441                                </div>
3442                            </div>
3443                        </div>
3444                        <div class="section-hero-authors-card border border-[--border-color] bg-[--bg-color-secondary] hover:border-[--text-primary] flex flex-col justify-between gap-4 p-3 rounded-sm group">
3445                            <div class="flex flex-col lg:flex-row gap-4">
3446                                <a aria-label="La Documentation Territoriale" href="/author/documentation-territoriale/" class="content-center">
3447                                </a>
3448                                <div class="flex flex-col gap-4">
3449                                    <div class="flex flex-row justify-between gap-4">
3450                                    <a aria-label="La Documentation Territoriale" href="/author/documentation-territoriale/" class="section-hero-authors-card-name font-heading font-medium text-[--text-primary] text-base hover:text-[--text-secondary]"> La Documentation Territoriale </a>
3451                                    <a aria-label="More articles by L
3451a Documentation Territoriale" href="/author/documentation-territoriale/" class="flex items-center justify-end gap-2">
3452                                        <span class="text-[--text-primary] text-sm font-medium hover:text-[--text-secondary]">( Aucun articles )</span>
3453                                    </a>
3454                                    </div>
3455                                                                    </div>
3456                            </div>
3457                        </div>
3458                </div>
3459            </div>
3460        </section>
3461        <section class="common-subscribe-form py-10 xs:py-12 md:py-16 px-5 bg-[--bg-color-secondary] ">
3462        <div class="max-w-[40rem] mx-auto flex flex-col items-center justify-center gap-4 lg:gap-6">
3463            <h1 class="common-subscribe-form-title font-heading text-center text-[--text-primary] text-2xl xs:text-3xl lg:text-4xl font-medium leading-normal"> Inscrivez-vous aux newsletters de MAIRE &amp; Influence. </h1>
3464            <p class="common-subscribe-form-description text-[--text-secondary] font-medium text-center text-sm xs:text-base lg:text-sm"> Restez informé grâce à notre sélection des meilleurs articles. </p>
3465            <form data-members-form="subscribe" class="common-subscribe-form subscription-form flex flex-col items-center justify-center gap-4 lg:gap-6 w-full">
3466                <div class="flex flex-col xs:flex-row items-center justify-center gap-4 w-full">
3467                    <input data-members-email type="email" name="email" required placeholder="[email protected]" class="common-subscribe-form-email flex-1 w-full xs:w-auto border border-[--border-color-secondary] bg-[--bg-color] rounded-sm placeholder:text-[--text-secondary] text-[--text-primary] text-sm p-3 xs:p-3.5 outline-none" />
3468                    <button type="submit" class="common-subscribe-form-button default-button w-full xs:w-auto inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-7 xs:px-8 py-2.5 xs:py-3 duration-300 text-sm font-medium uppercase text-[--subscribe-btn-text] leading-none">
3469                        <span class="h-[26px] flex items-center justify-center"> Abonnez-vous maintenant </span>
3470                    </button>
3471                    <button type="submit" class="common-subscribe-form-button error-button w-full xs:w-auto inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-7 xs:px-8 py-2.5 xs:py-3 duration-300 text-sm font-medium uppercase text-[--subscribe-btn-text] leading-none">
3472                        <span class="h-[26px] flex items-center justify-center"> Essayer à nouveau </span>
3473                    </button>
3474                    <button type="submit" class="common-subscribe-form-button loading-button w-full xs:w-auto inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-7 xs:px-8 py-2.5 xs:py-3 duration-300 text-sm font-medium uppercase text-[--subscribe-btn-text] leading-none">
3475                        <span class="h-[26px] flex items-center justify-center"> S&#x27;il vous plaît, attendez </span>
3476                    </button>
3477                    <button type="submit" class="common-subscribe-form-button success-button w-full xs:w-auto inline-block bg-[--subscribe-btn-bg] hover:bg-[--subscribe-btn-hover] rounded-sm px-7 xs:px-8 py-2.5 xs:py-3 duration-300 text-sm font-medium uppercase text-[--subscribe-btn-text] leading-none">
3478                        <span class="h-[26px] flex items-center justify-center"> Merci </span>
3479                    </button>
3480                </div>
3481                <div class="flex items-center justify-center gap-2 subscribe-form-agreement">
3482                    <input type="checkbox" name="terms" id="termslast" required />
3483                    <label for="termslast" class="common-subscribe-form-label text-xs text-[--text-primary]">
3484                        J'accepte les conditions d'utilisation du site web <a aria-label="Terms" href="https://www.maireinfluence.fr/terms/" target="_blank">Terms</a> et <a aria-label="Privacy Policy" href="https://www.maireinfluence.fr/privacy-policy/" target="_blank">Privacy Policy</a>.
3485                    </label>
3486                </div>
3487                <div class="common-subscribe-form-messages message-wrapper wrapper flex flex-col xs:flex-row items-center justify-center w-full">
3488                    <small class="success-message">Veuillez consulter votre boîte de réception et confirmer.</small>
3489                    <small class="error-message">Une erreur s&#x27;est produite. Veuillez réessayer.</small>
3490                </div>
3491            </form>
3492        </div>
3493    </section>
3494
3495        </main>
3496
3497        <footer class="bg-[--footer-bg] border-t border-[--footer-border]">
3498    <div class="border-b border-[--footer-border]">
3499        <div class="wrapper py-16 grid grid-cols-2 xs:grid-cols-3 lg:grid-cols-4 gap-10 gap-x-5 md:gap-x-10 lg:gap-16">
3500            <div class="col-span-2 xs:col-span-3 lg:col-span-1">
3501                        <a aria-label="MAIRE &amp; Influence" href="https://www.maireinfluence.fr" title="MAIRE &amp; Influence" class="site-logo-footer theme-footer-logo">
3502            <img src="https://storage.ghost.io/c/a0/a6/a0a64330-5806-4b13-81b9-235e92b5d242/content/images/2026/07/LOGO-maire-influence-magazine-fd-blanc-4.png"  alt="MAIRE &amp; Influence" class="h-6 lg:h-8 w-auto" loading="lazy">
3503        </a>
3504                <p class="footer-site-description text-[--footer-text] text-sm max-w-lg font-medium" style="margin-top:1rem;"> MAIRE &amp; Influence est la revue de référence du leadership territorial. Notre ligne éditoriale ? Croiser la stratég
3504ie politique et le management de l&#x27;action publique. </p>
3505            </div>
3506            <div class="footer-nav col-span-2 xs:col-span-3 grid grid-cols-2 xs:grid-cols-3 sm:grid-cols-4 gap-10 gap-x-5 md:gap-x-10 lg:gap-16">
3507                        <li class="secondary-menu-id-la-revue-0 ">
3508            <a aria-label="La Revue" href="#" title="La Revue" class="opacity-0">La Revue</a>
3509        </li>
3510        <li class="secondary-menu-id-f-a-propos-1 ">
3511            <a aria-label="[f] À propos" href="https://www.maireinfluence.fr/a-propos/" title="[f] À propos" class="opacity-0">[f] À propos</a>
3512        </li>
3513        <li class="secondary-menu-id-f-nous-contacter-2 ">
3514            <a aria-label="[f] Nous contacter" href="https://www.maireinfluence.fr/contact/" title="[f] Nous contacter" class="opacity-0">[f] Nous contacter</a>
3515        </li>
3516        <li class="secondary-menu-id-notre-ecosysteme-3 ">
3517            <a aria-label="Notre Écosystème" href="#" title="Notre Écosystème" class="opacity-0">Notre Écosystème</a>
3518        </li>
3519        <li class="secondary-menu-id-f-acceder-a-lexecutif-la-lettre-4 ">
3520            <a aria-label="[f] Accéder à L&#x27;EXÉCUTIF | La Lettre" href="https://www.maireinfluence.fr/l-executif-la-lettre/" title="[f] Accéder à L&#x27;EXÉCUTIF | La Lettre" class="opacity-0">[f] Accéder à L&#x27;EXÉCUTIF | La Lettre</a>
3521        </li>
3522        <li class="secondary-menu-id-f-la-documentation-territoriale-5 ">
3523            <a aria-label="[f] [La Documentation Territoriale]" href="https://www.documentation-territoriale.fr/" title="[f] [La Documentation Territoriale]" class="opacity-0">[f] [La Documentation Territoriale]</a>
3524        </li>
3525        <li class="secondary-menu-id-kiosque-numerique-6 ">
3526            <a aria-label="Kiosque numérique" href="#" title="Kiosque numérique" class="opacity-0">Kiosque numérique</a>
3527        </li>
3528        <li class="secondary-menu-id-f-lire-le-magazine-7 ">
3529            <a aria-label="[f] Lire le magazine" href="https://www.maireinfluence.fr/kiosque-numerique/" title="[f] Lire le magazine" class="opacity-0">[f] Lire le magazine</a>
3530        </li>
3531        <li class="secondary-menu-id-juridique-8 ">
3532            <a aria-label="Juridique" href="#" title="Juridique" class="opacity-0">Juridique</a>
3533        </li>
3534        <li class="secondary-menu-id-f-mentions-legales-9 ">
3535            <a aria-label="[f] Mentions légales" href="https://www.maireinfluence.fr/mentions-legales/" title="[f] Mentions légales" class="opacity-0">[f] Mentions légales</a>
3536        </li>
3537
3538            </div>
3539        </div>
3540    </div>
3541    <div class="wrapper footer-bottom text-sm font-medium py-4 md:py-5">
3542        <div class="text-[--footer-text] text-center footer-copyright-text"> &copy;2026 <a aria-label="MAIRE &amp; Influence" href=https://www.maireinfluence.fr>MAIRE &amp; Influence</a> </div>
3543            <div class="footer-social-links" aria-label="Site social media links">
3544        <a href="https://x.com/MAIREinfluence" target="_blank" rel="noopener" aria-label="X" title="X" class="footer-social-link author-social-link-icon">
3545                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4l11.733 16h4.267l-11.733 -16z" /><path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" /></svg>
3546        </a>
3547    
3548    
3549        <a href="https://www.linkedin.com/company/maireinfluence" target="_blank" rel="noopener" aria-label="LinkedIn" title="LinkedIn" class="footer-social-link author-social-link-icon">
3550                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M8 11v5" /><path d="M8 8v.01" /><path d="M12 16v-5" /><path d="M16 16v-3a2 2 0 1 0 -4 0" /><path d="M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4z" /></svg>
3551        </a>
3552    </div>
3553        <div class="text-[--footer-text] text-center footer-published-text"> Publié avec <a aria-label="Ghost Org" href="https://www.ghost.org" target="_blank">Ghost</a> et <a aria-label="Buy Crimson Theme" href="https://www.themeupstudio.com/shop/crimson" target="_blank">Crimson</a> </div>
3554    </div>
3555</footer>
3556        <button aria-label="scroll to top" id="scroll-to-top" data-visible="false" class="fixed data-[visible='false']:-bottom-8 data-[visible='true']:bottom-8 data-[visible='false']:opacity-0 data-[visible='true']:opacity-1 right-8 size-10 rounded-full z-50 bg-[--scroll-to-top-bg] hover:bg-[--scroll-to-top-hover]">
3557            <svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 102 102" fill="none" class="h-full w-full stroke-[--page-progress]">
3558                <path stroke-linecap="round" stroke-linejoin="round" id="page-progress" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" stroke-width="4px"></path>
3559            </svg>
3560            <div class="absolute top-0 left-0 h-full w-full flex justify-center items-center">
3561                <img src="https://www.maireinfluence.fr/assets/img/arrow-up.svg?v=CpQ2UmNW5YfXuQqn" alt="scroll to top" class="h-4/5 filter-theme" />
3562            </div>
3563        </button>
3564        
3564<script src="https://www.maireinfluence.fr/assets/built/index.js?v=wEwmYq9j6haSRGEB" defer></script>
3564
3565            
3565<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
3565
3566    
3566<script>
3567        var swiper = new Swiper(".heroSwiper", {
3568            loop: true,
3569            pagination: {
3570                el: ".hero-swiper-pagination",
3571                clickable: true,
3572            },
3573            autoplay: {
3574                delay: 4000,
3575                pauseOnMouseEnter: true,
3576            },
3577        });
3578    </script>
3578
3579
3580        
3581
3582
3583    
3583<script>
3584        const primaryNavigation = document.getElementById("primary-navigation");
3585        var allNavigationItems = primaryNavigation.getElementsByTagName("li");
3586        var primaryNavigationHTML = "";
3587        for(var count=0; count < allNavigationItems.length; count++){
3588            var li = allNavigationItems[count];
3589            if(li.classList.contains("static-menu")){
3590                primaryNavigationHTML = primaryNavigationHTML + li.outerHTML;
3591            } else {
3592                var dataLink = li.getAttribute("data-link");
3593                var dataLabel = li.getAttribute("data-label");
3594
3595                //If this is a parent menu item
3596                if(dataLink && dataLink === "#"){
3597                    //Check if menu has next item
3598                    if(allNavigationItems[count+1]){
3599                        var nextLi = allNavigationItems[count+1];
3600                        var nextDataLink = nextLi.getAttribute("data-link");
3601                        var nextDataLabel = nextLi.getAttribute("data-label");
3602                        if(nextDataLabel && !nextDataLabel.startsWith('-')){
3603                            primaryNavigationHTML = primaryNavigationHTML +
3604                                `<li class=""><a href="`+dataLink+`" title="`+dataLabel+` "class="inline-block w-full text-[--text-primary]">`+dataLabel+`</a></li>`;
3605                        } else {
3606                            primaryNavigationHTML = primaryNavigationHTML +
3607                                `<li data-open="false" class="dropdown cursor-pointer relative group lg:-my-8 lg:h-[4.5rem] lg:flex lg:items-center" aria-label="dropdown">
3608                                <button class="w-full lg:w-auto flex items-center justify-between gap-2">
3609                                    <span class="text-[--text-primary] ">`+dataLabel+`</span>
3610                                    <img src="https://www.maireinfluence.fr/assets/img/arrow.svg?v=hTK7cJJ3AZFBbl8L" alt="arrow" width="14" height="14" aria-hidden="true" class="hidden lg:block filter-theme h-3.5 lg:group-data-[open='true']:rotate-180 transition-transform duration-300" />
3611                                </button>
3612                            <div class="hidden lg:block absolute top-0 left-0 h-full w-full"></div>
3613                            <ul class="lg:rounded-sm lg:absolute lg:left-0 lg:top-full flex flex-col gap-2 lg:gap-0 font-medium text-sm bg-[--header-bg] lg:border border-[--border-color] p-5 pb-0 lg:p-0 w-max min-w-44">
3614                            `;
3615                        }
3616                    }
3617                } else if(dataLabel && dataLabel.startsWith('-')){
3618                    primaryNavigationHTML = primaryNavigationHTML +
3619                        `<li><a href="`+dataLink+`" title="`+dataLabel.replace("-","")+`"class="inline-block w-full text-[--text-secondary] hover:text-[--text-primary]">`+dataLabel.replace("-","")+`</a></li>`;
3620                    //if next item is not sub item, then close the ul and li
3621                    if(allNavigationItems[count+1]){
3622                        var nextLi = allNavigationItems[count+1];
3623                        var nextDataLink = nextLi.getAttribute("data-link");
3624                        var nextDataLabel = nextLi.getAttribute("data-label");
3625                        if(nextDataLabel && !nextDataLabel.startsWith('-')){
3626                            primaryNavigationHTML = primaryNavigationHTML +
3627                                `</ul></li>`;
3628                        }
3629                    }
3630                } else {
3631                    primaryNavigationHTML = primaryNavigationHTML +
3632                        `<li class=""><a href="`+dataLink+`" title="`+dataLabel+` "class="inline-block w-full text-[--text-primary]">`+dataLabel+`</a></li>`;
3633                }
3634            }
3635        }
3636        primaryNavigation.innerHTML=primaryNavigationHTML;
3637    </script>
3637
3638
3639
3640
3641
3642        
3643    </body>
3644
3645</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.