<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="ddbtn6aa8e698038f5" aria-controls="ddbtn6aa8e698038f5" 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="ddbtn6aa8e698038f5" 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 class="c-dropdown__arrow" data-dropdown-target="arrow" hidden></span>
   </span>
</span>
      
         <button    class="btn btn--transparent u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6aa8e69803f2a" aria-controls="ddbtn6aa8e69803f2a" 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="ddbtn6aa8e69803f2a" 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-6aa8e69803be3" name="filter[30][]"
   value="10493"  />
<label class="checkbox__label" for="checkbox-6aa8e69803be3">Concertation 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69803c3a" name="filter[30][]"
   value="10503"  />
<label class="checkbox__label" for="checkbox-6aa8e69803c3a">Consultation du public 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69803c78" name="filter[30][]"
   value="10510"  />
<label class="checkbox__label" for="checkbox-6aa8e69803c78">Enquête Publique 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69803cb2" name="filter[30][]"
   value="11865"  />
<label class="checkbox__label" for="checkbox-6aa8e69803cb2">Mise à disposition 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69803cec" name="filter[30][]"
   value="10715"  />
<label class="checkbox__label" for="checkbox-6aa8e69803cec">Participation 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69803d26" name="filter[30][]"
   value="10820"  />
<label class="checkbox__label" for="checkbox-6aa8e69803d26">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 class="c-dropdown__arrow" data-dropdown-target="arrow" hidden></span>
   </span>
</span>
               
         <button    class="btn btn--transparent u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6aa8e69804286" aria-controls="ddbtn6aa8e69804286" 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="ddbtn6aa8e69804286" 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-6aa8e698040ea" name="filter[33][]"
   value="11125"  />
<label class="checkbox__label" for="checkbox-6aa8e698040ea">A venir 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804130" name="filter[33][]"
   value="10655"  />
<label class="checkbox__label" for="checkbox-6aa8e69804130">En cours 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804179" name="filter[33][]"
   value="10502"  />
<label class="checkbox__label" for="checkbox-6aa8e69804179">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 class="c-dropdown__arrow" data-dropdown-target="arrow" hidden></span>
   </span>
</span>
               
         <button    class="btn btn--transparent u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6aa8e698057c8" aria-controls="ddbtn6aa8e698057c8" 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="ddbtn6aa8e698057c8" 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-6aa8e69804430" name="filter[45][]"
   value="10526"  />
<label class="checkbox__label" for="checkbox-6aa8e69804430">Aix-en-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804475" name="filter[45][]"
   value="11326"  />
<label class="checkbox__label" for="checkbox-6aa8e69804475">Allauch 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698044b0" name="filter[45][]"
   value="11309"  />
<label class="checkbox__label" for="checkbox-6aa8e698044b0">Alleins 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698044eb" name="filter[45][]"
   value="10519"  />
<label class="checkbox__label" for="checkbox-6aa8e698044eb">Aubagne 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804526" name="filter[45][]"
   value="10754"  />
<label class="checkbox__label" for="checkbox-6aa8e69804526">Auriol 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980456e" name="filter[45][]"
   value="11312"  />
<label class="checkbox__label" for="checkbox-6aa8e6980456e">Aurons 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698045a7" name="filter[45][]"
   value="11233"  />
<label class="checkbox__label" for="checkbox-6aa8e698045a7">Beaurecueil 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698045eb" name="filter[45][]"
   value="10559"  />
<label class="checkbox__label" for="checkbox-6aa8e698045eb">Belcodène 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804626" name="filter[45][]"
   value="10765"  />
<label class="checkbox__label" for="checkbox-6aa8e69804626">Berre-l'Étang 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804660" name="filter[45][]"
   value="11236"  />
<label class="checkbox__label" for="checkbox-6aa8e69804660">Bouc-Bel-Air 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980469a" name="filter[45][]"
   value="10741"  />
<label class="checkbox__label" for="checkbox-6aa8e6980469a">Cabriès 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698046d4" name="filter[45][]"
   value="10562"  />
<label class="checkbox__label" for="checkbox-6aa8e698046d4">Cadolive 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980470d" name="filter[45][]"
   value="10601"  />
