copie ecran taille mobile

copie d'écran de la modif
Encart services en page d'accueil
2021-02-24 20:32:35 +01:00 · 2021-02-24 20:29:33 +01:00 · 2021-02-24 18:38:36 +01:00
25 changed files with 4556 additions and 1645 deletions
--- a/-mobile.png
+++ b/-mobile.png
--- a/20.26.02.png
+++ b/20.26.02.png
--- a/README.md
+++ b/README.md
@ -0,0 +1,29 @@
 # Texte à inserrer dans l'article Spip
 Dans le champs "texte" de l'article "Commencer dès maintenant"
 *Le commentaire HTML est à conserver entre balise HTML.*
 ### balisage spip
 >>>
 -* [<strong>&#xf005;</strong>Organiser un événement->https://mobilizon.chapril.org/]
 -* [<strong>&#xf029;</strong>Générer un code QR->https://qrcode.chapril.org/]
 -* [<strong>&#xf2b5;</strong>Valoriser du bénévolat->https://benevalibre.chapril.org/]
 -* [<strong>&#xf073;</strong>Choisir une date->https://date.chapril.org/]
 -* [<strong>&#xf040;</strong>Rédiger sur un pad->https://pad.chapril.org/]
 -* [<strong>&#xf044;</strong>Échanger sur Mastodon->https://pouet.chapril.org]
 -* [<strong>&#xf121;</strong>Écrire du code->https://paste.chapril.org/]
 -* [<strong>&#xf135;</strong>Envoyer un fichier lourd->https://drop.chapril.org/]
 -* [<strong>&#xf07c;</strong>Stocker et partager->https://valise.chapril.org/]
 -* [<strong>&#xf086;</strong>Échanger par messagerie->https://www.chapril.org/XMPP.html]
 -* [<strong>&#xf028;</strong>Créer une audioconférence ->https://www.chapril.org/Mumble.html]
 -* [<strong>&#xf03d;</strong>Créer une visioconférence->https://visio.chapril.org/]
 -* [<strong>&#xf085;</strong>Utiliser une forge logiciel ->https://forge.chapril.org/]
 <HTML><!-- 
 1) Ajouter le nouveau service en haut de liste, un style "nouveau" s'applique.
 2) Choisir un icônes : https://forkaweso.me/Fork-Awesome/icons/
 3) inclure le caractère Unicode &#x____; dans la balise Strong
 -->
 </HTML>
--- a/css/.DS_Store
+++ b/css/.DS_Store
--- a/css/ajout.css
+++ b/css/ajout.css
@ -108,158 +108,3 @@
    text-align: center;
    clear: both;
 }
 /*************************
 * Surcharges particulières
 **************************/
 .contenu-texte .suitedarticles ul.spip strong {
    margin: 0;
    display: inline;
 }
 /*************************
 * Classes introduites par le plugin media
 **************************/
 .media_image img {
    max-width: 100%;
    height: auto;
 }
 /*************************
 * formulaires
 * ***********************/
 .formulaire_spip.formulaire_abomailman_mini_une_liste legend  {
 	display: none;
 }
 .formulaire_spip.formulaire_abomailman_mini_une_liste fieldset {
 	border: 0;
 	line-height: 1.5;
 }
 .formulaire_spip.formulaire_abomailman_mini_une_liste ul {
 	list-style: none;
 }
 .formulaire_spip.formulaire_abomailman_mini_une_liste .abonnement {
 	display: flex;
 	max-width: 400px;
 }
 .formulaire_spip.formulaire_abomailman_mini_une_liste .abonnement > div {
 	flex-grow: 1;
 }
 .formulaire_spip.formulaire_abomailman_mini_une_liste input[type="text"],
 .formulaire_spip.formulaire_abomailman_mini_une_liste .boutons input{
 	display: block;
 	width: 100%;
 	line-height: 1.8;
 	padding: 0.3rem 0.6rem;
 	border-radius: 10px 0 0 10px;
 	border: 0;
 	box-sizing:  border-box;
 	box-shadow: 0 0 1px 0px rgba(0,81,132,0.5);
 }
 .formulaire_spip.formulaire_abomailman_mini_une_liste .boutons {
 	text-align: right;
 }
 .formulaire_spip.formulaire_abomailman_mini_une_liste input[type="submit"] {
 	width: auto;
 	background-color: #2e5281;
 	box-shadow: 0 0 5px 0px rgba(0,81,132,0.5);
 	color: white;
 	border-radius:0 10px 10px 0;
 	cursor: pointer;
 }
 .formulaire_spip.formulaire_abomailman_mini_une_liste input[type="submit"]:hover {
 	background-color: #ff5e00;
 }
 .reponse_formulaire_erreur {
 	color: #ee5d5d;
 }
 .reponse_formulaire_ok {
 	color: #005184;
 }
 /**************************
 * liste preésentation des services (accueil)
 * ************************/
 .presentation article .services {
 }
 .presentation article ul {
    list-style: none;
 	padding: 0;
 	margin: 0 2em 2em 0;
 }
 .presentation article ul li {
 	margin-bottom: 0.7em;
 }
 .presentation article ul li a {
 	display: flex;
 	align-items: center;
 	line-height: 1.4;
 }
 .presentation article ul a .fa {
 	color: #7DBDFD;
 	width: 30px;
 	padding: 0 0.5em 0 0;
 	text-align: center;
 	font-size: 1.3em;
 }
 .presentation article ul a:hover .fa {
 	color: #ff5e00;
 }
 .presentation article ul.spip:first-child li:first-child a::before {
    content: 'NOUVEAU !';
    background-color: yellow;
    position: absolute;
    color: black;
    margin-top: -5em;
    padding: 0.2em 1em;
    font-size: 0.8em;
    border-radius: 5px;
    margin-left: -3em;
    transform: rotate(-8deg);
 }
@media screen and (min-width: 1440px) {
 	.presentation article .services {
 		display: flex;
 	}
 }
@media screen and (min-width: 768px) {
 	.presentation article .services {
 		display: block;
 	}
 	.presentation article .services ul:first-child {
 		margin-bottom: 0;
 	}
 	.presentation article ul {
 		column-count: 2;
 	}
 }
@media screen and (min-width: 540px) {
 	.presentation article .services {
 		display: flex;
 	}
 }
 /**************************
 * Campagne
 * ************************/
 .campagne img {
    height: auto;
    width: 100%;
 }
@media screen and (min-width: 768px) {
 	.presentation.campagne article ul {
 		column-count: 1;
 	}
 }
--- a/css/encart-services.css
+++ b/css/encart-services.css
@ -0,0 +1,66 @@
 /*******************************************************
 * Encart services 2021
 *******************************************************/
 /*  ------- FONT-ForkAwesome ------- */
@font-face {
  font-family: 'ForkAwesome';
  src: url('icone-fonts/forkawesome-webfont.eot?v=1.1.7');
  src: url('icone-fonts/forkawesome-webfont.eot?#iefix&v=1.1.7') format('embedded-opentype'), url('icone-fonts/forkawesome-webfont.woff2?v=1.1.7') format('woff2'), url('icone-fonts/forkawesome-webfont.woff?v=1.1.7') format('woff'), url('icone-fonts/forkawesome-webfont.ttf?v=1.1.7') format('truetype'), url('icone-fonts/forkawesome-webfont.svg?v=1.1.7#forkawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
 }
 /*  ------- STYLE ------- */
 .presentation article ul {
    list-style: none;
    column-count: 2;
 }
 .presentation article + article .spip_out {
    margin: 0 0 0.5rem;
    padding: 0.3rem 0.6rem 0.3rem 30px;
    font-family: inherit;
    font-size: 11px;
    line-height: 14px;
    text-align: left;
 }
 .presentation article + article .spip_out strong {
    color: #7DBDFD;
    font-family: 'ForkAwesome';
    font-weight: 100;
    margin-left: -20px;
    padding-right: 10px;
 }
 .presentation article + article li:first-child a::before {
    content: 'NOUVEAU!';
    background-color: yellow;
    position: absolute;
    color: black;
    margin-top: -2.5em;
    padding: 0.2em 1em;
    font-size: 0.8em;
    border-radius: 5px;
    margin-left: -3em;
    transform: rotate(-8deg);
 }
@media screen and (max-width: 760px) {
    .presentation article + article {
    display: block;
    background-image: none;
 }
 }
@media screen and (max-width: 640px) {
   {
    }
 }
@media screen and (max-width: 512px) {
   {
    }
 }
--- a/css/icone-fonts/.DS_Store
+++ b/css/icone-fonts/.DS_Store
--- a/css/icone-fonts/LICENSES
+++ b/css/icone-fonts/LICENSES
@ -0,0 +1,452 @@
 /!\ The MIT License only applies to all CSS and LESS files in the following
 directories: fork-awesome/css/, fork-awesome/less/, and fork-awesome/scss/.
 MIT License
 Copyright (c) 2018 Dave Gandy & Fork Awesome
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
 in the Software without restriction, including without limitation the rights
 to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 copies of the Software, and to permit persons to whom the Software is
 furnished to do so, subject to the following conditions:
 The above copyright notice and this permission notice shall be included in all
 copies or substantial portions of the Software.
 THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
 *******************************************************************************
 /!\ The Creative Commons Attribution 3.0 Unported License applies to all Fork
 Awesome project files that are not a part of the Font or Code licenses.
 Creative Commons Legal Code
 Attribution 3.0 Unported
    CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
    LEGAL SERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN
    ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
    INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
    REGARDING THE INFORMATION PROVIDED, AND DISCLAIMS LIABILITY FOR
    DAMAGES RESULTING FROM ITS USE.
 License
 THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE
 COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY
 COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS
 AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED.
 BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE
 TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY
 BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS
 CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND
 CONDITIONS.
 1. Definitions
 a. "Adaptation" means a work based upon the Work, or upon the Work and
    other pre-existing works, such as a translation, adaptation,
    derivative work, arrangement of music or other alterations of a
    literary or artistic work, or phonogram or performance and includes
    cinematographic adaptations or any other form in which the Work may be
    recast, transformed, or adapted including in any form recognizably
    derived from the original, except that a work that constitutes a
    Collection will not be considered an Adaptation for the purpose of
    this License. For the avoidance of doubt, where the Work is a musical
    work, performance or phonogram, the synchronization of the Work in
    timed-relation with a moving image ("synching") will be considered an
    Adaptation for the purpose of this License.
 b. "Collection" means a collection of literary or artistic works, such as
    encyclopedias and anthologies, or performances, phonograms or
    broadcasts, or other works or subject matter other than works listed
    in Section 1(f) below, which, by reason of the selection and
    arrangement of their contents, constitute intellectual creations, in
    which the Work is included in its entirety in unmodified form along
    with one or more other contributions, each constituting separate and
    independent works in themselves, which together are assembled into a
    collective whole. A work that constitutes a Collection will not be
    considered an Adaptation (as defined above) for the purposes of this
    License.
 c. "Distribute" means to make available to the public the original and
    copies of the Work or Adaptation, as appropriate, through sale or
    other transfer of ownership.
 d. "Licensor" means the individual, individuals, entity or entities that
    offer(s) the Work under the terms of this License.
 e. "Original Author" means, in the case of a literary or artistic work,
    the individual, individuals, entity or entities who created the Work
    or if no individual or entity can be identified, the publisher; and in
    addition (i) in the case of a performance the actors, singers,
    musicians, dancers, and other persons who act, sing, deliver, declaim,
    play in, interpret or otherwise perform literary or artistic works or
    expressions of folklore; (ii) in the case of a phonogram the producer
    being the person or legal entity who first fixes the sounds of a
    performance or other sounds; and, (iii) in the case of broadcasts, the
    organization that transmits the broadcast.
 f. "Work" means the literary and/or artistic work offered under the terms
    of this License including without limitation any production in the
    literary, scientific and artistic domain, whatever may be the mode or
    form of its expression including digital form, such as a book,
    pamphlet and other writing; a lecture, address, sermon or other work
    of the same nature; a dramatic or dramatico-musical work; a
    choreographic work or entertainment in dumb show; a musical
    composition with or without words; a cinematographic work to which are
    assimilated works expressed by a process analogous to cinematography;
    a work of drawing, painting, architecture, sculpture, engraving or
    lithography; a photographic work to which are assimilated works
    expressed by a process analogous to photography; a work of applied
    art; an illustration, map, plan, sketch or three-dimensional work
    relative to geography, topography, architecture or science; a
    performance; a broadcast; a phonogram; a compilation of data to the
    extent it is protected as a copyrightable work; or a work performed by
    a variety or circus performer to the extent it is not otherwise
    considered a literary or artistic work.
 g. "You" means an individual or entity exercising rights under this
    License who has not previously violated the terms of this License with
    respect to the Work, or who has received express permission from the
    Licensor to exercise rights under this License despite a previous
    violation.
 h. "Publicly Perform" means to perform public recitations of the Work and
    to communicate to the public those public recitations, by any means or
    process, including by wire or wireless means or public digital
    performances; to make available to the public Works in such a way that
    members of the public may access these Works from a place and at a
    place individually chosen by them; to perform the Work to the public
    by any means or process and the communication to the public of the
    performances of the Work, including by public digital performance; to
    broadcast and rebroadcast the Work by any means including signs,
    sounds or images.
 i. "Reproduce" means to make copies of the Work by any means including
    without limitation by sound or visual recordings and the right of
    fixation and reproducing fixations of the Work, including storage of a
    protected performance or phonogram in digital form or other electronic
    medium.
 2. Fair Dealing Rights. Nothing in this License is intended to reduce,
 limit, or restrict any uses free from copyright or rights arising from
 limitations or exceptions that are provided for in connection with the
 copyright protection under copyright law or other applicable laws.
 3. License Grant. Subject to the terms and conditions of this License,
 Licensor hereby grants You a worldwide, royalty-free, non-exclusive,
 perpetual (for the duration of the applicable copyright) license to
 exercise the rights in the Work as stated below:
 a. to Reproduce the Work, to incorporate the Work into one or more
    Collections, and to Reproduce the Work as incorporated in the
    Collections;
 b. to create and Reproduce Adaptations provided that any such Adaptation,
    including any translation in any medium, takes reasonable steps to
    clearly label, demarcate or otherwise identify that changes were made
    to the original Work. For example, a translation could be marked "The
    original work was translated from English to Spanish," or a
    modification could indicate "The original work has been modified.";
 c. to Distribute and Publicly Perform the Work including as incorporated
    in Collections; and,
 d. to Distribute and Publicly Perform Adaptations.
 e. For the avoidance of doubt:
     i. Non-waivable Compulsory License Schemes. In those jurisdictions in
        which the right to collect royalties through any statutory or
        compulsory licensing scheme cannot be waived, the Licensor
        reserves the exclusive right to collect such royalties for any
        exercise by You of the rights granted under this License;
    ii. Waivable Compulsory License Schemes. In those jurisdictions in
        which the right to collect royalties through any statutory or
        compulsory licensing scheme can be waived, the Licensor waives the
        exclusive right to collect such royalties for any exercise by You
        of the rights granted under this License; and,
   iii. Voluntary License Schemes. The Licensor waives the right to
        collect royalties, whether individually or, in the event that the
        Licensor is a member of a collecting society that administers
        voluntary licensing schemes, via that society, from any exercise
        by You of the rights granted under this License.
 The above rights may be exercised in all media and formats whether now
 known or hereafter devised. The above rights include the right to make
 such modifications as are technically necessary to exercise the rights in
 other media and formats. Subject to Section 8(f), all rights not expressly
 granted by Licensor are hereby reserved.
 4. Restrictions. The license granted in Section 3 above is expressly made
 subject to and limited by the following restrictions:
 a. You may Distribute or Publicly Perform the Work only under the terms
    of this License. You must include a copy of, or the Uniform Resource
    Identifier (URI) for, this License with every copy of the Work You
    Distribute or Publicly Perform. You may not offer or impose any terms
    on the Work that restrict the terms of this License or the ability of
    the recipient of the Work to exercise the rights granted to that
    recipient under the terms of the License. You may not sublicense the
    Work. You must keep intact all notices that refer to this License and
    to the disclaimer of warranties with every copy of the Work You
    Distribute or Publicly Perform. When You Distribute or Publicly
    Perform the Work, You may not impose any effective technological
    measures on the Work that restrict the ability of a recipient of the
    Work from You to exercise the rights granted to that recipient under
    the terms of the License. This Section 4(a) applies to the Work as
    incorporated in a Collection, but this does not require the Collection
    apart from the Work itself to be made subject to the terms of this
    License. If You create a Collection, upon notice from any Licensor You
    must, to the extent practicable, remove from the Collection any credit
    as required by Section 4(b), as requested. If You create an
    Adaptation, upon notice from any Licensor You must, to the extent
    practicable, remove from the Adaptation any credit as required by
    Section 4(b), as requested.
 b. If You Distribute, or Publicly Perform the Work or any Adaptations or
    Collections, You must, unless a request has been made pursuant to
    Section 4(a), keep intact all copyright notices for the Work and
    provide, reasonable to the medium or means You are utilizing: (i) the
    name of the Original Author (or pseudonym, if applicable) if supplied,
    and/or if the Original Author and/or Licensor designate another party
    or parties (e.g., a sponsor institute, publishing entity, journal) for
    attribution ("Attribution Parties") in Licensor's copyright notice,
    terms of service or by other reasonable means, the name of such party
    or parties; (ii) the title of the Work if supplied; (iii) to the
    extent reasonably practicable, the URI, if any, that Licensor
    specifies to be associated with the Work, unless such URI does not
    refer to the copyright notice or licensing information for the Work;
    and (iv) , consistent with Section 3(b), in the case of an Adaptation,
    a credit identifying the use of the Work in the Adaptation (e.g.,
    "French translation of the Work by Original Author," or "Screenplay
    based on original Work by Original Author"). The credit required by
    this Section 4 (b) may be implemented in any reasonable manner;
    provided, however, that in the case of a Adaptation or Collection, at
    a minimum such credit will appear, if a credit for all contributing
    authors of the Adaptation or Collection appears, then as part of these
    credits and in a manner at least as prominent as the credits for the
    other contributing authors. For the avoidance of doubt, You may only
    use the credit required by this Section for the purpose of attribution
    in the manner set out above and, by exercising Your rights under this
    License, You may not implicitly or explicitly assert or imply any
    connection with, sponsorship or endorsement by the Original Author,
    Licensor and/or Attribution Parties, as appropriate, of You or Your
    use of the Work, without the separate, express prior written
    permission of the Original Author, Licensor and/or Attribution
    Parties.
 c. Except as otherwise agreed in writing by the Licensor or as may be
    otherwise permitted by applicable law, if You Reproduce, Distribute or
    Publicly Perform the Work either by itself or as part of any
    Adaptations or Collections, You must not distort, mutilate, modify or
    take other derogatory action in relation to the Work which would be
    prejudicial to the Original Author's honor or reputation. Licensor
    agrees that in those jurisdictions (e.g. Japan), in which any exercise
    of the right granted in Section 3(b) of this License (the right to
    make Adaptations) would be deemed to be a distortion, mutilation,
    modification or other derogatory action prejudicial to the Original
    Author's honor and reputation, the Licensor will waive or not assert,
    as appropriate, this Section, to the fullest extent permitted by the
    applicable national law, to enable You to reasonably exercise Your
    right under Section 3(b) of this License (right to make Adaptations)
    but not otherwise.
 5. Representations, Warranties and Disclaimer
 UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR
 OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY
 KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE,
 INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY,
 FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF
 LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS,
 WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION
 OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU.
 6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE
 LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR
 ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES
 ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS
 BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
 7. Termination
 a. This License and the rights granted hereunder will terminate
    automatically upon any breach by You of the terms of this License.
    Individuals or entities who have received Adaptations or Collections
    from You under this License, however, will not have their licenses
    terminated provided such individuals or entities remain in full
    compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will
    survive any termination of this License.
 b. Subject to the above terms and conditions, the license granted here is
    perpetual (for the duration of the applicable copyright in the Work).
    Notwithstanding the above, Licensor reserves the right to release the
    Work under different license terms or to stop distributing the Work at
    any time; provided, however that any such election will not serve to
    withdraw this License (or any other license that has been, or is
    required to be, granted under the terms of this License), and this
    License will continue in full force and effect unless terminated as
    stated above.
 8. Miscellaneous
 a. Each time You Distribute or Publicly Perform the Work or a Collection,
    the Licensor offers to the recipient a license to the Work on the same
    terms and conditions as the license granted to You under this License.
 b. Each time You Distribute or Publicly Perform an Adaptation, Licensor
    offers to the recipient a license to the original Work on the same
    terms and conditions as the license granted to You under this License.
 c. If any provision of this License is invalid or unenforceable under
    applicable law, it shall not affect the validity or enforceability of
    the remainder of the terms of this License, and without further action
    by the parties to this agreement, such provision shall be reformed to
    the minimum extent necessary to make such provision valid and
    enforceable.
 d. No term or provision of this License shall be deemed waived and no
    breach consented to unless such waiver or consent shall be in writing
    and signed by the party to be charged with such waiver or consent.
 e. This License constitutes the entire agreement between the parties with
    respect to the Work licensed here. There are no understandings,
    agreements or representations with respect to the Work not specified
    here. Licensor shall not be bound by any additional provisions that
    may appear in any communication from You. This License may not be
    modified without the mutual written agreement of the Licensor and You.
 f. The rights granted under, and the subject matter referenced, in this
    License were drafted utilizing the terminology of the Berne Convention
    for the Protection of Literary and Artistic Works (as amended on
    September 28, 1979), the Rome Convention of 1961, the WIPO Copyright
    Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996
    and the Universal Copyright Convention (as revised on July 24, 1971).
    These rights and subject matter take effect in the relevant
    jurisdiction in which the License terms are sought to be enforced
    according to the corresponding provisions of the implementation of
    those treaty provisions in the applicable national law. If the
    standard suite of rights granted under applicable copyright law
    includes additional rights not granted under this License, such
    additional rights are deemed to be included in the License; this
    License is not intended to restrict the license of any rights under
    applicable law.
 Creative Commons Notice
    Creative Commons is not a party to this License, and makes no warranty
    whatsoever in connection with the Work. Creative Commons will not be
    liable to You or any party on any legal theory for any damages
    whatsoever, including without limitation any general, special,
    incidental or consequential damages arising in connection to this
    license. Notwithstanding the foregoing two (2) sentences, if Creative
    Commons has expressly identified itself as the Licensor hereunder, it
    shall have all rights and obligations of Licensor.
    Except for the limited purpose of indicating to the public that the
    Work is licensed under the CCPL, Creative Commons does not authorize
    the use by either party of the trademark "Creative Commons" or any
    related trademark or logo of Creative Commons without the prior
    written consent of Creative Commons. Any permitted use will be in
    compliance with Creative Commons' then-current trademark usage
    guidelines, as may be published on its website or otherwise made
    available upon request from time to time. For the avoidance of doubt,
    this trademark restriction does not form part of this License.
    Creative Commons may be contacted at https://creativecommons.org/.
 *******************************************************************************
 /!\ The SIL OPEN FONT LICENSE applies to all desktop and webfont files in the
 following directory: fonts/ and to all glyphs and SVG files in the following
 directory: src/icons/svg/.
 Copyright (c) 2018, Fork Awesome (https://forkawesome.github.io),
 with Reserved Font Name Fork Awesome.
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:
 http://scripts.sil.org/OFL
 -----------------------------------------------------------
 SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
 -----------------------------------------------------------
 PREAMBLE
 The goals of the Open Font License (OFL) are to stimulate worldwide
 development of collaborative font projects, to support the font creation
 efforts of academic and linguistic communities, and to provide a free and
 open framework in which fonts may be shared and improved in partnership
 with others.
 The OFL allows the licensed fonts to be used, studied, modified and
 redistributed freely as long as they are not sold by themselves. The
 fonts, including any derivative works, can be bundled, embedded,
 redistributed and/or sold with any software provided that any reserved
 names are not used by derivative works. The fonts and derivatives,
 however, cannot be released under any other type of license. The
 requirement for fonts to remain under this license does not apply
 to any document created using the fonts or their derivatives.
 DEFINITIONS
 "Font Software" refers to the set of files released by the Copyright
 Holder(s) under this license and clearly marked as such. This may
 include source files, build scripts and documentation.
 "Reserved Font Name" refers to any names specified as such after the
 copyright statement(s).
 "Original Version" refers to the collection of Font Software components as
 distributed by the Copyright Holder(s).
 "Modified Version" refers to any derivative made by adding to, deleting,
 or substituting -- in part or in whole -- any of the components of the
 Original Version, by changing formats or by porting the Font Software to a
 new environment.
 "Author" refers to any designer, engineer, programmer, technical
 writer or other person who contributed to the Font Software.
 PERMISSION & CONDITIONS
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of the Font Software, to use, study, copy, merge, embed, modify,
 redistribute, and sell modified and unmodified copies of the Font
 Software, subject to the following conditions:
 1) Neither the Font Software nor any of its individual components,
 in Original or Modified Versions, may be sold by itself.
 2) Original or Modified Versions of the Font Software may be bundled,
 redistributed and/or sold with any software, provided that each copy
 contains the above copyright notice and this license. These can be
 included either as stand-alone text files, human-readable headers or
 in the appropriate machine-readable metadata fields within text or
 binary files as long as those fields can be easily viewed by the user.
 3) No Modified Version of the Font Software may use the Reserved Font
 Name(s) unless explicit written permission is granted by the corresponding
 Copyright Holder. This restriction only applies to the primary font name as
 presented to the users.
 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
 Software shall not be used to promote, endorse or advertise any
 Modified Version, except to acknowledge the contribution(s) of the
 Copyright Holder(s) and the Author(s) or with their explicit written
 permission.
 5) The Font Software, modified or unmodified, in part or in whole,
 must be distributed entirely under this license, and must not be
 distributed under any other license. The requirement for fonts to
 remain under this license does not apply to any document created
 using the Font Software.
 TERMINATION
 This license becomes null and void if any of the above conditions are
 not met.
 DISCLAIMER
 THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
 MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
 OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
 COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
 DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
 OTHER DEALINGS IN THE FONT SOFTWARE.
--- a/css/icone-fonts/forkawesome-webfont.eot
+++ b/css/icone-fonts/forkawesome-webfont.eot
--- a/css/icone-fonts/forkawesome-webfont.svg
+++ b/css/icone-fonts/forkawesome-webfont.svg
--- a/css/icone-fonts/forkawesome-webfont.ttf
+++ b/css/icone-fonts/forkawesome-webfont.ttf
--- a/css/icone-fonts/forkawesome-webfont.woff
+++ b/css/icone-fonts/forkawesome-webfont.woff
--- a/css/icone-fonts/forkawesome-webfont.woff2
+++ b/css/icone-fonts/forkawesome-webfont.woff2
--- a/css/perso-modif.css
+++ b/css/perso-modif.css
--- a/formulaires/abomailman_mini_une_liste.html
+++ b/formulaires/abomailman_mini_une_liste.html
@ -1,25 +0,0 @@
 #CACHE{0}
 <div class="formulaire_spip formulaire_#FORM" id="formulaire_#FORM[_(#ENV{id_abomailman})]">
 	[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
 	[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
   [(#ENV*{editable}|oui)
 	<form method='post' action='#ENV{action}'>
 		#ACTION_FORMULAIRE{#ENV{action}}
 		#SET{erreurs,#ENV**{erreurs}|table_valeur{la_demo}}
 		<div class="abonnement">
 			<div class="editer_email obligatoire[ (#GET{erreurs}|oui)erreur]">
 				[<span class='erreur_message'>(#GET{erreurs})</span>]
 				<input name="email" id="email" type="text" placeholder="Votre adresse courriel" />
 			</div>
 			[(#REM) Piege a robots spammeurs, du moins on essaie]
 			<p style="display:none;">
 				<label for="nobot_abomailman"><:antispam_champ_vide:></label>
 				<input type="text" class="text" name="nobot" id="nobot_abomailman" value="#ENV{nobot}" size="10" />
 			</p>
 			<p class="boutons"><input type="submit" class="submit" value="<:bouton_valider:>" /></p>
 		</div>
 	</form>
   ]
 </div>
--- a/formulaires/abomailman_mini_une_liste.php
+++ b/formulaires/abomailman_mini_une_liste.php
@ -1,94 +0,0 @@
 <?php
 if (!defined("_ECRIRE_INC_VERSION")) return;
 include_spip('base/abstract_sql');
 // chargement des valeurs par defaut des champs du formulaire
 function formulaires_abomailman_mini_une_liste_charger_dist($id_abomailman = ""){
 	//initialise les variables d'environnement pas defaut
 	$valeurs = array('email');
 	// On verifie que la liste est bien accessible
 	if (! sql_getfetsel('id_abomailman','spip_abomailmans','id_abomailman ='.intval($id_abomailman).' AND desactive = 0')) {
 		spip_log("Le numero de liste n'est pas valable : $id_abomailman","abomailmans");
 		$valeurs['message_erreur'] = _T("abomailmans:liste_non_existante");
 	}
 	return $valeurs;
 }
 function formulaires_abomailman_mini_une_liste_verifier_dist($id_abomailman = ""){
 	//initialise le tableau des erreurs
 	$erreurs = array();
 	// Faire une fonction de verif sur le mail pour validite
 	$email = _request('email');
 	if($email == ''){
 		$erreurs['erreur_email'] = _T("abomailmans:email_oublie");
 		spip_log("Aucun email n'est insere","abomailmans");
 	}
 	else{
 		include_spip('inc/filtres'); # pour email_valide()
 		if (!email_valide($email)){
 			$erreurs['erreur_email'] = _T("abomailmans:email_valide");
 			spip_log("Email non valide $email","abomailmans");
 		}
 		else{
 			spip_log("Email = $email;","abomailmans");
 		}
 	}
   //message d'erreur
   if (count($erreurs)) {
      $erreurs['message_erreur'] .= _T('abomailmans:verifier_formulaire');
   }
   return $erreurs; // si c'est vide, traiter sera appele, sinon le formulaire sera resoumis
 }
 function formulaires_abomailman_mini_une_liste_traiter_dist($id_abomailman = ""){
 	include_spip('inc/abomailmans');
 	$nom = _request('nom');
 	$email = _request('email');
 	// Antispam basique :
 	// si l'input invisible a ete renseigne, ca ne peut etre qu'un bot
 	if (strlen(_request('nobot'))){
 		return array('message_erreur'=>_T('abomailmans:erreur_nobot'));
 	}
 	$message = null;
   // on initialise l'envoi
 	// on traite chaque liste via une fonction reutilisable ailleurs
 	// on passe abonnement a true d'office
 	$traiter=abomailman_traiter_abonnement($id_abomailman,true);
 	$titre = $traiter[0];
 	$proprio_email=$traiter[1];
 	$liste_email=$traiter[2];
 	$sujet=$traiter[3];
 	$body="$nom - $email " . $traiter[4];
 	$headers=$traiter[5];
 	if (abomailman_mail($nom, $email, $proprio_email, $liste_email, $sujet, $body, $headers)){
 		$message_listes  .= "<p><strong>$titre</strong><p>";
 	}else{
 		$message_listes .= "<p><strong>". _T('pass_erreur_probleme_technique')."</strong></p>";
 		$probleme=true;
 	} 
 	$message .= "". _T("abomailmans:message_confirmation_unique_a");
 	$message .= $message_listes;
 	$message .= "<p class='reponse_formulaire reponse_formulaire_ok'>" . _T("abomailmans:message_confirm_suite") . "</p>";
 	if ($probleme==false)
 		return ['message_ok' => $message];
 	else
 		return ['message_erreur' => $message_listes];
 }
--- a/img/banniere-chaprilx150.png
+++ b/img/banniere-chaprilx150.png
--- a/img/social-accueil.jpg
+++ b/img/social-accueil.jpg
--- a/inclure/entete.html
+++ b/inclure/entete.html
@ -3,13 +3,12 @@
        [(#REM) navigation]
        <nav id="navigation">
            <a href="#URL_SITE_SPIP">Accueil</a>
-            <BOUCLE_services (RUBRIQUES) {id_rubrique=3}>
+            <BOUCLES_services (RUBRIQUES) {id_rubrique=3}>
            <a href="#URL_RUBRIQUES">#TITRE</a>
-            </BOUCLE_services>
+            </BOUCLES_services>
            <BOUCLE_pages(ARTICLES){id_rubrique=5}{par num titre}>
            <a href="#URL_ARTICLE">#SURTITRE</a>
            </BOUCLE_pages>
            <a href="https://status.chapril.org">État des services</a>
        </nav>
        [(#REM) bouton mobile - fermer + ouvrir]
            <a href="#navigation" class="menu-mobile-ouvre" aria-label="open navigation">Fermer</a>
--- a/inclure/head.html
+++ b/inclure/head.html
@ -3,30 +3,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 [(#REM) 2. appel du nom de site avec filtre ]
 <meta name="description" content="[(#DESCRIPTIF_SITE_SPIP|couper{150}|textebrut)]"/>
-
+[(#REM) Feuilles de style perso]
 [(#REM) Feuilles de style perso]   
 <link href="#CHEMIN{css/perso-modif.css}" rel="stylesheet"  type="text/css" />
 <link rel="shortcut icon" href="#CHEMIN{css/favicon.ico}" type="image/x-icon">
 <link href="#CHEMIN{css/ajout.css}" rel="stylesheet"  type="text/css" />
-
+<link href="#CHEMIN{css/encart-services.css}" rel="stylesheet"  type="text/css" />
 #INSERT_HEAD_CSS
 [(#REM)
 	Balise permettant aux plugins d'inserer des appels javascript ;
 	4. C'est ici que SPIP va inserer l'appel de la librairie jQuery
 	5. Et appeler a la fin compacte_head pour agreger et compacter tout le head dans des fichiers statiques si l'option est cochee dans Configuration
 ]
 #INSERT_HEAD
 <meta name="twitter:card" content="summary_large_image"/>
 <meta name="twitter:site" content="@aprilorg"/>
 <meta name="twitter:creator" content="@aprilorg"/>
 <meta name="twitter:image:alt" content="Bannière du Chapril"/>
 <meta name="twitter:title" content="Chapril : utilisez des services libres et éthiques"/>
 <meta name="twitter:image" content="https://www.chapril.org/sites/v2.chapril.org/squelettes/img/social-accueil.jpg"/>
 <meta property="og:title" content="Chapril : utilisez des services libres et éthiques"/>
 <meta property="og:type" content="article"/>
 <meta property="og:url" content="https://www.chapril.org"/>
 <meta property="og:image:alt" content="Bannière du Chapril"/>
 <meta property="og:image" content="https://www.chapril.org/sites/v2.chapril.org/squelettes/img/social-accueil.jpg"/>
--- a/inclure/pieddepage.html
+++ b/inclure/pieddepage.html
@ -2,20 +2,17 @@
 <footer>
    [(#REM) navigation pied de page]
    <ul>
-        <BOUCLE_menu_footer (ARTICLES) {id_article=9}>
+        <BOUCLES_menu_footer (ARTICLES) {id_article=9}>
        <li style="float: left; margin-right: 30px;"><a href="#URL_ARTICLE">#SURTITRE</a></li>
        </BOUCLE_menu_footer>
        <BOUCLE_menu_footer2 (ARTICLES) {id_article=46}>
        <li style="float: left; margin-right: 30px;"><a href="#URL_ARTICLE">#SURTITRE</a></li>
        </BOUCLE_menu_footer2>
        <BOUCLE_menu_footer3 (ARTICLES) {id_article=47}>
        <li style="float: left;"><a href="#URL_ARTICLE">#SURTITRE</a></li>
-        </BOUCLE_menu_footer3>
+        </BOUCLES_menu_footer>
        <BOUCLES_menu_footer2 (ARTICLES) {id_article=46}>
        <li style="float: left; margin-left: 50px;"><a href="#URL_ARTICLE">#SURTITRE</a></li>
        </BOUCLES_menu_footer2>
    </ul>
    [(#REM) logo April]
    <div class="signature-april">
-    <BOUCLE_logo_footer (ARTICLES) {id_article=16}>
+    <BOUCLES_logo_footer (ARTICLES) {id_article=16}>
      #TEXTE [(#LOGO_ARTICLE|#URL_SITE||inserer_attribut{alt,Logo April})]
-        </BOUCLE_logo_footer>
+        </BOUCLES_logo_footer>
    </div>
 </footer>
--- a/modeles/sousrubrique.html
+++ b/modeles/sousrubrique.html
@ -1,6 +1,6 @@
 <div class="modele-sousrubrique-liste">
 <BOUCLE_sousrubriques(RUBRIQUES) {id_rubrique=#ENV{id}}>
-    <BOUCLE_sousarticles(ARTICLES){id_rubrique}{par num titre}>
+    <BOUCLE_sousarticles(ARTICLES){id_rubrique}>
    <article>
        <a class="modele-sousrubrique-bouton bouton-utilise" href="#URL_ARTICLE">
            [(#LOGO_ARTICLE|image_reduire{48,48})]
--- a/robots.txt.html
+++ b/robots.txt.html
@ -3,7 +3,6 @@
 User-agent: *
 Allow:    /local/cache-css/
 Allow:    /local/cache-js/
 Allow:    /sites/v2.chapril.org/squelettes/img/social-accueil.jpg
 Disallow: /local/
 Disallow: /ecrire/
 Disallow: /plugins-dist/
--- a/rubrique.html
+++ b/rubrique.html
@ -1,4 +1,4 @@
-<BOUCLE_principale(RUBRIQUES){id_rubrique}>
+<BOUCLES_principale(RUBRIQUES){id_rubrique}>
 <!DOCTYPE html>
 <html lang="#LANG">
 [(#REM) inclure head ]
@ -15,24 +15,23 @@
                <h1 class="sous-titre">#TITRE</h1>
                <div class="tous-les-services">
-                <BOUCLE_articles (ARTICLES) {id_rubrique}{par num titre}>
+                <BOUCLES_articles (ARTICLES) {id_rubrique}{par num titre}>
-                <article id="#ID_ARTICLE">
+                <article>
                    <h2>#TITRE</h2> #LOGO_ARTICLE #TEXTE <a class="bouton-utilise" href="#URL_SITE">#NOM_SITE</a> <blockquote class="postscriptum">#PS</blockquote>
                </article>
-                </BOUCLE_articles>
+                </BOUCLES_articles>
                </div>
        </div>
        <div class="engagements">
        [(#REM) inclure les 3 engagements ]
-              <BOUCLE_trois-engagements (ARTICLES) {id_rubrique=10}{0,3}{par num titre}>
+              <BOUCLES_trois-engagements (ARTICLES) {id_rubrique=10}{0,3}{par num titre}>
                    <article>#LOGO_ARTICLE <h2>#TITRE</h2> #CHAPO <a class="bouton-simple" href="#URL_SITE">#NOM_SITE</a>
                    [<div class="#EDIT{ps}">(#PS)</div>]
                </article>
-              </BOUCLE_trois-engagements>
+              </BOUCLES_trois-engagements>
         </div>
         [(#REM) inclure le footer ]
         <INCLURE{fond=inclure/pieddepage}>
 </body>
 </html>
-</BOUCLE_principale>
+</BOUCLES_principale>
--- a/sommaire.html
+++ b/sommaire.html
@ -11,68 +11,53 @@
    <INCLURE{fond=inclure/entete}>       
        [(#REM) inclure la banniere ]
        <div class="banniere">
-            <BOUCLE_banniere(RUBRIQUES) {id_rubrique=8}>
+            <BOUCLES_banniere (RUBRIQUES) {id_rubrique=8}>
-                <BOUCLE_accroche(ARTICLES) {id_rubrique}>
+                <BOUCLES_accroche (ARTICLES) {id_rubrique}>
-                    <article class="#EDIT{texte}"><h1 class="#EDIT{titre}">#TITRE</h1>
+                    <article><h1>#TITRE</h1> #TEXTE
                        #TEXTE
                    </article>
-                </BOUCLE_accroche>
+                </BOUCLES_accroche>
-            </BOUCLE_banniere>
+            </BOUCLES_banniere>
        </div>
        [(#REM) inclure la campagne ]
        <B_campagne>
        <div class="presentation campagne">
        <BOUCLE_campagne(RUBRIQUES) {id_rubrique=19}>
            <BOUCLE_campagne_article(ARTICLES) {id_rubrique} {par num titre}>
                <article><h2 class="#EDIT{titre}">#TITRE</h2>
                    #TEXTE
                </article>
            </BOUCLE_campagne_article>
        </BOUCLE_campagne>
        </div>
        </B_campagne>
        [(#REM) inclure l'introduction ]
        <div class="presentation">
-        <BOUCLE_introduction(RUBRIQUES) {id_rubrique=1}>
+        <BOUCLES_introduction (RUBRIQUES) {id_rubrique=1}>
-            <BOUCLE_intro-texte(ARTICLES) {id_rubrique} {par date}{0,4}>
+            <BOUCLES_intro-texte (ARTICLES) {id_rubrique} {par date}{0,4}>
-                <article>
+                <article><h2>#TITRE</h2> 
-                    <h2 class="#EDIT{titre}">#TITRE</h2>
+                    #TEXTE <a class="bouton-simple" href="#URL_SITE">#NOM_SITE</a> <blockquote class="postscriptum">#PS</blockquote>
                    #TEXTE[ <a class="bouton-simple" href="#URL_SITE">(#NOM_SITE)</a>] <blockquote class="postscriptum">#PS</blockquote>
                </article>
-            </BOUCLE_intro-texte>
+            </BOUCLES_intro-texte>
-        </BOUCLE_introduction>
+        </BOUCLES_introduction>
        </div>
        <div class="derniers-services">
        [(#REM) inclure Services en une ]
            <h2 class="sous-titre">Services en une #TITRE</h2>
-            <BOUCLE_services_en_une1(ARTICLES) {id_article=20}>
+            <BOUCLES_services_en_une1 (ARTICLES) {id_article=20}>
-                <article class="#EDIT{texte}"><h3 class="#EDIT{titre}">#TITRE</h3> #TEXTE #LOGO_ARTICLE[ <a class="bouton-utilise" href="#URL_SITE">(#NOM_SITE)</a>] <blockquote class="postscriptum #EDIT{ps}">#PS</blockquote>
+                <article><h3>#TITRE</h3> #TEXTE #LOGO_ARTICLE <a class="bouton-utilise" href="#URL_SITE">#NOM_SITE</a> <blockquote class="postscriptum">#PS</blockquote>
                </article>
-            </BOUCLE_services_en_une1>
+            </BOUCLES_services_en_une1>
-            <BOUCLE_services_en_une2(ARTICLES) {id_article=7}>
+            <BOUCLES_services_en_une2 (ARTICLES) {id_article=7}>
-                <article class="#EDIT{texte}"><h3 class="#EDIT{titre}">#TITRE</h3> #TEXTE #LOGO_ARTICLE[ <a class="bouton-utilise" href="#URL_SITE">(#NOM_SITE)</a>] <blockquote class="postscriptum #EDIT{ps}">#PS</blockquote>
+                <article><h3>#TITRE</h3> #TEXTE #LOGO_ARTICLE <a class="bouton-utilise" href="#URL_SITE">#NOM_SITE</a> <blockquote class="postscriptum">#PS</blockquote>
                </article>
-            </BOUCLE_services_en_une2>
+            </BOUCLES_services_en_une2>
        </div>
        <div class="derniers-services">
        [(#REM) inclure les derniers services ]
-        <BOUCLE_rubrique(RUBRIQUES) {id_rubrique=3} >
+        <BOUCLES_rubrique (RUBRIQUES) {id_rubrique=3} >
            <h2 class="sous-titre">Les derniers #TITRE</h2>
-            <BOUCLE_derniers_services(ARTICLES) {id_rubrique} {!par date}{0,4}>
+            <BOUCLES_derniers_services (ARTICLES) {id_rubrique} {!par date}{0,4}>
-                <article class="#EDIT{texte}"><h3 class="#EDIT{titre}">#TITRE</h3> #TEXTE #LOGO_ARTICLE[ <a class="bouton-utilise" href="#URL_SITE">(#NOM_SITE)</a>] <blockquote class="postscriptum #EDIT{ps}">#PS</blockquote>
+                <article><h3>#TITRE</h3> #TEXTE #LOGO_ARTICLE <a class="bouton-utilise" href="#URL_SITE">#NOM_SITE</a> <blockquote class="postscriptum">#PS</blockquote>
                </article>
-            </BOUCLE_derniers_services>
+            </BOUCLES_derniers_services>
-        </BOUCLE_rubrique>
+        </BOUCLES_rubrique>
        [(#REM) inclure le bouton d'appel vers service ]
        <a class="bouton-appel" href="#URL_RUBRIQUE{3}">Voir tous les services</a>
        </div>
-        <div class="engagements" id="nous_suivre">        
+        <div class="engagements">        
        [(#REM) inclure les 3 engagements ]
-              <BOUCLE_trois-engagements (ARTICLES) {id_rubrique=10}{0,3}{par num titre}>
+                <BOUCLES_trois-engagements (ARTICLES) {id_rubrique=10}{0,3}{par num titre}>
-                    <article class="#EDIT{texte}">#LOGO_ARTICLE <h2 class="#EDIT{titre}">#TITRE</h2> #CHAPO[ <a class="bouton-simple" href="#URL_SITE">(#NOM_SITE)</a>]
+                    <article>#LOGO_ARTICLE <h2>#TITRE</h2> #CHAPO <a class="bouton-simple" href="#URL_SITE">#NOM_SITE</a>
                    [<div class="#EDIT{ps}">(#PS)</div>]
                </article>
-              </BOUCLE_trois-engagements>
+                </BOUCLES_trois-engagements>
         </div>    
    [(#REM) inlcure le footer]
    <INCLURE{fond=inclure/pieddepage}>
Author	SHA1	Message	Date
Antoine Bardelli	6720e258ca	copie ecran taille mobile	2021-02-24 20:32:35 +01:00
Antoine Bardelli	72f98823b8	copie d'écran de la modif	2021-02-24 20:29:33 +01:00
Antoine Bardelli	5b45426a66	Encart services en page d'accueil	2021-02-24 18:38:36 +01:00