<turbo-stream target="frame_section-cards-571_search-sidecar" action="replace">
    <template><turbo-frame id="frame_section-cards-571_search-sidecar" class="u-flex-container-h">
                </turbo-frame></template>
</turbo-stream>

<turbo-stream target="frame_section-cards-571_search-sidecar-v2" action="replace">
    <template><div id="frame_section-cards-571_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="ddbtn6a6b3d5026ae8" aria-controls="ddbtn6a6b3d5026ae8" 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="ddbtn6a6b3d5026ae8" 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://je-participe.ampmetropole.fr/node_section/571?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://je-participe.ampmetropole.fr/node_section/571?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"
       />
                        <a
   class="c-dropdown-menu-item" href="https://je-participe.ampmetropole.fr/node_section/571?sort=alpha&amp;order=asc" data-dropdown-hide="data-dropdown-hide" data-turbo-stream="data-turbo-stream"
   data-dropdown-target="item"
   >
      Alphabétique
   </a>
                  <a
   class="c-dropdown-menu-item" href="https://je-participe.ampmetropole.fr/node_section/571?sort=alpha&amp;order=desc" data-dropdown-hide="data-dropdown-hide" data-turbo-stream="data-turbo-stream"
   data-dropdown-target="item"
   >
      Alphabétique inversé
   </a>
   </div>
         <div class="c-dropdown__content-footer u-flex-item-noshrink u-flex-container-v"></div>
   </div>

   </span>
</span>
      
         <button    class="btn btn--transparent u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6a6b3d5026f0c" aria-controls="ddbtn6a6b3d5026f0c" aria-haspopup="true"
         ><span class="">
                  Type </span>
               <span class="icon fa fa-filter far" aria-hidden="true" style="margin-left:.4rem;"
   ></span>
   </button>

   

   <span class="is-hidden u-absolute" id="ddbtn6a6b3d5026f0c" 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-6a6b3d5026cf3" name="filter[30][]"
   value="10493"  />
<label class="checkbox__label" for="checkbox-6a6b3d5026cf3">Concertation 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5026d2f" name="filter[30][]"
   value="10503"  />
<label class="checkbox__label" for="checkbox-6a6b3d5026d2f">Consultation du public 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5026d53" name="filter[30][]"
   value="10510"  />
<label class="checkbox__label" for="checkbox-6a6b3d5026d53">Enquête Publique 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5026d82" name="filter[30][]"
   value="10715"  />
<label class="checkbox__label" for="checkbox-6a6b3d5026d82">Participation 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5026da5" name="filter[30][]"
   value="10820"  />
<label class="checkbox__label" for="checkbox-6a6b3d5026da5">Participation du public par voie électronique 
</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>
</span>
               
         <button    class="btn btn--transparent u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6a6b3d502719c" aria-controls="ddbtn6a6b3d502719c" aria-haspopup="true"
         ><span class="">
                  État </span>
               <span class="icon fa fa-filter far" aria-hidden="true" style="margin-left:.4rem;"
   ></span>
   </button>

   

   <span class="is-hidden u-absolute" id="ddbtn6a6b3d502719c" 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-6a6b3d5027073" name="filter[33][]"
   value="11125"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027073">A venir 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502709f" name="filter[33][]"
   value="10655"  />
<label class="checkbox__label" for="checkbox-6a6b3d502709f">En cours 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50270c3" name="filter[33][]"
   value="10502"  />
<label class="checkbox__label" for="checkbox-6a6b3d50270c3">Clôturé 
</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>
</span>
               
         <button    class="btn btn--transparent u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6a6b3d5027fad" aria-controls="ddbtn6a6b3d5027fad" aria-haspopup="true"
         ><span class="">
                  Localisation </span>
               <span class="icon fa fa-filter far" aria-hidden="true" style="margin-left:.4rem;"
   ></span>
   </button>

   

   <span class="is-hidden u-absolute" id="ddbtn6a6b3d5027fad" 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-6a6b3d50272a0" name="filter[45][]"
   value="10526"  />
<label class="checkbox__label" for="checkbox-6a6b3d50272a0">Aix-en-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50272c7" name="filter[45][]"
   value="11326"  />
<label class="checkbox__label" for="checkbox-6a6b3d50272c7">Allauch 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50272ea" name="filter[45][]"
   value="11309"  />