<label class="checkbox__label" for="checkbox-6aa8e6980470d">Carnoux-en-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804747" name="filter[45][]"
   value="10604"  />
<label class="checkbox__label" for="checkbox-6aa8e69804747">Carry-le-Rouet 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804780" name="filter[45][]"
   value="10607"  />
<label class="checkbox__label" for="checkbox-6aa8e69804780">Cassis 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698047bb" name="filter[45][]"
   value="10610"  />
<label class="checkbox__label" for="checkbox-6aa8e698047bb">Ceyreste 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698047f3" name="filter[45][]"
   value="10733"  />
<label class="checkbox__label" for="checkbox-6aa8e698047f3">Charleval 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980482c" name="filter[45][]"
   value="11239"  />
<label class="checkbox__label" for="checkbox-6aa8e6980482c">Châteauneuf-le-Rouge 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804865" name="filter[45][]"
   value="10613"  />
<label class="checkbox__label" for="checkbox-6aa8e69804865">Châteauneuf-les-Martigues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980489c" name="filter[45][]"
   value="10817"  />
<label class="checkbox__label" for="checkbox-6aa8e6980489c">Cornillon-Confoux 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698048d5" name="filter[45][]"
   value="11242"  />
<label class="checkbox__label" for="checkbox-6aa8e698048d5">Coudoux 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980490f" name="filter[45][]"
   value="10565"  />
<label class="checkbox__label" for="checkbox-6aa8e6980490f">Cuges-les-Pins 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804959" name="filter[45][]"
   value="10616"  />
<label class="checkbox__label" for="checkbox-6aa8e69804959">Ensuès-la-Redonne 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804980" name="filter[45][]"
   value="10530"  />
<label class="checkbox__label" for="checkbox-6aa8e69804980">Eyguières 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698049b5" name="filter[45][]"
   value="10513"  />
<label class="checkbox__label" for="checkbox-6aa8e698049b5">Fos-sur-Mer 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698049eb" name="filter[45][]"
   value="11248"  />
<label class="checkbox__label" for="checkbox-6aa8e698049eb">Fuveau 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804a1f" name="filter[45][]"
   value="10850"  />
<label class="checkbox__label" for="checkbox-6aa8e69804a1f">Gardanne 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804a53" name="filter[45][]"
   value="10622"  />
<label class="checkbox__label" for="checkbox-6aa8e69804a53">Gignac-la-Nerthe 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804a84" name="filter[45][]"
   value="10829"  />
<label class="checkbox__label" for="checkbox-6aa8e69804a84">Grans 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804ab7" name="filter[45][]"
   value="11251"  />
<label class="checkbox__label" for="checkbox-6aa8e69804ab7">Gréasque 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804aea" name="filter[45][]"
   value="10619"  />
<label class="checkbox__label" for="checkbox-6aa8e69804aea">Gémenos 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804b1c" name="filter[45][]"
   value="10768"  />
<label class="checkbox__label" for="checkbox-6aa8e69804b1c">Istres 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804b4d" name="filter[45][]"
   value="11254"  />
<label class="checkbox__label" for="checkbox-6aa8e69804b4d">Jouques 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804b7e" name="filter[45][]"
   value="11315"  />
<label class="checkbox__label" for="checkbox-6aa8e69804b7e">La Barben 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804bb0" name="filter[45][]"
   value="10568"  />
<label class="checkbox__label" for="checkbox-6aa8e69804bb0">La Bouilladisse 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804be1" name="filter[45][]"
   value="10625"  />
<label class="checkbox__label" for="checkbox-6aa8e69804be1">La Ciotat 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804c12" name="filter[45][]"
   value="10571"  />
<label class="checkbox__label" for="checkbox-6aa8e69804c12">La Destrousse 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804c42" name="filter[45][]"
   value="10517"  />
<label class="checkbox__label" for="checkbox-6aa8e69804c42">La Fare-les-Oliviers 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804c75" name="filter[45][]"
   value="10574"  />
<label class="checkbox__label" for="checkbox-6aa8e69804c75">La Penne-sur-Huveaune 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804ca5" name="filter[45][]"
   value="11257"  />
