#codage fiche rp

[thedenmdy]

Accessibilité, design, codage… : par où commencer pour le (re)design de mon forum ? (2/2)

Ceci est la suite de mon premier post disponible ici ! (je suis en galère sur la mise en page, bear with me KLJDHSD) -- Suite aux différents questionnements qui viennent nourrir ton processus de design, on passe à un peu plus tangible.

Conceptualisation : Comment ?

Comment est-ce que tu peux atteindre les objectifs que tu t’es fixé dans les questions précédentes ?

Ça peut passer par une liste des templates que tu veux revoir en priorité, ça peut passer par des checklist de fonctions à intégrer à ces templates pour ne rien oublier.

Personnellement, je recommande de passer par une étape de wireframe pour ne pas partir trop à l’aveuglette et garder le cap sur la quantité de travail à venir !

Qu’est-ce qu’un wireframe ? En gros, dessiner des grosses boîtes pour symboliser tes fonctions, et bricoler un squelette de page avec pour savoir comment structurer ton nouveau design sans rien oublier ! Un wireframe prend n’importe quelle forme, du gribouillis sur papier au Figma collaboratif en passant par des post-its, c’est toi qui décides ce qui te parle le plus !

Voici une liste de petits conseils en vrac à garder en tête lorsque tu t’approches de la construction tangible de ton nouveau design :

Concentre-toi sur les fonctions qui font vivre le forum en priorité 🔥

Tu veux donner l’espace à tes membres pour écrire et construire leurs histoires et leurs personnages, pour échanger entre joueur.se.s en paix ! Contrairement à ce qu’on a laissé s’installer comme standard, il vaut mieux parfois éviter de se disperser et de trop en faire au risque de non seulement rendre l’expérience trop complexe pour tes membres, mais aussi de te mettre une pression énorme en tant que staff.

Le coeur de nos forums, c’est le RP sans distraction (écriture comme lecture), mais aussi la création d’univers avec les médiums que chacun.e préfère ! Ça passe aussi par le confort que tu peux apporter en proposant une interface claire qui les mettra en confiance pour créer. Par exemple, passer 75% du temps d’écriture à débuguer un code de fiche n’est pas très motivant pour la créativité (sauf pour les bouffeurs de cartes graphiques de ce monde, je me compte dedans 🤡). De même, perdre du temps pour retrouver X ou Y information parce que la navigation est trop complexe ou les annexes peu lisibles dissuadent également de potentiels nouveaux arrivants !

N’aie pas peur de jeter tout ce qui est superflu - promis, ça va aller ! 🙆‍♀️

As-tu réellement besoin de ce champ “inventaire” dans le profil des membres ou est-ce que ça peut simplement être une liste dans un post dans la gestion des personnages ? Est-ce que toutes les informations affichées sur ma page d’accueil sont-elles utiles au quotidien et/ou très nécessaires ? On l’a tous.tes rencontré, ce problème…

Retirer ce qui n’est pas utile, c’est non seulement un gain de place et d’espace pour améliorer la lecture de ton forum, mais aussi un gain de temps et d’énergie pour toi, codeur.se, graphiste, admin qui doit maintenir ton forum, que de ne pas s’embêter avec 20 différents champs de profil dans un mouchoir de poche, ou des citations vagues pas toujours très claires ni très utiles dès qu’il y a un blanc à combler.

C’est un peu la technique Marie Kondo, mais pour les interfaces web, et peut-être en un poil plus radical. If it does not spark joy (ou si ça ne vous est pas utile au quotidien), alors tu peux jeter - ça ne te manquera probablement pas ! Et rien n’est définitif. Si finalement, ça s’avère important, tu le verras très vite !

L’accessibilité web, c’est tout d’abord pour les utilisateur.rices en situation de handicap, évidemment. C’est très important, c’est le but prioritaire de l’initiative. Mais si tu peux et veux aller plus loin, ça ne s’arrête pas là !

C’est aussi rendre ton forum utilisable et inclusif pour des membres qui n’ont pas forcément les moyens de posséder du matériel dernier cri, c’est le rendre accessible aux potentiels membres qui ne vivent pas dans une grande ville et/ou avec une connexion internet datée…

L’accessibilité web au sens large englobe tout profil d’utilisateur pouvant être défavorisé.e d’une manière ou d’une autre (par des troubles physiques, neurologiques, par leur milieu social, par leur localisation géographique…) qui l’empêcherait de pouvoir venir s’amuser avec d’autres joueur.se.s…