<label class="checkbox__label" for="checkbox-6a6b3d50272ea">Alleins 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502730d" name="filter[45][]"
   value="10519"  />
<label class="checkbox__label" for="checkbox-6a6b3d502730d">Aubagne 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502732e" name="filter[45][]"
   value="10754"  />
<label class="checkbox__label" for="checkbox-6a6b3d502732e">Auriol 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027350" name="filter[45][]"
   value="11312"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027350">Aurons 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027372" name="filter[45][]"
   value="11233"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027372">Beaurecueil 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027394" name="filter[45][]"
   value="10559"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027394">Belcodène 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50273b6" name="filter[45][]"
   value="10765"  />
<label class="checkbox__label" for="checkbox-6a6b3d50273b6">Berre-l'Étang 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50273d8" name="filter[45][]"
   value="11236"  />
<label class="checkbox__label" for="checkbox-6a6b3d50273d8">Bouc-Bel-Air 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50273f9" name="filter[45][]"
   value="10741"  />
<label class="checkbox__label" for="checkbox-6a6b3d50273f9">Cabriès 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502741a" name="filter[45][]"
   value="10562"  />
<label class="checkbox__label" for="checkbox-6a6b3d502741a">Cadolive 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502743c" name="filter[45][]"
   value="10601"  />
<label class="checkbox__label" for="checkbox-6a6b3d502743c">Carnoux-en-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502745e" name="filter[45][]"
   value="10604"  />
<label class="checkbox__label" for="checkbox-6a6b3d502745e">Carry-le-Rouet 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027480" name="filter[45][]"
   value="10607"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027480">Cassis 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50274a1" name="filter[45][]"
   value="10610"  />
<label class="checkbox__label" for="checkbox-6a6b3d50274a1">Ceyreste 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50274c1" name="filter[45][]"
   value="10733"  />
<label class="checkbox__label" for="checkbox-6a6b3d50274c1">Charleval 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50274e3" name="filter[45][]"
   value="11239"  />
<label class="checkbox__label" for="checkbox-6a6b3d50274e3">Châteauneuf-le-Rouge 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027505" name="filter[45][]"
   value="10613"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027505">Châteauneuf-les-Martigues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027532" name="filter[45][]"
   value="10817"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027532">Cornillon-Confoux 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027554" name="filter[45][]"
   value="11242"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027554">Coudoux 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027577" name="filter[45][]"
   value="10565"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027577">Cuges-les-Pins 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027598" name="filter[45][]"
   value="10616"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027598">Ensuès-la-Redonne 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50275ba" name="filter[45][]"
   value="10530"  />
<label class="checkbox__label" for="checkbox-6a6b3d50275ba">Eyguières 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50275dc" name="filter[45][]"
   value="10513"  />
<label class="checkbox__label" for="checkbox-6a6b3d50275dc">Fos-sur-Mer 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50275fd" name="filter[45][]"
   value="11248"  />
<label class="checkbox__label" for="checkbox-6a6b3d50275fd">Fuveau 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502761d" name="filter[45][]"
   value="10850"  />
<label class="checkbox__label" for="checkbox-6a6b3d502761d">Gardanne 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502763e" name="filter[45][]"
   value="10622"  />
<label class="checkbox__label" for="checkbox-6a6b3d502763e">Gignac-la-Nerthe 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502765f" name="filter[45][]"
   value="10829"  />
<label class="checkbox__label" for="checkbox-6a6b3d502765f">Grans 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027680" name="filter[45][]"
   value="11251"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027680">Gréasque 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50276a1" name="filter[45][]"
   value="10619"  />
<label class="checkbox__label" for="checkbox-6a6b3d50276a1">Gémenos 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50276c2" name="filter[45][]"
   value="10768"  />
<label class="checkbox__label" for="checkbox-6a6b3d50276c2">Istres 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50276e3" name="filter[45][]"
   value="11254"  />
<label class="checkbox__label" for="checkbox-6a6b3d50276e3">Jouques 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027704" name="filter[45][]"
   value="11315"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027704">La Barben 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027725" name="filter[45][]"
   value="10568"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027725">La Bouilladisse 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027746" name="filter[45][]"
   value="10625"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027746">La Ciotat 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027768" name="filter[45][]"
   value="10571"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027768">La Destrousse 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027788" name="filter[45][]"
   value="10517"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027788">La Fare-les-Oliviers 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50277aa" name="filter[45][]"
   value="10574"  />