<label class="checkbox__label" for="checkbox-6aa8e69804ca5">La Roque-d'Anthéron 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804cd5" name="filter[45][]"
   value="11229"  />
<label class="checkbox__label" for="checkbox-6aa8e69804cd5">Lamanon 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804d04" name="filter[45][]"
   value="10853"  />
<label class="checkbox__label" for="checkbox-6aa8e69804d04">Lambesc 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804d41" name="filter[45][]"
   value="10538"  />
<label class="checkbox__label" for="checkbox-6aa8e69804d41">Lançon-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804d73" name="filter[45][]"
   value="11260"  />
<label class="checkbox__label" for="checkbox-6aa8e69804d73">Le Puy-Sainte-Réparade 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804da4" name="filter[45][]"
   value="10628"  />
<label class="checkbox__label" for="checkbox-6aa8e69804da4">Le Rove 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804dd4" name="filter[45][]"
   value="11263"  />
<label class="checkbox__label" for="checkbox-6aa8e69804dd4">Le Tholonet 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804e06" name="filter[45][]"
   value="10728"  />
<label class="checkbox__label" for="checkbox-6aa8e69804e06">Les Pennes-Mirabeau 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804e38" name="filter[45][]"
   value="10745"  />
<label class="checkbox__label" for="checkbox-6aa8e69804e38">Mallemort 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804e6a" name="filter[45][]"
   value="10698"  />
<label class="checkbox__label" for="checkbox-6aa8e69804e6a">Marignane 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804e9c" name="filter[45][]"
   value="10856"  />
<label class="checkbox__label" for="checkbox-6aa8e69804e9c">Marseille 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804ecc" name="filter[45][]"
   value="10590"  />
<label class="checkbox__label" for="checkbox-6aa8e69804ecc">Martigues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804efd" name="filter[45][]"
   value="11266"  />
<label class="checkbox__label" for="checkbox-6aa8e69804efd">Meyrargues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804f2c" name="filter[45][]"
   value="11269"  />
<label class="checkbox__label" for="checkbox-6aa8e69804f2c">Meyreuil 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804f5d" name="filter[45][]"
   value="11272"  />
<label class="checkbox__label" for="checkbox-6aa8e69804f5d">Mimet 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804f8f" name="filter[45][]"
   value="10712"  />
<label class="checkbox__label" for="checkbox-6aa8e69804f8f">Miramas 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804fc1" name="filter[45][]"
   value="10587"  />
<label class="checkbox__label" for="checkbox-6aa8e69804fc1">Pertuis 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69804ff2" name="filter[45][]"
   value="10535"  />
<label class="checkbox__label" for="checkbox-6aa8e69804ff2">Peynier 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805024" name="filter[45][]"
   value="10577"  />
<label class="checkbox__label" for="checkbox-6aa8e69805024">Peypin 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805056" name="filter[45][]"
   value="11275"  />
<label class="checkbox__label" for="checkbox-6aa8e69805056">Peyrolles-en-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805089" name="filter[45][]"
   value="10631"  />
<label class="checkbox__label" for="checkbox-6aa8e69805089">Plan-de-Cuques 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698050b9" name="filter[45][]"
   value="10859"  />
<label class="checkbox__label" for="checkbox-6aa8e698050b9">Port-Saint-Louis-du-Rhône 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698050eb" name="filter[45][]"
   value="10709"  />
<label class="checkbox__label" for="checkbox-6aa8e698050eb">Port-de-Bouc 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805125" name="filter[45][]"
   value="11278"  />
<label class="checkbox__label" for="checkbox-6aa8e69805125">Puyloubier 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805158" name="filter[45][]"
   value="11318"  />
<label class="checkbox__label" for="checkbox-6aa8e69805158">Pélissanne 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980518a" name="filter[45][]"
   value="10536"  />
<label class="checkbox__label" for="checkbox-6aa8e6980518a">Rognac 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698051ba" name="filter[45][]"
   value="11281"  />
<label class="checkbox__label" for="checkbox-6aa8e698051ba">Rognes 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698051eb" name="filter[45][]"
   value="10634"  />
