<turbo-stream target="frame_section-cards-966_search-sidecar" action="replace">
    <template><turbo-frame id="frame_section-cards-966_search-sidecar" class="u-flex-container-h">
            <a href="https://participation.lillemetropole.fr/node_section/966" data-turbo-stream
               class="btn--second btn--small  table-tools-badge">
               En cours <span class="icon fa fa-fw fa-xmark" aria-hidden="true"
   ></span>
</a>
            <input id="" type="hidden" name="filter[51]" value="10479" name="filter[51]"
       />
                      <a href="https://participation.lillemetropole.fr/node_section/966" data-action="table-search#clear" data-turbo-stream
      class="btn--transparent table-tools-badge">Réinitialiser</a>
</turbo-frame></template>
</turbo-stream>

<turbo-stream target="frame_section-cards-966_search-sidecar-v2" action="replace">
    <template><div id="frame_section-cards-966_search-sidecar-v2" class="u-txt-center">
   <div class="u-flex-container-h u-gap-s u-flex-middle u-flex-center u-flex-container-wrap">
            <button    class="btn btn--second u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6ab1a8a6b5fac" aria-controls="ddbtn6ab1a8a6b5fac" aria-haspopup="true"
         ><span
               class="">Les plus récents</span>
            <span class="icon fa fa-chevron-down fas" aria-hidden="true" style="margin-left:.4rem;"
   ></span>
   </button>

   

   <span class="is-hidden u-absolute" id="ddbtn6ab1a8a6b5fac" data-stimulus-controller="dropdown"
   >
   <span class="c-dropdown" data-placement="bottom-start" data-offset="10" data-dropdown-target="content">
      <div class="c-dropdown__content u-paxs u-flex-container-v" data-placement="bottom-start" data-offset="10">
         <div class="c-dropdown__content-header u-flex-item-noshrink u-flex-container-v"></div>
      <div class="c-dropdown__content-inside u-flex-item-fluid u-relative">
      <a
   class="c-dropdown-menu-item" href="https://participation.lillemetropole.fr/node_section/966?filter%5B51%5D%5B0%5D=10479&amp;sort=online_at&amp;order=asc" data-dropdown-hide="data-dropdown-hide" data-turbo-stream="data-turbo-stream"
   data-dropdown-target="item"
   >
      Les moins récents
   </a>
                  <a
   class="c-dropdown-menu-item is-selected" href="https://participation.lillemetropole.fr/node_section/966?filter%5B51%5D%5B0%5D=10479&amp;sort=online_at&amp;order=desc" data-dropdown-hide="data-dropdown-hide" data-turbo-stream="data-turbo-stream"
   data-dropdown-target="item"
   >
      Les plus récents
   </a>
                     <input id="" type="hidden" value="online_at" name="sort" name="sort"
       />
      <input id="" type="hidden" value="desc" name="order" name="order"
       />
   </div>
         <div class="c-dropdown__content-footer u-flex-item-noshrink u-flex-container-v"></div>
   </div>

      <span class="c-dropdown__arrow" data-dropdown-target="arrow" hidden></span>
   </span>
</span>
      
         <button    class="btn btn--second u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6ab1a8a6b6622" aria-controls="ddbtn6ab1a8a6b6622" aria-haspopup="true"
         ><span class="">
                  État </span>
               <span class="icon fa fa-filter fas" aria-hidden="true" style="margin-left:.4rem;"
   ></span>
                                 <span class="badge  badge--primary coudnt badge--sup" style="font-size:1.1em!important;"
   ><span class="badge__limit">1</span></span>
   </button>

   

   <span class="is-hidden u-absolute" id="ddbtn6ab1a8a6b6622" data-stimulus-controller="dropdown"
   >
   <span class="c-dropdown" data-placement="bottom-start" data-offset="10" data-dropdown-target="content">
      <div class="c-dropdown__content u-paxs u-flex-container-v" data-placement="bottom-start" data-offset="10">
         <div class="c-dropdown__content-header u-flex-item-noshrink u-flex-container-v"></div>
      <div class="c-dropdown__content-inside u-flex-item-fluid u-relative">
      <div style="max-width: 40rem;min-width: 40rem;" class="u-phs">
               <ul class="u-unstyled">
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6ab1a8a6b633a" name="filter[51][]"
   value="10490"  />
<label class="checkbox__label" for="checkbox-6ab1a8a6b633a">A venir 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6ab1a8a6b6396" name="filter[51][]"
   value="10479"  checked="checked"  />
<label class="checkbox__label" for="checkbox-6ab1a8a6b6396">En cours 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6ab1a8a6b63d7" name="filter[51][]"
   value="10185"  />