<label class="checkbox__label" for="checkbox-6a6b3d50277aa">La Penne-sur-Huveaune 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50277cb" name="filter[45][]"
   value="11257"  />
<label class="checkbox__label" for="checkbox-6a6b3d50277cb">La Roque-d'Anthéron 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50277ed" name="filter[45][]"
   value="11229"  />
<label class="checkbox__label" for="checkbox-6a6b3d50277ed">Lamanon 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502780e" name="filter[45][]"
   value="10853"  />
<label class="checkbox__label" for="checkbox-6a6b3d502780e">Lambesc 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502782f" name="filter[45][]"
   value="10538"  />
<label class="checkbox__label" for="checkbox-6a6b3d502782f">Lançon-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027850" name="filter[45][]"
   value="11260"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027850">Le Puy-Sainte-Réparade 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502787f" name="filter[45][]"
   value="10628"  />
<label class="checkbox__label" for="checkbox-6a6b3d502787f">Le Rove 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50278a0" name="filter[45][]"
   value="11263"  />
<label class="checkbox__label" for="checkbox-6a6b3d50278a0">Le Tholonet 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50278c1" name="filter[45][]"
   value="10728"  />
<label class="checkbox__label" for="checkbox-6a6b3d50278c1">Les Pennes-Mirabeau 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50278e2" name="filter[45][]"
   value="10745"  />
<label class="checkbox__label" for="checkbox-6a6b3d50278e2">Mallemort 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027902" name="filter[45][]"
   value="10698"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027902">Marignane 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502792e" name="filter[45][]"
   value="10856"  />
<label class="checkbox__label" for="checkbox-6a6b3d502792e">Marseille 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502794f" name="filter[45][]"
   value="10590"  />
<label class="checkbox__label" for="checkbox-6a6b3d502794f">Martigues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027970" name="filter[45][]"
   value="11266"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027970">Meyrargues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027991" name="filter[45][]"
   value="11269"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027991">Meyreuil 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50279b3" name="filter[45][]"
   value="11272"  />
<label class="checkbox__label" for="checkbox-6a6b3d50279b3">Mimet 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50279d4" name="filter[45][]"
   value="10712"  />
<label class="checkbox__label" for="checkbox-6a6b3d50279d4">Miramas 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027a1f" name="filter[45][]"
   value="10587"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027a1f">Pertuis 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027a41" name="filter[45][]"
   value="10535"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027a41">Peynier 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027a63" name="filter[45][]"
   value="10577"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027a63">Peypin 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027a85" name="filter[45][]"
   value="11275"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027a85">Peyrolles-en-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027aa7" name="filter[45][]"
   value="10631"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027aa7">Plan-de-Cuques 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027ac8" name="filter[45][]"
   value="10859"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027ac8">Port-Saint-Louis-du-Rhône 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027ae9" name="filter[45][]"
   value="10709"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027ae9">Port-de-Bouc 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027b0a" name="filter[45][]"
   value="11278"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027b0a">Puyloubier 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027b2b" name="filter[45][]"
   value="11318"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027b2b">Pélissanne 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027b4c" name="filter[45][]"
   value="10536"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027b4c">Rognac 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027b6d" name="filter[45][]"
   value="11281"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027b6d">Rognes 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027b8e" name="filter[45][]"
   value="10634"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027b8e">Roquefort-la-Bédoule 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027baf" name="filter[45][]"
   value="10580"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027baf">Roquevaire 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027bd0" name="filter[45][]"
   value="11284"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027bd0">Rousset 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027bf2" name="filter[45][]"
   value="11287"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027bf2">Saint-Antonin-sur-Bayon 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027c13" name="filter[45][]"
   value="11290"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027c13">Saint-Cannat 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027c35" name="filter[45][]"
   value="11321"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027c35">Saint-Chamas 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027c55" name="filter[45][]"
   value="11293"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027c55">Saint-Estève-Janson 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027c77" name="filter[45][]"
   value="11296"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027c77">Saint-Marc-Jaumegarde 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027cad" name="filter[45][]"
   value="10593"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027cad">Saint-Mitre-les-Remparts 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027cd0" name="filter[45][]"
   value="10823"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027cd0">Saint-Paul-lès-Durance 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027cf1" name="filter[45][]"
   value="10583"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027cf1">Saint-Savournin 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027d25" name="filter[45][]"
   value="10637"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027d25">Saint-Victoret 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027d46" name="filter[45][]"
   value="10586"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027d46">Saint-Zacharie 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027d68" name="filter[45][]"
   value="10514"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027d68">Salon-de-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027d8a" name="filter[45][]"
   value="10640"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027d8a">Sausset-les-Pins 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027dab" name="filter[45][]"
   value="10643"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027dab">Septèmes-les-Vallons 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027dcc" name="filter[45][]"
   value="11299"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027dcc">Simiane-Collongue 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027dee" name="filter[45][]"
   value="10721"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027dee">Sénas 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027e0f" name="filter[45][]"
   value="10862"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027e0f">Trets 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027e30" name="filter[45][]"
   value="11302"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027e30">Vauvenargues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027e52" name="filter[45][]"
   value="10532"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027e52">Velaux 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027e72" name="filter[45][]"
   value="10595"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027e72">Venelles 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027e93" name="filter[45][]"
   value="10525"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027e93">Ventabren 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027eb5" name="filter[45][]"
   value="11324"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027eb5">Vernègues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027ed6" name="filter[45][]"
   value="10731"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027ed6">Vitrolles 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5027ef7" name="filter[45][]"
   value="11245"  />
