http://www.yvontregoat.com/ fr SPIP - www.spip.net http://www.yvontregoat.com/local/cache-vignettes/L144xH48/enavantlesmunicipales-ba9f1.jpg?1745268348 http://www.yvontregoat.com/ 48 144 http://www.yvontregoat.com/spip.php?article707 http://www.yvontregoat.com/spip.php?article707 2018-11-25T12:47:38Z text/html fr ytregoat ALaUne Courrier_libre Sommaire <p>Un préalable important : la mise en page d'un texte est au service du sens de celui-ci, pas du goà »t personnel de celui qui se trouve devant l'écran ! Or, les raccourcis typographiques de SPIP portent en eux-mêmes du sens. Il est important d'avoir une correspondance entre le sens typographique et le sens du texte. Par exemple, un titre du point de vue du texte doit aussi l'être du point de vue typographique. <br class='autobr' /> N'oubliez pas non plus que votre site sera lu par des visiteurs pouvant être (…)</p> - <a href="http://www.yvontregoat.com/spip.php?rubrique70" rel="directory">Fourre-tout</a> / <a href="http://www.yvontregoat.com/spip.php?mot61" rel="tag">ALaUne</a>, <a href="http://www.yvontregoat.com/spip.php?mot62" rel="tag">Courrier_libre</a>, <a href="http://www.yvontregoat.com/spip.php?mot95" rel="tag">Sommaire</a> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH89/arton707-14260.png?1745268348' class='spip_logo spip_logo_right' width='150' height='89' alt="" /> <div class='rss_chapo'><p><strong>Un préalable important</strong> : la mise en page d'un texte est au service du <strong>sens</strong> de celui-ci, pas du goà »t personnel de celui qui se trouve devant l'écran ! Or, les raccourcis typographiques de SPIP portent en eux-mêmes du <strong>sens</strong>. Il est <strong>important</strong> d'avoir une correspondance entre le <strong>sens</strong> typographique et le <strong>sens</strong> du texte. Par exemple, un titre du point de vue du texte doit aussi l'être du point de vue typographique.</p> <p>N'oubliez pas non plus que votre site sera lu par des visiteurs pouvant être dans des résolutions d'écran différentes de la vôtre et qu'une « belle » mise en page chez vous pourrait être complètement différente pour le visiteur.</p> <p>Avant d'aller plus loin, vous pouvez lire avec profit : <a href="https://www.pyrat.net/452" class="spip_out" rel="external">Raccourcis typographiques indispensables de SPIP</a>.</p></div> <div class='rss_texte'><h2 class="spip">Le texte préexiste à la mise en page</h2> <p>C'est peut-être une évidence, mais pour mettre en page un texte, il faut que le texte existe.</p> <p>Dans le cas de SPIP, ça veut dire qu'il vaut mieux (au moins dans un premier temps) :</p> <ul class="spip" role="list"><li> disposer de tout le texte sans aucun raccourci typographique,</li><li> sauter une ligne à chaque changement d'idée (ce qui donne un changement de paragraphe, voire un titre),</li><li> faire un retour à la ligne avant chaque élément d'une énumération.</li></ul> <p>Ce n'est qu'ensuite que les raccourcis typographiques de SPIP pourront être appliqués avec discernement.</p> <h2 class="spip">Distinction entre paragraphes et caractères</h2> <p>Certains attributs typographiques ne peuvent s'appliquer qu'à des paragraphes entiers, d'autres doivent être appliqués à des caractères dans le <strong>même</strong> paragraphe.</p> <p>Dans la Barre Typographique de SPIP, les attributs de caractères forment le premier groupe sur la gauche, les attributs typographiques de paragraphes le deuxième.<a id="definition_ancre"></a></p> <h2 class="spip">**Paragraphes</h2> <p>Un paragraphe dans SPIP est précédé d'une ligne vide et suivi d'une ligne vide<span class="spip_note_ref"> [<a href="#nb2-1" class="spip_note" rel="appendix" title="Sauf les listes à puce et les tableaux" id="nh2-1">1</a>]</span>.</p> <p>Une règle générale est de ne mettre qu'un attribut de paragraphe par paragraphe.</p> <p>Si deux paragraphes de suite ont le même attribut, il faut appliquer <strong>deux</strong> fois l'attribut, une fois pour chaque paragraphe.</p> <p>Les attributs de paragraphe ne sont pas disponibles dans les champs de SPIP n'ayant qu'une ligne.</p> <p>Les attributs de paragraphe sont :</p> <ul class="spip" role="list"><li> les titres <code class='spip_code spip_code_inline' dir='ltr'>{{{</code>Paragraphe du titre<code class='spip_code spip_code_inline' dir='ltr'>}}}</code> et sous-titres <code class='spip_code spip_code_inline' dir='ltr'>{{{*</code>Texte du titre<code class='spip_code spip_code_inline' dir='ltr'>}}}</code>, avec un nombre d'* (étoiles) variant de 2 à 5, la barre de raccourcis ne proposant que 2 et 3.<br class='manualbr' />[*Attention*] : il est essentiel de respecter la <strong>hiérarchie</strong> de la titraille et de ne pas commencer par un élément sans qu'il soit précédé de son niveau supérieur (on ne doit pas commencer à 2 !). Voir les exemples de <a href="#titraille" class="spip_ancre">titraille</a><br class='manualbr' />[*Remarque*] : <code class='spip_code spip_code_inline' dir='ltr'>{{{</code>Titre de premier niveau<code class='spip_code spip_code_inline' dir='ltr'>}}}</code> est strictement équivalent à <code class='spip_code spip_code_inline' dir='ltr'>{{{*</code>Titre de premier niveau<code class='spip_code spip_code_inline' dir='ltr'>}}}</code>.</li></ul><ul class="spip" role="list"><li> centrer <code class='spip_code spip_code_inline' dir='ltr'>[|</code>Paragraphe centré<code class='spip_code spip_code_inline' dir='ltr'>|]</code> : à n'utiliser que de manière <strong>exceptionnelle</strong><span class="spip_note_ref"> [<a href="#nb2-2" class="spip_note" rel="appendix" title="J'avais mis ça en place à l'époque de la version 1.7 de SPIP qui gérait (…)" id="nh2-2">2</a>]</span> !</li></ul> <p>[|Paragraphe centré|]</p> <ul class="spip" role="list"><li> aligner à droite <code class='spip_code spip_code_inline' dir='ltr'>[/</code>Paragraphe aligné à droite<code class='spip_code spip_code_inline' dir='ltr'>/]</code> : essentiellement pour mettre la signature d'un auteur</li></ul> <p>[/Paragraphe aligné à droite/]</p> <ul class="spip" role="list"><li> encadrer <code class='spip_code spip_code_inline' dir='ltr'>[(</code>Paragraphe à encadrer<code class='spip_code spip_code_inline' dir='ltr'>)]</code></li></ul> <p>[(Paragraphe à encadrer)]</p> <p>Certains attributs sont un peu spéciaux :</p> <ul class="spip" role="list"><li> Poésie <code class='spip_code spip_code_inline' dir='ltr'><poesie></code>Le texte de la poésie, sur plusieurs lignes, les retour à la ligne simple <strong>étant</strong> pris en compte<code class='spip_code spip_code_inline' dir='ltr'></poesie></code></li></ul><blockquote class="spip_poesie"><div>Le geai gélatineux gégnait dans le jasmin</div> <div>Voici mes infins le plus beau vers de la langue française.</div> </blockquote><ul class="spip" role="list"><li> Cadre <code class='spip_code spip_code_inline' dir='ltr'><cadre></code>Texte qui apparaitra dans une zone de formulaire facilitant le copier/coller<span class="spip_note_ref"> [<a href="#nb2-3" class="spip_note" rel="appendix" title="Essentiellement utilisé sur spip-contrib pour donner des exemples de code" id="nh2-3">3</a>]</span><code class='spip_code spip_code_inline' dir='ltr'></cadre></code></li></ul> <textarea readonly='readonly' cols='40' rows='3' class='spip_cadre spip_cadre_block' dir='ltr'>Ceci est du texte dans un cadre. les espaces en début de ligne comptent ! Les retours à la ligne simples aussi !</textarea><h2 class="spip">***Citation</h2> <p>Soit à l'intérieur d'un paragraphe :<code class='spip_code spip_code_inline' dir='ltr'><quote></code>Texte d'une citation<code class='spip_code spip_code_inline' dir='ltr'></quote></code></p> <p>Proverbe connu :</p> <blockquote class="spip"> <p>C'est en forgeant que l'on devient forgeron.</p> </blockquote> <p>Soit formant un bloc :</p> <div class="precode"><pre class='spip_code spip_code_block' dir='ltr' style='text-align:left;'><code><quote> L'amour naît d'un cÅ“ur déchiré tant il s'est agrandi. </quote></code></pre></div><blockquote class="spip"> <p> L'amour naît d'un cÅ“ur déchiré tant il s'est agrandi.</p> </blockquote><h2 class="spip">**Caractères</h2> <p>Les attributs de caractères <strong>doivent</strong> être ouverts et fermés à l'intérieur du même paragraphe (pas question de débuter le gras sur un premier paragraphe et de le terminer sur un deuxième).</p> <p>Ils peuvent être utilisés dans <strong>tous</strong> les champs de SPIP.</p> <h2 class="spip">***Mise en forme</h2><ul class="spip" role="list"><li> gras : <code class='spip_code spip_code_inline' dir='ltr'>{{</code>texte en gras<code class='spip_code spip_code_inline' dir='ltr'>}}</code> ; à utiliser pour un élément que l'on souhaite appuyer (sera prononcé plus fort dans un logiciel de lecture vocal) : <strong>texte en gras</strong></li><li> italique : <code class='spip_code spip_code_inline' dir='ltr'>{</code>italique<code class='spip_code spip_code_inline' dir='ltr'>}</code> ; à utiliser pour une élément sur lequel on veut insister (sera prononcé avec emphase) : <i>italique</i></li><li> mise en évidence <code class='spip_code spip_code_inline' dir='ltr'>[*</code>texte en évidence<code class='spip_code spip_code_inline' dir='ltr'>*]</code> : élément que l'on souhaite appuyer en attirant le regard par un changement de couleur : [*texte en évidence*]</li><li> mise en exposant : <code class='spip_code spip_code_inline' dir='ltr'>^{</code>texte en exposant<code class='spip_code spip_code_inline' dir='ltr'>}</code> : pour l'abréviation de saint : S^t</li><li> petites capitales : <code class='spip_code spip_code_inline' dir='ltr'><sc></code>texte en petite capitales<code class='spip_code spip_code_inline' dir='ltr'></sc></code> : à utiliser essentiellement pour les noms propres : Charles <sc>de Gaulle</sc></li><li> code : <tt><code></tt>du code (raccourcis typographiques, html...)<tt></code></tt> que l'on ne souhaite pas que SPIP interprète</li><li> biffé : <code class='spip_code spip_code_inline' dir='ltr'><del></code>texte biffé<code class='spip_code spip_code_inline' dir='ltr'></del></code> : pour indiquer qu'on avait pensé à un autre mot et que l'on a changé d'avis : SPIP, c'est <del>bien</del> fantastique !</li></ul><h2 class="spip">***Comportement spécifique</h2><h2 class="spip">****Aides à la compréhension du texte</h2><ul class="spip" role="list"><li> bulle d'aide : <code class='spip_code spip_code_inline' dir='ltr'>[GPL|Gnu Public Licence]</code> : pour donner la signification d'un terme ou d'une abréviation : <abbr title="Gnu Public Licence">GPL</abbr><br class='manualbr' />Ce raccourcis est beaucoup moins nécessaire depuis que vous disposez de <a href='http://www.yvontregoat.com/spip.php?article444' class="spip_in">Nous appelons dès à présent le soir du premier tour à voter pour le candidat du changement François HOLLANDE le 6 mai 2012</a> automatiques.</li></ul><h2 class="spip">****Liens internes et externes</h2><ul class="spip" role="list"><li> lien : <code class='spip_code spip_code_inline' dir='ltr'>[texte du lien->https://www.spip.net/]</code> : lien : <a href="https://www.spip.net/" class="spip_out" rel="external">texte du lien</a><br class='manualbr' />À noter qu'il est possible de faire des liens à l'intérieur du site SPIP à l'aide des <strong>numéros</strong> des éléments et de leur type (se reporter à l'aide en ligne fournie par SPIP).</li><li> lien avec bulle d'aide : <code class='spip_code spip_code_inline' dir='ltr'>[texte du lien|Le site officiel de SPIP->https://www.spip.net/]</code> : <a href="https://www.spip.net/" class="spip_out" title="Le site officiel de SPIP" rel="external">texte du lien</a></li><li> lien avec langue de destination (non visible sur Internet Explorer) : <code class='spip_code spip_code_inline' dir='ltr'>[texte du lien|{fr}->https://www.spip.net/]</code> : <a href="https://www.spip.net/" class="spip_out" hreflang="fr" rel="external">texte du lien</a></li><li> lien avec bulle d'aide et langue de destination : <code class='spip_code spip_code_inline' dir='ltr'>[texte du lien|Le site officiel de SPIP{fr}->https://www.spip.net/]</code> : <a href="https://www.spip.net/" class="spip_out" hreflang="fr" title="Le site officiel de SPIP" rel="external">texte du lien</a></li><li> ancre et retour à l'ancre : <code class='spip_code spip_code_inline' dir='ltr'>[definition_ancre<-]</code> et <code class='spip_code spip_code_inline' dir='ltr'>[retour à l'ancre->#definition_ancre]</code> : <a href="#definition_ancre" class="spip_ancre">retour à l'ancre</a></li><li> définition dans Wikipedia : <code class='spip_code spip_code_inline' dir='ltr'>[?GPL]</code> : appelle l'encyclopédie libre Wkipedia pour obtenir la définition du mot<span class="spip_note_ref"> [<a href="#nb2-4" class="spip_note" rel="appendix" title="Si le mot n'existe pas, vous pouvez le créer vous-même !" id="nh2-4">4</a>]</span> : <a href="https://fr.wikipedia.org/wiki/GPL" class="spip_glossaire" rel="external">GPL</a><br class='manualbr' />Avec bulle d'aide : <code class='spip_code spip_code_inline' dir='ltr'>[?GPL|Définition sur Wikipédia]</code> : <a href="https://fr.wikipedia.org/wiki/GPL" class="spip_glossaire" title="Définition sur Wikipédia" rel="external">GPL</a></li><li> note de bas de page : <code class='spip_code spip_code_inline' dir='ltr'>texte[[note de bas de page]]</code> : crée une note de bas de page avec le texte entre les doubles crochets<span class="spip_note_ref"> [<a href="#nb2-5" class="spip_note" rel="appendix" title="Et la note de bas de page est automatiquement numérotée, rendue clicable, (…)" id="nh2-5">5</a>]</span></li></ul><h2 class="spip">**Listes</h2> <p>Les listes sont à utiliser pour tout ce qui à le <strong>sens</strong> d'une énumération.</p> <p><strong>Attention</strong> : il faut entourer un bloc de listes à puces d'une ligne vide avant et après.</p> <h2 class="spip">***Listes à puces</h2> <textarea readonly='readonly' cols='40' rows='4' class='spip_cadre spip_cadre_block' dir='ltr'>-* première ligne -* deuxième ligne -** une sous liste à puce -* de retour dans le niveau initial</textarea> <p>Donnera :</p> <ul class="spip" role="list"><li> première ligne</li><li> deuxième ligne <ul class="spip" role="list"><li> une sous liste à puce</li></ul></li><li> de retour dans le niveau initial</li></ul><h2 class="spip">***Listes numérotées</h2> <textarea readonly='readonly' cols='40' rows='4' class='spip_cadre spip_cadre_block' dir='ltr'>-# première ligne -# deuxième ligne -## une sous liste à puce -# de retour dans le niveau initial</textarea> <p>Donnera :</p> <ol class="spip" role="list"><li> première ligne</li><li> deuxième ligne <ol class="spip" role="list"><li> une sous liste numérotée</li></ol></li><li> de retour dans le niveau initial</li></ol><h2 class="spip">**Tableaux</h2> <p>Pour être complètement accessible, un tableau dans SPIP doit avoir un titre et une description.</p> <p>Ainsi :</p> <textarea readonly='readonly' cols='40' rows='6' class='spip_cadre spip_cadre_block' dir='ltr'>||Produits bio et prix|Ce tableau sert d'exemple de mise en forme spip|| | {{Produit}} | {{Prix €}} | | Beurre Bio | 5€ | | Lait Bio | 3€ | | Choux Bio | 4€ |</textarea> <p>Donnera :</p> <table class="table spip" aria-describedby="dbye465"> <caption>Produits bio et prix<br /> <small id="dbye465" class="summary offscreen">Ce tableau sert d'exemple de mise en forme spip</small></caption> <thead><tr class='row_first'><th id='ide465_c0'> Produit </th><th id='ide465_c1'> Prix € </th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='ide465_c0'>Beurre Bio</td> <td headers='ide465_c1'>5€</td></tr> <tr class='row_even even'> <td headers='ide465_c0'>Lait Bio</td> <td headers='ide465_c1'>3€</td></tr> <tr class='row_odd odd'> <td headers='ide465_c0'>Choux Bio</td> <td headers='ide465_c1'>4€</td></tr> </tbody> </table> <p>Notez les doubles <code class='spip_code spip_code_inline' dir='ltr'>||</code><span class="spip_note_ref"> [<a href="#nb2-6" class="spip_note" rel="appendix" title="Le signe | se fait sous Windows avec la combinaison AltGR-6." id="nh2-6">6</a>]</span> sur la première ligne du tableau !</p> <p>[*Attention*] : les pièges classiques avec les tableaux sont :</p> <ul class="spip" role="list"><li> ne pas avoir le même nombre de | sur une ligne</li><li> avoir un espace <strong>après</strong> le dernier | de la ligne (un moyen simple de vérifier : la touche fin du clavier amène à la fin de la ligne)</li></ul><h2 class="spip">**Tableaux avec fusion de cellules</h2> <textarea readonly='readonly' cols='40' rows='7' class='spip_cadre spip_cadre_block' dir='ltr'>||Tableau avec fusion|Ce tableau sert d'exemple de mise en forme spip|| | {{Colonne 1}} | {{Colonne 2}} | {{Colonne 3}} | | ligne 1 | Cellule fusionnée avec la suivante |<| | ligne 2 | Cellule fusionnée _ avec celle du dessous | normale | | ligne 2 |^| normale aussi |</textarea> <p>Donnera :</p> <table class="table spip" aria-describedby="dby6d81"> <caption>Tableau avec fusion<br /> <small id="dby6d81" class="summary offscreen">Ce tableau sert d'exemple de mise en forme spip</small></caption> <thead><tr class='row_first'><th id='id6d81_c0'> Colonne 1 </th><th id='id6d81_c1'> Colonne 2 </th><th id='id6d81_c2'> Colonne 3 </th></tr></thead> <tbody> <tr class='row_odd odd'> <td headers='id6d81_c0'>ligne 1</td> <td colspan='2' headers='id6d81_c1'>Cellule fusionnée avec la suivante</td></tr> <tr class='row_even even'> <td headers='id6d81_c0'>ligne 2</td> <td rowspan='2' headers='id6d81_c1'>Cellule fusionnée <p>avec celle du dessous</p> </td> <td headers='id6d81_c2'>normale</td></tr> <tr class='row_odd odd'> <td headers='id6d81_c0'>ligne 2</td> <td headers='id6d81_c2'>normale aussi</td></tr> </tbody> </table> <p>Principe :</p> <ul class="spip" role="list"><li> <code class='spip_code spip_code_inline' dir='ltr'>|<|</code> fusionne avec la cellule de gauche</li><li> <code class='spip_code spip_code_inline' dir='ltr'>|^|</code> fusionne avec la cellule au dessus</li></ul><h2 class="spip">Images</h2> <p>Pour les images et documents, reportez-vous à l'aide en ligne de SPIP. Seule contrainte pour l'accessibilité (et donc un meilleur référencement) : donnez un titre à <strong>toutes</strong> vos images décrivant le <strong><abbr title="signification">sens</abbr></strong> de chacune d'elles.</p> <h2 class="spip">Caractères spéciaux</h2><ul class="spip" role="list"><li> <code class='spip_code spip_code_inline' dir='ltr'>~</code> (espace insécable ou espace dur — correspond au <code class='spip_code spip_code_inline' dir='ltr'> </code> du <abbr title="Hyper Text Markup Language">HTML</abbr>) placé entre deux mots remplace l'espace en ayant l'avantage d'être insécable, c'est-à -dire, qu'il empêchera les deux mots d'être séparés par un retour à la ligne malvenu. S'utilise en particulier entre le prénom et le nom propre.</li><li> <code class='spip_code spip_code_inline' dir='ltr'>--></code> : —> (flèche vers la droite)</li><li> <code class='spip_code spip_code_inline' dir='ltr'><--</code> : <— (flèche vers la gauche)</li><li> <code class='spip_code spip_code_inline' dir='ltr'><--></code> : <—> (flèche vers la gauche et vers droite)</li><li> <code class='spip_code spip_code_inline' dir='ltr'>==></code> : ==> (double flèche vers la droite)</li><li> <code class='spip_code spip_code_inline' dir='ltr'><==</code> : <== (double flèche vers la gauche)</li><li> <code class='spip_code spip_code_inline' dir='ltr'><==></code> : <==> (double flèche vers la gauche et vers droite)</li><li> <code class='spip_code spip_code_inline' dir='ltr'>--</code> : — (tiret cadratin) à utiliser pour les incises dans un texte</li><li> <code class='spip_code spip_code_inline' dir='ltr'>...</code> : ... (3 petits points) points de suspension</li><li> <code class='spip_code spip_code_inline' dir='ltr'>(c)</code> : (c) : CopyRight</li><li> <code class='spip_code spip_code_inline' dir='ltr'>(r)</code> : (r) : Registered</li><li> <code class='spip_code spip_code_inline' dir='ltr'>(tm)</code> : (tm) : Trade Mark</li></ul><h2 class="spip">Ligne horizontale</h2> <p><code class='spip_code spip_code_inline' dir='ltr'>----</code> : 4 signes moins en seuls sur une ligne (précédés d'une ligne vide et suivis d'une ligne vide) donneront un trait de séparation horizontal.</p> <hr class="spip" /><h2 class="spip">Éléments dangereux</h2> <p>Il y a deux éléments <strong>dangereux</strong> dans SPIP :</p> <ul class="spip" role="list"><li> le retour à la ligne simple : <code class='spip_code spip_code_inline' dir='ltr'>_ </code> (souligné espace) en début de ligne.<br class='manualbr' />Usage toléré pour donner adresse et numéro de téléphone/fax.<br class='manualbr' />Usage toléré : dans une liste à puce pour passer à la ligne sans passer à une nouvelle puce (comme ici).<br class='manualbr' />Usage <strong>[*interdit*]</strong> : pour mettre plus d'espace vertical entre deux éléments de la page.</li><li> le <a href="https://fr.wikipedia.org/wiki/HTML" class="spip_glossaire" rel="external">HTML</a> pur : il est <i>possible</i> dans SPIP de mettre du code <abbr title="Hyper Text Markup Language">HTML</abbr>. Le faire est fortement déconseillé : <ul class="spip" role="list"><li> parce que c'est la porte ouverte à toutes les dérives, ne serait-ce que celle de sortir de la charte graphique du site, ou celle de produire un code HTML non valide (voire non interprétable ailleurs que sur <a href='http://www.yvontregoat.com/spip.php?article115' class="spip_in">Internet Explorer</a></li><li> parce que c'est partir du postulat que votre site ne sera visité qu'en tant que site web ; il pourrait très bien être un jour disponible sous forme de fichiers PDF...</li></ul></li></ul> <p><a id="titraille"></a></p> <h2 class="spip">Exemples de titraille : Titre principal</h2> <p><code class='spip_code spip_code_inline' dir='ltr'>{{{</code>Exemples de titraille : Titre principal<code class='spip_code spip_code_inline' dir='ltr'>}}}</code></p> <h2 class="spip">**Titre niveau deux</h2> <p><code class='spip_code spip_code_inline' dir='ltr'>{{{**</code>Titre niveau deux<code class='spip_code spip_code_inline' dir='ltr'>}}}</code></p> <h2 class="spip">***Titre niveau trois</h2> <p><code class='spip_code spip_code_inline' dir='ltr'>{{{***</code>Titre niveau trois<code class='spip_code spip_code_inline' dir='ltr'>}}}</code></p> <h2 class="spip">****Titre niveau quatre</h2> <p><code class='spip_code spip_code_inline' dir='ltr'>{{{****</code>Titre niveau quatre<code class='spip_code spip_code_inline' dir='ltr'>}}}</code></p> <h2 class="spip">*****Titre niveau cinq</h2> <p><code class='spip_code spip_code_inline' dir='ltr'>{{{*****</code>Titre niveau cinq<code class='spip_code spip_code_inline' dir='ltr'>}}}</code></p> <h2 class="spip">Placement des images</h2><div class='spip_document_708 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="42" data-legende-lenx="x" > <figure class="spip_doc_inner"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1745268348' width='150' height='100' alt='' /> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Contactez-nous </strong></div> <div class='spip_doc_descriptif '>Clavier de téléphone... </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><img708|left></code></p> <hr class="spip" /><div class='spip_document_709 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende' data-legende-len="59" data-legende-lenx="x" > <figure class="spip_doc_inner"> <a href='http://www.yvontregoat.com/IMG/jpg/arton1.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L500xH375/arton1-2db28.jpg?1745268348' width='500' height='375' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Exemple d'image </strong></div> <div class='spip_doc_descriptif '>Avec un descriptif de l'image en dessous. </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><img709|center></code></p> <hr class="spip" /><div class='spip_document_708 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende' data-legende-len="42" data-legende-lenx="x" > <figure class="spip_doc_inner"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1745268348' width='150' height='100' alt='' /> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Contactez-nous </strong></div> <div class='spip_doc_descriptif '>Clavier de téléphone... </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><img708|right></code></p> <hr class="spip" /><div class='spip_document_708 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="42" data-legende-lenx="x" > <figure class="spip_doc_inner"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1745268348' width='150' height='100' alt='' /> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Contactez-nous </strong></div> <div class='spip_doc_descriptif '>Clavier de téléphone... </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><doc708|left></code></p> <hr class="spip" /><div class='spip_document_709 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende' data-legende-len="59" data-legende-lenx="x" > <figure class="spip_doc_inner"> <a href='http://www.yvontregoat.com/IMG/jpg/arton1.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L500xH375/arton1-2db28.jpg?1745268348' width='500' height='375' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Exemple d'image </strong></div> <div class='spip_doc_descriptif '>Avec un descriptif de l'image en dessous. </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><doc709|center></code></p> <hr class="spip" /><div class='spip_document_708 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende' data-legende-len="42" data-legende-lenx="x" > <figure class="spip_doc_inner"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1745268348' width='150' height='100' alt='' /> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Contactez-nous </strong></div> <div class='spip_doc_descriptif '>Clavier de téléphone... </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><doc708|right></code></p> <hr class="spip" /><div class='spip_document_708 spip_document spip_documents spip_document_image spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="42" data-legende-lenx="x" > <figure class="spip_doc_inner"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1745268348' width='150' height='100' alt='' /> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Contactez-nous </strong></div> <div class='spip_doc_descriptif '>Clavier de téléphone... </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><emb708|left></code></p> <hr class="spip" /><div class='spip_document_709 spip_document spip_documents spip_document_image spip_documents_center spip_document_center spip_document_avec_legende' data-legende-len="59" data-legende-lenx="x" > <figure class="spip_doc_inner"> <a href='http://www.yvontregoat.com/IMG/jpg/arton1.jpg' class="spip_doc_lien mediabox" type="image/jpeg"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L500xH375/arton1-2db28.jpg?1745268348' width='500' height='375' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Exemple d'image </strong></div> <div class='spip_doc_descriptif '>Avec un descriptif de l'image en dessous. </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><emb709|center></code></p> <hr class="spip" /><div class='spip_document_708 spip_document spip_documents spip_document_image spip_documents_right spip_document_right spip_document_avec_legende' data-legende-len="42" data-legende-lenx="x" > <figure class="spip_doc_inner"> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH100/contact-3a4a8.jpg?1745268348' width='150' height='100' alt='' /> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Contactez-nous </strong></div> <div class='spip_doc_descriptif '>Clavier de téléphone... </div> </figcaption></figure> </div> <p><code class='spip_code spip_code_inline' dir='ltr'><emb708|right></code></p> <hr class="spip" /></div> <div class="hyperlien">Voir en ligne : <a href="https://www.pyrat.net/Raccourcis-Typographiques-de-SPIP-mode-d-emploi.html" class="spip_out">Original de l'article</a></div> <hr /> <div class='rss_notes'><div id="nb2-1"> <p><span class="spip_note_ref">[<a href="#nh2-1" class="spip_note" title="Notes 2-1" rev="appendix">1</a>] </span>Sauf les listes à puce et les tableaux</p> </div><div id="nb2-2"> <p><span class="spip_note_ref">[<a href="#nh2-2" class="spip_note" title="Notes 2-2" rev="appendix">2</a>] </span>J'avais mis ça en place à l'époque de la version 1.7 de SPIP qui gérait mal le centrage des images</p> </div><div id="nb2-3"> <p><span class="spip_note_ref">[<a href="#nh2-3" class="spip_note" title="Notes 2-3" rev="appendix">3</a>] </span>Essentiellement utilisé sur spip-contrib pour donner des exemples de code</p> </div><div id="nb2-4"> <p><span class="spip_note_ref">[<a href="#nh2-4" class="spip_note" title="Notes 2-4" rev="appendix">4</a>] </span>Si le mot n'existe pas, vous pouvez le créer vous-même !</p> </div><div id="nb2-5"> <p><span class="spip_note_ref">[<a href="#nh2-5" class="spip_note" title="Notes 2-5" rev="appendix">5</a>] </span>Et la note de bas de page est automatiquement numérotée, rendue clicable, pour la consulter, et pour revenir au texte l'ayant appelée</p> </div><div id="nb2-6"> <p><span class="spip_note_ref">[<a href="#nh2-6" class="spip_note" title="Notes 2-6" rev="appendix">6</a>] </span>Le signe | se fait sous Windows avec la combinaison AltGR-6.</p> </div></div> <div class='rss_ps'><p>Une extension pour FireFox est très utile pour savoir rapidement si vous avez fait une erreur de raccourcis typographiques : <a href="http://users.skynet.be/mgueury/mozilla/" class="spip_out" rel="external">HTML VALIDATOR (based on Tidy)</a>.</p> <p>Quant à l'écriture pour le Web, vous pouvez visiter l'excellent <a href="http://www.redaction.be/" class="spip_out" title="Le site des spécialistes de l'information en ligne" rel="external">Redaction.be</a></p></div> http://www.yvontregoat.com/spip.php?article706 http://www.yvontregoat.com/spip.php?article706 2018-11-25T12:47:38Z text/html fr ytregoat ALaUne EDITO <p>Bravo !!!! <br class='autobr' /> Vous avez correctement passé la première étape en installant ce squelette. <br class='autobr' /> Et maintenant vous vous demandez « Que faire ?  » <br class='autobr' /> Ce squelette est entièrement personnalisable et il va vous permettre de changer les différents critères suivants : Pour changer l'Édito, créer un article et lui affecter le mot clef EDITO Pour changer le nom du site et son logo : URL de votre site/ecrire/ ?exec=configurer_identite Le logo de survol s'il est présent est utilisé comme (…)</p> - <a href="http://www.yvontregoat.com/spip.php?rubrique70" rel="directory">Fourre-tout</a> / <a href="http://www.yvontregoat.com/spip.php?mot61" rel="tag">ALaUne</a>, <a href="http://www.yvontregoat.com/spip.php?mot65" rel="tag">EDITO</a> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH113/arton706-764e7.jpg?1745268348' class='spip_logo spip_logo_right' width='150' height='113' alt="" /> <div class='rss_texte'><p>Bravo !!!!</p> <p>Vous avez correctement passé la première étape en installant ce squelette.</p> <p>Et maintenant vous vous demandez « Que faire ?  »</p> <p>Ce squelette est entièrement personnalisable et il va vous permettre de changer les différents critères suivants :</p> <ul class="spip" role="list"><li> Pour changer l'Édito, créer un article et lui affecter le mot clef <code class='spip_code spip_code_inline' dir='ltr'>EDITO</code></li><li> Pour changer le nom du site et son logo : <i>URL de votre site</i><code class='spip_code spip_code_inline' dir='ltr'>/ecrire/?exec=configurer_identite</code><br class='manualbr' />Le logo de survol s'il est présent est utilisé comme bannière en haut du site<span class="spip_note_ref"> [<a href="#nb1" class="spip_note" rel="appendix" title="Lui donner précisément la taille voulue" id="nh1">1</a>]</span></li><li> Configuration du Squelette SoyezCreateurs <i>URL de votre site</i><code class='spip_code spip_code_inline' dir='ltr'>/ecrire/?exec=configurer_soyezcreateurs&cfg=soyezcreateurs</code> (ex : position Logo)<span class="spip_note_ref"> [<a href="#nb2" class="spip_note" rel="appendix" title="Attention, l'accès à cette configuration est réservée aux webmestres du (…)" id="nh2">2</a>]</span></li><li> Choisir la disposition des différents parties du site parmi 40 modèles disponibles <i>URL de votre site</i><code class='spip_code spip_code_inline' dir='ltr'>/ecrire/?exec=configurer_soyezcreateurs&cfg=soyezcreateurs_layout</code> (source : <a href="http://blog.html.it/layoutgala/index.html" class="spip_out" rel="external">LayoutGala</a>)</li></ul> <p>Vous trouverez aussi plusieurs documentations disponibles aux adresses ci-dessous :</p> <ul class="spip" role="list"><li> <a href="https://www.pyrat.net/" class="spip_out" rel="external">pyrat.net</a> : <ul class="spip" role="list"><li> <a href="https://www.pyrat.net/556" class="spip_out" rel="external">Rédacteurs SPIP : la boîte à outils</a></li><li> <a href="https://www.pyrat.net/452" class="spip_out" rel="external">Les raccourcis typographiques indispensables de SPIP</a></li><li> <a href="https://www.pyrat.net/313" class="spip_out" rel="external">Rédiger pour Internet afin d’être lu et trouvé</a></li><li> <a href="https://www.pyrat.net/351" class="spip_out" rel="external">Erreurs classiques de mise en forme typographique</a></li></ul></li><li> Les 2 groupes de Mots Clés : <ul class="spip" role="list"><li> <a href="https://www.pyrat.net/@mot.html" class="spip_out" rel="external">Navigation</a></li><li> <a href="https://www.pyrat.net/@motsfonctionnels.html" class="spip_out" rel="external">Fonctionnels</a></li></ul></li></ul></div> <div class="hyperlien">Voir en ligne : <a href="https://contrib.spip.net/?article3075" class="spip_out">Original de l'article</a></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>Lui donner précisément la taille voulue</p> </div><div id="nb2"> <p><span class="spip_note_ref">[<a href="#nh2" class="spip_note" title="Notes 2" rev="appendix">2</a>] </span>Attention, l'accès à cette configuration est réservée aux webmestres du site, par défaut, l'auteur n°1 avec ce squelette.</p> </div></div> http://www.yvontregoat.com/spip.php?article705 http://www.yvontregoat.com/spip.php?article705 2018-11-25T12:47:38Z text/html fr ytregoat MentionsLegales <p>Propriétaire du site <br class='autobr' /> [ToDo : nom du propriétaire du site, lien vers sa page de contact]. <br class='autobr' /> Hébergeur <br class='autobr' /> Siegler informatique, hébergeur SPIP + SoyezCréateurs <br class='autobr' /> Liens vers ce site <br class='autobr' /> Le site autorise tout site Internet ou tout autre support à le citer ou à mettre en place un lien hypertexte pointant vers son contenu. <br class='autobr' /> L'autorisation de mise en place d'un lien est valable pour tout support, à l'exception de ceux diffusant des informations à caractère polémique, pornographique, (…)</p> - <a href="http://www.yvontregoat.com/spip.php?rubrique70" rel="directory">Fourre-tout</a> / <a href="http://www.yvontregoat.com/spip.php?mot69" rel="tag">MentionsLegales</a> <div class='rss_texte'><h2 class="spip">Propriétaire du site</h2> <p>[ToDo : nom du propriétaire du site, lien vers sa page de contact].</p> <h2 class="spip">Hébergeur</h2> <p><a href="http://www.siegler-informatique.fr/" class="spip_out" rel="external">Siegler informatique</a>, hébergeur SPIP + SoyezCréateurs</p> <h2 class="spip">Liens vers ce site</h2> <p>Le site autorise tout site Internet ou tout autre support à le citer ou à mettre en place un lien hypertexte pointant vers son contenu.</p> <p>L'autorisation de mise en place d'un lien est valable pour tout support, à l'exception de ceux diffusant des informations à caractère polémique, pornographique, xénophobe ou pouvant, dans une plus large mesure porter atteinte à la sensibilité du plus grand nombre.</p> <p>La reprise intégrale du contenu d'une page est aussi autorisée, sous réserve d'établir un lien clair vers sa source. C'est la <a href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr" class="spip_out" title="Attribution - Partage dans les Mêmes Conditions 4.0 International (CC BY-SA 4.0)" rel="external">licence CC-By-SA</a> qui s'applique.</p> <h2 class="spip">Traitement automatisé d'informations nominatives</h2> <p>Ce site ne collecte sur les visiteurs du site aucune autre information nominative ou personnelle que celles qui lui sont ouvertement et volontairement fournies en particulier par l'intermédiaire des adresses électroniques de ses correspondants.</p> <p>Nous vous rappelons que vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données vous concernant (article 34 de la loi "Informatique et Libertés" du 6 janvier 1978). <br class='autobr' /> Pour exercer ce droit, contactez-nous.</p> <h2 class="spip">Cookies</h2> <p>Des cookies peuvent être utilisés par ce site :</p> <ul class="spip" role="list"><li> pour accéder à l'interface d'administration (mais SPIP sait aussi fonctionner sans)</li><li> pour se souvenir de vous quand vous remplissez un formulaire (fonctionne aussi sans)</li><li> par Google pour vous pister partout (mais ça devrait fonctionner sans)</li></ul><h2 class="spip">Réalisation</h2> <p><a href="https://www.pyrat.net/" class="spip_out" title="Expert SPIP" rel="external">PYRAT.net</a> en utilisant l'outil <a href="https://www.spip.net/" class="spip_out" rel="external">SPIP</a>.</p> <p><a href="https://www.pyrat.net/" class="spip_out" title="Expert SPIP" rel="external">PYRAT.net</a> a réalisé ce site dans les respect des <a href="https://www.pyrat.net/Accessibilite-d-un-site-web,193.html" class="spip_out" rel="external">normes pour l'accessibilité</a> des sites web à tous.</p></div> http://www.yvontregoat.com/spip.php?article704 http://www.yvontregoat.com/spip.php?article704 2018-11-25T12:47:37Z text/html fr ytregoat AccesibiliteLien Sommaire <p>Le squelette SPIP SoyezCreateurs utilisé sur ce site est conçu pour faciliter la mise en Å“uvre des bonnes pratiques de l'accessibilité des sites pour tous. <br class='autobr' /> SoyezCreateurs accorde un soin tout particulier à la qualité de réalisation de ses sites Internet. Il est ainsi engagée dans une démarche d’optimisation de l’accessibilité de ses contenus web. Cette démarche vise dans un premier temps à faciliter la consultation de nos sites par les personnes handicapées, non voyantes, (…)</p> - <a href="http://www.yvontregoat.com/spip.php?rubrique70" rel="directory">Fourre-tout</a> / <a href="http://www.yvontregoat.com/spip.php?mot60" rel="tag">AccesibiliteLien</a>, <a href="http://www.yvontregoat.com/spip.php?mot95" rel="tag">Sommaire</a> <div class='rss_chapo'><p>Le <a href="https://contrib.spip.net/SoyezCreateurs,1237" class="spip_out" rel="external">squelette SPIP SoyezCreateurs</a> utilisé sur ce site est conçu pour faciliter la mise en Å“uvre des bonnes pratiques de l'accessibilité des sites pour tous.</p></div> <div class='rss_texte'><p>SoyezCreateurs accorde un soin tout particulier à la qualité de réalisation de ses sites Internet. Il est ainsi engagée dans une démarche d’optimisation de l’accessibilité de ses contenus web. Cette démarche vise dans un premier temps à faciliter la consultation de nos sites par les personnes handicapées, non voyantes, malvoyantes ou malentendantes. Mais plus généralement, la démarche d’accessibilité est indispensable pour garantir le plus large accès à nos contenus par tous les internautes et tous les dispositifs de lecture.</p> <h2 class="spip">L’accessibilité des services de communication publique de l’État</h2> <p>La loi n° 2005-102 du 11 février 2005 « pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées  » instaure au titre de l’article 47, l’obligation pour les services de communication publique en ligne des services de l’Etat, des collectivités territoriales et des établissements publics qui en dépendent d’être accessibles aux personnes handicapées.</p> <blockquote class="spip"> <p>Article 47 : « Les services de communication publique en ligne des services de l’Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées.</p> <p>L’accessibilité des services de communication publique en ligne concerne l’accès à tout type d’information sous forme numérique quels que soient le moyen d’accès, les contenus et le mode de consultation. Les recommandations internationales pour l’accessibilité de l’internet doivent être appliquées pour les services de communication publique en ligne.</p> <p>Un <a href="http://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000020616980&dateTexte=20090527" class="spip_out" rel="external">décret en Conseil d’État</a> fixe les règles relatives à l’accessibilité et précise, par référence aux recommandations établies par l’Agence pour le développement de l’administration électronique, la nature des adaptations à mettre en Å“uvre ainsi que les délais de mise en conformité des sites existants, qui ne peuvent excéder trois ans, et les sanctions imposées en cas de non-respect de cette mise en accessibilité. Le décret énonce en outre les modalités de formation des personnels intervenant sur les services de communication publique en ligne  ».</p> </blockquote> <p>Le <a href="https://references.modernisation.gouv.fr/" class="spip_out" rel="external">Référentiel général d’accessibilité pour les administrations</a> (RGAA) est le guide de référence (compatible avec les recommandations du W3C) pour assurer la mise en conformité des sites Internet publics.</p> <p>SoyezCreateurs, respecte<span class="spip_note_ref"> [<a href="#nb2-1" class="spip_note" rel="appendix" title="En ce qui concerne le contenant ; le contenu devant lui aussi être rendu (…)" id="nh2-1">1</a>]</span> l’intégralité des points de contrôle obligatoires et le plus grand nombre de points de contrôle recommandés.</p> <p>Néanmoins, si vous rencontrez des difficultés techniques pour consulter notre site, merci de nous contacter.</p> <h2 class="spip">Conseils et astuces pour faciliter votre navigation</h2><h2 class="spip">**Naviguez comme vous le souhaitez</h2> <p>L’ensemble du site est consultable au clavier. Vous pouvez ainsi parcourir la page dans son ordre logique de lecture, de liens en liens, en utilisant la touche « tabulation  » de votre clavier.</p> <h2 class="spip">**Agrandissez les caractères</h2> <p>En appuyant simultanément sur les touches <code class='spip_code spip_code_inline' dir='ltr'>Ctrl et +</code>, vous grossissez par effet de loupe l’ensemble de la page (Internet Explorer et Firefox).</p> <p><code class='spip_code spip_code_inline' dir='ltr'>Ctrl + 0</code> permet de revenir à la taille par défaut</p> <h2 class="spip">**Imprimez une version adaptée au papier</h2> <p>Toutes les pages sont imprimables (Fichier > Impression ou touches <code class='spip_code spip_code_inline' dir='ltr'>CTRL + P</code>) dans une version adaptée au papier : le texte et plus aéré et les différents éléments inutiles à la lecture (principalement les menus de navigation) ont été supprimés.</p> <h2 class="spip">**Utilisez une version récente de navigateur</h2> <p>En mettant à jour gratuitement la version de votre navigateur, vous vous assurez une lecture la plus conforme aux standards et donc la plus accessible. Pour télécharger les dernières versions des principaux navigateurs :</p> <ul class="spip" role="list"><li> <a href="http://www.mozilla-europe.org/fr/firefox/" class="spip_out" rel="external">Mozilla FireFox</a></li><li> <a href="http://www.apple.com/fr/safari/" class="spip_out" rel="external">Apple Safari</a></li><li> <a href="http://www.opera.com/browser/" class="spip_out" rel="external">Opera</a></li><li> <a href="http://www.google.com/chrome" class="spip_out" rel="external">Google Chrome</a></li><li> <a href="http://windows.microsoft.com/fr-FR/internet-explorer/products/ie/home" class="spip_out" rel="external">Microsoft Internet Explorer</a></li></ul> <p>Nous vous invitons en particulier à ne plus utiliser les versions 6 et inférieures d’Internet Explorer, considérées aujourd’hui comme obsolètes en terme de sécurité et de conformité aux standards.</p> <h2 class="spip">**Ouverture des liens dans une nouvelle fenêtre/onglet</h2> <p>Vous avez le choix ! C'est vous qui décidez ! Rien ne vous est imposé.</p> <p>Pour ouvrir un lien dans une nouvelle fenêtre (ou un nouvel onglet), il suffit :</p> <ul class="spip" role="list"><li> à la souris de cliquer avec la molette sur le lien</li><li> pas de molette ? <code class='spip_code spip_code_inline' dir='ltr'>Ctrl + clic gauche</code></li><li> ou encore, bouton droit sur le lien et choisir l'option adéquate</li></ul> <p>Bonne navigation !</p></div> <hr /> <div class='rss_notes'><div id="nb2-1"> <p><span class="spip_note_ref">[<a href="#nh2-1" class="spip_note" title="Notes 2-1" rev="appendix">1</a>] </span>En ce qui concerne le contenant ; le contenu devant lui aussi être rendu accessible par les rédacteurs du site...</p> </div></div> http://www.yvontregoat.com/spip.php?article703 http://www.yvontregoat.com/spip.php?article703 2018-11-25T12:47:37Z text/html fr ytregoat MENURACINEBAS_Systematique <p>Prenez contact avec nous</p> - <a href="http://www.yvontregoat.com/spip.php?rubrique70" rel="directory">Fourre-tout</a> / <a href="http://www.yvontregoat.com/spip.php?mot73" rel="tag">MENURACINEBAS_Systematique</a> http://www.yvontregoat.com/spip.php?article702 http://www.yvontregoat.com/spip.php?article702 2017-07-28T09:50:18Z text/html fr ytregoat - <a href="http://www.yvontregoat.com/spip.php?rubrique35" rel="directory">Délibérations du Conseil Municipal de Coulommiers</a> <div class='rss_texte'><div class='spip_document_707 spip_document spip_documents spip_document_file spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="50" data-legende-lenx="x" > <figure class="spip_doc_inner"> <a href='http://www.yvontregoat.com/IMG/pdf/Proces-verbal-du-Conseil-municipal-du-22-5-2017.pdf' class=" spip_doc_lien" title='PDF - 1.3 Mio' type="application/pdf"><img src='http://www.yvontregoat.com/local/cache-vignettes/L64xH64/pdf-b8aed.svg?1745268348' width='64' height='64' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Procès-verbal-du-Conseil-municipal-du-22-5-2017 </strong></div> </figcaption></figure> </div></div> http://www.yvontregoat.com/spip.php?article691 http://www.yvontregoat.com/spip.php?article691 2017-06-12T10:54:00Z text/html fr ytregoat - <a href="http://www.yvontregoat.com/spip.php?rubrique12" rel="directory">à la une</a> <img src='http://www.yvontregoat.com/local/cache-vignettes/L150xH84/arton691-d4e2a.jpg?1745268348' class='spip_logo spip_logo_right' width='150' height='84' alt="" /> <div class='rss_texte'><div class="change-embed-petition" data-petition-id="8463692"></div> <script src="https://static.change.org/product/embeds/v1/change-embeds.js" type="text/javascript"></script></div> http://www.yvontregoat.com/spip.php?article697 http://www.yvontregoat.com/spip.php?article697 2017-05-29T11:07:27Z text/html fr ytregoat <p>Robert HUE, Président du Mouvement des Progressistes, sénateur, sera Mercredi 31 mai à COULOMMIERS pour soutenir les candidats présentés par le MdP en Seine-et-Marne : <br class='autobr' /> • Yvon TREGOAT, candidat du MdP dans la 5e circonscription de Seine-et-Marne, <br class='autobr' /> • Malika HADBI, candidate présentée par le Mouvement des Progressistes dans la 1ère circonscription de Seine-et-Marne. <br class='autobr' /> De 10h30 à 11h, il sera sur le marché de Coulommiers. <br class='autobr' /> De 11h à 12h, il participera à une conférence de (…)</p> - <a href="http://www.yvontregoat.com/spip.php?rubrique26" rel="directory">Communiqués de presse</a> <div class='rss_chapo'><p>Robert HUE, Président du Mouvement des Progressistes, sénateur, sera Mercredi 31 mai à COULOMMIERS pour soutenir les candidats présentés par le MdP en Seine-et-Marne :</p></div> <div class='rss_texte'><p>• <strong>Yvon TREGOAT</strong>, candidat du MdP dans la 5e circonscription de Seine-et-Marne,</p> <p> •<strong> Malika HADBI</strong>, candidate présentée par le Mouvement des Progressistes dans la 1ère circonscription de Seine-et-Marne.</p> <p> De 10h30 à 11h, il sera sur le marché de Coulommiers.</p> <p> De 11h à 12h, il participera à une conférence de presse au Restaurant/Bar L’Etrier – 2 Place Saint Denis à COULOMMIERS – en présence de personnalités locales.</p> <p>N’hésitez pas à nous contacter pour toutes demandes d’interview particulière.</p> <p>Paris, le 29 mai 2017</p> <p>Contact presse : François BECHIEAU – MdP – 09 72 32 91 90</p> <p>MOUVEMENT DES PROGRESSISTES</p> <p>9, rue Casimir Delavigne – 75006 PARIS – 09 72 32 91 90</p> <p>contact@md-p.fr - <a href="http://www.md-p.fr" class="spip_url spip_out auto" rel="nofollow external">www.md-p.fr</a></p></div> http://www.yvontregoat.com/spip.php?article696 http://www.yvontregoat.com/spip.php?article696 2017-05-27T11:26:22Z text/html fr ytregoat - <a href="http://www.yvontregoat.com/spip.php?rubrique12" rel="directory">à la une</a> <img src='http://www.yvontregoat.com/local/cache-vignettes/L108xH150/arton696-27675.jpg?1745268348' class='spip_logo spip_logo_right' width='108' height='150' alt="" /> http://www.yvontregoat.com/spip.php?article701 http://www.yvontregoat.com/spip.php?article701 2017-03-20T10:48:00Z text/html fr ytregoat - <a href="http://www.yvontregoat.com/spip.php?rubrique35" rel="directory">Délibérations du Conseil Municipal de Coulommiers</a> <div class='rss_texte'><div class='spip_document_706 spip_document spip_documents spip_document_file spip_documents_left spip_document_left spip_document_avec_legende' data-legende-len="53" data-legende-lenx="x" > <figure class="spip_doc_inner"> <a href='http://www.yvontregoat.com/IMG/pdf/Proces-verbal-du-Conseil-municipal-du-20-mars-2017.pdf' class=" spip_doc_lien" title='PDF - 1.1 Mio' type="application/pdf"><img src='http://www.yvontregoat.com/local/cache-vignettes/L64xH64/pdf-b8aed.svg?1745268348' width='64' height='64' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Procès-verbal-du-Conseil-municipal-du-20-mars-2017 </strong></div> </figcaption></figure> </div></div>