<label class="checkbox__label" for="checkbox-6ab1a8a6b63d7">Terminé 
</label>
                     </li>
                                 </ul>
            </div>
   </div>
         <div class="c-dropdown__content-footer u-flex-item-noshrink u-flex-container-v"><div class="u-flex-container-h u-pas">
                  <button    class="btn btn--primary u-w100 u-flex-center" type="submit"
         >Filtrer
   </button>

                  </div></div>
   </div>

      <span class="c-dropdown__arrow" data-dropdown-target="arrow" hidden></span>
   </span>
</span>
               <a  href="https://participation.lillemetropole.fr/node_section/966"
      data-action="table-search#clear form-search#clear" data-turbo-stream data-table-search-target="reset"
      class="btn--transparent" data-tooltip-target="tooltip" aria-label="Réinitialiser" data-title="Réinitialiser"><span class="icon fa fa-undo" aria-hidden="true"
   ></span>
</a>
         </div>
</div></template>
</turbo-stream>

<turbo-stream target="node-section-cards_966_items" action="update">
    <template><div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/le-climat-change-ensemble-on-agit-5054" title="En savoir plus"
                                    >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Le climat change, ensemble on agit !</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Donnez votre avis sur le prochain Plan Climat de la MEL</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/VgIxKTIH53MX/SGXzvYj2ii2725/PCAET_720x600.jpg" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/participation-du-public-par-voie-electronique-quartier-de-lalma-a-roubaix-5581" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Participation du Public par Voie Electronique - Quartier de l'Alma à Roubaix</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Le Conseil de la MEL a prescrit une procédure de Participation du Public par Voie Électronique (PPVE) relative à la mise à disposition d’une étude d’impact sur le quartier de l’Alma à Roubaix.
Il s’agit d’une procédure réglementaire obligatoire afin d’actualiser l’étude d’impact existante. Cette actualisation permettra de prendre en compte les projets au Nord du quartier (Barbe d’Or) et permettre le lancement des chantiers dans ce secteur en 2027, notamment l’amén...</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/rtQcBo34RaySn/yIYUGQ29559VBW/Participation_du_Public_par_Voie_Electronique_-_Quartier_de_l_Alma_a_Roubaix" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/dup-et-parcellaire-franges-industrielles-5395" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">DUP  et parcellaire Franges industrielles</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">La Métropole Européenne de Lille transforme 15 hectares de
friches industrielles en un quartier moderne et attractif. Au programme : 843
logements, des équipements publics, de nombreux espaces verts et des liaisons
douces pour relier la ville à la nature. Reconversion
des Franges...</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/cCFXyj8HG3Ep/aiDKBAec33iMLQ/DUP__et_parcellaire_Franges_industrielles" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/plan-de-prevention-du-bruit-dans-lenvironnement-4963" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Plan de Prévention du Bruit dans l'Environnement</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Les plans de
prévention du bruit dans l’environnement (PPBE) sont des documents
réglementaires permettant d’évaluer les actions réalisées par les
agglomérations de plus de 100 000 habitants sur la thématique du bruit. Ils
sont aussi des outils d’action pour prévenir et si possible réduire les effets
des nuisances sonores liées à certaines routes, autoroutes, aéroports,
voies ferrées ...</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/Sb2JJY25Z95L/prWy3Y9CYYCOCQ/Plan_de_Prevention_du_Bruit_dans_l_Environnement" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/revision-du-schema-de-coherence-territoriale-scot-de-lille-metropole-2219" title="En savoir plus"
                                    >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Révision du Schéma de Cohérence Territoriale (SCoT) de Lille Métropole</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Donnez votre avis sur le SCoT</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/eSYsG5tSrNHHW/QJ0U0mgwYYXqn4/Design_sans_titre__26_.png" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/projet-de-tramway-du-pole-metropolitain-de-lille-et-de-sa-couronne-3372" title="En savoir plus"
                                    >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Projet de tramway du pôle métropolitain de Lille et de sa couronne</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Bienvenue sur l’espace dédié au projet de tramway du pôle métropolitain Lille et sa couronne. Abonnez-vous à cet espace en cliquant sur le bouton &quot;suivre&quot; (cloche) et recevez les actualités sur le projet, par mail.🚊 La carte du tracé du projet Lille et sa couronne :﻿✋ Retrouvez toutes les informations du projet et comment y participer :▶ En savoir + sur le projet ▶ Les événements organisés dans le cadre de la concertation▶ Questions / contributions, la MEL répondra directement sur cet espace.▶ *christo...</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/mNSOT60klRgY4/Yj94ooWxuux3Xr/8cf25d1c132f8332c7c265a0026303a3.jpg" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/projet-du-fil-le-bus-a-haut-niveau-de-service-de-saint-andre-lez-lille-villeneuve-dascq-2688" title="En savoir plus"
                                    >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Projet du Fil, le bus à haut niveau de service de Saint-André-lez-Lille – Villeneuve d’Ascq</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Bienvenue sur l’espace dédié au projet du Fil, le bus à haut niveau de service (BHNS) de Saint-André-Lez-Lille – Villeneuve d’Ascq. Abonnez-vous à cet espace en cliquant sur le bouton &quot;suivre&quot; (cloche) et recevez les actualités sur le projet, par mail.</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/mNSUJq0RMgca/AogL7F9Gffr4JY/c33891cf22855c7fa0b681ad7b02ba50.jpg" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/projet-du-fil-le-bus-a-haut-niveau-de-service-de-lille-villeneuve-dascq-2637" title="En savoir plus"
                                    >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Projet du Fil, le bus à haut niveau de service de Lille-Villeneuve d'Ascq</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Bienvenue sur l’espace dédié au projet du Fil (BHNS) de Lille-Villeneuve d&#039;Ascq. Abonnez-vous à cet espace en cliquant sur le bouton &quot;suivre&quot; (cloche) et recevez les actualités sur le projet, par mail .</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/OXys4oeCgSZV/GqzNaV0BIIcdFM/8294d6ee18b0714c742e1e2c0943b8dc.jpg" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/projet-de-tramway-du-pole-metropolitain-de-roubaix-tourcoing-3399" title="En savoir plus"
                                    >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Projet de tramway du pôle métropolitain de Roubaix-Tourcoing</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Bienvenue sur l’espace dédié au projet de tramway du pôle métropolitain de Roubaix-Tourcoing. Abonnez-vous à cet espace en cliquant sur le bouton &quot;suivre&quot; (cloche) et recevez les actualités sur le projet, par mail .📹Parcourez le tracé du futur tramway Roubaix - Tourcoing en vidéo🚊 La carte du tracé du projet  de Roubaix-Tourcoing  : ✋ Retrouvez toutes les informations du projet et comment y participer :▶ En savoir + sur le projet▶ Les événements organisés dans le cadre de la concertation.▶ Questions /...</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/NcbZfKJv3R2kl/rk0ZvvsQWW3R3e/8192f75548c5bba033156a81eababec4.jpg" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/tourcoing-epideme-1425" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Tourcoing Epidème</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Le Quartier de l’Epidème se situe au sud de la commune de
