académie de Versailles région Île-de-France lycée Louis Bascan

Aide des rédacteurs

Dossier destiné aux rédacteurs débutants et confirmés avec l’interface Spip 3.0.


Préambule

Autoformation des rédacteurs

A la demande de certains rédacteurs, et en attendant un stage dans l’ établissement, voici une « boîte à outils » qui vous permettra de vous autoformer en vue d’une contribution active au site du lycée propulsé sous Spip [[Consulter le site officiel de Spip.]].

Pour celles et ceux qui découvrent Spip …

Le menu « sommaire », situé à droite ci-dessus, vous permettra d’avoir accès directement à l’une de vos préoccupations du moment.

Avant de débuter la lecture de ce dossier, vous pouvez lire l’ article :

 « Accueil du nouveau rédacteur »

Pour les « initiés » à Spip …

Il est recommandé de prendre connaissance de l’article :

 « Comment rédiger un article sur le site »
afin d’appréhender la charte de présentation des articles destinés à la publication sur ce site.

Pour tous …

N’oubliez pas que tout n’est pas fini après la publication d’un article :

 « Suivi de vos articles »

Bonne lecture à tous !


Conseils aux rédacteurs

Cette partie est destinée aux rédacteurs afin qu’ils puissent rapidement utiliser les possibilités de Spip.

Sommaire :

 Publier sur un site SPIP

 Différence avec un traitement de texte

 Aide en ligne

 Quelques conseils pour commencer

 Je n’y arrive pas !


1. Publier sur un site SPIP

Ce site utilise Spip. Il fonctionne un peu comme un journal : les rédacteurs écrivent et proposent leurs articles, si le rédacteur en chef est d’accord (ici, il s’agit d’un administrateur du site), les articles sont publiés.

Vous pouvez écrire un article (ou une brève), le mettre en page, y joindre éventuellement images, documents, logo.

Une fois votre article fin prêt, vous le proposez à la publication et s’il n’y a pas de problème, il sera publié sur le site et visible des personnes autorisées à visiter cet espace.


2. Pourquoi est-ce différent d’un traitement de texte ?

Le texte de votre article va être affiché dans une page Web, et une page Web n’est pas mise en forme comme un traitement de texte, elle utilise un langage spécial appelé HTML.

Vous aller retrouver la totalité de votre texte, mais la disposition ne sera pas respectée, ni le style (gras, italique, souligné…). Spip va vous aider à mettre en forme votre texte comme vous le souhaitez, sans avoir besoin d’apprendre le langage HTML.


3. Aide en ligne

Vous trouverez aussi une aide détaillée et complète dans l’interface de rédaction/administration de Spip en cliquant sur les petits boutons d’aide petit bouton aide qui vous renvoient directement à la zone d’aide d’un élément.


4. Quelques conseils pour commencer

Pour le style, vous pouvez utiliser les boutons de mise en forme de Spip [[Ces boutons sont disposés en haut du champ « Texte ».
boutons Sinon, pour modifier le texte, voir « Les raccourcis typographiques ». ]] (italique italique, gras gras, intertitre intertitre…) après avoir sélectionnée la partie de texte concernée.

Pour une disposition particulière du texte (retours à la ligne, tabulation), le plus simple est de mettre avant le texte concerné <pre> et après </pre> il s’agit de balises HTML qui indiquent qu’il faut garder cette disposition du texte. Pour décaler simplement un élément, il suffit de mettre avant <pre> </pre> avec ce qu’il faut d’espaces entre ces 2 balises pour le décalage souhaité.


5. Je n’y arrive pas !

Voilà, avec les informations ci-dessus et l’aide en ligne de Spip, vous réglez 95 % des questions de mise en page. Pour les 5 % qui restent non résolus, le plus simple est de m’envoyer un courriel m’expliquant ce que vous voulez faire, et je vous réponds comment faire ou comment remplacer, parce qu’on ne peut pas tout faire, par exemple, on peut faire des tableaux, mais on ne peut pas copier-coller un tableau Excel dans SPIP.


Présentation de l’espace rédacteurs

Présentation de l’interface de rédaction [[Cette page est inspirée de l’aide d’Eva et du Collège Jules Romains.]].

Sommaire :

 Le rédacteur

 L’administrateur

Présentation de l’interface privée des rédacteurs avec les différents boutons et leurs fonctions.