<label class="checkbox__label" for="checkbox-6aa8e698051eb">Roquefort-la-Bédoule 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980521b" name="filter[45][]"
   value="10580"  />
<label class="checkbox__label" for="checkbox-6aa8e6980521b">Roquevaire 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980524b" name="filter[45][]"
   value="11284"  />
<label class="checkbox__label" for="checkbox-6aa8e6980524b">Rousset 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980527c" name="filter[45][]"
   value="11287"  />
<label class="checkbox__label" for="checkbox-6aa8e6980527c">Saint-Antonin-sur-Bayon 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698052ae" name="filter[45][]"
   value="11290"  />
<label class="checkbox__label" for="checkbox-6aa8e698052ae">Saint-Cannat 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698052de" name="filter[45][]"
   value="11321"  />
<label class="checkbox__label" for="checkbox-6aa8e698052de">Saint-Chamas 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e6980530e" name="filter[45][]"
   value="11293"  />
<label class="checkbox__label" for="checkbox-6aa8e6980530e">Saint-Estève-Janson 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805340" name="filter[45][]"
   value="11296"  />
<label class="checkbox__label" for="checkbox-6aa8e69805340">Saint-Marc-Jaumegarde 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805371" name="filter[45][]"
   value="10593"  />
<label class="checkbox__label" for="checkbox-6aa8e69805371">Saint-Mitre-les-Remparts 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698053a2" name="filter[45][]"
   value="10823"  />
<label class="checkbox__label" for="checkbox-6aa8e698053a2">Saint-Paul-lès-Durance 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698053d2" name="filter[45][]"
   value="10583"  />
<label class="checkbox__label" for="checkbox-6aa8e698053d2">Saint-Savournin 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805402" name="filter[45][]"
   value="10637"  />
<label class="checkbox__label" for="checkbox-6aa8e69805402">Saint-Victoret 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805434" name="filter[45][]"
   value="10586"  />
<label class="checkbox__label" for="checkbox-6aa8e69805434">Saint-Zacharie 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805464" name="filter[45][]"
   value="10514"  />
<label class="checkbox__label" for="checkbox-6aa8e69805464">Salon-de-Provence 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805493" name="filter[45][]"
   value="10640"  />
<label class="checkbox__label" for="checkbox-6aa8e69805493">Sausset-les-Pins 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698054c3" name="filter[45][]"
   value="10643"  />
<label class="checkbox__label" for="checkbox-6aa8e698054c3">Septèmes-les-Vallons 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805505" name="filter[45][]"
   value="11299"  />
<label class="checkbox__label" for="checkbox-6aa8e69805505">Simiane-Collongue 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805536" name="filter[45][]"
   value="10721"  />
<label class="checkbox__label" for="checkbox-6aa8e69805536">Sénas 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805566" name="filter[45][]"
   value="10862"  />
<label class="checkbox__label" for="checkbox-6aa8e69805566">Trets 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698055a1" name="filter[45][]"
   value="11302"  />
<label class="checkbox__label" for="checkbox-6aa8e698055a1">Vauvenargues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698055d1" name="filter[45][]"
   value="10532"  />
<label class="checkbox__label" for="checkbox-6aa8e698055d1">Velaux 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805601" name="filter[45][]"
   value="10595"  />
<label class="checkbox__label" for="checkbox-6aa8e69805601">Venelles 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805631" name="filter[45][]"
   value="10525"  />
<label class="checkbox__label" for="checkbox-6aa8e69805631">Ventabren 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805664" name="filter[45][]"
   value="11324"  />
<label class="checkbox__label" for="checkbox-6aa8e69805664">Vernègues 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805694" name="filter[45][]"
   value="10731"  />
<label class="checkbox__label" for="checkbox-6aa8e69805694">Vitrolles 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698056c4" name="filter[45][]"
   value="11245"  />
<label class="checkbox__label" for="checkbox-6aa8e698056c4">É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 class="c-dropdown__arrow" data-dropdown-target="arrow" hidden></span>
   </span>