Tourcoing, entre la Gare et le quartier de l’Union. Géographiquement proche des communes de Roubaix et
Wattrelos, le quartier reste enclavé par la voie ferrée qui le cadre au Nord et à l’Ouest mais aussi par
le canal au sud.Longtemps en marge des dyna...</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/o8qFePHeVDqp/JYNnn8z3iibpbg/Tourcoing_Epideme" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/projet-urbain-du-secteur-du-centre-equestre-golf-et-complexe-moto-1449" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Projet urbain du secteur du Centre Equestre, Golf et Complexe Moto</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Camp français / Centre équestre / Golf / Complexe moto, la Métropole engage une concertation p...</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/5xgvJZmVyzAi/oNTOypyqppH5yb/Projet_urbain_du_secteur_du_Centre_Equestre__Golf_et_Complexe_Moto" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://participation.lillemetropole.fr/budget-participatif-metropolitain-faites-pousser-vos-idees-pour-la-biodiversite-2727" title="En savoir plus"
                                    >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Budget participatif métropolitain - Faites pousser vos idées pour la biodiversité !</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">La MEL lance son nouveau budget participatif de 1,2 million d’euros pour développer avec les citoyens la nature et la biodiversité sur son territoire.Vous proposez des projets… La MEL les réalise !</span>
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://participation.lillemetropole.fr/fi/H3XLsDdkalZa0/H5SQtZLX66dTbZ/30aa604734972df11c5877065b0cd260.jpg" />
                     </div>
      </div>
   </div></template>
</turbo-stream>

<turbo-stream target="node-section-cards_966_load" action="update">
    <template><a   href="https://participation.lillemetropole.fr/node_section/966?filter%5B51%5D%5B0%5D=10479&amp;q=&amp;cursor_section_cards_966=eyJvbmxpbmVfYXQiOiIyMDI2LTAyLTA5IDEzOjE3OjA0IiwiX3BvaW50c1RvTmV4dEl0ZW1zIjp0cnVlfQ"     class="btn btn--second u-mtm node-section-cards-grid__load-btn" data-turbo-stream="data-turbo-stream"
         >Suivant
   </a></template>
</turbo-stream>

<turbo-stream target="node-section-cards_966_title" action="update">
</turbo-stream>