<label class="checkbox__label" for="checkbox-6a6b3d5027ef7">Éguilles 
</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>
</span>
               
         <button    class="btn btn--transparent u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6a6b3d502820c" aria-controls="ddbtn6a6b3d502820c" aria-haspopup="true"
         ><span class="">
                  Thématiques </span>
               <span class="icon fa fa-filter far" aria-hidden="true" style="margin-left:.4rem;"
   ></span>
   </button>

   

   <span class="is-hidden u-absolute" id="ddbtn6a6b3d502820c" 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-6a6b3d50280c3" name="filter[70][]"
   value="11232"  />
<label class="checkbox__label" for="checkbox-6a6b3d50280c3">Aménagement 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d50280f3" name="filter[70][]"
   value="10868"  />
<label class="checkbox__label" for="checkbox-6a6b3d50280f3">Environnement et Risques 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5028116" name="filter[70][]"
   value="11308"  />
<label class="checkbox__label" for="checkbox-6a6b3d5028116">Habitat 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d5028138" name="filter[70][]"
   value="10885"  />
<label class="checkbox__label" for="checkbox-6a6b3d5028138">Mobilités 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502815a" name="filter[70][]"
   value="11327"  />
<label class="checkbox__label" for="checkbox-6a6b3d502815a">Travaux 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6a6b3d502817c" name="filter[70][]"
   value="10694"  />
<label class="checkbox__label" for="checkbox-6a6b3d502817c">Urbanisme et planification 
</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>
</span>
               <a  disabled="disabled"  href="https://je-participe.ampmetropole.fr/node_section/571"
      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_571_items" action="update">
    <template><div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/declaration-de-projet-emportant-mise-en-compatibilite-du-plan-local-durbanisme-de-salon-de-provence-relative-au-projet-de-nouvel-hopital-du-pays-salonais-a-salon-de-provence-5087" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Déclaration de projet emportant mise en compatibilité du Plan Local d'Urbanisme de Salon-de-Provence relative au projet de Nouvel Hôpital du Pays Salonais à Salon-de-Provence</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Le projet de Nouvel Hôpital du Pays Salonais et son Village
Santé constitue un projet d’envergure pour répondre aux besoins de santé du
territoire, notamment au travers de l’apport d’une offre de soin de santé
renouvelée et un renforcement des infrastructures médicales.</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://je-participe.ampmetropole.fr/fi/zwul86uBBbYe/WspFB2SRiiRSRA/Declaration_de_projet_emportant_mise_en_compatibilite_du_Plan_Local_d_Urbanisme_de_Salon-de-Provence_relative_au_projet_de_Nouvel_Hopital_du_Pays_Salonais_a_Salon-de-Provence" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/renouvellement-urbain-du-centre-ancien-dauriol-concertation-prealable-4530" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Renouvellement urbain du centre ancien d'Auriol - concertation préalable</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Le centre ancien de la commune
d’Auriol est fortement touché par des situations d’immeubles dégradés, déclarés
en péril.</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://je-participe.ampmetropole.fr/fi/5rgpWzmGneeG/cMKrY0BFnn81jB/Renouvellement_urbain_du_centre_ancien_d_Auriol_-_concertation_prealable" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/enquete-publique-sur-la-modification-n1-du-plu-de-miramas-4490" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Enquête publique sur la Modification n°1 du PLU de Miramas</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">La Métropole Aix-Marseille-Provence organise une enquête publique relative au projet de modification n°1 du </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://je-participe.ampmetropole.fr/fi/9VdQkeiKl0HnC/gTGZ27SzBBP8dc/Enquete_publique_sur_la_Modification_n1_du_PLU_de_Miramas" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/elaboration-du-plu-de-la-commune-de-la-barben-4484" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Elaboration du PLU de la commune de La Barben</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Il sera procédé à une enquête publique portant sur le projet du Plan Local d’Urbanisme (PLU) de la commune de La Barben. A cet effet, Monsieur Patrick Ledoux a été désigné en qualité de Commissaire Enquêteur par décision n°E26000021/13 du 23 avril 2026 du Tribunal Administratif de Marseille.