À titre d’opinion plus personnelle, j’aime aussi penser que l’accessibilité web dans sa mission la plus large devrait également englober l’inclusivité ; parce qu’un espace, une communauté ou un produit qui discrimine d’une quelconque manière n’est à mon sens, tout simplement pas accessible par définition.

Commence ton nouveau design avec les best practices courantes en tête, et tiens-toi y au maximum !

C’est peut-être plus facile de commencer de quasi-zéro, plutôt que de repasser balise par balise sur un code déjà créé (peut-être par d’autres personnes, peut-être ayant vu passer de nombreuses modifications au fil du temps… un casse-tête en perspective).

La base du Blank Theme de Geniuspanda propose une bonne base propre si tu es découragé.e par les thèmes de base de Forumactif (as you should, c’est un joli bazar).

Parmi les conseils et best practices plus techniques à garder en tête lorsque tu construis ton design d’interface, en voici quelques-un (mais mes collègues créateur.rices ont déjà beaucoup écrit à ce sujet, quelques liens sont dispo en fin de post !)

➡️ Tu connais le laïus des tailles de typo… on reste à 14px minimum pour le texte courant, et des interlignes de 150% de la taille du texte !

Le choix des typographies également est important - garde les zigouigoui fancy pour des gros titres seulement, et fais dans la simple sans-serif/sans empâtements (de type Helvetica/Arial) pour le corps de votre texte !

Les typographies serif/à empâtements (de type Times) sont faites pour l’imprimerie, pas le web… si tu y tiens, elles peuvent cependant faire de très bons titres, si la taille de caractère est suffisamment grande !

➡️ Le gras, l’italique, les couleurs, les paragraphes clairement définis… sont des éléments indispensables à la lecture de ton contenu, surtout s’il devient long.

Ils ancrent l’oeil lorsqu’on parcourt la page et nous aide à lire plus rapidement et sans s’épuiser, et attirent notre attention pour mieux se concentrer !

Attention aux choix de couleurs : outre le contraste et les potentiels membres atteint.e.s de daltonisme, n’oublie pas non plus le changement entre light et dark mode, par exemple ! Cette teinte de rouge bordeaux sera très bien sur fond clair, mais si la moitié de tes membres utilisent le dark mode, c’est foutu…

➡️ VIRE MOI CE TEXTE JUSTIFIÉ DE LÀ ! (je rigole zéro I will die on this hill .) (vas-y, je regarde .) (👁️ 👁️)

Trève de clowneries, pour le web en particulier, même si beaucoup trouvent ça visuellement “satisfaisant”, la justification est un désastre de lisibilité. Les espaces entre les mots d’une police de caractères sont précisément calculés pour faciliter la lecture et le mouvement de l’oeil ; par défaut, la justification dérègle et déséquilibre ce travail.

C’est un mode d’alignement qui est fait pour des paragraphes de texte aux largeurs précisément calculées (du genre : colonnes dans un journal) et donc fait pour l’imprimerie, et pas pour des écrans et des interfaces responsive à largeur variable !

➡️ Le scroll interne, c’est (pour la majorité des cas) démodé : dit comme ça, c’est un peu sensationnel, mais c’est réel.

Autrefois, on voulait tout caler dans une seule page au maximum, avoir toutes nos informations dès le premier chargement. Certes, avoir les informations importantes en haut de page et même above the fold (avant de commencer à descendre dans la page au-dessus de la bordure du bas de la page) est bien, mais ce n’est plus aussi important qu’avant. Dites merci aux smartphones et aux réseaux sociaux aux scroll infinis, qui nous ont clairement fait accepter le geste comme partie intégrante de notre expérience web !

N’aie pas peur d’avoir des longues pages : si le contenu est clairement lisible et structuré, ce n’est plus un problème. Il vaut mieux être transparent.e sur la vraie longueur de tes pages d’emblée et la montrer à tes membres dès le chargement de la page, plutôt que de tout planquer dans des petites pochettes-surprise au scroll interminable et souvent très étriquées.