1. Le rédacteur

Il peut :

 Rédiger un article :

  • écrire un nouvel article,
  • écrire une nouvelle brève,
  • ajouter une ou des images dans un article en cours de rédaction,
  • ajouter une pièce jointe (document texte, document sonore, document vidéo, animation Flash…) à un article en cours de rédaction,
  • joindre un logo à un article en cours de rédaction, il apparaîtra devant cet article dans la liste des articles,
  • réaliser des albums photo,
  • continuer et corriger ses articles « en cours de rédaction » ou « proposés à la publication »,
  • modifier une brève « à valider »,
  • référencer un site web,

 Voir :

  • voir la liste de toutes les rubriques du site, même si elles n’ont pas encore d’articles, ce qui n’est pas le cas sur le site public,
  • consulter et donner son avis pour les articles des autres rédacteurs, proposés à la publication,
  • voir la liste de tous les administrateurs et des rédacteurs ayant écrit au moins un article,

 Gérer sa messagerie Spip personnelle :

  • échanger des messages personnels avec un autre auteur,
  • écrire un pense-bête personnel,
  • lire les « annonces » des administrateurs,
  • poster un message dans le forum interne de Spip,

 Modifier son profil personnel :

  • nom d’auteur (par convention, le prénom et le nom, pas de pseudos),
  • biographie,
  • site personnel,
  • nouveau mot de passe (l’identifiant n’est pas modifiable).


2. L’administrateur

En plus des possibilités du rédacteur, il peut :

  • créer des rubriques et sous-rubriques,
  • créer des diaporamas,
  • corriger et valider les articles proposés à la publication,
  • publier une brève « à valider »,
  • proposer un nouveau rédacteur,
  • configurer et personnaliser le site,
  • maintenir le site (sauvegarde, cache, …),
  • gérer les auteurs.

Ecrire ou modifier un article

La marche à suivre pour écrire ou modifier un article [[Cette page est inspirée de l’aide d’Eva.]].

1. Entrez dans l’interface d’administration

2. Cliquez sur Ecrire un nouvel article
ou
sélectionner l’article à modifier [[Soit un de vos articles « en cours de rédaction », ou « proposé à la publication » ; ou encore pour les administrateurs, naviguez dans l’interface pour retrouvez l’article à modifier.]] et cliquez sur Modifier cet article

3. Sélectionnez par le menu déroulant la rubrique dans laquelle vous voulez placer votre article. C’est aussi par ce même procédé que l’on peut changer (plus tard) un article de rubrique.

Sélectionner la rubrique

4. Dans la page d’édition de l’article, remplissez les différents champs : titre (=obligatoire), descriptif, texte, … en utilisant : les raccourcis typographiques pour formater votre texte.

5. Lorsque votre article est prêt, cliquez sur [Enregistrer] (en bas de page).

6. Maintenant que votre article est créé vous pouvez :

7. Si votre article est fini, cliquez sur [Demander la publication de cet article], ou si vous êtes administrateur vous pouvez le publier directement : Sélectionnez « publié en ligne », puis cliquez sur [Modifier] (administrateurs seulement).

Demander la publication

Vous pouvez aussi rédiger un article en plusieurs fois (revenir le compléter plus tard, le modifier, le corriger), tant que l’article n’a pas été publié par les administrateurs.

Seul l’administrateur peut corriger un article publié. Pour qu’un rédacteur puisse revenir sur son article (déjà publié), l’administrateur devra le remettre « en cours de rédaction ».


Les raccourcis typographiques

Comment utiliser les raccourcis typographiques de Spip [[Cette page est inspirée de l’aide d’Eva.]].

Sommaire :

 Paragraphes et retour à la ligne

 Gras et italique

 Intertitres

 Trait de séparation horizontal

 Listes

 Les liens hypertextes

 Notes de bas de page

 Tableaux

 Conclusion

Pour faciliter la mise en page des documents publiés avec Spip, le système propose un certain nombre de « raccourcis typographiques » destinés à :

  • simplifier l’utilisation par des utilisateurs ne connaissant pas le code HTML
  • faciliter le traitement automatique de la mise en page.


1. Paragraphes et retour à la ligne

Pour créer des paragraphes, il suffit de sauter une ligne.

