<turbo-stream action="update" target="calendar_feature_1520873"><template>
  <div class="calendar-wrap">
      <section class="upcoming">
      <article class="list-style">
  
<div class="event-detail" data-event-id="6548255" data-occurrence-id="760631179">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">juin</span><span class="calendar-placeholder-day">18</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary">Hellfest - Purple House</h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when"><time class="from"><span class="date">jeudi, le 18 juin</span></time></span></span><span class="date-short"><span class="event-when"><time class="from"><span class="date">jeu le 18 juin</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <span>Clisson</span>
        </p>
    </div>


    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

</div>


  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="6606690" data-occurrence-id="766015356">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">juin</span><span class="calendar-placeholder-day">20</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary">Fête de la musique</h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when"><time class="from"><span class="date">samedi, le 20 juin</span></time></span></span><span class="date-short"><span class="event-when"><time class="from"><span class="date">sam le 20 juin</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Voir sur Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=Avrill%C3%A9,%20Avrill%C3%A9">Avrillé, Avrillé</a>
        </p>
    </div>


    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=Avrill%C3%A9,%20Avrill%C3%A9">Voir sur Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="6606693" data-occurrence-id="766015354">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">juin</span><span class="calendar-placeholder-day">21</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary">Bubar</h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when"><time class="from"><span class="date">dimanche, le 21 juin</span></time></span></span><span class="date-short"><span class="event-when"><time class="from"><span class="date">dim le 21 juin</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Voir sur Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=Nantes">Nantes</a>
        </p>
    </div>


    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=Nantes">Voir sur Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>


      <div class="pdf__hide">
    <nav class="pagination">
    <span class="first">
  <a href="/accueil/features/load/calendar_feature_1520873.turbo_stream?calendar_page=1"><span class='pagination-decoration icon icon-first'></span>Premier</a>
</span>

    <span class="prev">
  <a rel="prev" href="/accueil/features/load/calendar_feature_1520873.turbo_stream?calendar_page=1"><span class='pagination-decoration icon icon-previous'></span>Précédent</a>
</span>
        <span class="page">
  <a rel="prev" href="/accueil/features/load/calendar_feature_1520873.turbo_stream?calendar_page=1">1</a>
</span>

        <span class="page current">
  2
</span>

        <span class="page">
  <a rel="next" href="/accueil/features/load/calendar_feature_1520873.turbo_stream?calendar_page=3">3</a>
</span>

        <span class="page gap">…</span>

        <span class="page">
  <a href="/accueil/features/load/calendar_feature_1520873.turbo_stream?calendar_page=6">6</a>
</span>

      <span class="next">
  <a rel="next" href="/accueil/features/load/calendar_feature_1520873.turbo_stream?calendar_page=3">Suivant<span class='pagination-decoration icon icon-next'></span></a>
</span>
      <span class="last">
  <a href="/accueil/features/load/calendar_feature_1520873.turbo_stream?calendar_page=6">Dernier<span class='pagination-decoration icon icon-last'></span></a>
</span>

  </nav>

</div>

    </section>

  <div class="view-past-events">
  <a data-turbo-stream="true" href="/accueil/features/load/calendar_feature_1520873?calendar_page_prev=1">Afficher les événements passés</a>
</div>



</div>

</template></turbo-stream>