➡️ Optimise tes images dès que possible : une image devrait idéalement peser moins de 500Kb, 1MB peut-être maximum si il s’agit d’une image importante (par exemple, un header ou un fond). Limite l’utilisation de gifs animés au minimum, et veille à ce qu’ils ne soient également pas trop lourds. Pour optimiser tes JPEG ou tes PNG, compresse-les sur Photoshop ou similaire à l’export d’abord, puis tu peux également les passer à la moulinette Tinypng pour diminuer encore leur poids !

➡️ Less is more : laisse respirer ton forum !

C’est important pour la hiérarchie des informations, et pour pouvoir lire le contenu sans se fatiguer. Un espace vide n’est pas une mauvaise chose !

Alternativement et débat peut-être parallèle, j’aimerais pouvoir déconstruire cette idée reçue qui s’est établie au fil du temps que plus il y a de choses, mieux c’est. Les forums rpg sont victimes d’une course au toujours plus pour se démarquer, qui est très “naturelle” d’un point de vue social, concurrentiel et au fil de l’évolution des modes. Ça a aussi toujours été au détriment de l’accessibilité - ce n’est pas nouveau (fallait voir la gueule des trucs en 2005 je vous jure, on se rend vraiment pas compte du chemin parcouru KDJSHD).

Mais en 2024, non seulement on a des voix pour se rendre compte qu’on peut et doit mieux faire, mais aussi les outils pour ! C’est difficile à intégrer et ce sera une idée pré-concue qui risque de durer encore longtemps, mais un forum simple et épuré n’est pas un mauvais forum ! Il y a d’autres moyens de construire un univers original, créatif et visuel que par l’accumulation et le maximalisme ambiant qui s’est installé au fil des années, au détriment de beaucoup d’autres choses importantes (perte de temps de construction/maintenance, pression de la surenchère, diminution des performances techniques/augmentation des temps de chargement, et, évidemment, le manque de lisibilité et accessibilité).

Si nos parents (et même nous encore) étions capables de nous projeter dans des jeux de rôle sur table sans rien d’autre qu’un MJ et une fiche de personnage gribouillée sur un bout de papier, je suis persuadée qu’on n’a pas besoin de tout ça pour créer et écrire sur Internet !

Disclaimer de fin

Celleux qui connaissent mes projets pourraient me jeter la pierre du “faites ce que je dis et pas ce que je fais” là dessus, je plaide coupable. Personne n’est parfait, aucun forum n’est parfait !

Le mien comme tout autre a son lot de problèmes et de points à améliorer dont le staff est conscient, pour diverses raisons pour la plupart historiques, et est victime d’une tendance très personnelle à vouloir être toujours trop exhaustive (mais je me soigne… un peu… vous pouvez constater la longueur de ce post, c’est compliqué LOL). Et pour chaque problème réglé, peut-être que de nouveaux apparaîtront ailleurs.

Mais avec le temps, ça se corrige ! Tous ces points sont des choses que l’on peut améliorer petit à petit, en remettant nos choix en question régulièrement après un peu de recul.

À titre d’exemple, on travaille (lentement) en ce moment sur une grosse refonte du code et du design (le gros de la version actuelle datant de l’été 2022), avec une nouvelle revue de la typographie et de l’utilisation de l’espace qui se fait évidemment toujours trop tarder, mais aussi avec une emphase particulière sur l’optimisation des scripts additionnels du forum. Ajoutés récemment dans une phase initiale de test pour juger de leur accueil dans la communauté, ils sont cependant mal optimisés (tournent à vide sur des pages sur lesquelles ils ne sont pas utiles, demandent trop de ressources…). Ils sont même aujourd’hui sont une très grosse cause de nos problèmes de performance actuellement, et posent souci à plusieurs membres dont le matériel a du mal à suivre, ce qui n'est franchement pas viable. Avec cette refonte, on essaie de nous recentrer sur le “où”, “quand” et “comment” : sur quelles pages et à quel moment de mon utilisation du forum ces gros scripts sont-ils nécessaires ? Comment puis-je les réorganiser avec les outils que Forumactif me propose ?

En conclusion…

Si le débat ou la démarche de refaire toute ton interface te fait peur, c’est normal !

Déjà, Forumactif n’aide pas (trop - pour mettre le nez dans du vrai webdev quotidiennement, ça pourrait être bien pire, honnêtement. Le service proposé a un potentiel immense pour quelque chose de 100% gratuit !), notre matériel de base n’est pas optimisé ni facile à comprendre pour les plus novices. Et bordel, un forum, c’est pas juste une page statique, c’est une interface super complexe, quand on y pense !