Pour faire un simple retour à la ligne, tapez sur la touche « Entrée » du clavier. Voici également deux astuces qui peuvent faire la même chose :

  1. Utiliser du code HTML : il suffit d’écrire
    [[Spip comprend le code HTML. Tout ce qui est écrit entre les balises et sera compris comme du code HTML et exécuté comme tel. En HTML
    est la balise pour indiquer un retour à la ligne. Cela marche aussi souvent si on a oublié les balises et que l’on a mis directement dans le texte une balise comme
    .]]
  2. Pour une disposition particulière du texte (retours à la ligne, tabulation), le plus simple est de mettre avant le texte concerné
     et après 

    [[Il s’agit de balises HTML qui indiquent qu’il faut garder cette disposition du texte.]]. Toutefois, il est à éviter d'utiliser du code HTML dans vos articles.


2. Gras et italique

On indique simplement du texte en italique en le plaçant entre des accolades simples : du texte en italique. On peut aussi utiliser le bouton italique [[Ces boutons sont disposés en haut du champ « Texte ».
boutons]] après avoir sélectionnée la partie de texte concernée.

On indique du texte en gras en le plaçant entre des accolades doubles : du texte en gras, ou on utilise le bouton gras après sélection du texte.


3. Intertitres

Les intertitres sont des titres à l’intérieur d’un texte permettant d’en indiquer la structure (comme ceux présents sur cette page). Dans Spip, on les indique très simplement en les plaçant entre des accolades triples : code intertitre, ou on utilise le bouton intertitre...) après sélection de l’intertitre.


4. Trait de séparation horizontal

Il est très simple d’insérer un trait de séparation horizontal sur toute la largeur du texte : il suffit de placer une ligne ne contenant qu’une succession d’au moins quatre tirets, ainsi :
----
donnera :



5. Listes

On peut fabriquer des listes dans Spip : il suffit de revenir à la ligne et de commencer la nouvelle ligne avec un tiret (« - »).

Notez : ici un simple retour à la ligne suffit (on peut faire des énumérations dans le même paragraphe) ; mais si l’on « saute » une ligne avant la ligne commençant par un tiret, une ligne vide est affichée avant l’énumération. Exemple :

 bla bla

 bla bla

 bla bla

Pour avoir une liste à puce, on procède de la même manière, mais avec -* pour une liste numérotée, on utilise -#


6.Les liens hypertextes

On fabriquera facilement un lien hypertexte avec le code suivant : texte du lien
Spip est une initiative d'uZine.
devient :
Spip est une initiative d’uZine.