L’enquête publique se déroulera du mercredi...</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://je-participe.ampmetropole.fr/fi/DmK8RHKoKSAHU/PHUQ8uk7ZZ7uV2/Elaboration_du_PLU_de_la_commune_de_La_Barben" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/revision-allegee-n1-du-plu-de-grans-2212" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Révision allégée n°1 du PLU de Grans</strong>
         
         </a>

         
         

         

         
                     
                     </div>
         <div class="card__picture-wrapper-top">
         <div class="card__picture-wrapper">
                           <img class="card__picture__img img-absolute" alt=""
                  loading="lazy"
                  src="https://je-participe.ampmetropole.fr/fi/MgPTTbkD5BYF0/BWHYsoAv33vAvM/Revision_allegee_n1_du_PLU_de_Grans" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/dp-mec-n-1-du-plu-de-la-commune-deyguieres-1844" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">DP MEC n° 1 du PLU de la commune d'Eyguières</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Par délibération en date du 29 juin 2023, le Conseil de la Métropole a engagé la procédure de déclaration de projet emportant mise en compatibilité n° 1 du Plan Local d’Urbanisme (PLU) de la commune d’Eyguières.L’objectif poursuivi par cette procédure est de perme...</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://je-participe.ampmetropole.fr/fi/0doJFUhFSkrC/mAiAK7VS550HKt/DP_MEC_n_1_du_PLU_de_la_commune_d_Eyguieres" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/projet-dextension-de-la-ligne-t2-du-tramway-de-rue-de-rome-a-la-place-du-4-septembre-a-marseille-4124" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Projet d'extension de la ligne T2 du tramway de rue de Rome à la place du 4 Septembre à Marseille</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Le projet consiste à étendre le réseau de tramway sur 2,1km d’infrastructures nouvelles permettant de répondre aux besoins de mobilité des quartiers densément peuplés des 6ᵉ et 7ᵉ arrondissements de Marseille. Elle améliorera la desserte d’équipements majeurs en donnant lieu à la valorisation de l’espace public, notamment la plage des Catalans.
Le projet s’accompagne de la mise en place d’aménagements favorables aux modes doux et actifs de déplacements (pistes cyclables, circulations piétonnes...</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://je-participe.ampmetropole.fr/fi/YnxGsoxwOlFmr/MuUo7e0PmmkI89/Projet_d_extension_de_la_ligne_T2_du_tramway_de_rue_de_Rome_a_la_place_du_4_Septembre_a_Marseille" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/projet-de-revision-allegee-n-1-du-plu-de-la-commune-de-berre-letang-2210" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Projet de révision allégée n° 1 du PLU de la commune de Berre-l'Etang</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">La Métropole Aix-Marseille-Provence organise une...</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://je-participe.ampmetropole.fr/fi/zwuZEOuLmQnk/keNhuVhJUULMLb/Projet_de_revision_allegee_n_1_du_PLU_de_la_commune_de_Berre-l_Etang" />
                     </div>
      </div>
   </div></template>
</turbo-stream>

<turbo-stream target="node-section-cards_571_load" action="update">
    <template><a   href="https://je-participe.ampmetropole.fr/node_section/571?q=&amp;cursor=eyJvbmxpbmVfYXQiOiIyMDI2LTA1LTEzIDIyOjAwOjI2IiwiX3BvaW50c1RvTmV4dEl0ZW1zIjp0cnVlfQ"     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_571_title" action="update">
</turbo-stream>