Mais aussi, il s’agit d’un hobby, et il n’y a pas vraiment de “bon” moyen universel pour essayer d’améliorer l’accessibilité et l’usabilité de son forum. On fait avec notre temps libre et nos connaissances, et si vous n’avez pas le temps et les capacités de pousser plus loin que des tailles de police ou d’interligne, eh bien, au risque de me répéter, j’ai envie de dire que c’est déjà mieux que rien.

Toute initiative peut être une bonne initiative, tant que tu la prends ! La première étape est d’être conscient.e des améliorations possibles et d’accepter qu’on devrait mieux faire quand on le peut.

Je ne saurais que vous encourager à entamer la démarche, le reste viendra en temps et en heure - que ce soit en termes de temps libre, d’énergie ou de connaissances !

Et surtout : demande-toi toujours “pourquoi” 🫶 Merci d'avoir lu jusque là et : courage, tu peux le faire !!

Quelques ressources utiles

Pour se renseigner

Le manifeste du W3C sur l’accessibilité web

The ultimate UX Design Thinking par Annie Dai (en Anglais)

Overlay Fact Sheet partagée par @brunswicked

Tutoriels et conseils

La section tutoriels du forum du Blank Theme par @code-lab

Rendre vos forums plus accessibles par @noxeternam

Conseils d’accessibilité graphique par @andthesunrisesagain

Tips d’optimisation de votre design par @aeroplvne (la bise !)

Installer un dark/light mode par @decrescxndo

Mon petit plaisir du lot pour l’inspiration…

Je vous conseille de lire la série de posts de @code-lab sur le développement du design de What Remains (1 - 2 - 3 - 4)

Même si ça peut paraître être une dose de travail et de recherche assez énorme pour quelque chose que vous faites dans votre temps libre, c’est simplement très intéressant pour observer la démarche de design dans ses phases de construction et avec des visuels à l’appui !

[1-forall]

Avancement

Amis aventuriers, nous sommes ravis de vous accueillir dans notre univers en pleine création. Voici un aperçu de nos avancées du côté rédactionnel et du design :

Contexte et Règlement Contexte : 95% Règlement : 95%

Univers en Expansion Groupes : 95% Système de Combat : 95% Map et Mondes : 25%

Fonctionnalités du Forum Boutique et XP : 85% Messages de Validation : À venir TopSite et Jeux : 75%

Interactivité et Communication Scénario et Histoire : 95% Communication In-Game et City : À venir Journal de Bord et Liens : À venir

Staff et Communauté Présentation Staff : À venir Demandes et Suggestions : 95% Absences et Départs : 95%

Partenariats et Invités Partenariats : 95% Invités et Questions : 95%

Apparence - Design Recherche d'Image : 75% Choix du Design : 100% Maquette (Index) : 100% Maquette (Message) : 100% Maquette (affichage de la liste de sujet/mp) : À venir Installation du Design : À venir Icons Lancé de Dés : À venir icon légende de type évènement rp :À venir icon equipement/magie : À venir maquette guidebook : À venir maquette faceclaim des perso : À venir maquette (fiche présentation) : 50% Maquette (Profil avancé) : 50%

Apparence - Codage Barre de Navigation/Toolbar : À venir Fiche de Présentation : À venir Fiche de Projet : 100% Fiche Présentation Staff : À venir Profil Avancé : À venir Profil dans les Messages : À venir Création du Faceclaim Personnage/Avatars Pris : 15% Profil Utilisateur : À venir Catégorie : À venir Qui Est en Ligne : À venir Page d'Accueil : 75% Fiche de Pub : À venir Fiche de Scénario : À venir Fiche de Sujet Administratif : À venir Divers Scripts : À venir Affichage de la Liste de Sujets : À venir Affichage de la Liste de MP : À venir Guidebook : 15%

[lilie-stuffs]

Codage fiche rp

Voici un petit codage de fiche rp, tout frais, que vous pourrez retrouver sur Fantasmagorie. Règles : •  Ne supprimez pas le crédit, s'il vous plaît. •  Les couleurs et les polices peuvent être modifiées. Le code se trouve ici : fiche rp.

[iceaxdfire]

FICHE RP NR.01  ● LIVE VERSION & CODE Je vous viens avec ma première PA en libre-service. Voici quelques informations et conditions à respecter:

● ne supprimez pas le crédit qui se trouve en bas de la fiche, sans quoi ce sera signalé. ● tout est changeable (images, fonts), même si je conseille de garder la font du titre telle quelle puisque le code est ajustée pour celle-ci.

Toute autre information importante vous pouvez retrouver dans le lien explications. Si vous avez des questions n'hésitez pas à passer par le sujet de questions et si vous avez des suggestions vous pouvez passer par-ci.

PS: le forum est encore en construction, tout n'est pas encore fini, sorry pour le codage pas encore trop calé.

[niniel-creation]

Fiche lien 01 ♦ multi image ♦ teintes adaptables ♦ Fiche  ♦  Liens

[wildsquirrelcreation]

La motivation vient en travaillant : la preuve, ça faisait longtemps que je n'avais pas autant codé pour du libre-service. Et puis je voulais utiliser cette magnifique photo d'Eun-woo depuis longtemps, ça m'a motivé. Sinon c'est le deuxième post que je prépare à l'avance, j'espère que la file d'attente fonctionne correctement... Bref. Voici une fiche de lien, largement inspirée de Twitter. Après toutes ces années, il était temps que je fasse quelque chose avec ce réseau social. → Pour voir le code c'est ici

— les images sont modifiables, elle se recadrent automatiquement. — la hauteur de la fiche et des liens s'adaptent automatiquement. — les couleurs se changent dans le style en bas. — ne pas retirer le lien vers mon Tumblr.

J'esprère que vous l'aimerez autant que moi. Likez ou rebloggez si vous l'utilisez ça fait toujours plaisir et ça permet de faire connaître le Tumblr :) Et si vous avez un problème n'hésitez pas à m'envoyer un message sur Twitter ou ici.

[pisralels]

KoalaVolant

Codages - Une nouvelle fiche rp à deux gifs + titre & feat/citation disponible ici : clic - Une signature à 3 gifs disponible ici : clic Avatars 20 avatars de Danielle Panabaker : clic 20 avatars de Daisy Ridley : clic 20 avatars de Dichen Lachman : clic 20 avatars de Bradley James : clic 20 avatars de Brant Daugherty : clic 25 avatars de Brendon Twhaites : clic

Pretty Girl

Stefanie Bertram Rose 9 avatars ici

Rosee

20 avatars de Jeremy Renner : clic 9 avatars de Colt Prattes : clic

Wollstonecrafts

5 avatars de Katheryn Winnick ici 28 avatars de Madelaine Petsch ici 69 avatars de Oscar Isaac ici

[nowayout-rpg]

NO WAY OUT | VERSION 2 (maj)