</span>
               
         <button    class="btn btn--transparent u-relative c-dropdown-btn is-hidden" type="button" aria-describedby="ddbtn6aa8e69805ba8" aria-controls="ddbtn6aa8e69805ba8" 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="ddbtn6aa8e69805ba8" 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-6aa8e6980598d" name="filter[70][]"
   value="11232"  />
<label class="checkbox__label" for="checkbox-6aa8e6980598d">Aménagement 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698059c4" name="filter[70][]"
   value="11937"  />
<label class="checkbox__label" for="checkbox-6aa8e698059c4">Economie 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e698059f6" name="filter[70][]"
   value="10868"  />
<label class="checkbox__label" for="checkbox-6aa8e698059f6">Environnement et Risques 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805a27" name="filter[70][]"
   value="11308"  />
<label class="checkbox__label" for="checkbox-6aa8e69805a27">Habitat 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805a5c" name="filter[70][]"
   value="10885"  />
<label class="checkbox__label" for="checkbox-6aa8e69805a5c">Mobilités 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805a90" name="filter[70][]"
   value="11327"  />
<label class="checkbox__label" for="checkbox-6aa8e69805a90">Travaux 
</label>
                     </li>
                                       <li class="u-relative"><input  class="checkbox" type="checkbox" id="checkbox-6aa8e69805ac6" name="filter[70][]"
   value="10694"  />
<label class="checkbox__label" for="checkbox-6aa8e69805ac6">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 class="c-dropdown__arrow" data-dropdown-target="arrow" hidden></span>
   </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="append">
    <template><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>
   <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-2-du-plu-de-la-commune-de-berre-letang-2207" 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° 2 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 concertation relative
à la révision allégée n°2 du Plan Local d’Urbanisme (PLU) de la
commune de Berre-L’Etang adopté le 23 mars 2017.</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/klJAN9LtpPS9s/QJqfPyLwYYXqn4/Projet_de_revision_allegee_n_2_du_PLU_de_la_commune_de_Berre-l_Etang" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/modification-n3-du-plu-de-saint-mitre-les-remparts-1919" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Modification n°3 du PLU de Saint-Mitre-les-Remparts</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">🎯</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/87hl9WxBaAaVf/2BPBtaOEWWQnyg/Modification_n3_du_PLU_de_Saint-Mitre-les-Remparts" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/captage-deau-potable-de-la-guerite-a-lamanon-2106" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Captage d'eau potable de la Guérite à Lamanon</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/9VdFPoiluHpB/qbC3DYlWNNWyIr/Captage_d_eau_potable_de_la_Guerite_a_Lamanon" />
                     </div>
      </div>
   </div>
   <div
   class="card">
   <div class="card__content card--with-image">
                  
      <a class="card__link" href="https://je-participe.ampmetropole.fr/parc-bellevue-marseille-3eme-ouverture-de-la-concertation-reglementaire-prealable-a-loperation-damenagement-visant-le-renouvellement-urbain-du-parc-bellevue-2109" title="En savoir plus"
                   target="_blank"  rel="nofollow noopener noreferrer"                            >

                     <strong class="card__title h3 u-txt-clamp" style="--lines:3">Parc Bellevue, Marseille 3ème - ouverture de la concertation règlementaire préalable à l’opération d’aménagement visant le renouvellement urbain du Parc Bellevue</strong>
         
         </a>

         
                     <span class="card__description u-txt-clamp" style="--lines:4">Le
Parc Bellevue est un ensemble immobilier situé dans le 3ème
arrondissement de Marseille – 143 rue Félix Pyat – Quartier St Mauront, composé
de plusieurs copropriétés privées. Construit en 1958, il comporte aujourd’hui
643 logements r...</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/ZDe7jyevtFRq/fO3ZuM8L77aham/Parc_Bellevue__Marseille_3eme_-_ouverture_de_la_concertation_reglementaire_prealable_a_l_operation_d_amenagement_visant_le_renouvellement_urbain_du_Parc_Bellevue" />
                     </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_section_cards_571=eyJvbmxpbmVfYXQiOiIyMDI2LTAxLTEyIDE1OjU3OjQ1IiwiX3BvaW50c1RvTmV4dEl0ZW1zIjp0cnVlfQ"     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>
