    <div class="row">
        <div class="col-12">
            <pre class="with-hljs"><code class="lang-html">&lt;BOUCLE_principale(ARTICLES) {id_article}&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;#LANG&quot; lang=&quot;#LANG&quot; dir=&quot;#LANG_DIR&quot;&gt;
&lt;head&gt;
&lt;title&gt;[(#TITRE|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]&lt;/title&gt;
[&lt;meta name=&quot;description&quot; content=&quot;(#INTRODUCTION{150}|attribut_html)&quot; /&gt;]
&lt;INCLURE{fond=inc-head}&gt;
&lt;/head&gt;

&lt;body class=&quot;page_article&quot;&gt;
&lt;div id=&quot;page&quot;&gt;

	[(#REM) Entete de la page + titre du site ]
	&lt;INCLURE{fond=inc-entete}&gt;

	[(#REM) Contenu principal : contenu de l&#039;article ]
    &lt;div class=&quot;hfeed&quot; id=&quot;conteneur&quot;&gt;
    &lt;div class=&quot;hentry&quot; id=&quot;contenu&quot;&gt;
    
        [(#REM) Fil d&#039;Ariane ]
        &lt;div id=&quot;hierarchie&quot;&gt;&lt;a href=&quot;#URL_SITE_SPIP/&quot;&gt;&lt;:accueil_site:&gt;&lt;/a&gt;&lt;BOUCLE_ariane(HIERARCHIE){id_article}&gt; &amp;gt; &lt;a href=&quot;#URL_RUBRIQUE&quot;&gt;[(#TITRE|couper{80})]&lt;/a&gt;&lt;/BOUCLE_ariane&gt;[ &amp;gt; &lt;strong class=&quot;on&quot;&gt;(#TITRE|couper{80})&lt;/strong&gt;]&lt;/div&gt;

        &lt;div class=&quot;cartouche&quot;&gt;
            &lt;div class=&quot;surlignable&quot;&gt;
				[(#LOGO_ARTICLE|image_reduire{200,200})]
				[&lt;p class=&quot;#EDIT{surtitre} surtitre&quot;&gt;(#SURTITRE)&lt;/p&gt;]
				&lt;h1 class=&quot;#EDIT{titre} entry-title&quot;&gt;#TITRE&lt;/h1&gt;
				[&lt;p class=&quot;#EDIT{soustitre} soustitre&quot;&gt;(#SOUSTITRE)&lt;/p&gt;]
            &lt;/div&gt;

            &lt;p&gt;&lt;small&gt;&lt;abbr class=&quot;published&quot; title=&quot;[(#DATE|date_iso)]&quot;&gt;[(#DATE|nom_jour) ][(#DATE|affdate)]&lt;/abbr&gt;[, &lt;:par_auteur:&gt; (#LESAUTEURS)][ (&lt;:texte_date_publication_anterieure:&gt; (#DATE_REDAC|affdate)).]&lt;/small&gt;&lt;/p&gt;

            [(#REM) Inclure le modele des liens de traductions ]
            #MODELE{article_traductions}
        &lt;/div&gt;
		
        &lt;div class=&quot;surlignable&quot;&gt;
			[&lt;div class=&quot;#EDIT{chapo} chapo&quot;&gt;(#CHAPO|image_reduire{500,0})&lt;/div&gt;]
			[&lt;div class=&quot;#EDIT{texte} texte entry-content&quot;&gt;(#TEXTE|image_reduire{500,0})&lt;/div&gt;]
		&lt;/div&gt;


		[&lt;p class=&quot;#EDIT{hyperlien} hyperlien&quot;&gt;&lt;:voir_en_ligne:&gt; : &lt;a href=&quot;(#URL_SITE)&quot; class=&quot;spip_out&quot;&gt;[(#NOM_SITE|sinon{[(#URL_SITE|couper{80})]})]&lt;/a&gt;&lt;/p&gt;]
        
		[&lt;div class=&quot;ps surlignable&quot;&gt;&lt;h2 class=&quot;pas_surlignable&quot;&gt;&lt;:info_ps:&gt;&lt;/h2&gt;&lt;div class=&quot;#EDIT{ps}&quot;&gt;(#PS|image_reduire{500,0})&lt;/div&gt;&lt;/div&gt;]


		[(#REM) Gestion du portfolio et des documents
			Le critere {env} permet de passer d&#039;autres arguments de la page
			par exemple l&#039;id_document choisi pour un affichage complet
		]
		[(#INCLURE{fond=inc-documents}{id_article}{env})]


		[(#REM) Petition :
		La petition ayant une PAGINATION il faut absolument {env}
		et pourquoi pas ajax
		][(#PETITION|?{&#039; &#039;})&lt;INCLURE{fond=inc-petition}{id_article}{env}{ajax}&gt;]

        [&lt;div class=&quot;notes surlignable&quot;&gt;&lt;h2 class=&quot;pas_surlignable&quot;&gt;&lt;:info_notes:&gt;&lt;/h2&gt;(#NOTES)&lt;/div&gt;]

		[(#REM) Forum de l&#039;article ]
		&lt;a href=&quot;#forum&quot; name=&quot;forum&quot; id=&quot;forum&quot;&gt;&lt;/a&gt;
		&lt;INCLURE{fond=inc-forum}{id_article} /&gt;
		[&lt;p class=&quot;repondre&quot;&gt;&lt;a href=&quot;(#PARAMETRES_FORUM|url_reponse_forum)&quot; rel=&quot;noindex nofollow&quot;&gt;&lt;:repondre_article:&gt;&lt;/a&gt;&lt;/p&gt;] 

	&lt;/div&gt;&lt;!--#contenu--&gt;
	&lt;/div&gt;&lt;!--#conteneur--&gt;


    [(#REM) Menu de navigation laterale ]
    &lt;div id=&quot;navigation&quot;&gt;

        [(#REM) Menu de navigation par rubriques ]
        &lt;INCLURE{fond=inc-rubriques}{id_rubrique}&gt;
	
		#FORMULAIRE_RECHERCHE

    &lt;/div&gt;&lt;!--#navigation--&gt;
    
    [(#REM) Menu de navigation laterale ]
    &lt;div id=&quot;extra&quot;&gt;

        [(#REM) Articles dans la meme rubrique ]
        &lt;B_articles_rubrique&gt;
        &lt;div class=&quot;menu&quot;&gt;
            &lt;h2&gt;&lt;a href=&quot;#URL_RUBRIQUE&quot;&gt;&lt;:meme_rubrique:&gt;&lt;/a&gt;&lt;/h2&gt;
            &lt;ul&gt;
                &lt;BOUCLE_articles_rubrique(ARTICLES) {id_rubrique} {par date}{inverse} {0,10}&gt;
                &lt;li&gt;&lt;a href=&quot;#URL_ARTICLE&quot;[ class=&quot;(#EXPOSE)&quot;]&gt;#TITRE&lt;/a&gt;&lt;/li&gt;
                &lt;/BOUCLE_articles_rubrique&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
        &lt;/B_articles_rubrique&gt;

        [(#REM) Menu de navigation mots-cles ]
        #MODELE{article_mots}
        
    &lt;/div&gt;&lt;!--#extra--&gt;

	[(#REM) Pied de page ]
	&lt;INCLURE{fond=inc-pied}{skel=#SQUELETTE}&gt;

&lt;/div&gt;&lt;!--#page--&gt;
&lt;/body&gt;
&lt;/html&gt;
&lt;/BOUCLE_principale&gt;
</code></pre>        </div>
    </div>