Nous sommes ravies de vous présenter la première maj du forum. Cette deuxième version est signée Scylla, le header et les avatars ont été réalisés grâce aux ressources graphiques de @cavalierfou (gif et citation du header, police principale, texture de fleurs et squelette de l'avatar admin) qu'on remercie énormément pour ça (vous pourrez trouver ces pépites dans son pack d'halloween)

Le reste des crédits n'a pas changé par rapport à la première version du forum et vous pourrez les retrouver dans leur intégralité sur le forum ou dans ce billet. Le codage est issu du blank-theme de @gp-kim et de codes en libre service de @iceaxdfire ; avoir accès à des ressources aussi merveilleuses est une chance inouïe

𝐋𝐄𝐒 𝐍𝐎𝐔𝐕𝐄𝐀𝐔𝐓𝐄́𝐒

— Un mini event de Noël et son rp commun, plus propice qu'une grosse intrigue en cette période de fin d'année (on remercie fort nos membres d'avoir pris le temps de répondre au questionnaire que nous avions mis en place pour préparer cette maj d'ailleurs et qui nous a permis de cerner les attentes de chacun·e)

— Des animations hors rp pour celleux n'ayant pas le temps ou l'envie de participer au rp commun ; une loterie avec des lots à gagner pour son personnage inrp et une chasse aux cadeaux (à défaut de pouvoir offrir de vrais cadeaux à nos membres blblbl)

— Une nouvelle annexe courte et récapitulative sur la situation dans le reste du monde (qui reprend les informations imaginées par les membres dans leurs fiches de présentation sur les autres zones de quarantaine ou communautés)

nowayout.forumactif.com

[ooolympia]

((fiche rp une))

Voici ma première fiche de réponse rp, je débute en codage, alors je suis pas certaine à 100% que toute la syntaxe est bonne, mais bon le rendu l’est aha Donc si jamais ça peut vous servir, n’hésitez pas à l’utiliser.

- pas besoin de me créditer.

- vous pouvez tout à fait la modifier au gré de vos envies.

- les gifs proviennent de mon tumblr, ils se redimensionnent automatiquement.

VOICI LE CODE.

Bonne journée ♥

[kitten-ls-blog]

Fiche de réponse RP simple et modifiable

• Très simple à modifier au niveau des couleurs et de l’image ;

• L’image se recadre automatiquement à la taille de la fiche, attention ; un texte apparaît au passage du curseur ;

• En cas de problème, merci de me contacter ;

• Ne pas retirer les crédits.

Cliquer ici pour l’utiliser.

[elementary-graph]

Je débute tout juste en codage et je fais probablement toutes les erreurs possibles étant donné que j’ai une impatience de niveau olympique mais je vous met à disposition cette première fiche de réponse rp au cas où elle intéresserait quelqu’un.  Merci de ne pas retirer les crédits ♡ N’hésitez pas à liker/rebloguer pour me soutenir ♡  //CLIQUEZ ICI POUR LE CODE//

Disclaimer: Je n’ai pas réussi à trouver le créateur du gif utilisé. N’hésitez pas à me contacter si vous avez son pseudo ♡

[ailahoz-rpg]

https://better-stranger.forumactif.com/

OUVERTURE //

Nous sommes tellement impatientes et fières de ce projet que nous ouvrons 24 heures avant la date et l’horaire annoncée...

L'idée de créer ce forum nous est venue après des années à écumer le monde du RPG dans l'espoir de trouver la perle rare : un forum où l'on se sentirait bien, dont l'essence serait avant tout l'écriture et le partage.

Sur Better Stranger, il n'y a ni personnages préféfinis, ni fiches de liens et la présentation est minimaliste, afin de mettre en lumière les rencontres hasardeuses et mystérieuses. Vous découvrirez les personnages (et pourquoi pas leurs joueurs) au fil des rp, tisserez des relations plus spontanées avec le lot de surprises que cela implique Pour ce design d'ouverture, nous pouvons donc remercier AILAHOZ qui nous a créé cette dinguerie d'originalité.   Et pour le codage, nous remercions pisces mercury d’être si persévérante, et ainsi être la meilleure codeuse que BS aurait pu espérer. Nous espérons sincèrement que ce concept vous permettra de vous épanouir parmi nous et de faire plein de belles découvertes !! Un grand merci d'avance à ceux qui croiront en Better Stranger     Amusez-vous bien ! AILAHOZ & pisces mercury

https://better-stranger.forumactif.com/ https://better-stranger.forumactif.com/ https://better-stranger.forumactif.com/

[boite-a-idees]

FANTASMAGORIE c’est : 81 célébrités en avatars 32 icons 15 célébrités en gifs 14 célébrités en gifs crackships 8 célébrités en aesthetics Ainsi que des codages divers (fiches, signatures, rp, ect.) https://fantasmagorie.forumactif.com/

[lilie-stuffs]

Fiche rp

Voici un petit codage de fiche que je viens de faire. Elle est personnalisable en couleurs, tailles, police d'écriture etc. Je vous demande juste de ne pas retirer le crédit. Vous avoir le code, c'est pas ici : ( codage )

Et désolée, je ne suis pas une pro du codage, je fais avec mes capacités ^^

[iceaxdfire]

FICHE RP NR.03 ● LIVE VERSION & CODE Je vous viens avec ma première PA en libre-service. Voici quelques informations et conditions à respecter:

● ne supprimez pas le crédit qui se trouve en bas de la fiche, sans quoi ce sera signalé. ● tout est changeable (images, fonts) et couleurs bien entendu.

Toute autre information importante vous pouvez retrouver dans le lien explications. Si vous avez des questions n'hésitez pas à passer par le sujet de questions et si vous avez des suggestions vous pouvez passer par-ci.

PS: le forum est encore en construction, tout n'est pas encore fini, sorry pour le codage pas encore trop calé.

[niniel-creation]

Fiche RP 04 ♦ 1 ou 2 colonnes ♦ 1 image ♦ Noir nuancé de rouge  ♦ Download 1  ♦  Download 2