diff --git a/design_system_admin/modeles/carte.html b/design_system_admin/modeles/carte.html
deleted file mode 100644
index bd76b6bbc8889d93162b34bee5d5db8e605f8354..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/carte.html
+++ /dev/null
@@ -1,119 +0,0 @@
-[(#REM) carte d'articles ]
-
-<!-- <carte|id=456|taille=sm ou lg|type=ombre|texte=mon texte de description ou non|hauteur=oui|imageid=125|alt=texte ou rien> -->
-
-<BOUCLE_carte_article(ARTICLES){SI #ENV{id}|oui} {id_article=#ENV{id}}>
- <div class="fr-card fr-enlarge-link fr-mb-3w
-
- [(#ENV{type}|match{gris}|oui) fr-card--grey]
- [(#ENV{type}|match{sansbordure}|oui) fr-card--no-border]
- [(#ENV{type}|match{transparent}|oui) fr-card--no-background]
- [(#ENV{type}|match{ombre}|oui) fr-card--shadow]
-
- [(#ENV{taille}|match{sm}|oui) fr-card--sm]
- [(#ENV{taille}|match{lg}|oui) fr-card--lg]
-
- [(#ENV{hauteur}|match{oui}|oui) hauteur-limitee]
-
- [(#ENV{largeur}|match{90}|oui) fr-w-90]
- [(#ENV{largeur}|match{80}|oui) fr-w-80]
- [(#ENV{largeur}|match{70}|oui) fr-w-70]
- [(#ENV{largeur}|match{60}|oui) fr-w-60]
- [(#ENV{largeur}|match{50}|oui) fr-w-50]
- [(#ENV{largeur}|match{40}|oui) fr-w-40]
-
- [(#ENV{horizontal}|match{oui}|oui) fr-card--horizontal]
- [(#ENV{horizontal}|match{30}|oui) fr-card--horizontal-tier]
- [(#ENV{horizontal}|match{50}|oui) fr-card--horizontal-half]
-
- [(#ENV{couleur}|match{jaune}|oui) fr-background-alt--yellow-tournesol]
- [(#ENV{couleur}|match{gris}|oui) fr-card--grey]
- [(#ENV{couleur}|match{orange}|oui) fr-background-alt--orange-terre-battue]
-
- ">
- <div class="fr-card__body">
- <div class="fr-card__content">
- <p class="fr-card__title"> <a href="#URL_ARTICLE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non)#TITRE]</a><p>
-
- [(#ENV{texte}|match{non}|oui)]
- [(#ENV{texte}|match{non}|non)[(#ENV{texte}|oui)<div class="fr-card__desc">#ENV{texte}</div>]]
- [(#ENV{texte}|non)[<div class="fr-card__desc"(#DESCRIPTIF|oui)> #DESCRIPTIF</div>]]
- [(#ENV{texte}|non)[<div class="fr-card__desc"(#DESCRIPTIF|non)> [(#INTRODUCTION|couper{150})]</div>]]
-
- </div>
- </div>
- <div class="fr-card__header">
- <div class="fr-card__img">
- <BOUCLE_image_article(DOCUMENTS){SI #ENV{imageid}|oui}{id_article=#ENV{imageid}}{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_article>
-
- <BOUCLE_image_article2(DOCUMENTS){SI #ENV{imageid}|non}{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_article2>
- </div>
-
- </div>
- </div>
-
-
-</BOUCLE_carte_article>
-
-<!-- <carte|titre=decouvrez nos actualites|id_rubrique=456|taille=sm ou lg|type=ombre|texte=mon texte de description ou pas|imageid=125|alt=texte ou rien> -->
-
-[(#REM) carte de rubrique ]
-
-<BOUCLE_carte_rubrique(RUBRIQUES){SI #ENV{rubrique}|oui} {id_rubrique=#ENV{rubrique}}>
- <div class="fr-card fr-enlarge-link fr-mb-3w
-
- [(#ENV{type}|match{gris}|oui) fr-card--grey]
- [(#ENV{type}|match{sansbordure}|oui) fr-card--no-border]
- [(#ENV{type}|match{transparent}|oui) fr-card--no-background]
- [(#ENV{type}|match{ombre}|oui) fr-card--shadow]
-
- [(#ENV{taille}|match{sm}|oui) fr-card--sm]
- [(#ENV{taille}|match{lg}|oui) fr-card--lg]
-
- [(#ENV{hauteur}|match{oui}|oui) hauteur-limitee]
-
- [(#ENV{largeur}|match{90}|oui) fr-w-90]
- [(#ENV{largeur}|match{80}|oui) fr-w-80]
- [(#ENV{largeur}|match{70}|oui) fr-w-70]
- [(#ENV{largeur}|match{60}|oui) fr-w-60]
- [(#ENV{largeur}|match{50}|oui) fr-w-50]
- [(#ENV{largeur}|match{40}|oui) fr-w-40]
-
- [(#ENV{horizontal}|match{oui}|oui) fr-card--horizontal]
- [(#ENV{horizontal}|match{30}|oui) fr-card--horizontal-tier]
- [(#ENV{horizontal}|match{50}|oui) fr-card--horizontal-half]
-
- [(#ENV{couleur}|match{jaune}|oui) fr-background-alt--yellow-tournesol]
- [(#ENV{couleur}|match{gris}|oui) fr-card--grey]
- [(#ENV{couleur}|match{orange}|oui) fr-background-alt--orange-terre-battue]
-
- ">
- <div class="fr-card__body">
- <div class="fr-card__content">
- <p class="fr-card__title"> <a href="#URL_RUBRIQUE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non)#TITRE]</a><p>
- [(#ENV{texte}|match{non}|oui)]
- [(#ENV{texte}|match{non}|non)[(#ENV{texte}|oui)<div class="fr-card__desc">#ENV{texte}</div>]]
- [(#ENV{texte}|non)[<div class="fr-card__desc"(#DESCRIPTIF|oui)> #DESCRIPTIF</div>]]
- [(#ENV{texte}|non)[<div class="fr-card__desc"(#DESCRIPTIF|non)> [(#INTRODUCTION|couper{150})]</div>]]
- </div>
- </div>
- <div class="fr-card__header">
- <div class="fr-card__img">
- <BOUCLE_image_rub(DOCUMENTS){SI #ENV{imageid}|oui}{id_document=#ENV{imageid}}{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_rub>
-
- <BOUCLE_image_rub2(DOCUMENTS){SI #ENV{imageid}|non}{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_rub2>
- </div>
-
- </div>
- </div>
-
-
-</BOUCLE_carte_rubrique>
\ No newline at end of file
diff --git a/design_system_admin/modeles/chiffre.html b/design_system_admin/modeles/chiffre.html
deleted file mode 100644
index 13fd78da6380054f8b04d87f41a89403242ea776..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/chiffre.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<p class="key-number mx-5">
- <span class="number">[(#ENV**{number})]</span> [
- <span class="explication">(#ENV**{explication})</span>]
-</p>
\ No newline at end of file
diff --git a/design_system_admin/modeles/citation.html b/design_system_admin/modeles/citation.html
deleted file mode 100644
index 99cf48cc436615cdb6c5e75d498c414c91884e7b..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/citation.html
+++ /dev/null
@@ -1,68 +0,0 @@
-<figure class="fr-quote fr-quote--column">
- <blockquote [cite="(#ENV**{url_source})"]>
- <p>« #ENV**{citation} »</p>
- </blockquote>
- <figcaption>
- [<p class="fr-quote__author">(#ENV**{auteur})</p>]
- <BOUCLE_bloc_afficher_type_source(CONDITION){si #ENV{type-source}|oui}>
- <ul class="fr-quote__source">
- <li>
- <cite>#ENV**{type-source}</cite>
- </li>
- <BOUCLE_details1(CONDITION){si #ENV**{details1}|oui}>
- <li>
- <BOUCLE_url_details1(CONDITION){si #ENV**{url-details1}|oui}>
- <a target="_blank" href="#ENV**{url-details1}" title="#ENV**{details1} - ouvre une nouvelle fenêtre">#ENV**{details1}</a>
- </BOUCLE_url_details1>
- #ENV**{details1}
- <//B_url_details1>
- </li>
- </BOUCLE_details1>
- <BOUCLE_details2(CONDITION){si #ENV**{details2}|oui}>
- <li>
- <BOUCLE_url_details2(CONDITION){si #ENV**{url-details2}|oui}>
- <a target="_blank" href="#ENV**{url-details2}" title="#ENV**{details2} - ouvre une nouvelle fenêtre">#ENV**{details2}</a>
- </BOUCLE_url_details2>
- #ENV**{details2}
- <//B_url_details2>
- </li>
- </BOUCLE_details2>
- <BOUCLE_details3(CONDITION){si #ENV**{details3}|oui}>
- <li>
- <BOUCLE_url_details3(CONDITION){si #ENV**{url-details3}|oui}>
- <a target="_blank" href="#ENV**{url-details3}" title="#ENV**{details3} - ouvre une nouvelle fenêtre">#ENV**{details3}</a>
- </BOUCLE_url_details3>
- #ENV**{details3}
- <//B_url_details3>
- </li>
- </BOUCLE_details3>
- <BOUCLE_details4(CONDITION){si #ENV**{details4}|oui}>
- <li>
- <BOUCLE_url_details4(CONDITION){si #ENV**{url-details4}|oui}>
- <a target="_blank" href="#ENV**{url-details4}" title="#ENV**{details4} - ouvre une nouvelle fenêtre">#ENV**{details4}</a>
- </BOUCLE_url_details4>
- #ENV**{details4}
- <//B_url_details4>
- </li>
- </BOUCLE_details4>
- </ul>
- </BOUCLE_bloc_afficher_type_source>
- <BOUCLE_test_si_image(CONDITION){si #ENV{image}}>
- <div class="fr-quote__image">
- #SET{test_numerique, #ENV**{image}|is_numeric}
- <BOUCLE_doc_url(CONDITION){si #GET{test_numerique}}>
- <BOUCLE_illustration(DOCUMENTS types_documents) {id_document=#ENV**{image}} {tout}>
- [<!--(#REM) gestion des liens vers des documents accessibles -->]
- #SET{url_doc,#URL_DOCUMENT{#ENV{image}}}
- <BOUCLE_doc(DOCUMENTS){id_document=#ENV{image}}{mode=document}{doublons}{tout}>
- #SET{doc_ref, #ENV*{titre}}
------ </BOUCLE_doc>
- </BOUCLE_illustration>
- <img src="#GET{url_doc}" class="fr-responsive-img" alt="#GET{doc_ref}" />
- </BOUCLE_doc_url>
- <img src="#ENV**{image}" class="fr-responsive-img" alt="#ENV**{alt-image}" />
- <//B_doc_url>
- </div>
- </BOUCLE_test_si_image>
- </figcaption>
-</figure>
\ No newline at end of file
diff --git a/design_system_admin/modeles/definition.html b/design_system_admin/modeles/definition.html
deleted file mode 100644
index 3d2bf38fc3ac0eab9699d6561703404b001354ac..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/definition.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<BOUCLE_Definitions(DEFINITIONS){id_definition}{statut=publie}>
-<dl>
- <dt id="sigle#ID_DEFINITION" class="#EDIT{titre}">#TITRE</dt>
- <dd class="#EDIT{texte}">#TEXTE</dd>
-</dl>
-</BOUCLE_Definitions>
\ No newline at end of file
diff --git a/design_system_admin/modeles/dictionnaire.html b/design_system_admin/modeles/dictionnaire.html
deleted file mode 100644
index d6da51d30b419bbf30a89e143847fce725f1c7f9..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/dictionnaire.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<B_Definitions>
-<BOUCLE_Definitions(DEFINITIONS){id_dictionnaire ?}{type ?}{par titre}{statut=publie}>
-<dl>
-<dt id="sigle#ID_DEFINITION" class="#EDIT{titre} fr-h4">#TITRE</dt>
-<dd class="#EDIT{texte}">#TEXTE</dd>
-</dl>
-</BOUCLE_Definitions>
-</B_Definitions>
\ No newline at end of file
diff --git a/design_system_admin/modeles/dse_lien.html b/design_system_admin/modeles/dse_lien.html
deleted file mode 100644
index c2fe5b3d43d12deab091a15859d66883d3d85e43..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/dse_lien.html
+++ /dev/null
@@ -1,7 +0,0 @@
-[(#REM) liens design system de l'état (https://gouvfr.atlassian.net/wiki/spaces/DB/pages/217284725/Liens+-+Links) ]
-
-[(#REM) Vérification du tpe de lien demandé]
-#SWITCH{#ENV{categorie-liens}}
-[(#CASE{externe}) #SET{param_externe, ' target="_blank" rel="noopener"'}]
-[(#CASE_DEFAULT) ]
-<a [(#GET{param_externe})] href="#ENV{url}" class="#ENV{classes}">#ENV{texte}[ - (#ENV{poids-fichier})][ - (#ENV{typedoc})]</a>
diff --git a/design_system_admin/modeles/dsfr_chapo.html b/design_system_admin/modeles/dsfr_chapo.html
new file mode 100644
index 0000000000000000000000000000000000000000..e1895b86ec478db89c95bf06c1d130d6168e8a35
--- /dev/null
+++ b/design_system_admin/modeles/dsfr_chapo.html
@@ -0,0 +1,3 @@
+[(#ENV{fin}|non)<div class="fr-text--lead chapo">]
+
+[(#ENV{fin}|oui)</div>]
\ No newline at end of file
diff --git a/design_system_admin/modeles/dsfr_citation.html b/design_system_admin/modeles/dsfr_citation.html
index 99cf48cc436615cdb6c5e75d498c414c91884e7b..a709f1c508aaaaf15fc3bf69ec27a7464691e30a 100644
--- a/design_system_admin/modeles/dsfr_citation.html
+++ b/design_system_admin/modeles/dsfr_citation.html
@@ -1,6 +1,6 @@
<figure class="fr-quote fr-quote--column">
<blockquote [cite="(#ENV**{url_source})"]>
- <p>« #ENV**{citation} »</p>
+ <p>« #ENV**{texte} »</p>
</blockquote>
<figcaption>
[<p class="fr-quote__author">(#ENV**{auteur})</p>]
diff --git a/design_system_admin/modeles/dsfr_encadre.html b/design_system_admin/modeles/dsfr_encadre.html
index c127b5ed5254258cf7265633c6317b92b7ec4623..6dbdc2aff4dfa0cbedbf0887ccadf645a63f9fab 100644
--- a/design_system_admin/modeles/dsfr_encadre.html
+++ b/design_system_admin/modeles/dsfr_encadre.html
@@ -1,6 +1,26 @@
-<BOUCLE_theme2(MOTS){id_article}{id_groupe=14}>
- #SET{numero_theme, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
-</BOUCLE_theme2>
+
+
+[(#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'} ]
+[(#ENV{couleur}|=={bleu-clair}|oui) #SET{ma_couleur, 'fr-callout--blue-ecume'} ]
+[(#ENV{couleur}|=={bleu-canard}|oui) #SET{ma_couleur, 'fr-callout--green-archipel'} ]
+[(#ENV{couleur}|=={rouge}|oui) #SET{ma_couleur, 'fr-callout--purple-glycine'} ]
+[(#ENV{couleur}|=={violet}|oui) #SET{ma_couleur, 'fr-callout--purple-glycine'} ]
+[(#ENV{couleur}|=={beige}|oui) #SET{ma_couleur, 'fr-callout--pink-macaron'} ]
+[(#ENV{couleur}|=={rouge}|oui) #SET{ma_couleur, 'fr-callout--pink-tuile'} ]
+[(#ENV{couleur}|=={rose}|oui) #SET{ma_couleur, 'fr-callout--pink-tuile'} ]
+[(#ENV{couleur}|=={vert}|oui) #SET{ma_couleur, 'fr-callout--green-emeraude'} ]
+[(#ENV{couleur}|=={vert-clair}|oui) #SET{ma_couleur, 'fr-callout--green-menthe'} ]
+[(#ENV{couleur}|=={vert-tilleul}|oui) #SET{ma_couleur, 'fr-callout--green-tilleul-verveine'} ]
+[(#ENV{couleur}|=={vert-fluo}|oui) #SET{ma_couleur, 'fr-callout--green-bourgeon'} ]
+[(#ENV{couleur}|=={orange}|oui) #SET{ma_couleur, 'fr-callout--orange-terre-battue'} ]
+[(#ENV{couleur}|=={cafe}|oui) #SET{ma_couleur, 'fr-callout--brown-cafe-creme'} ]
+[(#ENV{couleur}|=={marron-clair}|oui) #SET{ma_couleur, 'fr-callout--brown-caramel'} ]
+[(#ENV{couleur}|=={marron}|oui) #SET{ma_couleur, 'fr-callout--brown-opera'} ]
+[(#ENV{couleur}|=={gris-clair}|oui) #SET{ma_couleur, 'fr-callout--beige-gris-galet'} ]
+
+
[(#ENV{icone}|=={ajouter}|oui) #SET{mon-icone, ' fr-icon-file-add-fill'} ]
[(#ENV{icone}|=={ampoule}|oui) #SET{mon-icone, ' fr-icon-lightbulb-fill'} ]
@@ -142,42 +162,16 @@
[(#ENV{icone}|=={zoom2}|oui) #SET{mon-icone, ' fr-icon-zoom-in-line'} ]
-[(#ENV{fin}|non)
-<div class="fr-callout
-[(#ENV{icone}|oui) fr-fi-information-line]
-[(#ENV{icone-dsfr}|oui) #ENV{icone-dsfr}]
-[(#REM) choix des couleurs]
-[(#REM) gestion des icones ]
-#GET{mon-icone}
-
-[(#REM) couleurs pour la compatibilité avec les anciens contenus ]
-
-[(#ENV{couleur}|=={jaune}|oui) fr-callout--yellow-moutarde]
-[(#ENV{couleur}|=={jaune-clair}|oui) fr-callout--yellow-tournesol]
-[(#ENV{couleur}|=={bleu}|oui) fr-callout--blue-cumulus]
-[(#ENV{couleur}|=={bleu-clair}|oui) fr-callout--blue-ecume]
-[(#ENV{couleur}|=={bleu-canard}|oui) fr-callout--green-archipel]
-[(#ENV{couleur}|=={rouge}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|=={violet}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|=={beige}|oui) fr-callout--pink-macaron]
-[(#ENV{couleur}|=={rouge}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|=={rose}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|=={vert}|oui) fr-callout--green-emeraude]
-[(#ENV{couleur}|=={vert-clair}|oui) fr-callout--green-menthe]
-[(#ENV{couleur}|=={vert-tilleul}|oui) fr-callout--green-tilleul-verveine]
-[(#ENV{couleur}|=={vert-fluo}|oui) fr-callout--green-bourgeon]
-[(#ENV{couleur}|=={orange}|oui) fr-callout--orange-terre-battue]
-[(#ENV{couleur}|=={cafe}|oui) fr-callout--brown-cafe-creme]
-[(#ENV{couleur}|=={marron-clair}|oui) fr-callout--brown-caramel]
-[(#ENV{couleur}|=={marron}|oui) fr-callout--brown-opera]
-[(#ENV{couleur}|=={gris-clair}|oui) fr-callout--beige-gris-galet]
-[(#ENV{couleur}|=={gris}|oui) background-contrast-grey]
-
-[(#REM) nouvelles couleur ]
-[(#ENV{couleur-dsfr}|oui) fr-callout--#ENV{couleur-dsfr}]
-
-">
+
+
+
+<BOUCLE_theme2(MOTS){id_article}{id_groupe=14}>
+ #SET{numero_theme, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
+</BOUCLE_theme2>
+
+[(#ENV{fin}|non)
+<div class="fr-callout [(#ENV{icone}|oui) fr-fi-information-line][(#ENV{icone-dsfr}|oui) #ENV{icone-dsfr}][(#GET{mon-icone})][(#GET{ma_couleur})]">
[<p class="fr-alert__title">(#ENV*{titre}|propre|paragrapher)</p>]
[<p>(#ENV*{texte}|paragrapher|propre)</p>]
[<a href="(#ENV*{url})" class="fr-btn">#ENV*{bouton}</a>]
diff --git a/design_system_admin/modeles/dsfr_image.html b/design_system_admin/modeles/dsfr_image.html
index 562d00e2b0239027707f61b40fd4b9e5763b7cbd..c8178289969fa4aea19020a7db59e6a5554ac1c7 100644
--- a/design_system_admin/modeles/dsfr_image.html
+++ b/design_system_admin/modeles/dsfr_image.html
@@ -78,12 +78,12 @@ Attention a bien reproduire le modele media_image pour assurer la retrocompatibi
[(#ENV{lien}|oui)</a>]
<div class=' fr-py-2v fr-col-12'>
- [(#ENV{legende}|oui) <p class='fr-content-media__caption fr-m-0'> [(#ENV{legende|PtoBR})] [(#CREDITS|PtoBR)]</p>]
- [(#ENV{legende}|non) [<p class='fr-content-media__caption fr-m-0'>(#CREDITS|PtoBR)</p>]]
+ [<p class='fr-content-media__caption fr-m-0 fr-text--xs'>Crédits : (#CREDITS)</p>]
+ [<p class='fr-content-media__caption fr-m-0'>(#ENV{legende})</p>]
[<em class='css_ressource_size fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Notes : (#ENV{notes}|propre|PtoBR) </em>]
[<em class='css_ressource_size fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Sources : (#ENV{sources}|propre|PtoBR) </em>]
[<em class='css_ressource_size fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Traitement : (#ENV{traitement}|propre|PtoBR) </em>]
- <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-telechargement}) fr-sr-only]' title="Agrandir la figure #ENV{id} (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> [(#ENV{compact}|oui) <span class="fr-sr-only">] Agrandir [(#ENV{compact}|oui) </span>] <span class='fr-sr-only'> la figure #ENV{id} </span>
+ <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-agrandir}) fr-sr-only]' title="Agrandir la figure #ENV{id} (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> [(#ENV{compact}|oui) <span class="fr-sr-only">] Agrandir [(#ENV{compact}|oui) </span>] <span class='fr-sr-only'> la figure #ENV{id} </span>
</a>
<BOUCLE_test2_csv(CONDITION){si #GET{monfichier}}>
<a download class="fr-btn fr-btn--tertiary fr-m-0 fr-p-3v" title="Télécharger le document #ENV{id_document} ([(#GET{type_doc}),] [ (#GET{doc_taille})])" href='#GET{url_doc}'><span class="fr-icon-download-line fr-mr-1w" aria-hidden="true">
diff --git a/design_system_admin/modeles/dsfr_lien.css b/design_system_admin/modeles/dsfr_lien.css
new file mode 100644
index 0000000000000000000000000000000000000000..c99e6c5b12d90952a0f41076e14ea79c4ab2a378
--- /dev/null
+++ b/design_system_admin/modeles/dsfr_lien.css
@@ -0,0 +1,143 @@
+.fr-card__content {
+ box-shadow: none !important;
+ }
+
+.fr-background-alt--grey {
+ --idle: transparent;
+ --hover: var(--background-alt-grey-hover)!important;
+ --active: var(--background-alt-grey-active)!important;
+ background-color: var(--background-alt-grey)!important
+}
+
+.fr-background-alt--blue-france {
+ --idle: transparent;
+ --hover: var(--background-alt-blue-france-hover)!important;
+ --active: var(--background-alt-blue-france-active)!important;
+ background-color: var(--background-alt-blue-france)!important
+}
+
+.fr-background-alt--red-marianne {
+ --idle: transparent;
+ --hover: var(--background-alt-red-marianne-hover)!important;
+ --active: var(--background-alt-red-marianne-active)!important;
+ background-color: var(--background-alt-red-marianne)!important
+}
+
+.fr-background-alt--green-tilleul-verveine {
+ --idle: transparent;
+ --hover: var(--background-alt-green-tilleul-verveine-hover)!important;
+ --active: var(--background-alt-green-tilleul-verveine-active)!important;
+ background-color: var(--background-alt-green-tilleul-verveine)!important
+}
+
+.fr-background-alt--green-bourgeon {
+ --idle: transparent;
+ --hover: var(--background-alt-green-bourgeon-hover)!important;
+ --active: var(--background-alt-green-bourgeon-active)!important;
+ background-color: var(--background-alt-green-bourgeon)!important
+}
+
+.fr-background-alt--green-emeraude {
+ --idle: transparent;
+ --hover: var(--background-alt-green-emeraude-hover)!important;
+ --active: var(--background-alt-green-emeraude-active)!important;
+ background-color: var(--background-alt-green-emeraude)!important
+}
+
+.fr-background-alt--green-menthe {
+ --idle: transparent;
+ --hover: var(--background-alt-green-menthe-hover)!important;
+ --active: var(--background-alt-green-menthe-active)!important;
+ background-color: var(--background-alt-green-menthe)!important
+}
+
+.fr-background-alt--green-archipel {
+ --idle: transparent;
+ --hover: var(--background-alt-green-archipel-hover)!important;
+ --active: var(--background-alt-green-archipel-active)!important;
+ background-color: var(--background-alt-green-archipel)!important
+}
+
+.fr-background-alt--blue-ecume {
+ --idle: transparent;
+ --hover: var(--background-alt-blue-ecume-hover)!important;
+ --active: var(--background-alt-blue-ecume-active)!important;
+ background-color: var(--background-alt-blue-ecume)!important
+}
+
+.fr-background-alt--blue-cumulus {
+ --idle: transparent;
+ --hover: var(--background-alt-blue-cumulus-hover)!important;
+ --active: var(--background-alt-blue-cumulus-active)!important;
+ background-color: var(--background-alt-blue-cumulus)!important
+}
+
+.fr-background-alt--purple-glycine {
+ --idle: transparent;
+ --hover: var(--background-alt-purple-glycine-hover)!important;
+ --active: var(--background-alt-purple-glycine-active)!important;
+ background-color: var(--background-alt-purple-glycine)!important
+}
+
+.fr-background-alt--pink-macaron {
+ --idle: transparent;
+ --hover: var(--background-alt-pink-macaron-hover)!important;
+ --active: var(--background-alt-pink-macaron-active)!important;
+ background-color: var(--background-alt-pink-macaron)!important
+}
+
+.fr-background-alt--pink-tuile {
+ --idle: transparent;
+ --hover: var(--background-alt-pink-tuile-hover)!important;
+ --active: var(--background-alt-pink-tuile-active)!important;
+ background-color: var(--background-alt-pink-tuile)!important
+}
+
+.fr-background-alt--yellow-tournesol {
+ --idle: transparent;
+ --hover: var(--background-alt-yellow-tournesol-hover)!important;
+ --active: var(--background-alt-yellow-tournesol-active)!important;
+ background-color: var(--background-alt-yellow-tournesol)!important;
+}
+
+.fr-background-alt--yellow-moutarde {
+ --idle: transparent;
+ --hover: var(--background-alt-yellow-moutarde-hover)!important;
+ --active: var(--background-alt-yellow-moutarde-active)!important;
+ background-color: var(--background-alt-yellow-moutarde)!important
+}
+
+.fr-background-alt--orange-terre-battue {
+ --idle: transparent;
+ --hover: var(--background-alt-orange-terre-battue-hover)!important;
+ --active: var(--background-alt-orange-terre-battue-active)!important;
+ background-color: var(--background-alt-orange-terre-battue)!important
+}
+
+.fr-background-alt--brown-cafe-creme {
+ --idle: transparent;
+ --hover: var(--background-alt-brown-cafe-creme-hover)!important;
+ --active: var(--background-alt-brown-cafe-creme-active)!important;
+ background-color: var(--background-alt-brown-cafe-creme)!important
+}
+
+.fr-background-alt--brown-caramel {
+ --idle: transparent;
+ --hover: var(--background-alt-brown-caramel-hover)!important;
+ --active: var(--background-alt-brown-caramel-active)!important;
+ background-color: var(--background-alt-brown-caramel)!important
+}
+
+.fr-background-alt--brown-opera {
+ --idle: transparent;
+ --hover: var(--background-alt-brown-opera-hover)!important;
+ --active: var(--background-alt-brown-opera-active)!important;
+ background-color: var(--background-alt-brown-opera)!important
+}
+
+.fr-background-alt--beige-gris-galet {
+ --idle: transparent;
+ --hover: var(--background-alt-beige-gris-galet-hover)!important;
+ --active: var(--background-alt-beige-gris-galet-active)!important;
+ background-color: var(--background-alt-beige-gris-galet)!important
+}
\ No newline at end of file
diff --git a/design_system_admin/modeles/dsfr_lien.html b/design_system_admin/modeles/dsfr_lien.html
index 9c4754bc0ad87a43999d579d5536698ba5816147..ee083de809d146f71cff7b2fbe9516194e915aed 100644
--- a/design_system_admin/modeles/dsfr_lien.html
+++ b/design_system_admin/modeles/dsfr_lien.html
@@ -1,35 +1,36 @@
-[(#REM)
-Gestion des liens d'article, de rubriques d'url et de doc avec les modeles correspondants
-]
-
-[(#REM) renommage des variables de liens
-
-|id=5186
-|rub=319 (rubrique)
-|doc=156 (document)
-
-|petit ou |grand
-
-|icone=fr-fi-arrow-right-line
-|icone-droite
-|icone-gauche
-
-
-|url=http:// .... (avec verification si l'url contient pdf ou pas)
-
-|nouvelle-fenetre
-
-|forme=carte ou |forme=tuile ou |forme=tag ou |forme=bouton ou |forme=bloc ?
-
-Verification dans l'ordre : rubrique, document, url, pdf ou article (par defaut)
-
-ajout des taille sm (petit) et LG (grande)
-
-]
+[(#REM)Gestion des liens d'article, de rubriques d'url et de doc avec les modeles correspondants]
+
+[(#REM) ajout de la feuille CSS du modele ]
+<link rel="stylesheet" type="text/css" href="#CHEMIN{modeles/dsfr_lien.css}" 4 />
+
+[(#REM) couleur des fonds ]
+[(#ENV{couleur}|=={jaune}|oui) #SET{ma_couleur, 'fr-background-alt--yellow-moutarde'} ]
+[(#ENV{couleur}|=={jaune-clair}|oui) #SET{ma_couleur, 'fr-background-alt--yellow-tournesol'} ]
+[(#ENV{couleur}|=={bleu}|oui) #SET{ma_couleur, 'fr-background-alt--blue-cumulus'} ]
+[(#ENV{couleur}|=={bleu-clair}|oui) #SET{ma_couleur, 'fr-background-alt--blue-ecume'} ]
+[(#ENV{couleur}|=={bleu-canard}|oui) #SET{ma_couleur, 'fr-background-alt--green-archipel'} ]
+[(#ENV{couleur}|=={rouge}|oui) #SET{ma_couleur, 'fr-background-alt--purple-glycine'} ]
+[(#ENV{couleur}|=={violet}|oui) #SET{ma_couleur, 'fr-background-alt--purple-glycine'} ]
+[(#ENV{couleur}|=={beige}|oui) #SET{ma_couleur, 'fr-background-alt--pink-macaron'} ]
+[(#ENV{couleur}|=={rouge}|oui) #SET{ma_couleur, 'fr-background-alt--pink-tuile'} ]
+[(#ENV{couleur}|=={rose}|oui) #SET{ma_couleur, 'fr-background-alt--pink-tuile'} ]
+[(#ENV{couleur}|=={vert}|oui) #SET{ma_couleur, 'fr-background-alt--green-emeraude'} ]
+[(#ENV{couleur}|=={vert-clair}|oui) #SET{ma_couleur, 'fr-background-alt--green-menthe'} ]
+[(#ENV{couleur}|=={vert-tilleul}|oui) #SET{ma_couleur, 'fr-background-alt--green-tilleul-verveine'} ]
+[(#ENV{couleur}|=={vert-fluo}|oui) #SET{ma_couleur, 'fr-background-alt--green-bourgeon'} ]
+[(#ENV{couleur}|=={orange}|oui) #SET{ma_couleur, 'fr-background-alt--orange-terre-battue'} ]
+[(#ENV{couleur}|=={cafe}|oui) #SET{ma_couleur, 'fr-background-alt--brown-cafe-creme'} ]
+[(#ENV{couleur}|=={marron-clair}|oui) #SET{ma_couleur, 'fr-background-alt--brown-caramel'} ]
+[(#ENV{couleur}|=={marron}|oui) #SET{ma_couleur, 'fr-background-alt--brown-opera'} ]
+[(#ENV{couleur}|=={gris-clair}|oui) #SET{ma_couleur, 'fr-background-alt--beige-gris-galet'} ]
+[(#ENV{couleur}|=={gris}|oui) #SET{ma_couleur, 'fr-background-alt--grey'} ]
+
+[(#REM) gestion d'une div de debut et de fin ]
+[(#ENV{debut}|oui)<div class="fr-grid-row [(#ENV{marge}|oui) fr-grid-row--gutters ] fr-mb-3w">]
+[(#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'} ]
@@ -172,351 +173,576 @@ ajout des taille sm (petit) et LG (grande)
[(#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}}]
-<BOUCLE_condition_rubrique(CONDITION){si #ENV{rub}|oui}>
- [(#REM) c'est une rubrique ]
-
-
- [(#REM) c'est une rubrique avec un format card ]
-
- <BOUCLE_rubrique-carte(RUBRIQUES){SI #ENV{carte}|oui}{id_rubrique=#ENV{rub}} >
- <div class="fr-card fr-enlarge-link fr-card--horizontal fr-card--sm hauteur-limitee fr-mb-5v ">
- <div class="fr-card__body">
- <div class="fr-card__content fr-background-alt--orange-terre-battue">
- <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">
- <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
- </div>
- </div>
- </div>
- <div class="fr-card__header">
- <div class="fr-card__img">
- <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_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>
- <//B_image_bignews3>
- </div>
- </div>
- </div>
- </BOUCLE_rubrique-carte>
+[(#REM) gestion des couleurs de badge ]
+[(#ENV{couleur_badge}|=={jaune}|oui) #SET{moncouleurbadge, 'fr-badge--new'} ]
+[(#ENV{couleur_badge}|=={marron}|oui) #SET{moncouleurbadge, 'fr-badge--warning'} ]
+[(#ENV{couleur_badge}|=={bleu}|oui) #SET{moncouleurbadge, 'fr-badge--info'} ]
+[(#ENV{couleur_badge}|=={rouge}|oui) #SET{moncouleurbadge, 'fr-badge--error'} ]
+[(#ENV{couleur_badge}|=={vert}|oui) #SET{moncouleurbadge, 'fr-badge--success'} ]
+
+[(#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>
- [(#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}}>
- <div class="fr-tile fr-enlarge-link fr-tile--horizontal">
- <div class="fr-tile__body">
- <h4 class="fr-tile__title">
- <a class="fr-tile__link" href="#URL_RUBRIQUE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
- </h4>
- <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div>
- </div>
- <div class="fr-tile__img">
- <BOUCLE_image_rub_tuile(DOCUMENTS){id_rubrique}{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_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>
- <//B_image_tuile>
- </div>
- </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="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)]
-
- </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>
- <BOUCLE_condition_url(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}>
-
- [(#REM) c'est une url avec un format card ]
- <BOUCLE_url-carte(CONDITION){SI #ENV{carte}|oui}>
- <div class="fr-card fr-enlarge-link fr-card--horizontal fr-card--sm hauteur-limitee fr-mb-5v ">
+[(#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
+ [(#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-mb-2w ">
<div class="fr-card__body">
- <div class="fr-card__content fr-background-alt--orange-terre-battue">
+ <div class="fr-card__content [(#GET{ma_couleur})]">
<p class="fr-card__title">
- <a href="#ENV{url}">#ENV{titre}</a>
+ <a href="#ENV{url}">[(#ENV{titre}|non) #ENV{url}][(#ENV{titre}|oui) #ENV{titre}]</a>
</p>
- <div class="fr-card__desc">#ENV{TEXTE}</div>
+ [<div class="fr-card__desc fr-mb-2w fr-mr-4w">(#ENV{texte})</div>]
+ [<div class="fr-card__start">
+ <ul class="fr-badges-group">
+ <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li>
+ </ul>
+ </div>]
</div>
</div>
+
+ <BOUCLE_conditionsimage00(CONDITION){SI #ENV{image_id}|oui}>
+ <div class="fr-card__header">
+ <div class="fr-card__img ">
+ <BOUCLE_image_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_id>
+ </div>
+ </div>
+ </BOUCLE_conditionsimage00>
+
</div>
- </BOUCLE_url-carte>
+ [(#ENV{vertical}|oui)</div>]
+ </BOUCLE_url_carte>
[(#REM) c'est une url avec un format tuile ]
-
- <BOUCLE_url-tuile(CONDITION){SI #ENV{tuile}|oui}>
- <div class="fr-tile fr-enlarge-link fr-tile--horizontal">
+ <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 ]
+ [(#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">
- [<h4 class="fr-tile__title">
- <a class="fr-tile__link" href="#ENV{url}">(#ENV{titre})</a>
- </h4>]
- [<div class="fr-tile__desc">(#ENV{TEXTE})</div>]
+ <div class="fr-tile__content">
+ [<p class="fr-tile__title">
+ <a class="" href="#ENV{url}">(#ENV{titre})</a>
+ </p>]
+ [<div class="fr-tile__desc">(#ENV{texte})</div>]
+ </div>
+ </div>
+
+ <BOUCLE_conditionsimagetuile(CONDITION){SI #ENV{image_id}|oui}>
+ <div class="fr-tile__img ">
+
+ <BOUCLE_image_id_tuile(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_id_tuile>
+
</div>
+ </BOUCLE_conditionsimagetuile>
+
</div>
- </BOUCLE_url-tuile>
+ [(#ENV{vertical}|oui)</div>]
+ </BOUCLE_url_tuile>
[(#REM) c'est une url avec un format bouton ]
-
- <BOUCLE_url-bouton(CONDITION){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{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)>
+ <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}>
-
+ [(#REM) c'est une document au format carte]
- <//B_url-tag>
-
- <//B_url-bouton>
+ <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)]
- <//B_url-tuile>
+ </span>
+ </a>
+ </p>
+ [<p class="fr-download__desc">(#DESCRIPTIF*)</p>]
+</div>
+</BOUCLE_document-carte>
- </BOUCLE_condition_url>
+</BOUCLE_condition_document>
- <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 ]
+<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 fr-mb-2w">
+ <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 un lien vers un pdf ]
- [(#REM) c'est une lien simple vers un document pdf]
+ [(#REM) c'est une lien simple au format carte vers un document pdf]
+ <BOUCLE_document-carte-pdf(CONDITION){si #ENV{carte}|oui}>
- <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>
+ <div class="fr-card fr-card--download fr-enlarge-link fr-mb-2w ">
+ <div class="fr-card__body">
+ <div class="fr-card__content [(#GET{ma_couleur})]">
+ <p class="fr-card__title">
+ <a href="#ENV{url}" download [title="Télécharger le document : (#TITRE)"]>[(#ENV{titre}|non) #ENV{url}][(#ENV{titre}|oui) #ENV{titre}]</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>
+ [<div class="fr-card__desc fr-mb-1w fr-mr-4w">(#ENV{texte})</div>]
+ [<div class="fr-card__end fr-mb-2w">
+ <p class="fr-card__detail ">
+ Fichier (#ENV{type}) [ - (#ENV{poids})]
</p>
- [<p class="fr-download__desc">(#ENV{texte})</p>]
+ </div>]
+ [<div class="fr-card__start">
+ <ul class="fr-badges-group">
+ <li><p class="fr-badge [(#GET{moncouleurbadge})]">(#ENV{badge})</p></li>
+ </ul>
+ </div>]
</div>
+ </div>
+ </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}} >
- <div class="fr-card fr-enlarge-link fr-card--horizontal fr-card--sm hauteur-limitee fr-mb-5v ">
- <div class="fr-card__body">
- <div class="fr-card__content fr-background-alt--orange-terre-battue">
- <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">
- <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
- </div>
- </div>
- </div>
- <div class="fr-card__header">
- <div class="fr-card__img">
- <BOUCLE_image_bignews4(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_bignews4>
- <BOUCLE_theme24(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_theme24>
- <//B_image_bignews4>
- </div>
- </div>
- </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}}>
- <div class="fr-tile fr-enlarge-link fr-tile--horizontal">
- <div class="fr-tile__body">
- <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 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>
- </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}>
- <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>
-
- <//B_article-tag>
-
- <//B_article-bouton>
-
- <//B_article-tuile>
-
- <//B_article-carte>
-
-
- </BOUCLE_condition_article>
-
- <//BOUCLE_condition_pdf>
-
- <//B_condition_url>
+ </BOUCLE_document-carte-pdf>
- <//B_condition_document>
-
- <//B_condition_rubrique>
+</BOUCLE_condition_pdf>
diff --git a/design_system_admin/modeles/dsfr_video.html b/design_system_admin/modeles/dsfr_video.html
index 6d151daa3c60e52a467eb78cd7fa2df9e26713e9..67f1ac27a7f378d83f5b64e05ef6f85f35b1d96b 100644
--- a/design_system_admin/modeles/dsfr_video.html
+++ b/design_system_admin/modeles/dsfr_video.html
@@ -1,30 +1,33 @@
#SET{aleatoire, #EVAL{rand()}}
-<figure class="fr-m-0 fr-p-0">
+
+[(#ENV{fin}|non)
+
+<figure class='fr-m-0 fr-p-0'>
[<figcaption class="fr-text--bold">(#ENV*{titre}|?{#ENV*{titre}, #TITRE})</figcaption>]
- <div class="fr-responsive-vid">
-<iframe class="fr-responsive-vid__player" loading="lazy" [src="(#ENV*{url}|?{#ENV*{url}, #URL_SITE})"] allowfullscreen allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" title="Lire la vidéo [(#ENV*{titre}|?{#ENV*{titre}, #TITRE})]" allowfullscreen></iframe>
-[<p class="fr-m-0"><strong>Notes : </strong>(#ENV*{notes}|propre|PtoBr) </p>]
-[<p class="fr-m-0"><strong>Source : </strong> (#ENV*{sources}|propre|PtoBr)</p>]
+
+<div class='fr-responsive-vid'>
+<iframe class='fr-responsive-vid__player' loading='lazy' [src='(#ENV*{url}|?{#ENV*{url}, #URL_SITE})'] allowfullscreen allow='accelerometer; encrypted-media; gyroscope; picture-in-picture' title='Lire la vidéo [(#ENV*{titre}|?{#ENV*{titre}, #TITRE})]' allowfullscreen></iframe>
+[<p class='fr-m-0'><strong>Notes : </strong>(#ENV*{notes}|propre|PtoBr) </p>]
+[<p class='fr-m-0'><strong>Source : </strong> (#ENV*{sources}|propre|PtoBr)</p>]
</div>
-<div class="fr-accordion fr-my-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
+<div class='fr-accordion fr-my-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]'>
-<div class="fr-accordion__title ">
-<button type="button" class="fr-transcription__btn" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true">
+<div class='fr-accordion__title '>
+<button type="button" class='fr-transcription__btn' aria-controls='collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}' aria-expanded='[(#GET{isressource}|=={0}|non)true'>
Transcription
</button>
</div>
</div>
-[<div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w">
- (#ENV*{longdesc}|propre)
- </div>
-</div>
-]
+<div class='fr-collapse shadow' id='collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}'>
+<div class='fr-p-3w'>
+[(#REM) debut de la transcription : soit par longdesc, soit par texte entre les deux balises de debut et de fin]
+[(#ENV*{longdesc}|propre)]
+]
-</figure>
\ No newline at end of file
+[(#ENV{fin}|oui)</div></div></figure>]
\ No newline at end of file
diff --git a/design_system_admin/modeles/emb_pdf.html b/design_system_admin/modeles/emb_pdf.html
deleted file mode 100644
index 242ebd375722f415bc38d5ed177ffeaf0f607500..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/emb_pdf.html
+++ /dev/null
@@ -1,10 +0,0 @@
-[(#REM)
- modele pour inserer le lecteur en ligne du plugin pdf.js
- parametres:
- - id: id_document
- - largeur (facultatif): largeur de iframe
- - hauteur (facultatif): hauteur de iframe
-
-]<BOUCLE_doc(DOCUMENTS types_documents){id_document=#ENV{id}}{tout}><!--#EVAL{chr('91')}if !IE#EVAL{chr('93')}><!--><iframe src="[(#URL_PAGE{pdfjs}|parametre_url{id_document,#ENV{id}})]" width="[(#ENV{largeur}|?{#ENV{largeur},490})]" height="[(#ENV{hauteur}|?{#ENV{hauteur},600})]"[ title="(#TITRE|attribut_html)"] class=" spip_document_#ID_DOCUMENT lecteurpdf[ lecteufpdf-(#ENV{id}) ]spip_documents[ spip_documents_(#ENV{align})] fr-my-3v" name="pdf_#ENV{id}" allowfullscreen></iframe><!--<!#EVAL{chr('91')}endif#EVAL{chr('93')}-->
-<!--#EVAL{chr('91')}if IE#EVAL{chr('93')}><iframe src="[(#URL_DOCUMENT)]" width="[(#ENV{largeur}|?{#ENV{largeur},490})]" height="[(#ENV{hauteur}|?{#ENV{hauteur},600})]" class="spip_document_#ID_DOCUMENT lecteurpdf[ lecteufpdf-(#ENV{id}) ]spip_documents[ spip_documents_(#ENV{align})]"[ title="(#TITRE|attribut_html)"] name="pdf_#ENV{id}" allowfullscreen></iframe><!#EVAL{chr('91')}endif#EVAL{chr('93')}-->
-</BOUCLE_doc>
diff --git a/design_system_admin/modeles/encadre.html b/design_system_admin/modeles/encadre.html
deleted file mode 100644
index 439823af0f7e0b3b75643c69e8f5941ff5c056a3..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/encadre.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!-- encadre avec possibilite de lien vers un document :
-- #ENV{couleur} : bleu / vert / rouge / gris
-- #ENV{type} : texte / lien
-- #ENV{titre} : si #ENV{type} = lien ou si #ENV{type} = texte et si votre texte a un titre
-- #ENV{texte} : si #ENV{type} = texte ou si #ENV{type} = lien
-- #ENV{url} : url
-- #ENV{target} : blank (si c'est le cas)
-- id = nom du document
--->
-#SET{url, #ENV{url}}
-
- <BOUCLE_doc(DOCUMENTS){id_document=#ENV{id}}{mode=document}{doublons}{tout}>
- #SET{doc_ref, #ENV*{titre}|textebrut}
- #SET{doc_taille, #TAILLE|taille_en_octets}
- #SET{type_doc, #TYPE_DOCUMENT}
- #SET{titre, #TITRE|textebrut}
- #SET{url, #URL_DOCUMENT}
- </BOUCLE_doc>
-
- <div role="alert" class="fr-alert[ (#ENV{couleur}=={vert}|oui) fr-alert--success][ (#ENV{couleur}=={rouge}|oui) fr-alert--error][ (#ENV{couleur}=={bleu}|oui) fr-alert--info][ (#ENV{texte}|non) fr-alert--sm]
- [(#ENV{icone}|match{oui}|oui) fr-fi-information-line]
-[(#ENV{icone-dsfr}|oui) #ENV{icone-dsfr}]
-
-[(#REM) couleurs pour la compatibilité avec les anciens contenus ]
-
-[(#ENV{couleur}|match{jaune}|oui) fr-callout--yellow-moutarde]
-[(#ENV{couleur}|match{bleu}|oui) fr-callout--blue-cumulus]
-[(#ENV{couleur}|match{rouge}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|match{vert}|oui) fr-callout--green-emeraude]
-[(#ENV{couleur}|match{rose}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|match{orange}|oui) fr-callout--yellow-moutarde]
-
-[(#REM) nouvelles couleur ]
-[(#ENV{couleur-dsfr}|oui) fr-callout--#ENV{couleur-dsfr}]">
- [(#ENV{type}=={lien}|non) <p>#ENV{titre}</p>]
- [(#ENV{type}=={lien}|oui)
- <p><a class="fr-link fr-fi-arrow-right-line fr-link--icon-right" [title="(#GET{titre}) - [(#ENV{target}|oui)ouvre une nouvelle fenêtre]"] href="#GET{url}" [target="_(#ENV{target})" rel="noopener"] >#GET{titre} [(#GET{doc_ref})][ (document (#GET{type_doc})][ - (#GET{doc_taille}))]</a></p>
- ]
- [(#ENV{type}|non) <p>#ENV{texte}</p>]
- </div>
- </BOUCLE_encadre_vert>
\ No newline at end of file
diff --git a/design_system_admin/modeles/encadre_complexe.html b/design_system_admin/modeles/encadre_complexe.html
deleted file mode 100644
index 84adfb92417a0d960fabbbe950a75f706b821204..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/encadre_complexe.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<BOUCLE_theme2(MOTS){id_article}{id_groupe=14}>
- #SET{numero_theme, (#INFO_DESCRIPTIF{mot, #ID_MOT_RACINE}|textebrut)}
-</BOUCLE_theme2>
-
-[(#ENV{fin}|non)
-<div class="fr-callout
-[(#ENV{icone}|oui) fr-fi-information-line]
-[(#ENV{icone-dsfr}|oui) #ENV{icone-dsfr}]
-[(#REM) choix des couleurs]
-
-[(#REM) couleurs pour la compatibilité avec les anciens contenus ]
-
-[(#ENV{couleur}|=={jaune}|oui) fr-callout--yellow-moutarde]
-[(#ENV{couleur}|=={jaune-clair}|oui) fr-callout--yellow-tournesol]
-[(#ENV{couleur}|=={bleu}|oui) fr-callout--blue-cumulus]
-[(#ENV{couleur}|=={bleu-clair}|oui) fr-callout--blue-ecume]
-[(#ENV{couleur}|=={bleu-canard}|oui) fr-callout--green-archipel]
-[(#ENV{couleur}|=={rouge}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|=={violet}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|=={beige}|oui) fr-callout--pink-macaron]
-[(#ENV{couleur}|=={rouge}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|=={rose}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|=={vert}|oui) fr-callout--green-emeraude]
-[(#ENV{couleur}|=={vert-clair}|oui) fr-callout--green-menthe]
-[(#ENV{couleur}|=={vert-tilleul}|oui) fr-callout--green-tilleul-verveine]
-[(#ENV{couleur}|=={vert-fluo}|oui) fr-callout--green-bourgeon]
-[(#ENV{couleur}|=={orange}|oui) fr-callout--orange-terre-battue]
-[(#ENV{couleur}|=={cafe}|oui) fr-callout--brown-cafe-creme]
-[(#ENV{couleur}|=={marron-clair}|oui) fr-callout--brown-caramel]
-[(#ENV{couleur}|=={marron}|oui) fr-callout--brown-opera]
-[(#ENV{couleur}|=={gris-clair}|oui) fr-callout--beige-gris-galet]
-[(#ENV{couleur}|=={gris}|oui) background-contrast-grey]
-
-[(#REM) nouvelles couleur ]
-[(#ENV{couleur-dsfr}|oui) fr-callout--#ENV{couleur-dsfr}]
-
-">
- [<p class="fr-alert__title">(#ENV*{titre}|propre|paragrapher)</p>]
- [<p>(#ENV*{texte}|paragrapher|propre)</p>]
- [<a href="(#ENV*{url})" class="fr-btn">#ENV*{bouton}</a>]
- ]
-
- [(#ENV{fin}|oui)</div>]
\ No newline at end of file
diff --git a/design_system_admin/modeles/exergue.html b/design_system_admin/modeles/exergue.html
deleted file mode 100644
index 90343d00ec41157a7ed04c1a45515876efd62ba5..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/exergue.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="fr-highlight">
- [<span class=" [(#ENV{grand}|oui) fr-text--lg] [(#ENV{petit}|oui) fr-text--sm]">(#ENV*{texte}|paragrapher|propre)</span>]
-</div>
diff --git a/design_system_admin/modeles/exergue_complexe.html b/design_system_admin/modeles/exergue_complexe.html
deleted file mode 100644
index 4e781aa2b913796bb24a1ba493c75d03f4529eb5..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/exergue_complexe.html
+++ /dev/null
@@ -1,33 +0,0 @@
-[(#ENV{fin}|non)
-
-<div class="fr-highlight
-[(#REM) choix des couleurs]
-
-[(#REM) couleurs pour la compatibilité avec les anciens contenus ]
-
-[(#ENV{couleur}|=={jaune}|oui) fr-callout--yellow-moutarde]
-[(#ENV{couleur}|=={jaune-clair}|oui) fr-callout--yellow-tournesol]
-[(#ENV{couleur}|=={bleu}|oui) fr-callout--blue-cumulus]
-[(#ENV{couleur}|=={bleu-clair}|oui) fr-callout--blue-ecume]
-[(#ENV{couleur}|=={bleu-canard}|oui) fr-callout--green-archipel]
-[(#ENV{couleur}|=={rouge}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|=={violet}|oui) fr-callout--purple-glycine]
-[(#ENV{couleur}|=={beige}|oui) fr-callout--pink-macaron]
-[(#ENV{couleur}|=={rouge}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|=={rose}|oui) fr-callout--pink-tuile]
-[(#ENV{couleur}|=={vert}|oui) fr-callout--green-emeraude]
-[(#ENV{couleur}|=={vert-clair}|oui) fr-callout--green-menthe]
-[(#ENV{couleur}|=={vert-tilleul}|oui) fr-callout--green-tilleul-verveine]
-[(#ENV{couleur}|=={vert-fluo}|oui) fr-callout--green-bourgeon]
-[(#ENV{couleur}|=={orange}|oui) fr-callout--orange-terre-battue]
-[(#ENV{couleur}|=={cafe}|oui) fr-callout--brown-cafe-creme]
-[(#ENV{couleur}|=={marron-clair}|oui) fr-callout--brown-caramel]
-[(#ENV{couleur}|=={marron}|oui) fr-callout--brown-opera]
-[(#ENV{couleur}|=={gris-clair}|oui) fr-callout--beige-gris-galet]
-[(#ENV{couleur}|=={gris}|oui) background-contrast-grey]
-
-">
-<span class=" [(#ENV{grand}|oui) fr-text--lg] [(#ENV{petit}|oui) fr-text--sm]">
- ]
-
-[(#ENV{fin}|oui)</span></div>]
\ No newline at end of file
diff --git a/design_system_admin/modeles/image.html b/design_system_admin/modeles/image.html
deleted file mode 100644
index 2f75d41ed558833593b1c4b9f619d5fd71a92ac7..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/image.html
+++ /dev/null
@@ -1,106 +0,0 @@
-[(#REM)
-Attention a bien reproduire le modele media_image pour assurer la retrocompatibilité
-]
-
-[(#REM) Existe-il un modéle spécifique é cette extension ?]
-[(#CHEMIN{modeles/media_image_#EXTENSION.html}|oui)
- <INCLURE{fond=modeles/media_image_#EXTENSION, id=#ID_DOCUMENT, env, connect}>
-]
-
-[(#ENV{csv}|oui) #SET{monfichier, #ENV{csv}}]
-[(#ENV{fichier}|oui) #SET{monfichier, #ENV{fichier}}]
-#SET{aleatoire, #EVAL{uniqid()}}
-
- <BOUCLE_illustration(DOCUMENTS types_documents) {id_document=#ENV{id}} {tout}>
- [<!--(#REM) gestion des liens vers des documents accessibles -->]
- #SET{test_numerique, #GET{monfichier}|plus{0}}
-
-
- <BOUCLE_test_csv(CONDITION){si #GET{monfichier}}>
- <BOUCLE_doc_url(CONDITION){si #GET{test_numerique}|>{0}}>
- #SET{url_doc,#URL_DOCUMENT{#GET{monfichier}}}
-
- <BOUCLE_doc(DOCUMENTS){id_document=#GET{monfichier}}{mode=document}{doublons}{tout}>
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #TAILLE|taille_en_octets}
- #SET{type_doc, #TYPE_DOCUMENT}
- </BOUCLE_doc>
-
- </BOUCLE_doc_url>
- #SET{url_doc, #GET{monfichier}}
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #ENV*{poids}}
- #SET{type_doc, #ENV*{csv}|match{.{0}(\w+)\s*$}|majuscules}
- <//B_doc_url>
- </BOUCLE_test_csv>
-
-
- #SWITCH{#ENV{aligner-texte}}
- [(#CASE{right}) #SET{aligntext, 'text-right'}]
- [(#CASE{droite}) #SET{aligntext, 'text-right'}]
- [(#CASE{left}) #SET{aligntext, 'text-left'}]
- [(#CASE{gauche}) #SET{aligntext, 'text-left'}]
- [(#CASE_DEFAULT) #SET{aligntext, 'text-center'}]
-
- [(#REM) gestion des alignements et des largeurs]
-
- #SWITCH{#ENV{align}}
- [(#CASE{right}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0 '} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{droite}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{gauche}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{left}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE_DEFAULT) #SET{alignimg, "w-100"} #SET{largeur_ok, '' } ]
-
- [(#ENV{largeur}|oui) #SET{image_largeur, #ENV{largeur}}]
- [(#ENV{largeur-legende}|oui) #SET{legende_largeur, #ENV{largeur}}]
-
-
-
-
-
- <figure role='group' class='fr-content-media fr-mb-1w [(#GET{alignimg})] [(#GET{aligntext})] [(#ENV{class}|propre)]' [style='width:(#GET{largeur_ok})px !important'] aria-label='figure #ENV{id}[ - (#TITRE*)]' >
- [<a href='(#ENV{lien})'>]
- [(#FICHIER
- |image_reduire{#GET{image_largeur, '1400'},0}
- |inserer_attribut{alt, #TITRE*}
- |inserer_attribut{loading, 'lazy'}
- |inserer_attribut{class, 'fr-content-media__img'[(#ENV*{fond-blanc}|oui) fr-fond-blanc]}
- |inserer_attribut{aria-labelledby,collapse-img#ENV{id}}
- )]
- [(#ENV{lien}|oui)</a>]
-
- <div class=' fr-py-2v fr-col-12' [style='width:(#GET{legende_largeur})px !important']>
- [(#ENV{legende}|oui) <em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> [(#ENV{legende})] [ - Crédits : (#CREDITS*)]</em>]
- [(#ENV{legende}|non) [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> Crédits : (#CREDITS*)]</em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Notes : (#ENV*{notes}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Sources : (#ENV*{sources}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Traitement : (#ENV*{traitement}|propre) </em>]
- <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-telecharger}) fr-sr-only]' title="Figure #ENV{id} - (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> Agrandir <span class='fr-sr-only'> la figure #ENV{id} </span>
- </a>
- <BOUCLE_test2_csv(CONDITION){si #GET{monfichier}}>
- <a download class="fr-btn fr-btn--tertiary fr-m-0 fr-p-3v " href='#GET{url_doc}'><span class="fr-icon-download-line fr-mr-1w" aria-hidden="true"></span> Télécharger <span class="fr-ml-1v"> ([(#GET{type_doc}),] [ (#GET{doc_taille})])</span><span class='fr-sr-only'> le document [ (#TITRE*)] </span> </a>
- </BOUCLE_test2_csv>
-
- <div class="fr-accordion fr-mb-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
-
- <div class="fr-accordion__title fr-pr-4">
- <button type="button" class="fr-transcription__btn d-block fr-p-3v" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true">
- Transcription <span class="fr-sr-only">de l'image #ID_DOCUMENT</span>
- </button>
- </div>
- </div>
-
-
- <div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w"> [(#DESCRIPTIF|oui) #DESCRIPTIF ]
- [(#DESCRIPTIF|non) Figure #ID_DOCUMENT ]
- </div>
- </div>
-
-
-
-
-
- </figure>
-
- </BOUCLE_illustration>
\ No newline at end of file
diff --git a/design_system_admin/modeles/img.html b/design_system_admin/modeles/img.html
deleted file mode 100644
index 2f75d41ed558833593b1c4b9f619d5fd71a92ac7..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/img.html
+++ /dev/null
@@ -1,106 +0,0 @@
-[(#REM)
-Attention a bien reproduire le modele media_image pour assurer la retrocompatibilité
-]
-
-[(#REM) Existe-il un modéle spécifique é cette extension ?]
-[(#CHEMIN{modeles/media_image_#EXTENSION.html}|oui)
- <INCLURE{fond=modeles/media_image_#EXTENSION, id=#ID_DOCUMENT, env, connect}>
-]
-
-[(#ENV{csv}|oui) #SET{monfichier, #ENV{csv}}]
-[(#ENV{fichier}|oui) #SET{monfichier, #ENV{fichier}}]
-#SET{aleatoire, #EVAL{uniqid()}}
-
- <BOUCLE_illustration(DOCUMENTS types_documents) {id_document=#ENV{id}} {tout}>
- [<!--(#REM) gestion des liens vers des documents accessibles -->]
- #SET{test_numerique, #GET{monfichier}|plus{0}}
-
-
- <BOUCLE_test_csv(CONDITION){si #GET{monfichier}}>
- <BOUCLE_doc_url(CONDITION){si #GET{test_numerique}|>{0}}>
- #SET{url_doc,#URL_DOCUMENT{#GET{monfichier}}}
-
- <BOUCLE_doc(DOCUMENTS){id_document=#GET{monfichier}}{mode=document}{doublons}{tout}>
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #TAILLE|taille_en_octets}
- #SET{type_doc, #TYPE_DOCUMENT}
- </BOUCLE_doc>
-
- </BOUCLE_doc_url>
- #SET{url_doc, #GET{monfichier}}
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #ENV*{poids}}
- #SET{type_doc, #ENV*{csv}|match{.{0}(\w+)\s*$}|majuscules}
- <//B_doc_url>
- </BOUCLE_test_csv>
-
-
- #SWITCH{#ENV{aligner-texte}}
- [(#CASE{right}) #SET{aligntext, 'text-right'}]
- [(#CASE{droite}) #SET{aligntext, 'text-right'}]
- [(#CASE{left}) #SET{aligntext, 'text-left'}]
- [(#CASE{gauche}) #SET{aligntext, 'text-left'}]
- [(#CASE_DEFAULT) #SET{aligntext, 'text-center'}]
-
- [(#REM) gestion des alignements et des largeurs]
-
- #SWITCH{#ENV{align}}
- [(#CASE{right}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0 '} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{droite}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{gauche}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{left}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE_DEFAULT) #SET{alignimg, "w-100"} #SET{largeur_ok, '' } ]
-
- [(#ENV{largeur}|oui) #SET{image_largeur, #ENV{largeur}}]
- [(#ENV{largeur-legende}|oui) #SET{legende_largeur, #ENV{largeur}}]
-
-
-
-
-
- <figure role='group' class='fr-content-media fr-mb-1w [(#GET{alignimg})] [(#GET{aligntext})] [(#ENV{class}|propre)]' [style='width:(#GET{largeur_ok})px !important'] aria-label='figure #ENV{id}[ - (#TITRE*)]' >
- [<a href='(#ENV{lien})'>]
- [(#FICHIER
- |image_reduire{#GET{image_largeur, '1400'},0}
- |inserer_attribut{alt, #TITRE*}
- |inserer_attribut{loading, 'lazy'}
- |inserer_attribut{class, 'fr-content-media__img'[(#ENV*{fond-blanc}|oui) fr-fond-blanc]}
- |inserer_attribut{aria-labelledby,collapse-img#ENV{id}}
- )]
- [(#ENV{lien}|oui)</a>]
-
- <div class=' fr-py-2v fr-col-12' [style='width:(#GET{legende_largeur})px !important']>
- [(#ENV{legende}|oui) <em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> [(#ENV{legende})] [ - Crédits : (#CREDITS*)]</em>]
- [(#ENV{legende}|non) [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> Crédits : (#CREDITS*)]</em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Notes : (#ENV*{notes}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Sources : (#ENV*{sources}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Traitement : (#ENV*{traitement}|propre) </em>]
- <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-telecharger}) fr-sr-only]' title="Figure #ENV{id} - (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> Agrandir <span class='fr-sr-only'> la figure #ENV{id} </span>
- </a>
- <BOUCLE_test2_csv(CONDITION){si #GET{monfichier}}>
- <a download class="fr-btn fr-btn--tertiary fr-m-0 fr-p-3v " href='#GET{url_doc}'><span class="fr-icon-download-line fr-mr-1w" aria-hidden="true"></span> Télécharger <span class="fr-ml-1v"> ([(#GET{type_doc}),] [ (#GET{doc_taille})])</span><span class='fr-sr-only'> le document [ (#TITRE*)] </span> </a>
- </BOUCLE_test2_csv>
-
- <div class="fr-accordion fr-mb-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
-
- <div class="fr-accordion__title fr-pr-4">
- <button type="button" class="fr-transcription__btn d-block fr-p-3v" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true">
- Transcription <span class="fr-sr-only">de l'image #ID_DOCUMENT</span>
- </button>
- </div>
- </div>
-
-
- <div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w"> [(#DESCRIPTIF|oui) #DESCRIPTIF ]
- [(#DESCRIPTIF|non) Figure #ID_DOCUMENT ]
- </div>
- </div>
-
-
-
-
-
- </figure>
-
- </BOUCLE_illustration>
\ No newline at end of file
diff --git a/design_system_admin/modeles/import.html b/design_system_admin/modeles/import.html
deleted file mode 100644
index 3392fa7106d8d645729b8faaa88725b47b4f65d8..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/import.html
+++ /dev/null
@@ -1,13 +0,0 @@
-
-
-<BOUCLE_import(ARTICLES){id_article=#ENV{id}}>
-[(#ENV{importtitre}|oui) #SET{titre, #TITRE}]
-[(#ENV{chapo}|oui) #SET{chapo, #CHAPO}]
- <div>
- <div>
- [<p class="fr-h2"><strong>(#GET{titre})</strong></p>]
- [<p><strong>(#GET{chapo})</strong></p>]
- [<article>(#TEXTE)</article>]
- </div>
- </div>
-</BOUCLE_import>
\ No newline at end of file
diff --git a/design_system_admin/modeles/inclusion.html b/design_system_admin/modeles/inclusion.html
deleted file mode 100644
index 03bda8b92857e477d6ce5708e9e2ef30db2b5f19..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/inclusion.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<figure class="spip inclusion">
- [<figcaption>(#ENV*{titre}|?{#ENV*{titre}, #TITRE})</figcaption>]
- [<div [class="(#ENV*{class})"]>(#ENV*{code})</div>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-display-block'>Notes : (#ENV*{notes}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-display-block'>Sources : (#ENV*{sources}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-display-block'>Traitement : (#ENV*{traitement}|propre) </em>]
- <div class="fr-accordion fr-mb-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
- [
- <div class="fr-accordion__title fr-pr-4">
- <button type="button" class="fr-transcription__btn d-block fr-p-3v" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true]">
- Transcription
- </button>
- </div>
- </div>
- <div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w"> (#ENV*{longdesc}|propre) </div>
- </div>
- </div>
- ]
- </figure>
\ No newline at end of file
diff --git a/design_system_admin/modeles/lien-old.html b/design_system_admin/modeles/lien-old.html
deleted file mode 100644
index 5a43017b6b7ebc9e7665765400b26dda0014402a..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/lien-old.html
+++ /dev/null
@@ -1,153 +0,0 @@
-[(#REM)
-Gestion des liens d'article, de rubriques d'url et de doc avec les modeles correspondants
-]
-
-<BOUCLE_complet(ARTICLES){SI #ENV{carte}|oui} {id_article=#ENV{id}}>
- <div class="fr-card fr-enlarge-link fr-card--horizontal fr-card--sm hauteur-limitee fr-mb-5v ">
- <div class="fr-card__body">
- <div class="fr-card__content fr-background-alt--orange-terre-battue">
- <p class="fr-card__title">
- <a href="#URL_ARTICLE">#TITRE</a>
- </p>
- <div class="fr-card__desc">[(#INTRODUCTION{150})]</div>
- <div class="fr-card__start">
- <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]
- <BOUCLE_mot_localisation3(MOTS) {id_article}{id_groupe=4}>
- [ - (#TITRE)]
- </BOUCLE_mot_localisation3>
- </p>
- </div>
- </div>
- </div>
- <div class="fr-card__header">
- <div class="fr-card__img">
- <BOUCLE_image_bignews3(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_bignews3>
- <img src="#CHEMIN{../dse_theme/images/ODD-banniere-agenda.jpg}" width="250" height="140" class="fr-responsive-img" alt="" />
- <//B_image_bignews3>
- </div>
- </div>
-</div>
-</BOUCLE_complet>
-
-<!-- Tuile horizontale -->
-<BOUCLE_tuile(ARTICLES){SI #ENV{tuile}|oui} {id_article=#ENV{id}}>
-<div class="fr-tile fr-enlarge-link fr-tile--horizontal">
- <div class="fr-tile__body">
- <h4 class="fr-tile__title">
- <a class="fr-tile__link" href="#URL_ARTICLE">#TITRE</a>
- </h4>
- <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div>
- </div>
- <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>
-</div>
-</BOUCLE_tuile>
-
-<BOUCLE_article-bouton(ARTICLES){SI #ENV{id}|oui} {SI #ENV{bouton}|oui} {id_article=#ENV{id}}>
- <a class="fr-btn fr-btn-lg fr-my-3v [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [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"] >
- [(#TITRE)]
- </a>
-</BOUCLE_article-bouton>
-
-<BOUCLE_article-bouton-secondaire(ARTICLES){SI #ENV{id}|oui} {SI #ENV{bouton-secondaire}|oui} {id_article=#ENV{id}}>
- <a class="fr-btn fr-btn-lg fr-btn--secondary fr-my-3v [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [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"] >
- [(#TITRE)]
- </a>
-</BOUCLE_article-bouton-secondaire>
-
-<BOUCLE_article-tag(ARTICLES){SI #ENV{id}|oui} {SI #ENV{tag-dsfr}|oui} {id_article=#ENV{id}}>
- [<a class="fr-tag fr-my-3v " [style="width:(#ENV{largeur})"] href="#URL_ARTICLE" >(#TITRE)</a>]
-</BOUCLE_article-tag>
-
-<BOUCLE_rubrique-tag(RUBRIQUES){SI #ENV{rub}|oui} {SI #ENV{tag-dsfr}|oui} {id_rubrique=#ENV{rub}}>
- [<a class="fr-tag fr-my-3v " [style="width:(#ENV{largeur})"] href="#URL_RUBRIQUE" >(#TITRE)</a>]
-</BOUCLE_rubrique-tag>
-
-<BOUCLE_article-simple(ARTICLES){SI #ENV{tuile}|non}{SI #ENV{carte}|non} {SI #ENV{id}|oui} {SI #ENV{bouton-secondaire}|non} {SI #ENV{bouton}|non} {SI #ENV{tag-dsfr}|non} {id_article=#ENV{id}}>
- <a class="fr-link fr-my-3v" 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"]>[(#TITRE)]
- </a>
-</BOUCLE_article-simple>
-
-<BOUCLE_rub-bouton(RUBRIQUES){SI #ENV{rub}|oui} {SI #ENV{bouton}|oui} {id_rubrique=#ENV{rub}}>
- <a class="fr-btn fr-btn-lg fr-my-3v [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [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_rub-bouton>
-
-<BOUCLE_rub-bouton-secondaire(RUBRIQUES){SI #ENV{rub}|oui} {SI #ENV{bouton-secondaire}|oui} {id_rubrique=#ENV{rub}}>
- <a class="fr-btn fr-btn-lg fr-my-3v fr-btn--secondary [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [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_rub-bouton-secondaire>
-
-<BOUCLE_rub-simple(RUBRIQUES){SI #ENV{rub}|oui} {SI #ENV{bouton-secondaire}|non} {SI #ENV{bouton}|non} {SI #ENV{tag-dsfr}|non} {id_rubrique=#ENV{rub}}>
- <a class="fr-link fr-my-3v [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--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_rub-simple>
-
-<//B_article2-lien>
-
-<BOUCLE_url-bouton(CONDITION){SI #ENV{url}|oui}{SI #ENV{bouton}|oui}>
- <a class="fr-btn fr-btn-lg fr-my-3v [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [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{url}] - ouvre une nouvelle fenêtre"] >
- [(#ENV{titre}|oui) #ENV{titre}]
- [(#ENV{titre}|non) #ENV{url}]
- </a>
-</BOUCLE_url-bouton>
-
-<BOUCLE_url-bouton-secondaire(CONDITION){SI #ENV{url}|oui}{SI #ENV{bouton-secondaire}|oui}>
- <a class="fr-btn fr-btn-lg fr-my-3v fr-btn--secondary [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [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{url}] - ouvre une nouvelle fenêtre"] >
- [(#ENV{titre}|oui) #ENV{titre}]
- [(#ENV{titre}|non) #ENV{url}]
- </a>
-</BOUCLE_url-bouton-secondaire>
-
-<BOUCLE_url-simple(CONDITION){SI #ENV{url}|oui} {SI #ENV{bouton-secondaire}|non} {SI #ENV{bouton}|non}>
- <a class="fr-btn fr-btn-lg fr-my-3v [(#ENV{petit}|oui) fr-btn--sm] [(#ENV{grand}|oui) fr-btn--lg]" [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{url}] - ouvre une nouvelle fenêtre"] >
- [(#ENV{titre}|oui) #ENV{titre}]
- [(#ENV{titre}|non) #ENV{url}]
- </a>
-</BOUCLE_url-simple>
-
-<BOUCLE_doc-bloc(DOCUMENTS){SI #ENV{bloc}|oui}{SI #ENV{doc}|oui}{id_document=#ENV{doc}}{mode=document}{doublons}{tout}{0,1}>
- [(#TITRE|oui) #SET{doc_ref, #TITRE}]
- [(#ENV{titre}|oui) #SET{doc_ref, #ENV*{titre}|textebrut}]
-<div class="fr-download fr-enlarge-link fr-download--card">
- <p>
- <a href="#URL_DOCUMENT" download class="fr-download__link"> [(#GET{doc_ref})
- <span class="fr-download__detail">
- #TYPE_DOCUMENT – [(#TAILLE|taille_en_octets)]
- </span>]
- </a>
- </p>
- [<p class="fr-download__desc">(#ENV{texte})</p>]
-</div>
-</BOUCLE_doc-bloc>
-
-<BOUCLE_doc-simple(DOCUMENTS){SI #ENV{doc}|oui}{SI #ENV{bloc}|non}{id_document=#ENV{doc}}{mode=document}{doublons}{tout}{0,1}>
- [(#TITRE|oui) #SET{doc_ref, #TITRE}]
- [(#ENV{titre}|oui) #SET{doc_ref, #ENV*{titre}|textebrut}]
- <div class="fr-download" style="width:100%">
- <p>
- <a href="#URL_DOCUMENT" download class="fr-download__link"> [(#GET{doc_ref})
- <span class="fr-download__detail">
- #TYPE_DOCUMENT – [(#TAILLE|taille_en_octets)]
- </span>]
- </a>
- </p>
-</div>
-</BOUCLE_doc-simple>
-
-
-
-
diff --git a/design_system_admin/modeles/lien-twitter.html b/design_system_admin/modeles/lien-twitter.html
deleted file mode 100644
index f7bca07c69373bc1719a8d1d152e45ad363aeb47..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/lien-twitter.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<BOUCLE_alertesante(CONDITION){si #ENV{social}}>
- [(#ENV{social}=={linkedin}|oui)
- <a href="https://www.linkedin.com/in/#ENV{alias}" target="_blank"><span class="fr-fi-linkedin-box-fill" aria-hidden="true">@#ENV{alias}</span></a>
- ]
- [(#ENV{social}=={twitter}|oui)
- <a href="https://www.twitter.com/#ENV{alias}" target="_blank"><span class="fr-fi-twitter-fill" aria-hidden="true">@#ENV{alias}</span></a>
- ]
-</BOUCLE_alertesante>
- <a href="https://www.twitter.com/#ENV{alias}" target="_blank"><span class="fr-fi-twitter-fill" aria-hidden="true">@#ENV{alias}</span></a>
-<//B_alertesante>
diff --git a/design_system_admin/modeles/lien.html b/design_system_admin/modeles/lien.html
deleted file mode 100644
index bebcd216701c92f5de5810aa47b785eda1ad5365..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/lien.html
+++ /dev/null
@@ -1,519 +0,0 @@
-[(#REM)
-Gestion des liens d'article, de rubriques d'url et de doc avec les modeles correspondants
-]
-
-[(#REM) renommage des variables de liens
-
-|id=5186
-|rub=319 (rubrique)
-|doc=156 (document)
-
-|petit ou |grand
-
-|icone=fr-fi-arrow-right-line
-|icone-droite
-|icone-gauche
-
-
-|url=http:// .... (avec verification si l'url contient pdf ou pas)
-
-|nouvelle-fenetre
-
-|forme=carte ou |forme=tuile ou |forme=tag ou |forme=bouton ou |forme=bloc ?
-
-Verification dans l'ordre : rubrique, document, url, pdf ou article (par defaut)
-
-]
-
-
-[(#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'} ]
-[(#ENV{icone}|=={article}|oui) #SET{mon-icone, ' fr-icon-article-fill'} ]
-[(#ENV{icone}|=={attention}|oui) #SET{mon-icone, ' fr-icon-warning-fill'} ]
-[(#ENV{icone}|=={calendrier}|oui) #SET{mon-icone, ' fr-icon-calendar-fill'} ]
-[(#ENV{icone}|=={camembert}|oui) #SET{mon-icone, ' fr-icon-pie-chart-2-fill'} ]
-[(#ENV{icone}|=={camera}|oui) #SET{mon-icone, ' fr-icon-camera-fill'} ]
-[(#ENV{icone}|=={chart}|oui) #SET{mon-icone, ' fr-icon-bar-chart-box-fill'} ]
-[(#ENV{icone}|=={check}|oui) #SET{mon-icone, ' fr-icon-success-fill'} ]
-[(#ENV{icone}|=={check-seul}|oui) #SET{mon-icone, ' fr-icon-check-line'} ]
-[(#ENV{icone}|=={citation}|oui) #SET{mon-icone, ' fr-icon-quote-fill'} ]
-[(#ENV{icone}|=={compte}|oui) #SET{mon-icone, ' fr-icon-account-circle-fill'} ]
-[(#ENV{icone}|=={copyright}|oui) #SET{mon-icone, ' fr-icon-copyright-fill'} ]
-[(#ENV{icone}|=={discussion}|oui) #SET{mon-icone, ' fr-icon-chat-3-fill'} ]
-[(#ENV{icone}|=={dossier}|oui) #SET{mon-icone, ' fr-icon-folder-2-fill'} ]
-[(#ENV{icone}|=={ecrire}|oui) #SET{mon-icone, ' fr-icon-draft-fill'} ]
-[(#ENV{icone}|=={email}|oui) #SET{mon-icone, ' fr-icon-mail-fill'} ]
-[(#ENV{icone}|=={engrenage}|oui) #SET{mon-icone, ' fr-icon-settings-5-fill'} ]
-[(#ENV{icone}|=={enquete}|oui) #SET{mon-icone, ' fr-icon-survey-fill'} ]
-[(#ENV{icone}|=={epingle}|oui) #SET{mon-icone, ' fr-icon-map-pin-2-fill'} ]
-[(#ENV{icone}|=={equipe}|oui) #SET{mon-icone, ' fr-icon-team-fill'} ]
-[(#ENV{icone}|=={etoile}|oui) #SET{mon-icone, ' fr-icon-star-s-fill'} ]
-[(#ENV{icone}|=={feuille}|oui) #SET{mon-icone, ' fr-icon-leaf-fill'} ]
-[(#ENV{icone}|=={fichier}|oui) #SET{mon-icone, ' fr-icon-file-fill'} ]
-[(#ENV{icone}|=={fichier-texte}|oui) #SET{mon-icone, ' fr-icon-file-text-fill'} ]
-[(#ENV{icone}|=={film}|oui) #SET{mon-icone, ' fr-icon-film-fill'} ]
-[(#ENV{icone}|=={fleche-bas}|oui) #SET{mon-icone, ' fr-icon-arrow-down-fill'} ]
-[(#ENV{icone}|=={mini-fleche-droite}|oui) #SET{mon-icone, ' fr-icon-arrow-right-s-fill'} ]
-[(#ENV{icone}|=={fleche-droite}|oui) #SET{mon-icone, ' fr-icon-arrow-right-fill'} ]
-[(#ENV{icone}|=={mini-fleche-gauche}|oui) #SET{mon-icone, ' fr-icon-arrow-left-s-fill'} ]
-[(#ENV{icone}|=={fleche-gauche}|oui) #SET{mon-icone, ' fr-icon-arrow-left-fill'} ]
-[(#ENV{icone}|=={fleche-haut}|oui) #SET{mon-icone, ' fr-icon-arrow-up-fill'} ]
-[(#ENV{icone}|=={france}|oui) #SET{mon-icone, ' fr-icon-france-fill'} ]
-[(#ENV{icone}|=={graphique}|oui) #SET{mon-icone, ' fr-icon-line-chart-fill'} ]
-[(#ENV{icone}|=={groupe}|oui) #SET{mon-icone, ' fr-icon-group-fill'} ]
-[(#ENV{icone}|=={image}|oui) #SET{mon-icone, ' fr-icon-image-fill'} ]
-[(#ENV{icone}|=={imprimante}|oui) #SET{mon-icone, ' fr-icon-printer-fill'} ]
-[(#ENV{icone}|=={info}|oui) #SET{mon-icone, ' fr-icon-info-fill'} ]
-[(#ENV{icone}|=={journal}|oui) #SET{mon-icone, ' fr-icon-newspaper-fill'} ]
-[(#ENV{icone}|=={lien}|oui) #SET{mon-icone, ' fr-icon-links-fill'} ]
-[(#ENV{icone}|=={lien-externe}|oui) #SET{mon-icone, ' fr-icon-external-link-fill'} ]
-[(#ENV{icone}|=={livre}|oui) #SET{mon-icone, ' fr-icon-book-2-fill'} ]
-[(#ENV{icone}|=={mallette}|oui) #SET{mon-icone, ' fr-icon-briefcase-fill'} ]
-[(#ENV{icone}|=={micro}|oui) #SET{mon-icone, ' fr-icon-mic-fill'} ]
-[(#ENV{icone}|=={mini-fleche-bas}|oui) #SET{mon-icone, ' fr-icon-arrow-down-s-fill'} ]
-[(#ENV{icone}|=={mini-fleche-haut}|oui) #SET{mon-icone, ' fr-icon-arrow-up-s-fill'} ]
-[(#ENV{icone}|=={monde}|oui) #SET{mon-icone, ' fr-icon-global-fill'} ]
-[(#ENV{icone}|=={musique}|oui) #SET{mon-icone, ' fr-icon-music-2-fill'} ]
-[(#ENV{icone}|=={nuage}|oui) #SET{mon-icone, ' fr-icon-cloud-fill'} ]
-[(#ENV{icone}|=={pdf}|oui) #SET{mon-icone, ' fr-icon-file-pdf-fill'} ]
-[(#ENV{icone}|=={piecejointe}|oui) #SET{mon-icone, ' fr-icon-attachment-fill'} ]
-[(#ENV{icone}|=={plante}|oui) #SET{mon-icone, ' fr-icon-plant-fill'} ]
-[(#ENV{icone}|=={plus}|oui) #SET{mon-icone, ' fr-icon-add-line'} ]
-[(#ENV{icone}|=={plus-rond}|oui) #SET{mon-icone, ' fr-icon-add-circle-fill'} ]
-[(#ENV{icone}|=={question}|oui) #SET{mon-icone, ' fr-icon-questionnaire-fill'} ]
-[(#ENV{icone}|=={question}|oui) #SET{mon-icone, ' fr-icon-question-fill'} ]
-[(#ENV{icone}|=={rechercher}|oui) #SET{mon-icone, ' fr-icon-search-fill'} ]
-[(#ENV{icone}|=={recycler}|oui) #SET{mon-icone, ' fr-icon-recycle-fill'} ]
-[(#ENV{icone}|=={rss}|oui) #SET{mon-icone, ' fr-icon-rss-fill'} ]
-[(#ENV{icone}|=={signet}|oui) #SET{mon-icone, ' fr-icon-bookmark-fill'} ]
-[(#ENV{icone}|=={telecharger}|oui) #SET{mon-icone, ' fr-icon-file-download-fill'} ]
-[(#ENV{icone}|=={telecharger}|oui) #SET{mon-icone, ' fr-icon-download-fill'} ]
-[(#ENV{icone}|=={telephone}|oui) #SET{mon-icone, ' fr-icon-phone-fill'} ]
-[(#ENV{icone}|=={terre}|oui) #SET{mon-icone, ' fr-icon-earth-fill'} ]
-[(#ENV{icone}|=={upload}|oui) #SET{mon-icone, ' fr-icon-upload-fill'} ]
-[(#ENV{icone}|=={utilisateur}|oui) #SET{mon-icone, ' fr-icon-user-fill'} ]
-[(#ENV{icone}|=={wifi}|oui) #SET{mon-icone, ' fr-icon-wifi-fill'} ]
-[(#ENV{icone}|=={zoom}|oui) #SET{mon-icone, ' fr-icon-zoom-in-fill'} ]
-[(#ENV{icone}|=={zoom-out}|oui) #SET{mon-icone, ' fr-icon-zoom-out-fill'} ]
-[(#ENV{icone}|=={ajouter2}|oui) #SET{mon-icone, ' fr-icon-file-add-line'} ]
-[(#ENV{icone}|=={ampoule2}|oui) #SET{mon-icone, ' fr-icon-lightbulb-line'} ]
-[(#ENV{icone}|=={archive2}|oui) #SET{mon-icone, ' fr-icon-archive-line'} ]
-[(#ENV{icone}|=={article2}|oui) #SET{mon-icone, ' fr-icon-article-line'} ]
-[(#ENV{icone}|=={attention2}|oui) #SET{mon-icone, ' fr-icon-warning-line'} ]
-[(#ENV{icone}|=={calendrier2}|oui) #SET{mon-icone, ' fr-icon-calendar-line'} ]
-[(#ENV{icone}|=={camembert2}|oui) #SET{mon-icone, ' fr-icon-pie-chart-2-line'} ]
-[(#ENV{icone}|=={camera2}|oui) #SET{mon-icone, ' fr-icon-camera-line'} ]
-[(#ENV{icone}|=={chart2}|oui) #SET{mon-icone, ' fr-icon-bar-chart-box-line'} ]
-[(#ENV{icone}|=={check2}|oui) #SET{mon-icone, ' fr-icon-success-line'} ]
-[(#ENV{icone}|=={citation2}|oui) #SET{mon-icone, ' fr-icon-quote-line'} ]
-[(#ENV{icone}|=={compte2}|oui) #SET{mon-icone, ' fr-icon-account-circle-line'} ]
-[(#ENV{icone}|=={copyright2}|oui) #SET{mon-icone, ' fr-icon-copyright-line'} ]
-[(#ENV{icone}|=={discussion2}|oui) #SET{mon-icone, ' fr-icon-chat-3-line'} ]
-[(#ENV{icone}|=={dossier2}|oui) #SET{mon-icone, ' fr-icon-folder-2-line'} ]
-[(#ENV{icone}|=={ecrire2}|oui) #SET{mon-icone, ' fr-icon-draft-line'} ]
-[(#ENV{icone}|=={email2}|oui) #SET{mon-icone, ' fr-icon-mail-line'} ]
-[(#ENV{icone}|=={engrenage2}|oui) #SET{mon-icone, ' fr-icon-settings-5-line'} ]
-[(#ENV{icone}|=={enquete2}|oui) #SET{mon-icone, ' fr-icon-survey-line'} ]
-[(#ENV{icone}|=={epingle2}|oui) #SET{mon-icone, ' fr-icon-map-pin-2-line'} ]
-[(#ENV{icone}|=={equipe2}|oui) #SET{mon-icone, ' fr-icon-team-line'} ]
-[(#ENV{icone}|=={etoile}|oui) #SET{mon-icone, ' fr-icon-star-s-line'} ]
-[(#ENV{icone}|=={feuille2}|oui) #SET{mon-icone, ' fr-icon-leaf-line'} ]
-[(#ENV{icone}|=={fichier-texte2}|oui) #SET{mon-icone, ' fr-icon-file-text-line'} ]
-[(#ENV{icone}|=={fichier2}|oui) #SET{mon-icone, ' fr-icon-file-line'} ]
-[(#ENV{icone}|=={film2}|oui) #SET{mon-icone, ' fr-icon-film-line'} ]
-[(#ENV{icone}|=={fleche-bas}|oui) #SET{mon-icone, ' fr-icon-arrow-down-line'} ]
-[(#ENV{icone}|=={fleche-droite2}|oui) #SET{mon-icone, ' fr-icon-arrow-right-line'} ]
-[(#ENV{icone}|=={mini-fleche-droite2}|oui) #SET{mon-icone, ' fr-icon-arrow-right-s-line'} ]
-[(#ENV{icone}|=={mini-fleche-gauche2}|oui) #SET{mon-icone, ' fr-icon-arrow-left-s-line'} ]
-[(#ENV{icone}|=={fleche-gauche2}|oui) #SET{mon-icone, ' fr-icon-arrow-left-line'} ]
-[(#ENV{icone}|=={fleche-haut2}|oui) #SET{mon-icone, ' fr-icon-arrow-up-line'} ]
-[(#ENV{icone}|=={france2}|oui) #SET{mon-icone, ' fr-icon-france-line'} ]
-[(#ENV{icone}|=={graphique2}|oui) #SET{mon-icone, ' fr-icon-line-chart-line'} ]
-[(#ENV{icone}|=={groupe2}|oui) #SET{mon-icone, ' fr-icon-group-line'} ]
-[(#ENV{icone}|=={image2}|oui) #SET{mon-icone, ' fr-icon-image-line'} ]
-[(#ENV{icone}|=={imprimante2}|oui) #SET{mon-icone, ' fr-icon-printer-line'} ]
-[(#ENV{icone}|=={info}|oui) #SET{mon-icone, ' fr-icon-info-line'} ]
-[(#ENV{icone}|=={journal2}|oui) #SET{mon-icone, ' fr-icon-newspaper-line'} ]
-[(#ENV{icone}|=={lien-externe}|oui) #SET{mon-icone, ' fr-icon-external-link-line'} ]
-[(#ENV{icone}|=={lien2}|oui) #SET{mon-icone, ' fr-icon-links-line'} ]
-[(#ENV{icone}|=={livre2}|oui) #SET{mon-icone, ' fr-icon-book-2-line'} ]
-[(#ENV{icone}|=={mallete2}|oui) #SET{mon-icone, ' fr-icon-briefcase-line'} ]
-[(#ENV{icone}|=={micro2}|oui) #SET{mon-icone, ' fr-icon-mic-line'} ]
-[(#ENV{icone}|=={mini-fleche-bas2}|oui) #SET{mon-icone, ' fr-icon-arrow-down-s-line'} ]
-[(#ENV{icone}|=={mini-fleche-haut2}|oui) #SET{mon-icone, ' fr-icon-arrow-up-s-line'} ]
-[(#ENV{icone}|=={monde2}|oui) #SET{mon-icone, ' fr-icon-global-line'} ]
-[(#ENV{icone}|=={musique2}|oui) #SET{mon-icone, ' fr-icon-music-2-line'} ]
-[(#ENV{icone}|=={nuage2}|oui) #SET{mon-icone, ' fr-icon-cloud-line'} ]
-[(#ENV{icone}|=={pdf2}|oui) #SET{mon-icone, ' fr-icon-file-pdf-line'} ]
-[(#ENV{icone}|=={piecejointe2}|oui) #SET{mon-icone, ' fr-icon-attachment-line'} ]
-[(#ENV{icone}|=={plante2}|oui) #SET{mon-icone, ' fr-icon-plant-line'} ]
-[(#ENV{icone}|=={plus-rond2}|oui) #SET{mon-icone, ' fr-icon-add-circle-line'} ]
-[(#ENV{icone}|=={question2}|oui) #SET{mon-icone, ' fr-icon-questionnaire-line'} ]
-[(#ENV{icone}|=={question2}|oui) #SET{mon-icone, ' fr-icon-question-line'} ]
-[(#ENV{icone}|=={rechercher2}|oui) #SET{mon-icone, ' fr-icon-search-line'} ]
-[(#ENV{icone}|=={recycler2}|oui) #SET{mon-icone, ' fr-icon-recycle-line'} ]
-[(#ENV{icone}|=={rss2}|oui) #SET{mon-icone, ' fr-icon-rss-line'} ]
-[(#ENV{icone}|=={signet2}|oui) #SET{mon-icone, ' fr-icon-bookmark-line'} ]
-[(#ENV{icone}|=={telecharger2}|oui) #SET{mon-icone, ' fr-icon-file-download-line'} ]
-[(#ENV{icone}|=={telecharger2}|oui) #SET{mon-icone, ' fr-icon-download-line'} ]
-[(#ENV{icone}|=={telephone2}|oui) #SET{mon-icone, ' fr-icon-phone-line'} ]
-[(#ENV{icone}|=={terre2}|oui) #SET{mon-icone, ' fr-icon-earth-line'} ]
-[(#ENV{icone}|=={upload2}|oui) #SET{mon-icone, ' fr-icon-upload-line'} ]
-[(#ENV{icone}|=={utilisateur2}|oui) #SET{mon-icone, ' fr-icon-user-line'} ]
-[(#ENV{icone}|=={wifi2}|oui) #SET{mon-icone, ' fr-icon-wifi-line'} ]
-[(#ENV{icone}|=={zoom-out2}|oui) #SET{mon-icone, ' fr-icon-zoom-out-line'} ]
-[(#ENV{icone}|=={zoom2}|oui) #SET{mon-icone, ' fr-icon-zoom-in-line'} ]
-
-[(#ENV{icone-dsfr}|oui) #SET{mon-icone, #ENV{icone-dsfr}}]
-
-<BOUCLE_condition_rubrique(CONDITION){si #ENV{rub}|oui}>
- [(#REM) c'est une rubrique ]
-
-
- [(#REM) c'est une rubrique avec un format card ]
-
- <BOUCLE_rubrique-carte(RUBRIQUES){SI #ENV{carte}|oui}{id_rubrique=#ENV{rub}} >
- <div class="fr-card fr-enlarge-link fr-card--horizontal fr-card--sm hauteur-limitee fr-mb-5v ">
- <div class="fr-card__body">
- <div class="fr-card__content fr-background-alt--orange-terre-battue">
- <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">
- <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
- </div>
- </div>
- </div>
- <div class="fr-card__header">
- <div class="fr-card__img">
- <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_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>
- <//B_image_bignews3>
- </div>
- </div>
- </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}}>
- <div class="fr-tile fr-enlarge-link fr-tile--horizontal">
- <div class="fr-tile__body">
- <h4 class="fr-tile__title">
- <a class="fr-tile__link" href="#URL_RUBRIQUE">[(#ENV{titre}|oui)#ENV{titre}][(#ENV{titre}|non) #TITRE]</a>
- </h4>
- <div class="fr-tile__desc">[(#INTRODUCTION{150})]</div>
- </div>
- <div class="fr-tile__img">
- <BOUCLE_image_rub_tuile(DOCUMENTS){id_rubrique}{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_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>
- <//B_image_tuile>
- </div>
- </div>
- </BOUCLE_rubrique-tuile>
-
- [(#REM) c'est un article avec un format bouton ]
-
- <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 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>
-
- <//B_rubrique-tag>
-
- <//B_rubrique-bouton>
-
- <//B_rubrique-tuile>
-
- <//B_rubrique-carte>
-
-</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="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)]
-
- </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)]
-
- </span>
- </a>
- </p>
- [<p class="fr-download__desc">(#DESCRIPTIF*)</p>]
- </div>
-
- </BOUCLE_document-carte>
-
-
-
-
-
- </BOUCLE_condition_document>
-
- <BOUCLE_condition_url(CONDITION){si #ENV{url}|oui}{si #ENV{url}|contient_pdf|non}>
-
- [(#REM) c'est une url avec un format card ]
-
- <BOUCLE_url-carte(CONDITION){SI #ENV{carte}|oui}>
- <div class="fr-card fr-enlarge-link fr-card--horizontal fr-card--sm hauteur-limitee fr-mb-5v ">
- <div class="fr-card__body">
- <div class="fr-card__content fr-background-alt--orange-terre-battue">
- <p class="fr-card__title">
- <a href="#ENV{url}">#ENV{titre}</a>
- </p>
- <div class="fr-card__desc">#ENV{TEXTE}</div>
- </div>
- </div>
- </div>
- </BOUCLE_url-carte>
-
- [(#REM) c'est une url avec un format tuile ]
-
- <BOUCLE_url-tuile(CONDITION){SI #ENV{tuile}|oui}>
- <div class="fr-tile fr-enlarge-link fr-tile--horizontal">
- <div class="fr-tile__body">
- [<h4 class="fr-tile__title">
- <a class="fr-tile__link" href="#ENV{url}">(#ENV{titre})</a>
- </h4>]
- [<div class="fr-tile__desc">(#ENV{TEXTE})</div>]
- </div>
- </div>
- </BOUCLE_url-tuile>
-
- [(#REM) c'est une url avec un format bouton ]
-
- <BOUCLE_url-bouton(CONDITION){SI #ENV{bouton}|oui}>
- <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) #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{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>
-
- [(#REM) ce n'est pas
- une card
- ou une tuile
- ou un bouton
- ou un tag
- donc c'est une url simple ou avec un target blank une taille et une icone]
-
- <BOUCLE_url-simple(CONDITION)>
- <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})]
- </a>
- </BOUCLE_url-simple>
-
- <//B_url-tag>
-
- <//B_url-bouton>
-
- <//B_url-tuile>
-
-
- </BOUCLE_condition_url>
-
- <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}} >
- <div class="fr-card fr-enlarge-link fr-card--horizontal fr-card--sm hauteur-limitee fr-mb-5v ">
- <div class="fr-card__body">
- <div class="fr-card__content fr-background-alt--orange-terre-battue">
- <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">
- <p class="fr-card__detail fr-icon-calendar-line">[(#DATE|affdate)]</p>
- </div>
- </div>
- </div>
- <div class="fr-card__header">
- <div class="fr-card__img">
- <BOUCLE_image_bignews4(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_bignews4>
- <BOUCLE_theme24(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_theme24>
- <//B_image_bignews4>
- </div>
- </div>
- </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}}>
- <div class="fr-tile fr-enlarge-link fr-tile--horizontal">
- <div class="fr-tile__body">
- <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 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>
- </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}>
- <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>
-
- <//B_article-tag>
-
- <//B_article-bouton>
-
- <//B_article-tuile>
-
- <//B_article-carte>
-
-
- </BOUCLE_condition_article>
-
- <//BOUCLE_condition_pdf>
-
- <//B_condition_url>
-
- <//B_condition_document>
-
- <//B_condition_rubrique>
-
-
-
-
-
-
-
-
-
-
diff --git a/design_system_admin/modeles/media.html b/design_system_admin/modeles/media.html
deleted file mode 100644
index 57f60511d2d7b72f494ebd87c974e01575fa8e83..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/media.html
+++ /dev/null
@@ -1,48 +0,0 @@
-[(#REM) Si on fait <media12|legende>, legende est passe a la variable d'environnement class et la variable legende est vide. ]
-
- #SET{legende,#ENV{class}|=={legende}|?{legende,#ENV{legende}}}
- #SET{lien,#ENV{class}|=={lien}|?{lien,#ENV{lien}}}
- #SET{titre,#ENV{class}|=={titre}|?{titre,#ENV{titre}}}
- #SET{descriptif,#ENV{class}|=={descriptif}|?{descriptif,#ENV{descriptif}}}
- #SET{credits,#ENV{class}|=={credits}|?{credits,#ENV{credits}}}
- #SET{type,#ENV{class}|=={type}|?{type,#ENV{type}}}
- #SET{poids,#ENV{class}|=={poids}|?{poids,#ENV{poids}}}
-
- [(#REM) Le cas echeant, il faut donc vider la variable class.]
-
- #SET{class,#ENV{class}}
- #SET{class,#ENV{class}|=={legende}|?{'',#GET{class}}}
- #SET{class,#ENV{class}|=={lien}|?{'',#GET{class}}}
- #SET{class,#ENV{class}|=={titre}|?{'',#GET{class}}}
- #SET{class,#ENV{class}|=={descriptif}|?{'',#GET{class}}}
- #SET{class,#ENV{class}|=={credits}|?{'',#GET{class}}}
- #SET{class,#ENV{class}|=={type}|?{'',#GET{class}}}
- #SET{class,#ENV{class}|=={poids}|?{'',#GET{class}}}
-
- [(#REM) Au cas ou la variante a ete appelee mais pas positionnee en premiere place. Par exemple
- :<media12|titre|icone>Sinon, on appelle vignette.]
-
-
-
-
- #SET{variante,image}
-#SET{variante,#ENV{icone}|=={icone}|?{image,#GET{variante}}}
-#SET{variante,#ENV{emb}|=={emb}|?{emb,#GET{variante}}}
-#SET{variante,#ENV{logo}|=={logo}|?{icone,#GET{variante}}}
-#SET{variante,#ENV{video}|=={video}|?{video,#GET{variante}}}
-#SET{variante,#ENV{audio}|=={audio}|?{audio,#GET{variante}}}
-#SET{variante,#ENV{image}|=={image}|?{image,#GET{variante}}}
-#SET{variante,#ENV{text}|=={text}|?{text,#GET{variante}}}
-#SET{variante,#ENV{application}|=={application}|?{application,#GET{variante}}}
-
-<INCLURE{fond=modeles/media_#GET{variante},
-legende=#GET{legende},
-lien=#GET{lien},
-titre=#GET{titre},
-descriptif=#GET{descriptif},
-credits=#GET{credits},
-type=#GET{type},
-poids=#GET{poids},
-seul=#GET{seul},
-class=#GET{class},env,connect}
->
\ No newline at end of file
diff --git a/design_system_admin/modeles/media_icone.html b/design_system_admin/modeles/media_icone.html
deleted file mode 100644
index 53d89f918e87a20ef3847c597a5183c2dd5466d0..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/media_icone.html
+++ /dev/null
@@ -1,103 +0,0 @@
-[(#REM)
-Attention a bien reproduire le modele media_image pour assurer la retrocompatibilité
-]
-
-[(#REM) Existe-il un modéle spécifique é cette extension ?]
-[(#CHEMIN{modeles/media_image_#EXTENSION.html}|oui)
- <INCLURE{fond=modeles/media_image_#EXTENSION, id=#ID_DOCUMENT, env, connect}>
-]
-
-[(#ENV{csv}|oui) #SET{monfichier, #ENV{csv}}]
-[(#ENV{fichier}|oui) #SET{monfichier, #ENV{fichier}}]
-#SET{aleatoire, #EVAL{uniqid()}}
-
- <BOUCLE_illustration(DOCUMENTS types_documents) {id_document=#ENV{id}} {tout}>
- [<!--(#REM) gestion des liens vers des documents accessibles -->]
- #SET{test_numerique, #GET{monfichier}|plus{0}}
-
-
- <BOUCLE_test_csv(CONDITION){si #GET{monfichier}}>
- <BOUCLE_doc_url(CONDITION){si #GET{test_numerique}|>{0}}>
- #SET{url_doc,#URL_DOCUMENT{#GET{monfichier}}}
-
- <BOUCLE_doc(DOCUMENTS){id_document=#GET{monfichier}}{mode=document}{doublons}{tout}>
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #TAILLE|taille_en_octets}
- #SET{type_doc, #TYPE_DOCUMENT}
- </BOUCLE_doc>
-
- </BOUCLE_doc_url>
- #SET{url_doc, #GET{monfichier}}
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #ENV*{poids}}
- #SET{type_doc, #ENV*{csv}|match{.{0}(\w+)\s*$}|majuscules}
- <//B_doc_url>
- </BOUCLE_test_csv>
-
-
- #SWITCH{#ENV{aligner-texte}}
- [(#CASE{right}) #SET{aligntext, 'text-right'}]
- [(#CASE{droite}) #SET{aligntext, 'text-right'}]
- [(#CASE{left}) #SET{aligntext, 'text-left'}]
- [(#CASE{gauche}) #SET{aligntext, 'text-left'}]
- [(#CASE_DEFAULT) #SET{aligntext, 'text-center'}]
-
- [(#REM) gestion des alignements et des largeurs]
-
- #SWITCH{#ENV{align}}
- [(#CASE{right}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0 '} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{droite}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{gauche}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{left}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE_DEFAULT) #SET{alignimg, "w-100"} #SET{largeur_ok, '' } ]
-
- [(#ENV{largeur}|oui) #SET{image_largeur, #ENV{largeur}}]
- [(#ENV{largeur-legende}|oui) #SET{legende_largeur, #ENV{largeur}}]
-
-
- <figure role='group' class='fr-content-media fr-mb-1w [(#GET{alignimg})] [(#GET{aligntext})] [(#ENV{class}|propre)]' [style='width:(#GET{largeur_ok})px !important'] aria-label='figure #ENV{id}[ - (#TITRE*)]' >
- [<a href='(#ENV{lien})'>]
- [(#FICHIER
- |image_reduire{#GET{image_largeur, '1400'},0}
- |inserer_attribut{alt, #TITRE*}
- |inserer_attribut{loading, 'lazy'}
- |inserer_attribut{class, 'fr-content-media__img'}
- |inserer_attribut{aria-labelledby,collapse-img#ENV{id}}
- )]
- [(#ENV{lien}|oui)</a>]
-
- <div class=' fr-py-2v fr-col-12' [style='width:(#GET{legende_largeur})px !important']>
- [(#ENV{legende}|oui) <em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> [(#ENV{legende})] [ - Crédits : (#CREDITS*)]</em>]
- [(#ENV{legende}|non) [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> Crédits : (#CREDITS*)]</em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Notes : (#ENV*{notes}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Sources : (#ENV*{sources}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Traitement : (#ENV*{traitement}|propre) </em>]
- <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-telecharger}) fr-sr-only]' title="Figure #ENV{id} - (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> Agrandir <span class='fr-sr-only'> la figure #ENV{id} </span>
- </a>
- <BOUCLE_test2_csv(CONDITION){si #GET{monfichier}}>
- <a download class="fr-btn fr-btn--tertiary fr-m-0 fr-p-3v " href='#GET{url_doc}'><span class="fr-icon-download-line fr-mr-1w" aria-hidden="true"></span> Télécharger <span class="fr-ml-1v"> ([(#GET{type_doc}),] [ (#GET{doc_taille})])</span><span class='fr-sr-only'> le document [ (#TITRE*)] </span> </a>
- </BOUCLE_test2_csv>
-
- <div class="fr-accordion fr-mb-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
-
- <div class="fr-accordion__title fr-pr-4">
- <button type="button" class="fr-transcription__btn d-block fr-p-3v" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true">
- Transcription
- </button>
- </div>
- </div>
-
-
- <div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w"> [(#DESCRIPTIF|oui) #DESCRIPTIF ]
- [(#DESCRIPTIF|non) Figure #ID_DOCUMENT ]
- </div>
- </div>
-
-
-
-
-
- </figure>
-
- </BOUCLE_illustration>
\ No newline at end of file
diff --git a/design_system_admin/modeles/media_image.html b/design_system_admin/modeles/media_image.html
deleted file mode 100644
index 2f75d41ed558833593b1c4b9f619d5fd71a92ac7..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/media_image.html
+++ /dev/null
@@ -1,106 +0,0 @@
-[(#REM)
-Attention a bien reproduire le modele media_image pour assurer la retrocompatibilité
-]
-
-[(#REM) Existe-il un modéle spécifique é cette extension ?]
-[(#CHEMIN{modeles/media_image_#EXTENSION.html}|oui)
- <INCLURE{fond=modeles/media_image_#EXTENSION, id=#ID_DOCUMENT, env, connect}>
-]
-
-[(#ENV{csv}|oui) #SET{monfichier, #ENV{csv}}]
-[(#ENV{fichier}|oui) #SET{monfichier, #ENV{fichier}}]
-#SET{aleatoire, #EVAL{uniqid()}}
-
- <BOUCLE_illustration(DOCUMENTS types_documents) {id_document=#ENV{id}} {tout}>
- [<!--(#REM) gestion des liens vers des documents accessibles -->]
- #SET{test_numerique, #GET{monfichier}|plus{0}}
-
-
- <BOUCLE_test_csv(CONDITION){si #GET{monfichier}}>
- <BOUCLE_doc_url(CONDITION){si #GET{test_numerique}|>{0}}>
- #SET{url_doc,#URL_DOCUMENT{#GET{monfichier}}}
-
- <BOUCLE_doc(DOCUMENTS){id_document=#GET{monfichier}}{mode=document}{doublons}{tout}>
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #TAILLE|taille_en_octets}
- #SET{type_doc, #TYPE_DOCUMENT}
- </BOUCLE_doc>
-
- </BOUCLE_doc_url>
- #SET{url_doc, #GET{monfichier}}
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #ENV*{poids}}
- #SET{type_doc, #ENV*{csv}|match{.{0}(\w+)\s*$}|majuscules}
- <//B_doc_url>
- </BOUCLE_test_csv>
-
-
- #SWITCH{#ENV{aligner-texte}}
- [(#CASE{right}) #SET{aligntext, 'text-right'}]
- [(#CASE{droite}) #SET{aligntext, 'text-right'}]
- [(#CASE{left}) #SET{aligntext, 'text-left'}]
- [(#CASE{gauche}) #SET{aligntext, 'text-left'}]
- [(#CASE_DEFAULT) #SET{aligntext, 'text-center'}]
-
- [(#REM) gestion des alignements et des largeurs]
-
- #SWITCH{#ENV{align}}
- [(#CASE{right}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0 '} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{droite}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{gauche}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{left}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE_DEFAULT) #SET{alignimg, "w-100"} #SET{largeur_ok, '' } ]
-
- [(#ENV{largeur}|oui) #SET{image_largeur, #ENV{largeur}}]
- [(#ENV{largeur-legende}|oui) #SET{legende_largeur, #ENV{largeur}}]
-
-
-
-
-
- <figure role='group' class='fr-content-media fr-mb-1w [(#GET{alignimg})] [(#GET{aligntext})] [(#ENV{class}|propre)]' [style='width:(#GET{largeur_ok})px !important'] aria-label='figure #ENV{id}[ - (#TITRE*)]' >
- [<a href='(#ENV{lien})'>]
- [(#FICHIER
- |image_reduire{#GET{image_largeur, '1400'},0}
- |inserer_attribut{alt, #TITRE*}
- |inserer_attribut{loading, 'lazy'}
- |inserer_attribut{class, 'fr-content-media__img'[(#ENV*{fond-blanc}|oui) fr-fond-blanc]}
- |inserer_attribut{aria-labelledby,collapse-img#ENV{id}}
- )]
- [(#ENV{lien}|oui)</a>]
-
- <div class=' fr-py-2v fr-col-12' [style='width:(#GET{legende_largeur})px !important']>
- [(#ENV{legende}|oui) <em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> [(#ENV{legende})] [ - Crédits : (#CREDITS*)]</em>]
- [(#ENV{legende}|non) [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> Crédits : (#CREDITS*)]</em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Notes : (#ENV*{notes}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Sources : (#ENV*{sources}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Traitement : (#ENV*{traitement}|propre) </em>]
- <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-telecharger}) fr-sr-only]' title="Figure #ENV{id} - (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> Agrandir <span class='fr-sr-only'> la figure #ENV{id} </span>
- </a>
- <BOUCLE_test2_csv(CONDITION){si #GET{monfichier}}>
- <a download class="fr-btn fr-btn--tertiary fr-m-0 fr-p-3v " href='#GET{url_doc}'><span class="fr-icon-download-line fr-mr-1w" aria-hidden="true"></span> Télécharger <span class="fr-ml-1v"> ([(#GET{type_doc}),] [ (#GET{doc_taille})])</span><span class='fr-sr-only'> le document [ (#TITRE*)] </span> </a>
- </BOUCLE_test2_csv>
-
- <div class="fr-accordion fr-mb-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
-
- <div class="fr-accordion__title fr-pr-4">
- <button type="button" class="fr-transcription__btn d-block fr-p-3v" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true">
- Transcription <span class="fr-sr-only">de l'image #ID_DOCUMENT</span>
- </button>
- </div>
- </div>
-
-
- <div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w"> [(#DESCRIPTIF|oui) #DESCRIPTIF ]
- [(#DESCRIPTIF|non) Figure #ID_DOCUMENT ]
- </div>
- </div>
-
-
-
-
-
- </figure>
-
- </BOUCLE_illustration>
\ No newline at end of file
diff --git a/design_system_admin/modeles/media_vignette.html b/design_system_admin/modeles/media_vignette.html
deleted file mode 100644
index 2f75d41ed558833593b1c4b9f619d5fd71a92ac7..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/media_vignette.html
+++ /dev/null
@@ -1,106 +0,0 @@
-[(#REM)
-Attention a bien reproduire le modele media_image pour assurer la retrocompatibilité
-]
-
-[(#REM) Existe-il un modéle spécifique é cette extension ?]
-[(#CHEMIN{modeles/media_image_#EXTENSION.html}|oui)
- <INCLURE{fond=modeles/media_image_#EXTENSION, id=#ID_DOCUMENT, env, connect}>
-]
-
-[(#ENV{csv}|oui) #SET{monfichier, #ENV{csv}}]
-[(#ENV{fichier}|oui) #SET{monfichier, #ENV{fichier}}]
-#SET{aleatoire, #EVAL{uniqid()}}
-
- <BOUCLE_illustration(DOCUMENTS types_documents) {id_document=#ENV{id}} {tout}>
- [<!--(#REM) gestion des liens vers des documents accessibles -->]
- #SET{test_numerique, #GET{monfichier}|plus{0}}
-
-
- <BOUCLE_test_csv(CONDITION){si #GET{monfichier}}>
- <BOUCLE_doc_url(CONDITION){si #GET{test_numerique}|>{0}}>
- #SET{url_doc,#URL_DOCUMENT{#GET{monfichier}}}
-
- <BOUCLE_doc(DOCUMENTS){id_document=#GET{monfichier}}{mode=document}{doublons}{tout}>
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #TAILLE|taille_en_octets}
- #SET{type_doc, #TYPE_DOCUMENT}
- </BOUCLE_doc>
-
- </BOUCLE_doc_url>
- #SET{url_doc, #GET{monfichier}}
- #SET{doc_ref, #ENV*{titre}}
- #SET{doc_taille, #ENV*{poids}}
- #SET{type_doc, #ENV*{csv}|match{.{0}(\w+)\s*$}|majuscules}
- <//B_doc_url>
- </BOUCLE_test_csv>
-
-
- #SWITCH{#ENV{aligner-texte}}
- [(#CASE{right}) #SET{aligntext, 'text-right'}]
- [(#CASE{droite}) #SET{aligntext, 'text-right'}]
- [(#CASE{left}) #SET{aligntext, 'text-left'}]
- [(#CASE{gauche}) #SET{aligntext, 'text-left'}]
- [(#CASE_DEFAULT) #SET{aligntext, 'text-center'}]
-
- [(#REM) gestion des alignements et des largeurs]
-
- #SWITCH{#ENV{align}}
- [(#CASE{right}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0 '} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{droite}) #SET{alignimg, 'float-right fr-ml-3v fr-w-auto fr-clear-left fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{gauche}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE{left}) #SET{alignimg, 'float-left fr-mr-3v fr-w-auto fr-clear-right fr-m-0'} #SET{largeur_ok, #ENV{largeur} }]
- [(#CASE_DEFAULT) #SET{alignimg, "w-100"} #SET{largeur_ok, '' } ]
-
- [(#ENV{largeur}|oui) #SET{image_largeur, #ENV{largeur}}]
- [(#ENV{largeur-legende}|oui) #SET{legende_largeur, #ENV{largeur}}]
-
-
-
-
-
- <figure role='group' class='fr-content-media fr-mb-1w [(#GET{alignimg})] [(#GET{aligntext})] [(#ENV{class}|propre)]' [style='width:(#GET{largeur_ok})px !important'] aria-label='figure #ENV{id}[ - (#TITRE*)]' >
- [<a href='(#ENV{lien})'>]
- [(#FICHIER
- |image_reduire{#GET{image_largeur, '1400'},0}
- |inserer_attribut{alt, #TITRE*}
- |inserer_attribut{loading, 'lazy'}
- |inserer_attribut{class, 'fr-content-media__img'[(#ENV*{fond-blanc}|oui) fr-fond-blanc]}
- |inserer_attribut{aria-labelledby,collapse-img#ENV{id}}
- )]
- [(#ENV{lien}|oui)</a>]
-
- <div class=' fr-py-2v fr-col-12' [style='width:(#GET{legende_largeur})px !important']>
- [(#ENV{legende}|oui) <em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> [(#ENV{legende})] [ - Crédits : (#CREDITS*)]</em>]
- [(#ENV{legende}|non) [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'> Crédits : (#CREDITS*)]</em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Notes : (#ENV*{notes}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Sources : (#ENV*{sources}|propre) </em>]
- [<em class='css_ressource_size fr-mb-2v fr-text--xs fr-w-100 fr-display-block'>Traitement : (#ENV*{traitement}|propre) </em>]
- <a href='#URL_DOCUMENT' class='fr-btn fr-btn--tertiary fr-m-0 fr-p-3v [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-telecharger}) fr-sr-only]' title="Figure #ENV{id} - (#EXTENSION, [(#TAILLE|taille_en_octets)]) "> <span class="fr-icon-zoom-in-line fr-mr-1w" aria-hidden="true"></span> Agrandir <span class='fr-sr-only'> la figure #ENV{id} </span>
- </a>
- <BOUCLE_test2_csv(CONDITION){si #GET{monfichier}}>
- <a download class="fr-btn fr-btn--tertiary fr-m-0 fr-p-3v " href='#GET{url_doc}'><span class="fr-icon-download-line fr-mr-1w" aria-hidden="true"></span> Télécharger <span class="fr-ml-1v"> ([(#GET{type_doc}),] [ (#GET{doc_taille})])</span><span class='fr-sr-only'> le document [ (#TITRE*)] </span> </a>
- </BOUCLE_test2_csv>
-
- <div class="fr-accordion fr-mb-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
-
- <div class="fr-accordion__title fr-pr-4">
- <button type="button" class="fr-transcription__btn d-block fr-p-3v" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true">
- Transcription <span class="fr-sr-only">de l'image #ID_DOCUMENT</span>
- </button>
- </div>
- </div>
-
-
- <div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w"> [(#DESCRIPTIF|oui) #DESCRIPTIF ]
- [(#DESCRIPTIF|non) Figure #ID_DOCUMENT ]
- </div>
- </div>
-
-
-
-
-
- </figure>
-
- </BOUCLE_illustration>
\ No newline at end of file
diff --git a/design_system_admin/modeles/sommaire.html b/design_system_admin/modeles/sommaire.html
deleted file mode 100644
index c72106b53dab3ee90fe584d2f7e1f63763a7e66d..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/sommaire.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<B_somm2>#SET{liste, '*'}
-#SET{exist_sommaire, 'oui'}
-[(#CONFIG{sommaire_automatique_numerote}|=={on}|oui)
- #SET{liste, '#'}
-]
-
-<div class="fr-sidemenu__title"><multi> [fr] Sommaire de l'article [en] Article summary </multi></div>
-<BOUCLE_somm2(POUR){tableau #ENV{sommaire}}><li class="fr-sidemenu__item fr-ml-[(#VALEUR{niveau}|moins{1}|mult{4})]v fr-p-0 fr-sidemenu__link ">[#VALEUR{id}<-][#VALEUR{titre}->#SELF#VALEUR{href}]</li></BOUCLE_somm2>
-#FILTRE{propre}
-</B_somm2>
-
diff --git a/design_system_admin/modeles/svg.html b/design_system_admin/modeles/svg.html
deleted file mode 100644
index 569d62be5440f3adeae091e8383aa837f3f68659..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/svg.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<BOUCLE_svg(DOCUMENTS types_documents) {id_document=#ENV{id}} {tout}>
- <BOUCLE_alignementr(CONDITION){si #ENV{align}|=={right}}>#SET{alignimg, 'float-right ml-3'}</BOUCLE_alignementr>
- <BOUCLE_alignementl(CONDITION){si #ENV{align}|=={left}}>#SET{alignimg, 'float-left mr-3'}</BOUCLE_alignementl>
- <BOUCLE_alignementc(CONDITION){si #ENV{align}|=={center}}>#SET{alignimgcenter, 'text-center'}</BOUCLE_alignementc>#SET{alignimgcenter, 'd-inline'}<//B_alignementc>
- <div class="m-0 #GET{alignimgcenter}" [width="(#ENV{largeur})"] [height="(#GET{hauteur})"]><img src="#FICHIER" alt="#ENV{alt}" class="img-fluid #GET{alignimg} #ENV{class} " style="max-width: 800px; max-height: 800px" width="100%" height="100%"></div>
-</BOUCLE_svg>
\ No newline at end of file
diff --git a/design_system_admin/modeles/tableau_couleur.html b/design_system_admin/modeles/tableau_couleur.html
deleted file mode 100644
index f1cd29df5bb268a751cfa1eaa321e685850a98c6..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/tableau_couleur.html
+++ /dev/null
@@ -1,31 +0,0 @@
-[(#ENV{fin}|non)
-<div class=" fr-table
-[(#REM) couleurs pour la compatibilité avec les anciens contenus ]
-[(#ENV{couleur}|=={jaune}|oui) fr-table--yellow-moutarde]
-[(#ENV{couleur}|=={jaune-clair}|oui) fr-table--yellow-tournesol]
-[(#ENV{couleur}|=={bleu}|oui) fr-table--blue-cumulus]
-[(#ENV{couleur}|=={bleu-clair}|oui) fr-table--blue-ecume]
-[(#ENV{couleur}|=={bleu-canard}|oui) fr-table--green-archipel]
-[(#ENV{couleur}|=={rouge}|oui) fr-table--purple-glycine]
-[(#ENV{couleur}|=={violet}|oui) fr-table--purple-glycine]
-[(#ENV{couleur}|=={beige}|oui) fr-table--pink-macaron]
-[(#ENV{couleur}|=={rouge}|oui) fr-table--pink-tuile]
-[(#ENV{couleur}|=={rose}|oui) fr-table--pink-tuile]
-[(#ENV{couleur}|=={vert}|oui) fr-table--green-emeraude]
-[(#ENV{couleur}|=={vert-clair}|oui) fr-table--green-menthe]
-[(#ENV{couleur}|=={vert-tilleul}|oui) fr-table--green-tilleul-verveine]
-[(#ENV{couleur}|=={vert-fluo}|oui) fr-table--green-bourgeon]
-[(#ENV{couleur}|=={orange}|oui) fr-table--orange-terre-battue]
-[(#ENV{couleur}|=={cafe}|oui) fr-table--brown-cafe-creme]
-[(#ENV{couleur}|=={marron-clair}|oui) fr-table--brown-caramel]
-[(#ENV{couleur}|=={marron}|oui) fr-table--brown-opera]
-[(#ENV{couleur}|=={gris-clair}|oui) fr-table--beige-gris-galet]
-[(#ENV{couleur}|=={gris}|oui) background-contrast-grey]
-
-[(#REM) nouvelles couleur ]
-[(#ENV{couleur-dsfr}|oui) fr-table--#ENV{couleur-dsfr}]
-
-">
-]
-
-[(#ENV{fin}|oui)</div>]
\ No newline at end of file
diff --git a/design_system_admin/modeles/tableau_public.html b/design_system_admin/modeles/tableau_public.html
deleted file mode 100644
index 8284e4241e4d4640221c65dc8cb5f7b20f3a0dde..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/tableau_public.html
+++ /dev/null
@@ -1,30 +0,0 @@
-
-#SET{aleatoire, #EVAL{uniqid()}}
-
-<div class='tableauPlaceholder' id='tableau-#GET{aleatoire}' style='position: relative'>
- <noscript>
- <a href='https://onlinehelp.tableau.com/current/api/js_api/en-us/JavaScriptAPI/js_api_sample_basic_embed.htm'><img alt=' ' src='https://public.tableau.com/static/images/Re/RegionalSampleWorkbook/Storms/1_rss.png' style='border: none' /></a>
- </noscript>
- <object class='tableauViz' style='width:900px;height:500px;display:none;'>
- <param name='host_url' value='https%3A%2F%2Fpublic.tableau.com%2F' />
- <param name='embed_code_version' value='3' />
- <param name='site_root' value='' />
- <param name='name' value='RegionalSampleWorkbook/Storms' />
- <param name='tabs' value='no' />
- <param name='toolbar' value='yes' />
- <param name='static_image' value='https://public.tableau.com/static/images/Re/RegionalSampleWorkbook/Storms/1.png' />
- <param name='animate_transition' value='yes' />
- <param name='display_static_image' value='yes' />
- <param name='display_spinner' value='yes' />
- <param name='display_overlay' value='yes' />
- <param name='display_count' value='yes' />
- </object>
-</div>
-<script type='text/javascript'>
- var divElement = document.getElementById('tableau-#GET{aleatoire}');
- var vizElement = divElement.getElementsByTagName('object')[0];
- vizElement.style.width='800px';vizElement.style.height='627px';
- var scriptElement = document.createElement('script');
- scriptElement.src = 'https://public.tableau.com/javascripts/api/viz_v1.js';
- vizElement.parentNode.insertBefore(scriptElement, vizElement);
-</script>
\ No newline at end of file
diff --git a/design_system_admin/modeles/tableaupublic.html b/design_system_admin/modeles/tableaupublic.html
deleted file mode 100644
index 0e34b0e537f0581fb1e532f7169ff99020d1406e..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/tableaupublic.html
+++ /dev/null
@@ -1,32 +0,0 @@
-#SET{aleatoire, #EVAL{uniqid()}}
-<figure class="spip tableaupublic fr-m-0">
- [<figcaption class="fr-mb-3w"><strong>(#ENV*{titre}|?{#ENV*{titre}, #TITRE})</strong></figcaption>]
- [<div [class="(#ENV*{class})"]>(#ENV*{code})</div>]
-
- [(#ENV{legende}|oui) <em class=' fr-m-0 fr-text--xs fr-w-100 fr-display-block'> [(#ENV{legende})] [ - Crédits : (#CREDITS*)]</em>]
- [(#ENV{legende}|non) [<em class=' fr-text--xs fr-w-100 fr-display-block'> Crédits : (#CREDITS*)]</em>]
- [<em class=' fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Notes : (#ENV*{notes}|propre) </em>]
- [<em class=' fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Sources : (#ENV*{sources}|propre) </em>]
- [<em class=' fr-m-0 fr-text--xs fr-w-100 fr-display-block'>Traitement : (#ENV*{traitement}|propre) </em>]
-
- [<div class="fr-accordion fr-mb-1w fr-btn--tertiary fr-mt-1w d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
-
- <div class="fr-accordion__title fr-pr-4">
- <button type="button" class="fr-transcription__btn d-block fr-p-3v" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="false">
- Transcription
- </button>
- </div>
- </div>
-
-
- <div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w">
- (#ENV*{longdesc}|propre)
- </div>
-
- </div>
- ]
-
-
-
-</figure>
\ No newline at end of file
diff --git a/design_system_admin/modeles/titre.html b/design_system_admin/modeles/titre.html
deleted file mode 100644
index 1a74bb072e5eab92f6b265a8cea2b92770078ed1..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/titre.html
+++ /dev/null
@@ -1,9 +0,0 @@
-
-#SET{titrehmini, h#ENV{h}}
-[(#ENV{h}|non) #SET{titrehmini, 'h2'}]
-
-[(#ENV{souligne}|oui) #SET{souligne_border,fr-bottom-border}]
-
-#SET{taille, fr-h#ENV{taille}}
-<style type="text/css">fr-bottom-border {border-bottom: 1px solid #ccc;}</style>
-<[(#GET{titrehmini}) ] class="#GET{taille}">#ENV{titre}<[/(#GET{titrehmini})]>
diff --git a/design_system_admin/modeles/tuile.html b/design_system_admin/modeles/tuile.html
deleted file mode 100644
index 158a92ba1968b01539164ca9f46037fe16768e41..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/tuile.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="fr-highlight">
- [<p>(#ENV*{texte}|paragrapher|propre)</p>]
-</div>
diff --git a/design_system_admin/modeles/videos.html b/design_system_admin/modeles/videos.html
deleted file mode 100644
index 43cfc966de3b58fb2ed2bd6afe7a91c8470dd9ae..0000000000000000000000000000000000000000
--- a/design_system_admin/modeles/videos.html
+++ /dev/null
@@ -1,29 +0,0 @@
-#SET{aleatoire, #EVAL{rand()}}
-<figure class="fr-m-0 fr-p-0">
-
- [<figcaption class="fr-text--bold">(#ENV*{titre}|?{#ENV*{titre}, #TITRE})</figcaption>]
- <div class="fr-responsive-vid">
-<iframe class="fr-responsive-vid__player" loading="lazy" [src="(#ENV*{url}|?{#ENV*{url}, #URL_SITE})"] allowfullscreen allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" title="Lire la vidéo [(#ENV*{titre}|?{#ENV*{titre}, #TITRE})]" allowfullscreen></iframe>
-
-</div>
-
-<div class="fr-accordion fr-my-1w fr-btn--tertiary d-inline-block [(#ENV{sans-rien}|oui) fr-hidden] [(#ENV{sans-infos}) fr-hidden]">
-
-<div class="fr-accordion__title ">
-<button type="button" class="fr-transcription__btn" aria-controls="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}" aria-expanded="[(#GET{isressource}|=={0}|non)true">
-Transcription
-</button>
-</div>
-</div>
-
-[<div class="fr-collapse shadow" id="collapse-group-section-0-mini#GET{titre1}#GET{aleatoire}">
- <div class="fr-p-3w">
- (#ENV*{longdesc}|propre)
- </div>
-</div>
-]
-
-[<p><strong>Notes : </strong>(#ENV*{notes}|propre|PtoBr) </p>]
-[<p><strong>Source : </strong> (#ENV*{sources}|propre|PtoBr)</p>]
-
-</figure>
\ No newline at end of file