diff --git a/design_system_admin/modeles/dsfr_lien.html b/design_system_admin/modeles/dsfr_lien.html
index 4dfdf86490b5e1392dedeb14e8fd44d8707bf326..25c2a6fec89336eb1e323233c923897058a135a3 100644
--- a/design_system_admin/modeles/dsfr_lien.html
+++ b/design_system_admin/modeles/dsfr_lien.html
@@ -9,7 +9,6 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre
 [(#ENV{fin}|oui)</div>]
 
 [(#REM) gestion des icones ]
-
 [(#ENV{icone}|=={ajouter}|oui) #SET{mon-icone, ' fr-icon-file-add-fill'} ]
 [(#ENV{icone}|=={ampoule}|oui) #SET{mon-icone, ' fr-icon-lightbulb-fill'} ]
 [(#ENV{icone}|=={archive}|oui) #SET{mon-icone, ' fr-icon-archive-fill'} ]
@@ -152,11 +151,9 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre
 [(#REM)icone par defaut]
 [(#ENV{icone}|oui) #SET{mon-icone, ' fr-icon-arrow-right-line'} ]
 
-
 [(#ENV{icone-dsfr}|oui) #SET{mon-icone, #ENV{icone-dsfr}}]
 
-[(#REM) gestion des couleurs ]
-  
+[(#REM) gestion des couleurs ] 
 [(#ENV{couleur}|=={jaune}|oui) #SET{ma_couleur, 'fr-callout--yellow-moutarde'} ]
 [(#ENV{couleur}|=={jaune-clair}|oui) #SET{ma_couleur, 'fr-callout--yellow-tournesol'} ]
 [(#ENV{couleur}|=={bleu}|oui) #SET{ma_couleur, 'fr-callout--blue-cumulus'} ]
@@ -192,198 +189,392 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre
 [(#ENV{couleur_badge}|=={rouge}|oui) #SET{moncouleurbadge, 'fr-badge--error'} ]
 [(#ENV{couleur_badge}|=={vert}|oui) #SET{moncouleurbadge, 'fr-badge--success'} ]
 
-
-
-<BOUCLE_condition_rubrique(CONDITION){si #ENV{rub}|oui}>
-  [(#REM) c'est une rubrique ]
-
-
-  [(#REM) c'est une rubrique avec un format card ]
+[(#REM) c'est un article ]
+<BOUCLE_condition_article(CONDITION){si #ENV{id}|oui}> 
+
+  [(#REM) c'est un article avec un format card ]
+  <BOUCLE_article-carte(ARTICLES){SI #ENV{carte}|oui}{id_article=#ENV{id}} >
+
+  [(#ENV{vertical}|oui)
+  <div class="fr-col fr-col-12
+  [(#ENV{2cartes}|oui) fr-col-md-6 ]
+  [(#ENV{3cartes}|oui) fr-col-md-4 ]
+  [(#ENV{4cartes}|oui) fr-col-md-3 ]
+  ">]
+
+    <div class="fr-card fr-enlarge-link 
+    [(#ENV{vertical}|non) fr-card--horizontal]
+    [(#ENV{ratio50}|oui) fr-card--horizontal-half]
+    [(#ENV{ratio30}|oui) fr-card--horizontal-tier]
+    fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w ">
+      <div class="fr-card__body">
+          <div class="fr-card__content [(#GET{ma_couleur})]">
+              <p class="fr-card__title">
+                  <a href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+              </p>
+              <div class="fr-card__desc">[(#INTRODUCTION{150})]</div>
+              [<div class="fr-card__start">
+                <ul class="fr-badges-group">
+                    <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li>
+                </ul>
+            </div>]
+            [(#ENV{sans-date}|non)<div class="fr-card__start">
+                  <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
+              </div>]
+          </div>
+      </div>
+
+      <BOUCLE_conditionsimage_a0(CONDITION){SI #ENV{sans-image}|non}>
+        <div class="fr-card__header">
+            <div class="fr-card__img">
+              <BOUCLE_conditionsimage_a(CONDITION){SI #ENV{logo}|oui}>
+                [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+              </BOUCLE_conditionsimage_a>
+
+              <BOUCLE_conditionsimage_a2(CONDITION){SI #ENV{image}|oui}>
+                <BOUCLE_image_bignews_a3(DOCUMENTS){id_article}{0,1}>
+                 [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                </BOUCLE_image_bignews_a3>
+              </BOUCLE_conditionsimage_a2>
+
+              <BOUCLE_conditionsimage_id(CONDITION){SI #ENV{image_id}|oui}>
+                <BOUCLE_image_doc_id(DOCUMENTS){id_document=#ENV{image_id}}{0,1}>
+                  [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                </BOUCLE_image_doc_id>
+              </BOUCLE_conditionsimage_id>
+
+              <BOUCLE_conditionsimage_a3(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}>
+                    <BOUCLE_theme23_a(MOTS){id_article}{id_groupe=14}>
+                      #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
+                      <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}"  alt="">
+                      </BOUCLE_theme23_a>
                       
+                      <BOUCLE_image_par_defaut(ARTICLES){id_article}{0,1}>
+                        [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                      </BOUCLE_image_par_defaut>
 
-                      <BOUCLE_rubrique-carte(RUBRIQUES){SI #ENV{carte}|oui}{id_rubrique=#ENV{rub}} >
-                        [(#ENV{vertical}|oui)
-                        <div class="fr-col fr-col-12
-                        [(#ENV{2cartes}|oui) fr-col-md-6 ]
-                        [(#ENV{3cartes}|oui) fr-col-md-4 ]
-                        [(#ENV{4cartes}|oui) fr-col-md-3 ]
-                        ">]
-                        <div class="fr-card fr-enlarge-link 
-                        [(#ENV{vertical}|non) fr-card--horizontal]
-                        [(#ENV{ratio50}|oui) fr-card--horizontal-half]
-                        [(#ENV{ratio30}|oui) fr-card--horizontal-tier]
-                        fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w ">
-                          <div class="fr-card__body">
-                              <div class="fr-card__content [(#GET{ma_couleur})]">
-                                  <p class="fr-card__title">
-                                      <a href="#URL_RUBRIQUE">#TITRE</a>
-                                  </p>
-                                  <div class="fr-card__desc">[(#INTRODUCTION{150})]</div>
-                                  [<div class="fr-card__start">
-                                    <ul class="fr-badges-group">
-                                        <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li>
-                                    </ul>
-                                </div>]
-                                [(#ENV{sans-date}|non)<div class="fr-card__start">
-                                      <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
-                                  </div>]
-                              </div>
-                          </div>
-                          <BOUCLE_conditionsimage0(CONDITION){SI #ENV{sans-image}|non}>
-                          <div class="fr-card__header">
-                              <div class="fr-card__img">
-                                <BOUCLE_conditionsimage(CONDITION){SI #ENV{logo}|oui}>
-                                  [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                  [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                </BOUCLE_conditionsimage>
-
-                                <BOUCLE_conditionsimage2(CONDITION){SI #ENV{image}|oui}>
-                                  <BOUCLE_image_bignews3(DOCUMENTS){id_rubrique}{0,1}>
-                                    [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                  </BOUCLE_image_bignews3>
-                                </BOUCLE_conditionsimage2>
-
-                                <BOUCLE_conditionsimagerub_id(CONDITION){SI #ENV{image_id}|oui}>
-                                  <BOUCLE_image_docrub_id(DOCUMENTS){id_document=#ENV{image_id}}{0,1}>
-                                    [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                  </BOUCLE_image_docrub_id>
-                                </BOUCLE_conditionsimagerub_id>
-
-                                <BOUCLE_conditionsimage3(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}>
-                                      <BOUCLE_theme23(MOTS){id_rubrique}{id_groupe=14}>
-                                        #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
-                                        <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}"  alt="">
-                                        </BOUCLE_theme23> 
-                                        [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                      <//B_theme23> 
-                                </BOUCLE_conditionsimage3>
-
-                              </div>  
-                          </div>
-                        </BOUCLE_conditionsimage0>
-
-                      </div>
-
-                      [(#ENV{vertical}|oui)</div>]
-                      </BOUCLE_rubrique-carte>
-
-                      [(#REM) c'est une rubrique avec un format tuile ]
+                      <//B_theme23_a>
+              </BOUCLE_conditionsimage_a3>
 
-                      <BOUCLE_rubrique-tuile(RUBRIQUES){SI #ENV{tuile}|oui} {id_rubrique=#ENV{rub}}>
-                        [(#ENV{vertical}|oui)
-                        <div class="fr-col fr-col-12
-                        [(#ENV{2cartes}|oui) fr-col-md-6 ]
-                        [(#ENV{3cartes}|oui) fr-col-md-4 ]
-                        [(#ENV{4cartes}|oui) fr-col-md-3 ]
-                        ">]
-                        <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w">
-                          <div class="fr-tile__body">
-                            <div class="fr-tile__content">
-                              <h4 class="fr-tile__title">
-                                  <a class="" href="#URL_RUBRIQUE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
-                              </h4>
-                              <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div>
-                          </div>
-                        </div>
-                          <BOUCLE_conditionstuileimage(CONDITION){SI #ENV{sans-image}|non}>
-                            <div class="fr-tile__img">
-                              
-                           
-                                <BOUCLE_image_rub_tuile(DOCUMENTS){id_rubrique}{0,1}>
-                              [(#FICHIER |image_reduire{80,80} |image_recadre{80,80,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                              </BOUCLE_image_rub_tuile>
-                             
-                              <BOUCLE_theme25(MOTS){id_rubrique}{id_groupe=14}>
-                                        #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
-                                        <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}"  alt="">
-                              </BOUCLE_theme25> 
-                               
-                           
-                        </div>
-                        </BOUCLE_conditionstuileimage>
-                        </div>
-                        [(#ENV{vertical}|oui)</div>]
-                        </BOUCLE_rubrique-tuile>
+            </div>  
+        </div>
+      </BOUCLE_conditionsimage_a0>
+
+  </div>
+  [(#ENV{vertical}|oui)</div>]
+  </BOUCLE_article-carte>
+
+  [(#REM) c'est un article avec un format tuile ]
+  <BOUCLE_article-tuile(ARTICLES){SI #ENV{tuile}|oui} {id_article=#ENV{id}}>
+    [(#ENV{vertical}|oui)
+    <div class="fr-col fr-col-12
+    [(#ENV{2cartes}|oui) fr-col-md-6 ]
+    [(#ENV{3cartes}|oui) fr-col-md-4 ]
+    [(#ENV{4cartes}|oui) fr-col-md-3 ]
+    ">]
+    <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w">
+      <div class="fr-tile__body">
+        <div class="fr-tile__content">
+          <h4 class="fr-tile__title">
+              <a class="fr-tile__link" href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+          </h4>
+          <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div>
+      </div>
+    </div>
+      <BOUCLE_conditionstuileimage2(CONDITION){SI #ENV{sans-image}|non}>
+      <div class="fr-tile__img">
+        <BOUCLE_image_tuile(DOCUMENTS){id_article}{0,1}>
+          [(#FICHIER |image_reduire{200,350} |image_recadre{200,200,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+          </BOUCLE_image_tuile>
+          <img src="#CHEMIN{../dse_theme/images/ODD-banniere-agenda.jpg}" width="250" height="140" class="fr-responsive-img" alt="" />
+          <//B_image_tuile>
+      </div>
+    </BOUCLE_conditionstuileimage2>
+    </div>
+    [(#ENV{vertical}|oui)</div>]
+    </BOUCLE_article-tuile>
+
+    [(#REM) c'est un article avec un format bouton ]
+    <BOUCLE_article-bouton(ARTICLES){SI #ENV{bouton}|oui} {id_article=#ENV{id}}>
+    <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{tertiaire}|oui) fr-btn--tertiary] [(#ENV{sans-encadre}|oui) fr-btn--tertiary-no-outline] [(#GET{mon-icone}) ] [(#ENV{icone-gauche}|non) [(#ENV{icone-seule}|non) fr-btn--icon-right ]] [(#ENV{icone-gauche}|oui) fr-btn--icon-left] [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [(#ENV{icone-seule}|oui)title="[(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE]"]  [style="width:(#ENV{largeur})"] href="#URL_ARTICLE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non)  #TITRE] - ouvre une nouvelle fenêtre"] >	[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+  </BOUCLE_article-bouton>
+
+  [(#REM) c'est un article avec un format tag ]
+  <BOUCLE_article-tag(ARTICLES){SI #ENV{tag}|oui} {id_article=#ENV{id}}>
+    <a class="fr-tag fr-my-1v [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-tag--icon-right] [(#ENV{icone-gauche}|oui) fr-tag--icon-left] [(#ENV{petit}|oui) fr-tag--sm] [(#ENV{grand}|oui) fr-tag--lg]" target="_self" href="#URL_ARTICLE" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+  </BOUCLE_article-tag>
+
+    [(#REM) ce n'est pas  une card ou une tuile  ou un bouton  ou un tag 
+    donc c'est un article simple ou avec un target blank une taille et une icone]
+
+    <BOUCLE_article-simple(ARTICLES){id_article=#ENV{id}}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}{SI #ENV{tag}|non}>
+      <a  class="fr-link  [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-link--icon-right] [(#ENV{icone-gauche}|oui) fr-link--icon-left] [(#ENV{petit}|oui) fr-link--sm] [(#ENV{grand}|oui) fr-link--lg]" href="#URL_ARTICLE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]>
+        [(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE]
+      </a>
+    </BOUCLE_article-simple>
+
+
+</BOUCLE_condition_article> 
+
+[(#REM) c'est une rubrique ]
+<BOUCLE_condition_rubrique(CONDITION){si #ENV{rub}|oui}>
 
-                        [(#REM) c'est un article avec un format bouton ]
+    [(#REM) c'est une rubrique avec un format card ]
+    <BOUCLE_rubrique-carte(RUBRIQUES){SI #ENV{carte}|oui}{id_rubrique=#ENV{rub}} >
+      [(#ENV{vertical}|oui)
+      <div class="fr-col fr-col-12
+      [(#ENV{2cartes}|oui) fr-col-md-6 ]
+      [(#ENV{3cartes}|oui) fr-col-md-4 ]
+      [(#ENV{4cartes}|oui) fr-col-md-3 ]
+      ">]
+      <div class="fr-card fr-enlarge-link 
+      [(#ENV{vertical}|non) fr-card--horizontal]
+      [(#ENV{ratio50}|oui) fr-card--horizontal-half]
+      [(#ENV{ratio30}|oui) fr-card--horizontal-tier]
+      fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w ">
+        <div class="fr-card__body">
+            <div class="fr-card__content [(#GET{ma_couleur})]">
+                <p class="fr-card__title">
+                    <a href="#URL_RUBRIQUE">#TITRE</a>
+                </p>
+                <div class="fr-card__desc">[(#INTRODUCTION{150})]</div>
+                [<div class="fr-card__start">
+                  <ul class="fr-badges-group">
+                      <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li>
+                  </ul>
+              </div>]
+              [(#ENV{sans-date}|non)<div class="fr-card__start">
+                    <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
+                </div>]
+            </div>
+        </div>
+        <BOUCLE_conditionsimage0(CONDITION){SI #ENV{sans-image}|non}>
+        <div class="fr-card__header">
+            <div class="fr-card__img">
+              <BOUCLE_conditionsimage(CONDITION){SI #ENV{logo}|oui}>
+                [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+              </BOUCLE_conditionsimage>
+
+              <BOUCLE_conditionsimage2(CONDITION){SI #ENV{image}|oui}>
+                <BOUCLE_image_bignews3(DOCUMENTS){id_rubrique}{0,1}>
+                  [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                </BOUCLE_image_bignews3>
+              </BOUCLE_conditionsimage2>
+
+              <BOUCLE_conditionsimagerub_id(CONDITION){SI #ENV{image_id}|oui}>
+                <BOUCLE_image_docrub_id(DOCUMENTS){id_document=#ENV{image_id}}{0,1}>
+                  [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                </BOUCLE_image_docrub_id>
+              </BOUCLE_conditionsimagerub_id>
+
+              <BOUCLE_conditionsimage3(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}>
+                    <BOUCLE_theme23(MOTS){id_rubrique}{id_groupe=14}>
+                      #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
+                      <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}"  alt="">
+                      </BOUCLE_theme23> 
+                      [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                    <//B_theme23> 
+              </BOUCLE_conditionsimage3>
+
+            </div>  
+        </div>
+      </BOUCLE_conditionsimage0>
+    </div>
+          [(#ENV{vertical}|oui)</div>]
+    </BOUCLE_rubrique-carte>
+
+    [(#REM) c'est une rubrique avec un format tuile ]
+
+    <BOUCLE_rubrique-tuile(RUBRIQUES){SI #ENV{tuile}|oui} {id_rubrique=#ENV{rub}}>
+      [(#ENV{vertical}|oui)
+      <div class="fr-col fr-col-12
+      [(#ENV{2cartes}|oui) fr-col-md-6 ]
+      [(#ENV{3cartes}|oui) fr-col-md-4 ]
+      [(#ENV{4cartes}|oui) fr-col-md-3 ]
+      ">]
+      <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w">
+        <div class="fr-tile__body">
+          <div class="fr-tile__content">
+            <h4 class="fr-tile__title">
+                <a class="" href="#URL_RUBRIQUE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+            </h4>
+            <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div>
+        </div>
+      </div>
+        <BOUCLE_conditionstuileimage(CONDITION){SI #ENV{sans-image}|non}>
+          <div class="fr-tile__img">
+            
+          
+              <BOUCLE_image_rub_tuile(DOCUMENTS){id_rubrique}{0,1}>
+            [(#FICHIER |image_reduire{80,80} |image_recadre{80,80,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+            </BOUCLE_image_rub_tuile>
+            
+            <BOUCLE_theme25(MOTS){id_rubrique}{id_groupe=14}>
+                      #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
+                      <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}"  alt="">
+            </BOUCLE_theme25> 
+              
+          
+      </div>
+      </BOUCLE_conditionstuileimage>
+      </div>
+      [(#ENV{vertical}|oui)</div>]
+      </BOUCLE_rubrique-tuile>
 
-                        <BOUCLE_rubrique-bouton(RUBRIQUES){SI #ENV{bouton}|oui} {id_rubrique=#ENV{rub}}>
-                        <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{tertiaire}|oui) fr-btn--tertiary] [(#ENV{sans-encadre}|oui) fr-btn--tertiary-no-outline] [(#GET{mon-icone})]  [(#ENV{icone-gauche}|non) [(#ENV{icone-seule}|non) fr-btn--icon-right ]] [(#ENV{icone-gauche}|oui) fr-btn--icon-left] [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [(#ENV{icone-seule}|oui)title="[(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE]"]  [style="width:(#ENV{largeur})"] href="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non)  #TITRE] - ouvre une nouvelle fenêtre"] >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
-                      </BOUCLE_rubrique-bouton>
+      [(#REM) c'est un article avec un format bouton ]
 
-                      [(#REM) c'est un article avec un format tag ]
-                      
-                      <BOUCLE_rubrique-tag(RUBRIQUES){SI #ENV{tag}|oui} {id_rubrique=#ENV{rub}}>
-                        <a class="fr-tag fr-my-1v [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-tag--icon-right] [(#ENV{icone-gauche}|oui) fr-tag--icon-left] [(#ENV{petit}|oui) fr-tag--sm] [(#ENV{grand}|oui) fr-tag--lg]" target="_self" href="#URL_RUBRIQUE" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
-                      </BOUCLE_rubrique-tag>
-
-                        [(#REM) ce n'est pas 
-                        une card 
-                        ou une tuile 
-                        ou un bouton 
-                        ou un tag 
-                        donc c'est une rubrique simple ou avec un target blank une taille et une icone]
-
-                        <BOUCLE_rubrique-simple(RUBRIQUES){id_rubrique=#ENV{rub}}{SI #ENV{carte}|non}>
-                          <a  class="fr-link  [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-link--icon-right] [(#ENV{icone-gauche}|oui) fr-link--icon-left] [(#ENV{petit}|oui) fr-link--sm] [(#ENV{grand}|oui) fr-link--lg]" href="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]>
-                            [(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
-                          </a>
-                        </BOUCLE_rubrique-simple>
+      <BOUCLE_rubrique-bouton(RUBRIQUES){SI #ENV{bouton}|oui} {id_rubrique=#ENV{rub}}>
+      <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{tertiaire}|oui) fr-btn--tertiary] [(#ENV{sans-encadre}|oui) fr-btn--tertiary-no-outline] [(#GET{mon-icone})]  [(#ENV{icone-gauche}|non) [(#ENV{icone-seule}|non) fr-btn--icon-right ]] [(#ENV{icone-gauche}|oui) fr-btn--icon-left] [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [(#ENV{icone-seule}|oui)title="[(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE]"]  [style="width:(#ENV{largeur})"] href="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non)  #TITRE] - ouvre une nouvelle fenêtre"] >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+    </BOUCLE_rubrique-bouton>
 
-                        <//B_rubrique-tag>
-                        
-                        <//B_rubrique-bouton>
+    [(#REM) c'est un article avec un format tag ]
+    
+    <BOUCLE_rubrique-tag(RUBRIQUES){SI #ENV{tag}|oui} {id_rubrique=#ENV{rub}}>
+      <a class="fr-tag fr-my-1v [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-tag--icon-right] [(#ENV{icone-gauche}|oui) fr-tag--icon-left] [(#ENV{petit}|oui) fr-tag--sm] [(#ENV{grand}|oui) fr-tag--lg]" target="_self" href="#URL_RUBRIQUE" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+    </BOUCLE_rubrique-tag>
 
-                      <//B_rubrique-tuile>
+      [(#REM) ce n'est pas une card ou une tuile ou un bouton ou un tag 
+      donc c'est une rubrique simple ou avec un target blank une taille et une icone]
 
-                      <//B_rubrique-carte>
+      <BOUCLE_rubrique-simple(RUBRIQUES){id_rubrique=#ENV{rub}}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}{SI #ENV{tag}|non}>
+        <a  class="fr-link  [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-link--icon-right] [(#ENV{icone-gauche}|oui) fr-link--icon-left] [(#ENV{petit}|oui) fr-link--sm] [(#ENV{grand}|oui) fr-link--lg]" href="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]>
+          [(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
+        </a>
+      </BOUCLE_rubrique-simple>
 
 </BOUCLE_condition_rubrique>
 
-        <BOUCLE_condition_document(CONDITION){si #ENV{doc}|oui}>
-
-          [(#REM) c'est une document simple]
-
-          <BOUCLE_document-simple(DOCUMENTS){id_document=#ENV{doc}}{si #ENV{carte}|non}>
-          <div class="fr-download">
-            <p class="fr-m-0">
-              <a href="#URL_DOCUMENT" download class="fr-download__link" [title="<multi>{fr}Télécharger ce document {en}Download this file</multi> : (#TITRE)" : #TITRE"]>[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
-                <span class="fr-download__detail">[<multi>{fr}Fichier {en}File</multi> (#TYPE_DOCUMENT)] [ - (#TAILLE|taille_en_octets)]</span>
-              </a>
-            </p>
-          </div>
-          </BOUCLE_document-simple>
-    
-    
-           
-          <BOUCLE_document-carte(DOCUMENTS){id_document=#ENV{doc}}{si #ENV{carte}|oui}>
-
-          [(#REM) c'est une document au format carte]
 
-          <div class="fr-download fr-enlarge-link fr-download--card">
-            <p class="fr-m-0">
-                <a href="#URL_DOCUMENT" download class="fr-download__link" [title="Télécharger le document : (#TITRE)"]>[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
-                    <span class="fr-download__detail">
-                      [Fichier (#TYPE_DOCUMENT)] [ - (#TAILLE|taille_en_octets)]
+[(#REM) c'est un mot clé ]
+<BOUCLE_condition_mot(CONDITION){si #ENV{mot}|oui}>
+
+    [(#REM) c'est une mot avec un format card ]
+    <BOUCLE_mot-carte(MOTS){SI #ENV{carte}|oui}{id_mot=#ENV{mot}} >
+      [(#ENV{vertical}|oui)
+      <div class="fr-col fr-col-12
+      [(#ENV{2cartes}|oui) fr-col-md-6 ]
+      [(#ENV{3cartes}|oui) fr-col-md-4 ]
+      [(#ENV{4cartes}|oui) fr-col-md-3 ]
+      ">]
+      <div class="fr-card fr-enlarge-link 
+      [(#ENV{vertical}|non) fr-card--horizontal]
+      [(#ENV{ratio50}|oui) fr-card--horizontal-half]
+      [(#ENV{ratio30}|oui) fr-card--horizontal-tier]
+      fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w ">
+        <div class="fr-card__body">
+            <div class="fr-card__content [(#GET{ma_couleur})]">
+                <p class="fr-card__title">
+                    <a href="#URL_MOT">#TITRE</a>
+                </p>
+                <div class="fr-card__desc">[(#INTRODUCTION{150})]</div>
+                [<div class="fr-card__start">
+                  <ul class="fr-badges-group">
+                      <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li>
+                  </ul>
+              </div>]
+              [(#ENV{sans-date}|non)<div class="fr-card__start">
+                    <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
+                </div>]
+            </div>
+        </div>
+        <BOUCLE_conditions_sansimage_mot(CONDITION){SI #ENV{sans-image}|non}>
+        <div class="fr-card__header">
+            <div class="fr-card__img">
+              <BOUCLE_conditions_logo_mot(CONDITION){SI #ENV{logo}|oui}>
+                [(#LOGO_MOT|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+              </BOUCLE_conditions_logo_mot>
+
+              <BOUCLE_conditions_image_logo_mot(CONDITION){SI #ENV{image}|oui}>
+                <BOUCLE_conditions_image_logo_mot_doc(DOCUMENTS){id_mot}{0,1}>
+                  [(#FICHIER|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                </BOUCLE_conditions_image_logo_mot_doc>
+              </BOUCLE_conditions_image_logo_mot>
+
+              <BOUCLE_conditions_image_logo_mot_id(CONDITION){SI #ENV{image_id}|oui}>
+                <BOUCLE_conditions_image_logo_mot_id2(DOCUMENTS){id_document=#ENV{image_id}}{0,1}>
+                  [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                </BOUCLE_conditions_image_logo_mot_id2>
+              </BOUCLE_conditions_image_logo_mot_id>
+
+              <BOUCLE_conditions_image_non(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}{SI #ENV{logo}|non}>
+                    <BOUCLE_theme99(MOTS){id_mot}{id_groupe=14}>
+                      #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
+                      <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}"  alt="">
+                      </BOUCLE_theme99>
+                     
+                      [(#LOGO_MOT|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+                    <//B_theme99> 
+              </BOUCLE_conditions_image_non>
 
-                    </span>
-                </a>
-            </p>
-            [<p class="fr-download__desc">(#DESCRIPTIF*)</p>]
+            </div>  
+        </div>
+      </BOUCLE_conditions_sansimage_mot>
+    </div>
+          [(#ENV{vertical}|oui)</div>]
+    </BOUCLE_mot-carte>
+
+    [(#REM) c'est une mot avec un format tuile ]
+
+    <BOUCLE_mot-tuile(MOTS){SI #ENV{tuile}|oui} {id_mot=#ENV{mot}}>
+      [(#ENV{vertical}|oui)
+      <div class="fr-col fr-col-12
+      [(#ENV{2cartes}|oui) fr-col-md-6 ]
+      [(#ENV{3cartes}|oui) fr-col-md-4 ]
+      [(#ENV{4cartes}|oui) fr-col-md-3 ]
+      ">]
+      <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w">
+        <div class="fr-tile__body">
+          <div class="fr-tile__content">
+            <h4 class="fr-tile__title">
+                <a class="" href="#URL_MOT">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+            </h4>
+            <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div>
         </div>
+      </div>
+        <BOUCLE_conditionstuileimage_mot(CONDITION){SI #ENV{sans-image}|non}>
+          <div class="fr-tile__img">
+            <BOUCLE_image_mot_tuile(DOCUMENTS){id_mot}{0,1}>
+            [(#FICHIER |image_reduire{80,80} |image_recadre{80,80,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
+            </BOUCLE_image_mot_tuile>
+            
+            <BOUCLE_theme199(MOTS){id_mot}{id_groupe=14}>
+                      #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
+                      <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}"  alt="">
+            </BOUCLE_theme199>      
+          </div>
+        </BOUCLE_conditionstuileimage_mot>
+      </div>
+      [(#ENV{vertical}|oui)</div>]
+      </BOUCLE_mot-tuile>
 
-        </BOUCLE_document-carte>
+      [(#REM) c'est un mot avec un format bouton ]
 
+      <BOUCLE_mot-bouton(MOTS){SI #ENV{bouton}|oui} {id_mot=#ENV{mot}}>
+      <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{tertiaire}|oui) fr-btn--tertiary] [(#ENV{sans-encadre}|oui) fr-btn--tertiary-no-outline] [(#GET{mon-icone})]  [(#ENV{icone-gauche}|non) [(#ENV{icone-seule}|non) fr-btn--icon-right ]] [(#ENV{icone-gauche}|oui) fr-btn--icon-left] [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [(#ENV{icone-seule}|oui)title="[(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE]"]  [style="width:(#ENV{largeur})"] href="#URL_MOT" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non)  #TITRE] - ouvre une nouvelle fenêtre"] >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+    </BOUCLE_mot-bouton>
 
+    [(#REM) c'est un mot avec un format tag ]
+    
+    <BOUCLE_mot-tag(MOTS){SI #ENV{tag}|oui} {id_mot=#ENV{mot}}>
+      <a class="fr-tag fr-my-1v [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-tag--icon-right] [(#ENV{icone-gauche}|oui) fr-tag--icon-left] [(#ENV{petit}|oui) fr-tag--sm] [(#ENV{grand}|oui) fr-tag--lg]" target="_self" href="#URL_MOT" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
+    </BOUCLE_mot-tag>
 
+      [(#REM) ce n'est pas une card ou une tuile ou un bouton ou un tag 
+      donc c'est un mot simple ou avec un target blank une taille et une icone]
 
+      <BOUCLE_mot-simple(MOTS){id_mot=#ENV{mot}}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}{SI #ENV{tag}|non}>
+        <a  class="fr-link  [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-link--icon-right] [(#ENV{icone-gauche}|oui) fr-link--icon-left] [(#ENV{petit}|oui) fr-link--sm] [(#ENV{grand}|oui) fr-link--lg]" href="#URL_RUBRIQUE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]>
+          [(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
+        </a>
+      </BOUCLE_mot-simple>
 
-        </BOUCLE_condition_document>
+</BOUCLE_condition_mot>
 
-                
-              [(#REM) c'est une url avec un format card ]
 
-                      <BOUCLE_url_carte(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{si #ENV{carte}|oui}>
+[(#REM) c'est une url qui ne contient pas de pdf ]
+<BOUCLE_condition_url(CONDITION){si #ENV{url}|contient_pdf|non}>             
+                      [(#REM) c'est une url avec un format card ]
+                      <BOUCLE_url_carte(CONDITION){si #ENV{url}|oui}{si #ENV{carte}|oui}>
                       
                       [(#ENV{vertical}|oui)
                       <div class="fr-col fr-col-12
@@ -425,10 +616,8 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre
                       [(#ENV{vertical}|oui)</div>]
                       </BOUCLE_url_carte>
 
-
                       [(#REM) c'est une url avec un format tuile ]
-
-                      <BOUCLE_url_tuile(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{tuile}|oui}>
+                      <BOUCLE_url_tuile(CONDITION){si #ENV{url}|oui}{SI #ENV{tuile}|oui}>
                         [(#ENV{vertical}|oui)
                         <div class="fr-col fr-col-12
                         [(#ENV{2cartes}|oui) fr-col-md-6 ]
@@ -460,228 +649,97 @@ Gestion des liens d'article, de rubriques d'url et de doc avec les modeles corre
                         </BOUCLE_url_tuile>
 
                         [(#REM) c'est une url avec un format bouton ]
-
-                        <BOUCLE_url-bouton(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{bouton}|oui}>
+                        <BOUCLE_url-bouton(CONDITION){si #ENV{url}|oui}{SI #ENV{bouton}|oui}>
                           
                         <a class="fr-btn fr-my-1v [(#ENV{bouton-secondaire}|oui) fr-btn--secondary] [(#ENV{bouton-tertiaire}|oui) fr-btn--tertiary] [(#ENV{sans-encadre}|oui) fr-btn--tertiary-no-outline] [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) [(#ENV{icone-seule}|non) fr-btn--icon-right ]] [(#ENV{icone-gauche}|oui) fr-btn--icon-left] [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [(#ENV{icone-seule}|oui)title="[(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #ENV{TITRE}]"]  [style="width:(#ENV{largeur})"] href="#ENV{url}" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non)  #ENV{titre}] - ouvre une nouvelle fenêtre"] >[(#ENV{titre})]</a>
                       </BOUCLE_url-bouton>
 
-                      [(#REM) c'est une url avec un format tag ]
-                      
-                      <BOUCLE_url-tag(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{tag}|oui}>
+                      [(#REM) c'est une url avec un format tag ]                      
+                      <BOUCLE_url-tag(CONDITION){si #ENV{url}|oui}{SI #ENV{tag}|oui}>
                     
                         <a class="fr-tag fr-my-1v [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-tag--icon-right] [(#ENV{icone-gauche}|oui) fr-tag--icon-left] [(#ENV{petit}|oui) fr-tag--sm] [(#ENV{grand}|oui) fr-tag--lg]" target="_self" href="#ENV{url}" >[(#ENV{titre})]</a>
-                      </BOUCLE_url-tag>
-                      
+                      </BOUCLE_url-tag>                    
 
-                        [(#REM) ce n'est pas 
-                        une card 
-                        ou une tuile 
-                        ou un bouton 
-                        ou un tag 
-                        ou une card
+                        [(#REM) ce n'est pas une card - ou une tuile - ou un bouton - ou un tag - ou une card
                         donc c'est une url simple ou avec un target blank une taille et une icone]
-
-                        <BOUCLE_url-simple(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}{SI #ENV{tag}|non}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}>
+                        <BOUCLE_url-simple(CONDITION){si #ENV{url}|oui}{SI #ENV{tag}|non}{SI #ENV{carte}|non}{SI #ENV{tuile}|non}{SI #ENV{bouton}|non}>
                      
                           <a  class="fr-link  [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-link--icon-right] [(#ENV{icone-gauche}|oui) fr-link--icon-left] [(#ENV{petit}|oui) fr-link--sm] [(#ENV{grand}|oui) fr-link--lg]" href="#ENV{url}" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#ENV{titre}] - ouvre une nouvelle fenêtre"]>
                             [(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#ENV{url}]
                           </a>
                         </BOUCLE_url-simple>
+                        
+</BOUCLE_condition_url>
+
+[(#REM) c'est un document]
+<BOUCLE_condition_document(CONDITION){si #ENV{doc}|oui}>
+
+  [(#REM) c'est un document a telecharger mais pas au format carte]
+  <BOUCLE_document-simple(DOCUMENTS){id_document=#ENV{doc}}{si #ENV{carte}|non}>
+  <div class="fr-download">
+    <p class="fr-m-0">
+      <a href="#URL_DOCUMENT" download class="fr-download__link" [title="<multi>{fr}Télécharger ce document {en}Download this file</multi> : (#TITRE)" : #TITRE"]>[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
+        <span class="fr-download__detail">[<multi>{fr}Fichier {en}File</multi> (#TYPE_DOCUMENT)] [ - (#TAILLE|taille_en_octets)]</span>
+      </a>
+    </p>
+  </div>
+  </BOUCLE_document-simple>
+    
+  [(#REM) c'est un document a telecharger au format carte]
+  <BOUCLE_document-carte(DOCUMENTS){id_document=#ENV{doc}}{si #ENV{carte}|oui}>
 
-        <BOUCLE_condition_pdf(CONDITION){si #ENV{url}|contient_pdf|oui}>
-                      
-          <BOUCLE_condition_document-pdf(CONDITION){si #ENV{doc}|non}>
-
-            [(#REM) c'est un lien vers un pdf ]
-
-               [(#REM) c'est une lien simple vers un document pdf]
-
-                <BOUCLE_document-simple-pdf(CONDITION){si #ENV{carte}|non}>
-                <div class="fr-download">
-                  <p class="fr-m-0">
-                    <a href="#ENV{url}" download class="fr-download__link" [title="Télécharger le document : (#ENV{titre})"]>[(#ENV{titre})]
-                      <span class="fr-download__detail">
-                        [Fichier (#ENV{type}) [ - (#ENV{poids})]]
-                      </span>
-                    </a>
-                  </p>
-                </div>
-                </BOUCLE_document-simple-pdf>
-          
-                [(#REM) c'est une lien simple au format carte vers un document pdf]
-           
-                <BOUCLE_document-carte-pdf(CONDITION){si #ENV{carte}|oui}>
-
-                <div class="fr-download fr-enlarge-link fr-download--card">
-                  <p class="fr-m-0">
-                      <a href="#URL_DOCUMENT" download class="fr-download__card" [title="Télécharger le document : (#TITRE)"]>[(#ENV{titre})]
-                          <span class="fr-download__detail">
-                            [Fichier (#ENV{type}) [ - (#ENV{poids})]]
-      
-                          </span>
-                      </a>
-                  </p>
-                  [<p class="fr-download__desc">(#ENV{texte})</p>]
-              </div>
-
-        </BOUCLE_document-carte-pdf>
-
-        </BOUCLE_condition_document-pdf>
-
-
-        </BOUCLE_condition_pdf>
-
-                    <BOUCLE_condition_article(CONDITION){si #ENV{id}|oui}>
-                      [(#REM) c'est un article ]
-
-                      [(#REM) c'est un article avec un format card ]
-
-                      <BOUCLE_article-carte(ARTICLES){SI #ENV{carte}|oui}{id_article=#ENV{id}} >
-
-                      [(#ENV{vertical}|oui)
-                      <div class="fr-col fr-col-12
-                      [(#ENV{2cartes}|oui) fr-col-md-6 ]
-                      [(#ENV{3cartes}|oui) fr-col-md-4 ]
-                      [(#ENV{4cartes}|oui) fr-col-md-3 ]
-                      ">]
-
-                        <div class="fr-card fr-enlarge-link 
-                        [(#ENV{vertical}|non) fr-card--horizontal]
-                        [(#ENV{ratio50}|oui) fr-card--horizontal-half]
-                        [(#ENV{ratio30}|oui) fr-card--horizontal-tier]
-                        fr-card--sm [(#ENV{hauteur}|oui) hauteur-limitee ] fr-mb-2w ">
-                          <div class="fr-card__body">
-                              <div class="fr-card__content [(#GET{ma_couleur})]">
-                                  <p class="fr-card__title">
-                                      <a href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
-                                  </p>
-                                  <div class="fr-card__desc">[(#INTRODUCTION{150})]</div>
-                                  [<div class="fr-card__start">
-                                    <ul class="fr-badges-group">
-                                        <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li>
-                                    </ul>
-                                </div>]
-                                [(#ENV{sans-date}|non)<div class="fr-card__start">
-                                      <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
-                                  </div>]
-                              </div>
-                          </div>
-
-                          <BOUCLE_conditionsimage_a0(CONDITION){SI #ENV{sans-image}|non}>
-                            <div class="fr-card__header">
-                                <div class="fr-card__img">
-                                  <BOUCLE_conditionsimage_a(CONDITION){SI #ENV{logo}|oui}>
-                                    [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                    [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                  </BOUCLE_conditionsimage_a>
-  
-                                  <BOUCLE_conditionsimage_a2(CONDITION){SI #ENV{image}|oui}>
-                                    <BOUCLE_image_bignews_a3(DOCUMENTS){id_article}{0,1}>
-                                     [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                    </BOUCLE_image_bignews_a3>
-                                  </BOUCLE_conditionsimage_a2>
-
-                                  <BOUCLE_conditionsimage_id(CONDITION){SI #ENV{image_id}|oui}>
-                                    <BOUCLE_image_doc_id(DOCUMENTS){id_document=#ENV{image_id}}{0,1}>
-                                      [(#FICHIER |image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                    </BOUCLE_image_doc_id>
-                                  </BOUCLE_conditionsimage_id>
-  
-                                  <BOUCLE_conditionsimage_a3(CONDITION){SI #ENV{image}|non}{SI #ENV{logo}|non}{SI #ENV{image_id}|non}>
-                                        <BOUCLE_theme23_a(MOTS){id_article}{id_groupe=14}>
-                                          #SET{themeimage, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
-                                          <img width="350" height="350" class="fr-img-responsive" src="#CHEMIN{images/themes/#GET{themeimage}-navigation.svg}"  alt="">
-                                          </BOUCLE_theme23_a>
-                                          
-                                          <BOUCLE_image_par_defaut(ARTICLES){id_article}{0,1}>
-                                            [(#LOGO_ARTICLE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                            [(#LOGO_RUBRIQUE|image_reduire{350,350} |image_recadre{350,350,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                                          </BOUCLE_image_par_defaut>
-
-                                          <//B_theme23_a>
-                                  </BOUCLE_conditionsimage_a3>
-  
-                                </div>  
-                            </div>
-                          </BOUCLE_conditionsimage_a0>
-  
-                      </div>
-                      [(#ENV{vertical}|oui)</div>]
-                      </BOUCLE_article-carte>
+  [(#REM) c'est une document au format carte]
 
-                      [(#REM) c'est un article avec un format tuile ]
+  <div class="fr-download fr-enlarge-link fr-download--card">
+    <p class="fr-m-0">
+        <a href="#URL_DOCUMENT" download class="fr-download__link" [title="Télécharger le document : (#TITRE)"]>[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]
+            <span class="fr-download__detail">
+              [Fichier (#TYPE_DOCUMENT)] [ - (#TAILLE|taille_en_octets)]
 
-                      <BOUCLE_article-tuile(ARTICLES){SI #ENV{tuile}|oui} {id_article=#ENV{id}}>
-                        [(#ENV{vertical}|oui)
-                        <div class="fr-col fr-col-12
-                        [(#ENV{2cartes}|oui) fr-col-md-6 ]
-                        [(#ENV{3cartes}|oui) fr-col-md-4 ]
-                        [(#ENV{4cartes}|oui) fr-col-md-3 ]
-                        ">]
-                        <div class="fr-tile fr-enlarge-link [(#ENV{vertical}|non)fr-tile--horizontal] fr-mb-2w">
-                          <div class="fr-tile__body">
-                            <div class="fr-tile__content">
-                              <h4 class="fr-tile__title">
-                                  <a class="fr-tile__link" href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
-                              </h4>
-                              <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div>
-                          </div>
-                        </div>
-                          <BOUCLE_conditionstuileimage2(CONDITION){SI #ENV{sans-image}|non}>
-                          <div class="fr-tile__img">
-                            <BOUCLE_image_tuile(DOCUMENTS){id_article}{0,1}>
-                              [(#FICHIER |image_reduire{200,350} |image_recadre{200,200,center} |image_aplatir{jpg,ffffff} |inserer_attribut{class,fr-responsive-img}|inserer_attribut{alt,#DESCRIPTIF*})]
-                              </BOUCLE_image_tuile>
-                              <img src="#CHEMIN{../dse_theme/images/ODD-banniere-agenda.jpg}" width="250" height="140" class="fr-responsive-img" alt="" />
-                              <//B_image_tuile>
-                          </div>
-                        </BOUCLE_conditionstuileimage2>
-                        </div>
-                        [(#ENV{vertical}|oui)</div>]
-                        </BOUCLE_article-tuile>
-
-                        [(#REM) c'est un article avec un format bouton ]
+            </span>
+        </a>
+    </p>
+    [<p class="fr-download__desc">(#DESCRIPTIF*)</p>]
+</div>
 
-                        <BOUCLE_article-bouton(ARTICLES){SI #ENV{bouton}|oui} {id_article=#ENV{id}}>
-                        <a class="fr-btn fr-my-1v [(#ENV{secondaire}|oui) fr-btn--secondary] [(#ENV{tertiaire}|oui) fr-btn--tertiary] [(#ENV{sans-encadre}|oui) fr-btn--tertiary-no-outline] [(#GET{mon-icone}) ] [(#ENV{icone-gauche}|non) [(#ENV{icone-seule}|non) fr-btn--icon-right ]] [(#ENV{icone-gauche}|oui) fr-btn--icon-left] [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [(#ENV{icone-seule}|oui)title="[(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE]"]  [style="width:(#ENV{largeur})"] href="#URL_ARTICLE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui) #ENV{titre}] [(#ENV{titre}|non)  #TITRE] - ouvre une nouvelle fenêtre"] >	[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
-                      </BOUCLE_article-bouton>
-
-                      [(#REM) c'est un article avec un format tag ]
-                      
-                      <BOUCLE_article-tag(ARTICLES){SI #ENV{tag}|oui} {id_article=#ENV{id}}>
-                        <a class="fr-tag fr-my-1v [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-tag--icon-right] [(#ENV{icone-gauche}|oui) fr-tag--icon-left] [(#ENV{petit}|oui) fr-tag--sm] [(#ENV{grand}|oui) fr-tag--lg]" target="_self" href="#URL_ARTICLE" >[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
-                      </BOUCLE_article-tag>
-
-                        [(#REM) ce n'est pas 
-                        une card 
-                        ou une tuile 
-                        ou un bouton 
-                        ou un tag 
-                        donc c'est un article simple ou avec un target blank une taille et une icone]
-
-                        <BOUCLE_article-simple(ARTICLES){id_article=#ENV{id}}{SI #ENV{carte}|non}>
-                          <a  class="fr-link  [(#GET{mon-icone})] [(#ENV{icone-gauche}|non) fr-link--icon-right] [(#ENV{icone-gauche}|oui) fr-link--icon-left] [(#ENV{petit}|oui) fr-link--sm] [(#ENV{grand}|oui) fr-link--lg]" href="#URL_ARTICLE" [(#ENV{nouvelle-fenetre}|oui) target="_blank" rel="noopener" title="[(#ENV{titre}|oui)#ENV{titre}] [(#ENV{titre}|non)#TITRE] - ouvre une nouvelle fenêtre"]>
-                            [(#ENV{titre}|oui) #ENV{titre}][(#ENV{titre}|non) #TITRE]
-                          </a>
-                        </BOUCLE_article-simple>
+</BOUCLE_document-carte>
 
-                        <//B_article-tag>
-                        
-                        <//B_article-bouton>
+</BOUCLE_condition_document>
 
-                      <//B_article-tuile>
+[(#REM) c'est un lien vers un pdf ]
+<BOUCLE_condition_pdf(CONDITION){si #ENV{url}|contient_pdf|oui}>             
+      
+          [(#REM) c'est une lien simple vers un document pdf]
+          <BOUCLE_document-simple-pdf(CONDITION){si #ENV{carte}|non}>
+          <div class="fr-download">
+            <p class="fr-m-0">
+              <a href="#ENV{url}" download class="fr-download__link" [title="Télécharger le document : (#ENV{titre})"]>[(#ENV{titre})]
+                <span class="fr-download__detail">
+                  [Fichier (#ENV{type}) [ - (#ENV{poids})]]
+                </span>
+              </a>
+            </p>
+          </div>
+          </BOUCLE_document-simple-pdf>
 
-                      <//B_article-carte>
+          [(#REM) c'est une lien simple au format carte vers un document pdf]    
+          <BOUCLE_document-carte-pdf(CONDITION){si #ENV{carte}|oui}>
 
+          <div class="fr-download fr-enlarge-link fr-download--card">
+            <p class="fr-m-0">
+                <a href="#URL_DOCUMENT" download class="fr-download__card" [title="Télécharger le document : (#TITRE)"]>[(#ENV{titre})]
+                    <span class="fr-download__detail">
+                      [Fichier (#ENV{type}) [ - (#ENV{poids})]]
 
-                    </BOUCLE_condition_article>   
+                    </span>
+                </a>
+            </p>
+            [<p class="fr-download__desc">(#ENV{texte})</p>]
+        </div>
 
-                    <//B_condition_pdf>
+          </BOUCLE_document-carte-pdf>
 
-         <//B_condition_document>
-   
-   <//B_condition_rubrique>
+</BOUCLE_condition_pdf>