https://ns.solidariteetprogres.fr/ fr SPIP - www.spip.net https://ns.solidariteetprogres.fr/spip.php?article317 https://ns.solidariteetprogres.fr/spip.php?article317 2026-02-18T15:36:07Z text/html fr Johanna <p>BLABLABLA</p> - <a href="https://ns.solidariteetprogres.fr/spip.php?rubrique7" rel="directory">Dossier spécial</a> <div class='rss_texte'><div style="display:flex;clear:none;justify-content:right;margin-bottom:0;"> <span style=" padding-top: 1rem; font-family: 'WCManoNegraBta'; font-size: larger; color: #e3051e; max-width: 29%; margin-right: 1rem; ">BLABLABLA</span><img src='https://ns.solidariteetprogres.fr/IMG/png/qr-code-adhere.png' width='50' height='50' alt="qr-code menant à ...;P"></div></div> https://ns.solidariteetprogres.fr/spip.php?article83 https://ns.solidariteetprogres.fr/spip.php?article83 2024-11-12T10:33:16Z text/html fr Johanna <p>https://ns.solidariteetprogres.fr/spip.php?page=impr-journal&id_article=68&var_mode=recalcul <br class='autobr' /> id_article= doit précéder le numéro d'article de l'éditorial du journal en question...</p> - <a href="https://ns.solidariteetprogres.fr/spip.php?rubrique7" rel="directory">Dossier spécial</a> <div class='rss_texte'><p><a href='https://ns.solidariteetprogres.fr/spip.php?page=impr-journal&id_article=68&var_mode=recalcul' class="spip_url auto" rel="nofollow">https://ns.solidariteetprogres.fr/spip.php?page=impr-journal&id_article=68&var_mode=recalcul</a></p> <p>id_article= doit précéder le numéro d'article de l'éditorial du journal en question...</p></div> https://ns.solidariteetprogres.fr/spip.php?article19 https://ns.solidariteetprogres.fr/spip.php?article19 2024-09-04T17:16:53Z text/html fr Johanna <p>Voici un petit guide pour comprendre comment contrôler la position et la taille des images insérées dans un article, à la fois dans l'article en ligne et sa "version imprimable". <br class='autobr' /> Affichage par défaut (pleine largeur sur la version imprimable) <br class='autobr' /> Petite image à gauche du texte Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea (…)</p> - <a href="https://ns.solidariteetprogres.fr/spip.php?rubrique7" rel="directory">Dossier spécial</a> <div class='rss_chapo'><p>Voici un petit guide pour comprendre comment contrôler la position et la taille des images insérées dans un article, à la fois dans l'article en ligne et sa "version imprimable".</p></div> <div class='rss_texte'><h2 class="spip">Affichage par défaut</h2> <p><code class='spip_code spip_code_inline' dir='ltr'><docXX></code> (pleine largeur sur la version imprimable)</p> <div class='spip_document_175 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende' data-legende-len="78" data-legende-lenx="xx" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/png/exemple_1.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ns.solidariteetprogres.fr/IMG/png/exemple_1.png' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-175 '><strong>Exemple 1 (Le titre de l'image) </strong></div> <div class='spip_doc_descriptif crayon document-descriptif-175 '>exemple 1 (le descriptif de l'image) </div> <div class='spip_doc_credits crayon document-credits-175 '>Crédits </div> </figcaption></figure> </div><h2 class="spip">Petite image à gauche du texte</h2> <p> <code class='spip_code spip_code_inline' dir='ltr'><docXXX|left></code></p> <div class='spip_document_181 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="11" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/png/exemple_2.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ns.solidariteetprogres.fr/IMG/png/exemple_2.png' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-181 '><strong>exemple 2 </strong></div> </figcaption></figure> </div> <p><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</i></p> <h2 class="spip">Petite image à droite du texte</h2> <p> <code class='spip_code spip_code_inline' dir='ltr'><docXXX|right></code></p> <div class='spip_document_180 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende' data-legende-len="11" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_3.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_3.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-180 '><strong>exemple 3 </strong></div> </figcaption></figure> </div> <p><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</i></p> <div style="clear:both;"></div><h2 class="spip">Image réduite à 50% de la largeur</h2> <p> <code class='spip_code spip_code_inline' dir='ltr'><docXXX|half></code></p> <div class='spip_document_179 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende half' data-legende-len="11" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_4.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_4.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-179 '><strong>exemple 4 </strong></div> </figcaption></figure> </div> <p><i>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud etc. </i>(le texte est renvoyé sous l'image.)</p> <div style="clear:both;"></div><h2 class="spip">Image réduite à 50% de la largeur mais...</h2><div class='spip_document_178 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende half' data-legende-len="11" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_5.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_5.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-178 '><strong>exemple 5 </strong></div> </figcaption></figure> </div> <p>alignée à droite du texte <code class='spip_code spip_code_inline' dir='ltr'><docXXX|right|half></code></p> <div style="clear:both;"></div><div class='spip_document_177 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende half' data-legende-len="11" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_6.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_6.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-177 '><strong>exemple 6 </strong></div> </figcaption></figure> </div> <p>alignée à gauche du texte <code class='spip_code spip_code_inline' dir='ltr'><docXXX|left|half></code></p> <div style="clear:both;"></div><h2 class="spip">Pour ne pas afficher la légende, le titre, descriptif ou crédit</h2> <p>Il suffit de rajouter <strong>|masquer=...</strong> par exemple : <br /><span class="spip-puce ltr"><b>–</b></span> <tt><docXXX|masquer=legende></tt> pour masquer la légende ; <br /><span class="spip-puce ltr"><b>–</b></span> <tt><docXXX|masquer=titre></tt> pour masquer le titre ; <br /><span class="spip-puce ltr"><b>–</b></span> <tt><docXXX|masquer=descriptif></tt> pour masquer le descriptif ; <br /><span class="spip-puce ltr"><b>–</b></span> <tt><docXXX|masquer=credits></tt> pour masquer les crédits ;</p> <div class='spip_document_182 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_7.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_7.jpg' width='500' height='810' alt='' /></a> </figure> </div> <p>Dans tous les exemples suivants, c'est un paramètre qu'on peut ajouter. Par contre on ne peut pas différencier entre la version online et la version imprimable.</p> <h2 class="spip">Pour un affichage différent entre la version online et la version imprimable</h2> <p>On rajoute ce paramètre : <strong> |class=print-right </strong>(ou print-left ou print-center).</p> <p>Exemple :<br class='autobr' /> <code class='spip_code spip_code_inline' dir='ltr'><docXXX|left|class=print-right></code> affichera l'image à gauche du texte sur la version online de l'article , et à droite du texte sur la version imprimable</p> <div class='spip_document_187 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende print-right' data-legende-len="11" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_8-2.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_8-2.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-187 '><strong>exemple 8 </strong></div> </figcaption></figure> </div><div style="clear:both;"></div> <p><code class='spip_code spip_code_inline' dir='ltr'><docXXX|class=print-left></code> affichera l'image au centre sur la version online de l'article , et à gauche du texte sur la version imprimable</p> <div class='spip_document_186 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende print-left' data-legende-len="11" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_9.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_9.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-186 '><strong>exemple 9 </strong></div> </figcaption></figure> </div><div style="clear:both;"></div> <p><strong>Pour manipuler les images réduites à leur moitié, le paramètre "half" doit être donné avec le paramètre "print-center" :</strong></p> <p><code class='spip_code spip_code_inline' dir='ltr'><docXXX|right|class=half print-center></code> affichera l'image réduite à la moitié de sa longueur, à droite du texte sur la version online de l'article, mais en pleine largeur sur la version imprimable.</p> <div class='spip_document_185 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende half print-center' data-legende-len="12" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_10.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_10.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-185 '><strong>exemple 10 </strong></div> </figcaption></figure> </div><div style="clear:both;"></div> <p><code class='spip_code spip_code_inline' dir='ltr'><docXXX|center|class=half print-right></code> affichera l'image réduite à la moitié de sa longueur, au centre sur la version online de l'article, et également réduite à sa moitié, mais à droite sur la version imprimable.</p> <div class='spip_document_184 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende half print-right' data-legende-len="12" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_11.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_11.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-184 '><strong>exemple 11 </strong></div> </figcaption></figure> </div><div style="clear:both;"></div><h2 class="spip">Pour n'afficher l'image réduite à sa moitié QUE sur la version imprimable</h2> <p>On donne le paramètre print-half-center (ou print-half-left ou print-half-right)<br class='autobr' /> Exemple :<br class='autobr' /> <code class='spip_code spip_code_inline' dir='ltr'><docXXX|center|class=print-half-right></code> affichera l'image centrée sur la version online de l'article, mais réduite à sa moitié, et à droite du texte sur la version imprimable.</p> <div class='spip_document_183 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende print-half-right' data-legende-len="29" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-183 '><strong>exemple 12 fgh rhyqehyqtyht </strong></div> </figcaption></figure> </div> <div style="clear:both;"></div><div class='spip_document_183 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="29" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-183 '><strong>exemple 12 fgh rhyqehyqtyht </strong></div> </figcaption></figure> </div><div class='spip_document_183 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="29" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-183 '><strong>exemple 12 fgh rhyqehyqtyht </strong></div> </figcaption></figure> </div><div class='spip_document_183 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="29" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-183 '><strong>exemple 12 fgh rhyqehyqtyht </strong></div> </figcaption></figure> </div> <div style="clear:both;"></div> <div class='spip_document_183 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende half print-left' data-legende-len="29" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-183 '><strong>exemple 12 fgh rhyqehyqtyht </strong></div> </figcaption></figure> </div><div class='spip_document_183 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende half print-left' data-legende-len="29" data-legende-lenx="" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='https://ns.solidariteetprogres.fr/IMG/jpg/exemple_12.jpg' width='500' height='810' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-183 '><strong>exemple 12 fgh rhyqehyqtyht </strong></div> </figcaption></figure> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div> https://ns.solidariteetprogres.fr/spip.php?article14 https://ns.solidariteetprogres.fr/spip.php?article14 2024-04-26T16:49:45Z text/html fr Johanna <p>INTRODUCTION Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue mauris ut mi fringilla convallis vitae non massa. Sed sit amet facilisis turpis. Praesent bibendum orci eu quam elementum, ut tincidunt ex aliquet. Quisque ultricies vel mi vitae efficitur. Nam vehicula et lacus eget fringilla. Donec ante arcu, viverra non consectetur at, imperdiet sed tellus.</p> <p>Integer tincidunt lorem lectus, ut dictum quam ullamcorper vel. Aliquam erat volutpat. Aliquam tristique, sapien tincidunt tristique commodo, risus lorem volutpat arcu, venenatis dignissim magna sem in augue. Mauris eget luctus nisi. Suspendisse porta ipsum ac lacinia lacinia. Vivamus ornare molestie felis.</p> - <a href="https://ns.solidariteetprogres.fr/spip.php?rubrique7" rel="directory">Dossier spécial</a> <img src='https://ns.solidariteetprogres.fr/IMG/logo/ns_05_23_p2_photo_6.png' class="spip_logo spip_logo_right" alt="" style='max-width: 150px;max-width: min(100%,150px); max-height: 150px' /> <div class='rss_chapo'><p>CHAPEAU Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue mauris ut mi fringilla convallis vitae non massa. Sed sit amet facilisis turpis. Praesent bibendum orci eu quam elementum, ut tincidunt ex aliquet. Quisque ultricies vel mi vitae efficitur. Nam vehicula et lacus eget fringilla. Donec ante arcu, viverra non consectetur at, imperdiet sed tellus. Integer tincidunt lorem lectus, ut dictum quam ullamcorper vel. Aliquam erat volutpat. Aliquam tristique, sapien tincidunt tristique commodo, risus lorem volutpat arcu, venenatis dignissim magna sem in augue.</p> <p>Mauris eget luctus nisi. Suspendisse porta ipsum ac lacinia lacinia. Vivamus ornare molestie felis. Quisque ultricies vel mi vitae efficitur.</p></div> <div class='rss_texte'><div class='spip_document_31 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende print-left' data-legende-len="155" data-legende-lenx="xxx" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' width='500' height='889' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-31 '><strong>Titre de l'image </strong></div> <div class='spip_doc_descriptif crayon document-descriptif-31 '>docXXX descriptif : cu, et bibendum nibh. Proin hendrerit ultricies lacinia. Sed tincidunt lectus eu dolor hendrerit condimentum. </div> <div class='spip_doc_credits crayon document-credits-31 '>crédit </div> </figcaption></figure> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue mauris ut mi fringilla convallis vitae non massa. Sed sit amet facilisis turpis. Praesent bibendum orci eu quam elementum, ut tincidunt ex aliquet. Quisque ultricies vel mi vitae efficitur. Nam vehicula et lacus eget fringilla.</p> <div id="exergue" class="sm:w-1/2 w-full sm:float-right s:ml-6 s:pl-2 py-2"> <p class="text-xl sm:text-2xl font-bold text-rougesetp italic text-center">Donec ante arcu, viverra non consectetur at.</p> </div> <p>Imperdiet sed tellus. Integer tincidunt lorem lectus, ut dictum quam ullamcorper vel. Aliquam erat volutpat. Aliquam tristique, sapien<span class="spip_note_ref"> [<a href="#nb1" class="spip_note" rel="appendix" title="tincidunt tristique commodo, risus lorem volutpat" id="nh1">1</a>]</span> arcu, venenatis dignissim magna sem in augue. Mauris eget luctus nisi. Suspendisse porta ipsum ac lacinia lacinia. Vivamus ornare molestie felis.</p> <h2 class="spip">INTERTITRE Cras vitae ultrices elit (type h2)</h2><div class='spip_document_31 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende print-center' data-legende-len="155" data-legende-lenx="xxx" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' width='500' height='889' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-31 '><strong>Titre de l'image </strong></div> <div class='spip_doc_descriptif crayon document-descriptif-31 '>docXXX descriptif : cu, et bibendum nibh. Proin hendrerit ultricies lacinia. Sed tincidunt lectus eu dolor hendrerit condimentum. </div> <div class='spip_doc_credits crayon document-credits-31 '>crédit </div> </figcaption></figure> </div> <p>Donec euismod nibh non sodales venenatis. Vestibulum feugiat vulputate libero quis vestibulum. Nam mauris est, ornare nec volutpat id, vestibulum tincidunt magna. Maecenas porta mi mi, at venenatis odio feugiat ut. Nam efficitur lobortis nibh, et tincidunt turpis. Suspendisse sagittis rhoncus erat, id sodales lectus ultricies id. Aenean aliquet magna sed laoreet ullamcorper. Mauris et finibus quam. Suspendisse ornare erat quis dolor suscipit consequat.</p> <div class='spip_document_31 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende half' data-legende-len="155" data-legende-lenx="xxx" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' width='500' height='889' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-31 '><strong>Titre de l'image </strong></div> <div class='spip_doc_descriptif crayon document-descriptif-31 '>docXXX descriptif : cu, et bibendum nibh. Proin hendrerit ultricies lacinia. Sed tincidunt lectus eu dolor hendrerit condimentum. </div> <div class='spip_doc_credits crayon document-credits-31 '>crédit </div> </figcaption></figure> </div> <p>Vivamus feugiat ullamcorper ex, non convallis lorem iaculis sit amet. Sed vitae metus in sem posuere mollis :</p> <ul class="spip" role="list"><li> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li><li> Suspendisse id ligula non felis elementum venenatis.</li><li> Aenean dictum nisi vel ante congue, sit amet varius mauris posuere.</li><li> Nulla consequat lacus at est consequat, sit amet congue augue consectetur. Quisque ultricies velit placerat quam pellentesque feugiat.</li></ul><div class='spip_document_31 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende print-left' data-legende-len="155" data-legende-lenx="xxx" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' class="spip_doc_lien mediabox" type="image/png"> <img src='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' width='500' height='889' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-31 '><strong>Titre de l'image </strong></div> <div class='spip_doc_descriptif crayon document-descriptif-31 '>docXXX descriptif : cu, et bibendum nibh. Proin hendrerit ultricies lacinia. Sed tincidunt lectus eu dolor hendrerit condimentum. </div> <div class='spip_doc_credits crayon document-credits-31 '>crédit </div> </figcaption></figure> </div> <p>Etiam ultricies justo et purus tristique, aliquam facilisis elit dapibus. Vestibulum efficitur massa id mi ultrices dictum. Maecenas id velit ac lacus porttitor accumsan eu non dui. Quisque ultricies velit placerat quam pellentesque feugiat :</p> <ol class="spip" role="list"><li> Maecenas molestie ligula nec nisi hendrerit, non congue nibh semper.</li><li> Cras volutpat nunc in facilisis accumsan.</li><li> Cras ut nulla commodo, tincidunt augue sit amet, blandit ante.</li><li> Vestibulum nec mauris porta, aliquet neque facilisis, consectetur ligula.</li></ol><div id="exergue" class="sm:w-1/2 w-full sm:float-right s:ml-6 s:pl-2 py-2"> <p class="text-xl sm:text-2xl font-bold text-rougesetp italic text-center">Donec ante arcu, viverra non consectetur at.</p> </div> <p>Fusce malesuada efficitur leo a mattis. Integer vitae molestie dui. Praesent fringilla, tellus ac pulvinar dignissim, nulla tortor accumsan lectus, ac suscipit ipsum lacus ac ante. Nulla in tortor sit amet odio laoreet maximus non efficitur ipsum. Aenean ut rutrum nulla, et placerat turpis. Sed egestas vulputate risus molestie dictum. Sed ligula diam, iaculis vel egestas eget, interdum at lacus. Pellentesque quis dapibus metus, sed iaculis nulla. Curabitur sit amet accumsan odio.</p> <div id="exergue" class="sm:w-1/2 w-full sm:float-right s:ml-6 s:pl-2 py-2"> <p class="text-xl sm:text-2xl font-bold text-rougesetp italic text-center">Donec ante arcu, viverra non consectetur at.</p> </div> <p>Proin eget venenatis risus. Donec pulvinar auctor magna, et volutpat justo ornare eu. Etiam erat mi, fringilla et lacinia at, maximus ut augue. Donec hendrerit metus sed tellus aliquet, in aliquam lectus pulvinar. Sed sed tristique arcu, et bibendum nibh. Proin hendrerit ultricies lacinia. Sed tincidunt lectus eu dolor hendrerit condimentum.</p> <h2 class="spip">INTERTITRE Cras vitae ultrices elit</h2><div class='spip_document_31 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende print-right' data-legende-len="155" data-legende-lenx="xxx" > <figure class="spip_doc_inner"> <a href='https://ns.solidariteetprogres.fr/IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png' class="spip_doc_lien mediabox" type="image/png"> IMG/png/capture_d_ecran_du_2022-10-03_11-23-12.png</a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre crayon document-titre-31 '><strong>Titre de l'image </strong></div> <div class='spip_doc_descriptif crayon document-descriptif-31 '>docXXX descriptif : cu, et bibendum nibh. Proin hendrerit ultricies lacinia. Sed tincidunt lectus eu dolor hendrerit condimentum. </div> <div class='spip_doc_credits crayon document-credits-31 '>crédit </div> </figcaption></figure> </div> <p>Etiam varius finibus fringilla. Curabitur lobortis tempor lacus id sollicitudin. Vestibulum suscipit turpis tincidunt velit pharetra, in cursus tellus mollis. Phasellus a elementum lectus. Vivamus ut iaculis tellus. Curabitur quis massa vel metus mollis malesuada. Morbi non viverra diam. Ut imperdiet ut sem at egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <p>Phasellus congue vestibulum quam, ut porttitor ligula. Nunc a eros bibendum, tempor velit non, mollis ipsum. Maecenas lorem purus, ornare quis massa vel, consequat rhoncus odio. Etiam cursus, nibh dictum suscipit volutpat, leo velit convallis enim, eget pretium tellus arcu sed lacus. Duis at pretium ante.</p> <blockquote class="spip"> <p>Sed porta, diam sit amet laoreet ornare, quam neque eleifend diam, vel hendrerit diam nibh ut velit.</p> <p>Donec commodo nibh nec rhoncus posuere. Integer ex neque, pharetra eu gravida cursus, porta vitae nisl. Suspendisse ultrices mauris a libero porta, eget aliquam felis ornare.</p> </blockquote> <p>Fusce tincidunt leo id purus semper, nec maximus arcu aliquet. Phasellus laoreet ex arcu, vitae venenatis dolor vulputate nec. Duis nec diam id neque consequat faucibus vel vitae urna.</p> <h2 class="spip"> Titre niveau un (h2)</h2><h3 class="spip"> Titre niveau deux (h3)</h3> <p>Quisque quis tellus nisi. Mauris quis massa vehicula, mattis risus et, dictum lectus. Nulla quis est elementum, gravida odio ac, convallis neque. Proin egestas imperdiet arcu, in consectetur metus malesuada non. Vestibulum ut enim vel ligula posuere luctus sed at enim. Nunc tincidunt purus sed ante posuere, vitae lobortis ligula maximus. Duis condimentum imperdiet tempus. Aliquam eu magna sed lacus fringilla suscipit a vitae leo. Phasellus et finibus felis. In tempus metus lacus, et viverra sapien euismod at. Donec eget lacus laoreet, consectetur dui vel, porta tortor.</p> <p>Nunc posuere vehicula arcu sed blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae ; Mauris rutrum auctor sodales. Nullam quam ex, finibus nec augue ac, vulputate sodales nulla. Etiam quis sem erat. Pellentesque fringilla turpis quis viverra tincidunt. Ut tempor est ut dictum lobortis.</p> <h3 class="spip"> Titre niveau deux</h3><h4 class="spip"> Titre niveau trois (h4)</h4> <p>Pellentesque ornare vulputate justo vitae rutrum. Vestibulum eget vestibulum lectus. Aliquam porttitor lectus ut tortor gravida tempor. Aliquam rhoncus tellus ac velit ornare ultrices. Vestibulum arcu nisl, congue ut ipsum ut, dictum consectetur enim. In eget dui ut nunc maximus convallis sed eget ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam in luctus velit, quis finibus quam. Donec ut mollis nunc. Vestibulum nibh diam, lobortis at sagittis id, aliquet at ligula. Curabitur porttitor pellentesque eros, sit amet luctus erat pulvinar viverra.</p> <h4 class="spip"> Titre niveau 3</h4> <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris id libero cursus nisl aliquet maximus eu vel odio. Integer nec nisi semper, molestie diam a, volutpat magna. Praesent sit amet vulputate dolor, ut consequat elit. Fusce tempor id leo dictum bibendum. Pellentesque et libero tempus tellus vehicula convallis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>Fusce mauris turpis, vehicula quis elit quis, tincidunt vestibulum nunc. Mauris pharetra dolor at dictum suscipit. Vestibulum et ex gravida, blandit metus cursus, fermentum elit. Morbi vel orci quis mauris posuere varius at at dui. Ut at arcu a arcu volutpat placerat. Aliquam a maximus libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec pharetra vel mauris non convallis.</p></div> <hr /> <div class='rss_notes'><div id="nb1"> <p><span class="spip_note_ref">[<a href="#nh1" class="spip_note" title="Notes 1" rev="appendix">1</a>] </span>tincidunt tristique commodo, risus lorem volutpat</p> </div></div>