L’URL peut être une adresse absolue (commençant, comme ici, par http://), une adresse relative (vers une autre page du même site), un lien vers un document utilisant un protocole de l’internet (ftp://...), une adresse email (mailto:minirezo@rezo.net)...

Pour se simplifier le travail, on peut utiliser le bouton : lien

Liens hypertextes à l’intérieur du site
Ce même système de liens hypertextes facilite, de plus, la création de liens à l’intérieur d'un site sous Spip. La seule subtilité consiste à repérer le numéro de l’article, de la rubrique, ou de la brève vers laquelle vous voulez mener votre lien hypertexte : lorsque vous « visitez », dans l’espace privé, un article, une brève ou une rubrique, la colonne de gauche contient un pavé indiquant, en gros caractères, ce numéro. C’est ce numéro que vous allez indiquer dans le lien hypertexte :

  • Lien vers l’article 342 : l'article
    pour sa part, art342 ou 342 affichera le titre de l’article 342 avec un lien vers cet article.
  • Rubriques : rub12
  • Brèves : br65
  • Auteurs : aut13
  • Mots-clés : mot32
  • Sites : site1


7.Notes de bas de page

Une note de bas de page est, habituellement, signalée par un numéro placé à l’intérieur du texte, numéro repris en bas de page et proposant un complément d’information.

Dans Spip, cette fonctionnalité (assez lourde à gérer manuellement en HTML) est automatisée : les notes sont numérotées par Spip, qui gère également des liens hypertextes à l’intérieur du document pour passer directement de l’appel de note au texte de la note correspondante, et vice-versa. Une note de bas de page est indiquée, dans Spip, entre doubles crochets :
Une note [[Voici un complément d'information.]] de bas de page.
donnera :
Une note [[Voici un complément d’information.]] de bas de page (le numéro sera incrémenté automatiquement pour chaque nouvelle note).

Là aussi, un bouton simplifie l’écriture : note


8.Tableaux

Pour réaliser des tableaux dans Spip, il suffit de faire des lignes dont les « cases » sont séparées par le symbole « | » (pipe ou trait vertical [[On l’obtient en tapant sur un clavier Mac "Pomme + majuscules + l" et sur un clavier PC "Alt Gr + 6" le chiffre 6 au haut du clavier, pas celui du pavé numérique.]]), lignes commençant et se terminant par des traits verticaux.

Il est impératif de laisser des lignes vides avant et après ce tableau.

Par exemple :

Nom Prénom Age
Marso Ben 23 ans
Capitaine non connu
Philant Philippe 46 ans
Cadoc Bébé 4 mois

donnera :

Nom Prénom Age
Marso Ben 23 ans
Capitaine non connu
Philant Philippe 46 ans
Cadoc Bébé 4 mois


9. Conclusion

Voilà tous les raccourcis qu’il vous faudra connaitre, pour « bien » débuter avec Spip. Mais il en existe d’autres que vous retrouverez dans l’interface d’administration : l’aide en ligne.

Putôt que de les apprendre par cœur, je vous suggère plutôt d’imprimer le document Mémento des raccourcis (pdf) qui vous permettra de les avoir toujours sous la main.


Reprendre un document Word

pour un article

Quand on dispose d’un document Word, comment utiliser celui-ci facilement dans un article Spip ?

Sommaire :

 A la main

 Avec une Macro

 Avec SpipEdit

La situation est fréquente :

 soit vous disposez déjà du document Word et vous souhaitez reprendre son contenu,

 soit vous n’êtes pas encore à l’aise avec l’interface de Spip et vous préférez écrire votre article dans Word.

Si on place en copié-collé le contenu dans le champ « Texte » d’un article Spip, puis on enregistre et on constate que tout le texte est là, mais que sa disposition (tabulations, retours à la ligne) et le style (gras, italique, intertitre...) ne sont pas respectés. Il faut donc le remettre en forme avec le langage que Spip comprend.


1. A la main

La première méthode pour mettre en forme le texte est expliquée dans Conseils aux rédacteurs et Les raccourcis typographiques. Cette réalisation est facilitée par l’utilisation des boutons [[Ces boutons sont disposés en haut du champ « Texte ».]] :

boutons

Ce n’est pas difficile pour un texte court, mais pour un article complet, on peut se simplifier le travail avec d’autres procédés.


2. Avec une Macro

Il existe une macro pour Word qui peut réaliser la mise en forme nécessaire pour SPIP. L’article Macro Word explique son installation, son fonctionnement et ses limites ; la macro est téléchargeable en bas de l’article.


3. Avec SpipEdit

Encore plus puissant que la macro, il existe un logiciel qui réalise la transformation d’un texte Word en une mise en forme comprise par Spip. Le seul défaut de ce logiciel est de n’être disponible que pour PC.

Il se trouve sur le site Atoute réalisé par Dominique Dupagne.


Placer une image dans un article

Pour joindre une image à un article, il est impératif que l’article ait déjà été créé [[Cette page est inspirée de l’aide d’Eva.]].

Attention, à ne pas placer des images trop lourdes ; dans ce cas choisissez plutôt de la joindre en tant que document, et dans l’article, placez la vignette à l’endroit désiré (le lien vers le "grand" format sera fait automatiquement).

 1. Dans l’interface d’administration, naviguez dans l’arborescence jusqu’à l’article auquel vous voulez joindre une image.

 2. Cliquez sur Modifier cet article

 3. Dans la page d’édition de l’article, sur le coté gauche :

ajouter une image

Cliquez sur [Parcourir], puis allez selectionner l’image que vous souhaitez attacher à l’article. Cliquez ensuite sur [Téléverser], attendez que le fichier ait été chargé sur le serveur, plus le fichier est gros plus le transfert sera long.

Une fois le fichier joint, la page se rafraichit.

 

 4. Pour faire apparaitre l’image dans l’article il vous suffira d’y copier les « petits » codes (dans le champs « texte » et/ou « descriptif ») :

  • : pour aligner l’image à gauche, par rapport à un paragraphe, une ligne de texte, etc ...
  • : pour centrer l’image
  • : pour aligner l’image à droite, par rapport à un paragraphe, une ligne de texte, etc ...

 5. Dans les paramètres de l’image que vous avez ajoutée, vous pouvez :

image sans titre

 
 

Changer le titre de l’image et le descriptif si vous le souhaitez.

 
 
 
 

Vous pouvez également supprimer l’image tant que l’article est toujours "en cours de rédaction". Ensuite seuls les administrateurs pourront supprimer/modifier l’image.

 
 
 
 
 


Joindre un document à un article

Pour joindre un document à un article, il est impératif que l’article ait déjà été créé [[Cette page est inspirée de l’aide d’Eva.]].

 1. Dans l’interface d’administration, naviguez dans l’arborescence jusqu’à l’article auquel vous voulez joindre un document.

Si c’est pour un article cliquez sur modifier, puis dans la page d’édition de l’article, sur le coté gauche :

doc-2

Cliquez sur [Naviguer...], puis allez selectionner le document que vous souhaitez attacher à l’article. Cliquez ensuite sur [Télécharger], attendez que le fichier ait été chargé sur le serveur, plus le fichier est gros plus le transfert sera long.

Une fois le fichier joint, la page se rafraichit.

 2. Pour faire apparaitre la vignette document à un endroit précis de l’article il vous suffira d’y copier les "petits" codes (dans le champs "texte" et/ou "descriptif") :

  • < doc15 |left> : pour aligner la vignette du document à gauche, par rapport à un paragraphe, une ligne de texte, etc...
  • < doc15 |center> : pour centrer la vignette du document
  • < doc15 |right> : pour aligner la vignette du document à droite, par rapport à un paragraphe, une ligne de texte, etc...

Si vous ne placez pas l’un de ces codes, la vignette du document apparaîtra toute seule en bas de votre article.

 3. Dans les paramètres du document que vous avez joint, vous pouvez :

document

Remplacer la vignette par défaut en mettant celle de votre choix. Cliquez sur [Parcourir...], puis allez selectionner l’image souhaitée et cliquez ensuite sur [Télécharger]. Attention à ne pas mettre une image trop volumineuse, il est recommandé de se limiter à 120 pixels (largeur et hauteur) afin de ne pas alourdir les pages web.

 
 

Changer le titre ou la description du document. Ceci ne changera en aucun cas le nom du fichier que les visiteurs vont télécharger.

 
 

Vous pouvez également supprimer le document tant que l’article est toujours "en cours de rédaction". Ensuite seuls les administrateurs pouront supprimer/modifier le document.


Joindre un logo à un article

Cette page explique comment associer un logo à son article [[Cette page est inspirée de l’aide du Collège Jules Romains.]].

Sommaire :

 Sélection de l’article

 Joindre le logo

 Logo pour le survol

Attention, si vous n’avez pas créé l’image vous-même, veillez bien à avoir l’autorisation de l’auteur ou à ce qu’elle soit libre de droit.


1. Sélection de l’article

Dans un premier temps, il faut d’abord choisir l’article auquel vous voulez joindre un logo :

"Edition du site" "Tous vos articles"

Puis cliquer sur l’article voulu.


2. Joindre le logo

logo de l'article (1)

Cliquez sur « Parcourir » sous « Télécharger un nouveau logo ».

logo de l'article (2)

Selon la version de votre navigateur, cliquez sur le bouton « Parcourir », « Browse », « Sélectionner », « File », « Fichier »... ce qui déclenche l’ouverture d’une interface permettant de sélectionner, sur votre disque dur, le fichier graphique correspondant à votre bouton.

 Formats d’images

Lorsque vous créez vos images (avec votre logiciel habituel), vous devez les créer à l’un des formats suivants :

  • GIF (le fichier GIF peut être un « GIF animé ») ;
  • JPEG ;
  • PNG (pas toujours affiché correctement avec les anciens navigateurs).

Veillez particulièrement à ce que le nom de vos fichiers ait une terminaison indiquant leur format : .gif, .jpg ou .png. Le nom du fichier n’a aucune importance, à condition de ne pas oublier cette terminaison.

 Taille de l’image

Le logo doit faire au maximum 210 pixels de large et jusqu'à 300 pixels de hauteur maximal pour que l’esthétique du site n’en souffre pas.

Afin d’éviter les erreurs graves de manipulation, Spip rejette les fichiers-image d’une taille supérieure à 256 ko.

Conseil : puisque ces « boutons » sont des éléments de l’interface graphique, veillez à ce que leur poids (nombre de kilo-octets) ne soit pas trop élevé (en général, moins de 10 ko) si vous voulez que la navigation sur le site reste fluide.

 Télécharger le fichier « image »

Une fois ce fichier sélectionné, cliquez sur le bouton « Téléverser ». Votre logo s’affiche alors. Il est suivi d’un bouton « Supprimer », qui vous permet, simplement, de supprimer ce logo.

logo de l'article (3)

 Remplacer le logo

Il peut arriver que vous vouliez remplacer le logo par un autre fichier. Cela se fait en deux étapes :

  • commencez par « Supprimer le logo » : l’interface précédente, dotée du bouton « Téléverser », apparaît à nouveau ;
  • téléchargez le nouveau fichier, selon la procédure déjà décrite.

Du fait du fonctionnement des butineurs, l’image qui s’affiche alors est erronée, puisqu’il s’agit encore de la version précédente (l’image est « en cache » de votre navigateur). Cliquez sur cette image (avec le bouton droit de votre souris, ou en maintenant la touche « ctrl » sur Macintosh) afin de faire apparaître un menu déroulant local : sélectionnez l’option « Recharger cette image » (ou, en anglais, « Reload image »). La nouvelle version de votre logo devrait alors s’afficher.


3. Logo pour le survol

Après l’installation du premier fichier (logo simple), l’interface affiche non seulement le logo que vous avez installé sur le serveur, mais ajoute une seconde interface, sous le titre « LOGO POUR SURVOL ». C’est par cette interface que vous pouvez indiquer le second fichier nécessaire à la gestion du survol, c’est à dire le logo qui apparaîtra au passage de la souris.

logo de l'article (4)

Si vous créez un bouton gérant le « survol », créez deux fichiers graphiques différents (un pour le bouton « normal », et un autre fichier s’affichant lorsque le bouton est survolé par la souris) : il convient alors que ces deux fichiers aient exactement la même taille (en pixels).

Si, lorsque vous avez installé les deux fichiers, vous supprimez le premier (le bouton « simple »), l’interface du second logo ne s’affiche plus. En effet, en l’absence du premier logo, il n’y a plus de raison de gérer un quelconque « survol » !

Aucune intervention dans le « texte » de votre article n’est nécessaire. Lors de l’affichage sur le site public, la gestion des logos des rubriques est entièrement automatique. Le code HTML sera généré en fonction de la taille du logo, et la fonction de survol en JavaScript sera également créée automatiquement.


Documentation sur SPIP

Pour ceux qui veulent aller plus loin dans la connaissance de Spip, voici des liens vers quelques pages web et documents :

 C’est quoi SPIP ?

 Principe général de SPIP ?

 Spip, par le début

 Mode d’emploi Rédacteurs [en archive]

 SpipEdit : SpipEdit est un éditeur Windows wysiwyg pour Spip [en archive]

 Mémento des raccourcis (pdf)

 Introduction à Spip et guide de l’utilisateur (version 1.8) (pdf) [en archive]

 Doc d’intro synthétique à Spip et sa programmation : 4 pages [en archive]

 Cours Spip rédacteur : 16 pages, couvre la version Spip 3.0 (pdf - 370.3 Ko) nouveau

 Documentation Spip sous word : inclut donc les évolutions apportées avec Spip 1.8 et 1.8.1 [en archive]

 Cours Spip administrateur : 6 pages, suivi redactionnel d’un site, ne couvre pas la gestion technique (pdf) [en archive]

 Documentation PDF de Spip : la documentation officielle de Spip en 12 documents pdf

Vincent Thizeau

Professeur de S.V.T.
Sciences de la vie et de la Terre
Webmestre du site du lycée Louis Bascan
|→ Découvrez l'application Android Lycbascan : « lycée mobile Louis-Bascan »
turboself esidoc monlyceenet promote pix Applications en ligne : [Turboself] - [Esidoc] - [ENT Monlycée.net] - [Pronote] - [Pix]
allemand anglais espagnol italien Portail des langues vivantes : [Allemand] - [Anglais] - [Espagnol] - [Italien]

Maroc

🌈 MAROC 2020, LE DEFI 👟🎒 Nous avons besoin de vous ! https://urlz.fr/9Sjq

Publiée par Lycée Louis Bascan – page officielle sur Lundi 27 mai 2019