<!--3EME COLONNE-->
<div class="col-12 col-m-12 col-l-4">
<div class="map">
+ <iframe
+ width="100%" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
+ src="http://www.heureux-cyclage.org/?page=carte_de_sites_plein&groupe=Ateliers&boite=non&images=oui&haut=400&pk_campaign=Carte Ateliers&lat=45.16582097577153&lon=5.726451873779297&zoom=12&iframe=non&lang=fr"
+ style="border: 1px solid black">
+ </iframe>
</div>
</div>
<div class="col-12 col-m-12 col-l-4">
<div class="agenda">
+ <h1>Agenda</h1>
+ <B_evenements>
+ <ul>
+ <BOUCLE_evenements(EVENEMENTS){age<0}>
+ <li>
+ <div class=event>
+ <div class="date">
+ <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|affdate{d M})]</time></p>
+ <p><time datetime="#DATE_DEBUT">[(#DATE_DEBUT|heures)]:[(#DATE_DEBUT|minutes)]</time></p>
+ </div>
+ <div class="nature">
+ <p>#TITRE</p>
+ </div>
+ </div>
+ </li>
+ </BOUCLE_evenements>
+ </ul>
+ </B_evenements>
</div>
</div>
</section>