+ <section id="wrap">
+<!--1ERE COLONNE-->
+ <B_rubriques>
+ <div class="col-12 col-m-6 col-l-3">
+ <div id="ateliers">
+ <ul>
+ <BOUCLE_rubriques(RUBRIQUES)>
+ <li>
+ <a href="#"><h1>#TITRE</h1></a>
+ <a href="#"><h2>#TEXTE</h2></a>
+ <a href="#"><h2>horaires</h2></a>
+ </li>
+ </BOUCLE_rubriques>
+ </ul>
+ </div>
+ </div>
+ </B_rubriques>
+
+<!--2EME COLONNE-->
+ <B_articles>
+ <div class="col-12 col-m-6 col-l-5">
+ <div id="news">
+ <BOUCLE_articles(ARTICLES)>
+ <div class="article">
+ <a href="#">[(#LOGO_ARTICLE_RUBRIQUE|inserer_attribut{alt,"logo"})]</a>
+ <a href="#"><h1>#TITRE</h1></a>
+ <BOUCLE_rub(RUBRIQUES){id_rubrique=#ID_RUBRIQUE}>
+ <a href="#"><h3>#_articles:DATE - #TITRE</h3></a>
+ </BOUCLE_rub>
+ <a href="#"><p>#INTRODUCTION</p></a>
+ </div>
+ </BOUCLE_articles>
+ </div>
+ </div>
+ </B_articles>
+
+<!--3EME COLONNE-->
+ <div class="col-12 col-m-12 col-l-4">
+ <div class="map">
+ </div>
+ </div>
+ <div class="col-12 col-m-12 col-l-4">
+ <div class="agenda">
+ </div>
+ </div>
+ </section>