Laurent

Communication globale Médecine nucléaire - Paris Sud

Création graphique Identité graphique d'un service hospitalier
Fusion d’un atome et de la silhouette de la tour Eiffel, le logo du Service de Médecine Nucléaire - Paris Sud adopte les tons bleus et argentés pour signifier la dimension technologique de la pratique.
Le logo a été décliné en 4 versions, pour pouvoir s’insérer sur tout type de support.

Site web Médecine Nucléaire - Paris Sud
Nous avons refondu le site internet du service de Médecine Nucléaire Paris Sud.
› En savoir plus › Visiter le site
Communication globale Liberté actus

Création graphique Identité graphique d'un site d'information
Le logo filiforme adopte en guise d’accent l’aile d’un oiseau qui rappellera tantôt celle de la colombe de la paix, tantôt le message délivré par le pigeon voyageur, animal symbolique du Pas-de-Calais d’où le titre reprend son envol.
› En savoir plus
Site web Liberté Actus
Nous avons réalisé le site internet du journal Liberté Hebdo.
Ce site a vocation éditoriale est adossé à un système de consultation d’articles à 3 niveaux (tout public, inscrits à la newsletter et abonnement payant avec plusieurs formules).
Doté de toutes les fonctionnalités d’un site éditorial, l’outil permet aux administrateurs de paramétrer l’intégralité de la mise en page de la page d’accueil avec un système de mise en page par strate conçu spécifiquement pour le site.
› En savoir plus › Visiter le site
Site web HSL - Hempire scene logic
Nous avons réalisé le site de HSL - Hempire scene logic.
Cette structure assure depuis 2023 le travail de production pour des artistes, groupes ou compagnies qui restent indépendants sur le plan artistique et pour la recherche de dates.
Le site présente HSL, son conseil d’administration et son histoire sous forme d’une mini frise du temps dynamique.
Il contient aussi l’annuaire des artistes accompagnés par HSL.
› En savoir plus › Visiter le site
Communication papier Que s'affiche-t-il sur une page rubrique ?
Version noisetierCet article présente la manière de composer la mise en page des pages de rubrique.
› En savoir plus
Communication papier
"80", c’est le numéro de document correspondant au petit pictogrme de téléphone. Celui-ci a été rempli automatiquement après avoir cliqué sur "Parcourir la médiathèque" et choisi l’image à afficher.
› En voir plus
Communication papier Comment modifier la page d'accueil ?
La page d’accueil peut contenir un message d’accueil, un message d’alerte, et les dernières actualités du site.
Nous allons voir comment les modifier.

Communication papier Comment créer une nouvelle fiche artiste ?
Vous voulez ajouter de nouveaux membres ? Vous trouverez ici les différentes actions à exécuter pour créer une nouvelle fiche artiste.
› En savoir plus
Site web Artbribus - Site de Mustapha Boutadjine
Mustapha Boutadjine confère à l’art du portrait un surcroît de sens.
Avec une multitude de fragments extirpés d’une dérisoire marée visuelle qui envahit les journaux et les écrans, il compose ses portraits-mosaïques. Par cette pratique, la représentation d’un visage se veut témoignage d’une figuration plus vaste, plus profonde et sédimentée.
Les visages deviennent des paysages, et c’est ainsi qu’en les livrant à un nouvel espace, Mustapha Boutadjine les affranchi des limites du temps.
› En savoir plus › Visiter le site
Communication papier Ajouter un événement
Vous trouverez dans cet article les instructions pour ajouter un événement au site.
› En savoir plus
Communication papier Comment retirer une page des résultats de Google ?
(ou d'un autre moteur de recherche)Pour déréférencer une page d’un moteur de recherche, la première action à effectuer est de dé-publier l’objet en changeant son statut. Une fois cette action effectuée, l’objet n’apparaîtra plus sur le site et sera progressivement mis en retrait des résultats de recherche.
Lorsqu’il s’agit du dé-référencement d’un auteur, il faut lui attribuer le statut "à la poubelle".
Lorsque la demande de déréférencement concerne les résultats de recherche qui apparaissent à la saisie du nom et du prénom d’une personne physique, il est possible d’accélérer le processus. On peut demander aux différents moteurs de recherche de déréférencer la page via un formulaire de demande de suppression de résultats de recherche. Voici les liens pour les moteurs de recherche les plus populaires. Moteur de rechercheFormulaire ou Contact Bing Formulaire de demande en ligne Google Formulaire de demande en ligne Qwant Formulaire de demande en ligne Yahoo ! Formulaire de demande en (...)

Communication papier Le rôles d'auteurs et les rôles de documents
Il est possible d’attribuer un rôle aux documents et aux auteurs. Cela permettra de faire apparaître ces éléments aux endroits adéquats.
› En savoir plus![Exemple de la mise en page des documents sur la page [->726] Exemple de la mise en page des documents sur la page [->726]](local/cache-gd2/15/b9e07e992bbab8dc1c2544e1354c43.jpg?1737273848)
Communication papier Exemple de la mise en page des documents sur la page [->726]
La présence d’un document ayant un rôle Une Crée une colonne de gauche avec le logo d’article (1)
La présence d’un document avec un rôle Détail de l’ouvrage provoque la création d’un bouton "lire l’extrait" (2)
Les autres documents sont listés sous forme d’une liste sous l’intitulé "à télécharger" s’il s’agit de document de type fichier. (3)

Communication papier Exemple d'affichage de nom d'auteurs dans une liste d'ouvrages
Ici, un Auteur de l’ouvrage suivit d’un auteur de la préface.
› En voir plus
Communication papier Que dois-je faire lorsqu'une commande est passée ?
Lorsqu’un client effectue une commande. Vous recevez une notification de celle-ci à l’adresse adapt snes.edu. Vous devrez alors renseigner votre client à chaque étape du traitement de celle-ci.
› En savoir plus
Communication papier Comment ajouter des éléments sur la page d'accueil ?
La page contenu > module permet de modifier la plupart des éléments qui se trouvent sur la page d’accueil ainsi que les éléments en pied de page. Cet article détaille la procédure pour modifier ces éléments.
› En savoir plus
Communication papier Formulaire de liaison
avec 3 éléments liés
› En voir plus
Communication papier Comment rendre l'adresse d'une page plus petite ?
Il est parfois utile de faire pointer un article vers une adresse internet courte et facile à retenir. cet article explique comment y parvenir.
› En savoir plus
Communication papier Modifier un menu de navigation
Votre site est pourvu de 4 menus. Vous trouverez ici la documentation pour pouvoir modifier les entrées de ceux-ci.
› En savoir plus
Création graphique Bilan de mi mandat d'un conseiller régional
Nous avons accompagné le conseiller régional des Hauts-de-France Julien Poix dans la conception de son bilan de mi-mandat.
Soutien aux agriculteurs, aux salariés de l’EPSM de Bailleul, ou encore aux ouvriers de Vadunes... cette plaquette revient sur les 10 luttes menées par Julien Poix durant son mandat.

Communication papier Comment configurer les notifications par Email ?
Votre site peut envoyer des notifications par E-mail lorsque certaines actions sont effectuées sur le site. Cet article fait le point sur la manière de paramétrer ces notifications.
› En savoir plus
Communication papier Illustrations Face cachée
Pour agrémenter le nouveau site web de face cachée, nous avons réalisé une série d’illustrations mettant en scène plusieurs professions artistiques sur la face cachée de notre satellite.
Face cachée agit en coulisses : Cette notion est suggérée par l’apparition d’échafaudages présentant l’envers d’une pancarte.

Création graphique Face cachée

Site web Face cachée
Face Cachée est une structure lilloise d’accompagnement administratif pour les artistes et compagnies de toutes disciplines, au niveau local, national et international.
Afin de rendre visible Face cachée, nous avons réalisé des illustrations ainsi que le nouveau site de la structure.
› En savoir plus › Visiter le site
Communication papier Fonctionnement du moteur de recherche
Comment les résultats sont-ils classés ?Le site intègre un moteur de recherche qui permet d’effectuer des recherches sur différents types d’informations présentes dans la base de données : les articles, les rubriques, les mots-clés...
› En savoir plus
Communication papier Comment extraire des informations sur les adhérents sous forme de fichier Excel ?
Votre site comporte un module permettant d’extraire les informations sur vos adhérents sous forme de fichier Excel. Voici comment celui-ci fonctionne.
› En savoir plus
Communication papier Quel est la différence entre « inscrits aux envois mail » et la liste de diffusion « visiteurs » ?
La liste de diffusion "Visiteurs" incorpore seulement l’ensemble des visiteurs du site (c’est-à-dire les personnes qui sont ou ont déjà été adhérentes, plus les auteurs et administrateurs du site, moins les personnes qui se sont désinscrit).
D’autres personnes, qui sont inscrites sur d’autres listes, ne sont pas forcément des adhérents. (cela peut être des personnes qui ont simplement utilisé le formulaire d’inscription à la newsletter du site).
La page inscrits aux envois mail liste l’ensemble des abonnées à toutes les listes du site.

Communication papier Comment gérer les notifications E-mail liées à un abonnement ou une catégorie de cotisation ?
Les abonnées pourront recevoir automatiquement des E-mail de bienvenue et / ou relances au début et à la fin de leur abonnement. Cet article vous montre comment les configurer.
› En savoir plus
Communication papier Comment ajouter une nouvelle offre d'abonnement ?
Votre site vous permet de créer un nombre illimité d’offres d’abonnement. Ceux-ci sont définis par :
- Un titre
- Un tarif
- Une durée

Communication globale Sénateurs du Nord

Création graphique Législatives de 2022

Communication papier Que s’affiche-t-il sur une page rubrique ?
Version compositionCet article présente la manière de composer la mise en page des pages de rubrique en fonction de leur composition.
› En savoir plus
Communication papier Ajouter un compte pour un nouveau membre de votre équipe.
Votre équipe de rédaction s’agrandie ? Vous trouverez ici comment ajouter un compte pour que le nouveau membre de votre équipe puisse se connecter avec ses propres identifiants.
› En savoir plus
Communication papier Présidentielles 2022
Tract réalisé pour la campagne présidentielle de 2022 pour la section PCF de St-Ouen.
› En savoir plus
Communication papier Comment associer un artiste à une exposition ou un ouvrage ?
Pour associer un artiste à une exposition ou un ouvrage, il suffit d’ajouter un auteur estampillé comme artiste. Voici les différentes actions à exécuter.
Dans un premier temps, il faut créer l’artiste, pour cela : Créer un nouvel auteur Renseigner le champs Nom et entrez éventuellement une biographie dans le champ Bio. Indiquer obligatoirement "Visiteur" dans le champ Statut de cet auteur (1). Cocher obligatoirement la case "Artiste : Cet auteur est un artiste, son nom apparaîtra lorsqu’il sera associé aux expositions" (2) en bas du formulaire. Enregistrer le formulaire. Ajouter éventuellement une photo de l’artiste en tant que Logo d’auteur
Dans un second temps, il suffira d’associer l’auteur nouvellement créé à l’article présentant l’ouvrage ou l’exposition :. Sur la page de l’article à associer, cliquer sur Ajouter un auteur. Choisir l’artiste dans la liste qui apparaît puis (...)

Site web Groupe Communiste et Citoyen de Paris
Nous avons réalisé le site des élus communistes et citoyens de Paris.
Celui-ci présente les élus du groupe ainsi que leurs interventions en s’appuyant fortement sur le programme des communistes parisiens : « Le Pari.s de l’Humain et de la planète ».
› En savoir plus › Visiter le site
Communication papier Bilan des sénateurs communistes du Nord
Le bilan des sénateurs Éric Bocquet et Michelle Gréaume adopte la charte graphique du site réalisé récemment.
On y retrouve le code couleur permettant d’associer chacun d’entre eux à un contenu spécifique.
› En voir plus
Création graphique On passe au rouge
On passe au rouge, c’est l’émission de reportage sur Radio Campus Lille qui décrypte l’actualité sous le prisme de la lutte des classes.
Pour donner une petite touche graphique à ce RDV sonore hebdomadaire, C-real a réalisé le logo et l’identité visuelle de l’émission que vous pouvez écouter tous les lundis à 19h ou en rediff sur hearthis.at.

Communication papier Comment insérer un QCM ou un quiz dans mon article ?
Cet article spécifie les codes à insérer dans un article pour créer un quizz.
› En savoir plus
Communication papier Ajouter un fichier audio dans un article
Votre site permet d’afficher ce type de contenu audio. Nous expliquons ici comment.
› En savoir plus
Communication papier Adriano Celentano
Trouvez la langue de ce morceau !
› En voir plus
Communication papier Logiciels libres
Parce que nous aspirons à vivre dans un monde de coopération plutôt que de compétition, nous avons choisi de développer nos sites sous licence libre, avec des logiciels libres.
Un logiciel libre, c’est quoi ?
Un logiciel libre est un logiciel qui peut être utilisé, modifié, dupliqué et diffusé par chacun. Il s’oppose à la logique du logiciel breveté dont l’utilisation et la modification sont soumises à de nombreuses restrictions (la plupart du temps budgétaires).
Ça veut dire quoi pour nos clients ?
Cela signifie qu’à partir du moment où ils sont finalisés, l’ensemble des sites et logiciels développés par C-real, peuvent être modifiés, dupliqués et partagés par ses clients . Le code qui le constitue n’est pas crypté, ce qui facilite sa modification.
Mais la philosophie du logiciel libre ne s’arrête pas là : pour élaborer ses sites, C-real s’appuie et distribue d’autres logiciels libres, notamment le CMS Spip. Ce type de logiciel, composant le cœur des sites développés par C-real est façonné par une importante (...)

Création graphique Perles rares
Caulier, c’est lui, c’est eux.
Tout au long de ses "Art-pentages", l’artiste Pipo Solo réalise des portraits sonores de lieux et de rencontres.
C’est dans le quartier de Caulier qu’elle a déniché des Perles Rares, des personnes à la riche générosité, des habitants aux mille facettes.
Nous avons mis en page un loporello (livre accordéon) recueillant les textes des chansons de l’artiste accompagnés des photographies de sa compagne de route, Hélène Cys.
Nous ne résistons pas à l’envie de partager le film du projet montrant les mêmes personnages avec un autre regard.

Communication papier Que s'affiche t'il sur une page rubrique ?
Version SarkaspipLes éléments suivant s’affichent dans l’ordre : Le titre et texte explicatif de la rubrique Le titre des sous-rubriques de la rubrique. Le titre, lapremière de couverture [1], l’introduction [2] , le numéro ISBN, les co-éditueurs, le nombre de pages, la date de l’édition récédente ainsi que les mots-clés des articles de la branche [3]. Ces articles sont filtrables par date, auteurs et mots-clés des groupes de mot "thématiques" (groupe 1) et "disciplines" (groupe 2).
› En savoir plus
Communication papier Comment changer le taux de TVA par défaut
Comment indiquer un taux de TVA par défaut pour tous les articles de manière à ne pas avoir besoin de la configurer à chaque ajout d’article ?
› En savoir plus
Communication papier Comment transformer un article en objet achetable ?
Votre site comporte un module de paiement permettant de vendre des objets.
Cet article vous accompagne pas à pas pour vous permettre de transformer un article en objet achetable.
› En savoir plus
Communication papier Comment ajouter des éléments sur la page d'accueil ?
La page contenu > encart permet de modifier la plupart des éléments qui se trouvent sur la page d’accueil ainsi que les éléments en pied de page. Cet article détaille la procédure pour modifier ces éléments.
› En savoir plus
Communication papier Un article
Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Integer vulputate sem a nibh rutrum consequat. Maecenas lorem. Pellentesque pretium lectus id turpis. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Phasellus faucibus molestie nisl. Fusce eget urna. Curabitur vitae diam non enim vestibulum interdum. Nulla quis diam. Ut tempus purus at lorem.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Aliquam erat volutpat. Nunc auctor. Mauris pretium quam et urna. Fusce nibh. Duis risus. Curabitur sagittis hendrerit ante. Aliquam erat volutpat. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Duis condimentum augue id magna semper rutrum. Nullam justo enim, (...)

Communication papier Créer des listes de diffusion et des formulaires d'abonnement
Ce site est fourni avec un module d’inscription à des listes de diffusion. Par défaut, une liste nommée "principale" est pré-installée. Cet article vous explique comment en créer d’autres et ajouter des formulaires d’inscription à vos articles.
› En savoir plus
Communication papier Comment modifier les coordonnées et informations importantes du site ?
La page Configuration > Identité du site, vous permet de modifier des informations importantes du site.
› En savoir plus
Communication papier Créer et envoyer des infolettres
Comment générer et envoyer des infolettres ?
› En savoir plus
Communication papier Comment créer un formulaire ?
Des formulaires peuvent être utilisés pour récolter des informations ou faire des sondages. Les administrateurs peuvent créer des formulaires et gérer les formulaires existants (consultation et exportation de fichiers tableur des résultats, duplication, vidage des réponses...).
Les formulaires créés, peuvent être insérés dans un article. Les internautes vont pouvoir répondre au formulaire. Les réponses seront envoyées par mail et/ou stockées et accessibles pour les administrateurs dans l’espace privé.
Pour accéder à l’interface de création de Formulaire, cliquer sur squelettes > formulaires Étape 1 : définition du formulaire
Sur cette page, le bouton Créer un nouveau formulaire affiche une page de configuration du formulaire qui permet de : donner un titre qui permettra de retrouver le formulaire dans la page de gestion de Formidable, ici « Nous contacter » donner un identifiant si possible bref : il sera utilisé dans les raccourcis pour l’affichage du formulaire dans les articles, pour notre (...)

Communication papier Pourquoi mon article / ma rubrique n'apparaît pas sur le site ?
Quelques règles fondamentales s’appliquent aux éléments de votre site : Un article apparaît seulement s’il est publié. Une rubrique apparaît uniquement si elle contient au moins un article publié (ou si elle contient au moins une sous-rubrique contenant un article publié). À l’inverse, il ne sera pas possible de supprimer une rubrique contenant au moins un article publié. Seuls les événements qui ne sont pas passés s’affichent en haut de l’agenda et en page d’accueil. Les événements passés sont listés en bas de l’agenda. Il est impossible de supprimer un document tant qu’il s’affiche dans un article.
› En savoir plus
Site web Sofra Radiopharmacie
Nous avons maquetté et développé le site de l’association SoFRa Radiopharmacie qui rassemble la communauté scientifique française dans le domaine de la radiopharmacie.
Doté de toutes les fonctionnalités d’un site vitrine, le site permet aux adhérents d’accéder à des articles scientifiques dans une partie privée.
Il comprend un module de gestion des adhésions ainsi qu’un annuaire des membres.
› En savoir plus › Visiter le site
Communication papier Quelles images ai-je le droit de publier sur mon site ?
Attention ! Toute image trouvée au hasard sur internet n’est pas forcément publiable.
Vous trouverez ici quelques sites où trouver des images libres de droit.

Communication papier Comment ordonner les éléments ?
Par date
[À ADAPTER SELON LE SITE] Certains éléments (par exemple les articles de certaines pages rubriques) sont classés par date de publication du plus récent au plus ancien.
Lorsqu’un article est publié, la date du jour est automatiquement associée à l’article. Dans l’encart date de publication en ligne, il est possible de changer cette date en cliquant sur le bouton changer, et ainsi modifier l’ordre d’apparition des articles.
Par numéro de titre
[SÉLECTIONNER SELON LE SITE] Certains éléments (par exemple les sous-rubriques sur les pages rubriques) sont classés par numéro de titre. Pour numéroter un élément, il faut remplir le champ numéro situé au-dessus du titre de l’élément. Pour rendre leur tri plus facile, un encart disponible sur la colonne de droite permet de numéroter l’élément avant ou après un autre élément se situant dans la même rubrique.
Certains éléments (par exemple les sous-rubriques sur certaines pages rubriques) sont classés par numéro de titre. Pour numéroter un élément, il suffit (...)

Création graphique Mairie de Paris
Nous avons réalisé 3 plaquettes pour la Mairie du 10eme arrondissement de Paris, sur les thématiques de la parentalité, de l’emploi et de la discrimination.
Ces plaquettes rassemblent l’ensemble des coordonnées et informations relatives aux structures ressources pour chaque thématique. Chacune d’entre elles comprend une cartographie.
Pour chaque thématique, nous avons proposé un environnement graphique cohérent permettant d’attirer l’attention du public concerné.
› En savoir plus
Communication papier Il existe mille et une façons d'être discriminé
Plaquette présentant les informations et les coordonnées des structures ressources concernant la lutte contre les discriminations.
› En voir plus
Site web Neptune Grand Large
Le site Neptune Grand Large permet à l’internaute de se promener dans le quartier dunkerquois du même nom à travers les vidéos du réalisateur Frederic Touchard.
Nous avons réalisé ce site qui offre un carte permettant de géolocaliser chacun des reportages vidéos et de découvrir les paroles des habitants.
› En savoir plus › Visiter le site
Site web l'Imaginaire
L’imaginaire est le Centre des Arts et de la Culture de Douchy-les-Mines. Lieu de rencontres, de diffusions artistiques et de créations, il propose des manifestations pour petits et grands : théâtre, musique, danse, spectacle jeune public, expositions et cinéma. Il comprend un cinéma labellisé Art et Essai.
Le site a été l’occasion de développer un module permettant d’administrer facilement la programmation du cinéma par la récupération de données générées par la base The Movie Database.
› En savoir plus › Visiter le site
Site web Liberté Hebdo
Nous avons réalisé le site internet du journal Liberté Hebdo.
Ce site permet de consulter, sur abonnement, l’ensemble des articles disponible sur le mensuel papier.
Doté de toutes les fonctionnalités d’un site éditorial, il propose aux non-abonnés un aperçu de ses articles alors qu’elle permet aux abonnés d’accéder à l’intégralité de leur contenu ainsi qu’à un lecteur permettant de consulter en PDF la version papier du journal.
Un module de paiement permet aux internautes de s’abonner en ligne à l’une des nombreuses offres du journal tandis que l’administrateur du site dispose d’un panel permettant de suivre en continu l’état des abonnements.
› En savoir plus › Visiter le site
Accompagnement à la rédaction Élus GUE au parlement Européen
Nous avons mis en page la plaquette du bilan des élus de la GUE au Parlement Européen.
Pour cela, nous avons réalisé des infographies permettant de visualiser la pertinence de leur vote dans cette instance.
› En voir plus
Site web Dunkerque Centre
Nous avons réalisé le site internet présentant différents quartiers dunkerquois.
Le site met à disposition une carte permettant de se promener dans chacun des 7 quartiers de Dunkerque-centre où l’internaute pourra découvrir un carillon, l’expression des habitants ainsi qu’une vidéo de présentation.
› En savoir plus › Visiter le site
Création graphique Convergence Nationale Rail
La Convergence Nationale Rail est une association qui promeut un service public ferroviaire de qualité. Elle s’inscrit dans les luttes qui portent la défense de lignes, de gares, de sites (triages...) et dans l’exigence d’être transporté dans de bonnes conditions (tarification, horaires, confort, régularité, sécurité).
Nous avons réalisé la plaquette et le livret de présentation de l’association.
› En savoir plus
Formation Les député-e-s communistes

Communication globale Logo des députés communistes
Le logo des élus du groupe GDR (gauche démocratique et Républicaine) s’inspire de l’étoile présente sur le logo du PCF auquel est ajoutée une trame rappelant les hémicycles de l’assemblée nationale.
Grâce à l’estampage de la partie droite de l’étoile, on peut aussi voir dans le logo une étoile filante vers la gauche. La pointe supérieure de l’étoile pointe elle aussi vers un pôle dérivant à gauche, symbolisant le positionnement politique du groupe sur l’échiquier politique.
› En voir plus
Site web Site des députés du groupe GDR
Le site comprend la présentation des députés du groupe ainsi que l’intégralité des interventions des députés PCF depuis 2007. Ce site responsive comprend un moteur de recherche multicritères permettant de retrouver chacune de ces interventions en fonction de sa date, d’un-e député-e ou de sa thématique.
La page Vos députés a été spécialement créé pour mettre en valeur chaque figure du groupe.
Chaque intervention est associée à un ou plusieurs mot-clés visibles sur la page thématiques.
› En savoir plus › Visiter le site
Communication papier Campagne CGT pour les élections professionnelles de 2018
Lors des élections professionnelles de 2018, nous avons réalisé les tracts pour la CGT à la région Hauts-de-France et dans le SDIS 59 (Service départemental d’incendie et de secours).
Suite à ces élections, la CGT est devenue le premier syndicat à la région Haut de France tandis qu’elle s’est maintenu comme syndicat majoritaire au SDIS.

Site web Yves Billon Zarafilm
La maison de production Yves Billon Zarafilm produit et distribue des documentaires en essayant de privilégier le regard d’auteur. Elle donne les moyens à de nombreux réalisateurs de nous faire découvrir des parcours exceptionnels et des histoires atypiques.
Nous avons réalisé le site internet de la société. Celui-ci présente un catalogue et permet de commander plus de 400 documentaires en 3 langues.
La charte graphique laisse une grande place à dimension colorée. Un système automatique associe chacune des 400 références à une couleur spécifique.
L’ensemble des vidéos peuvent être classées et retrouvées selon une vingtaine de critères (collection, langue, intervenants, aspects techniques).
Ce site responsive fourni une interface et un module de paiement permettant d’acheter en ligne les différents films.

Création graphique Cartographie des métiers

Site web Sénateurs du Nord
Nous avons réalisé le portail internet et la communication des sénateurs du Nord Éric Bocquet et Michelle Gréaume.
À la fois sobre et élégant, le portail regroupe les sites des deux sénateurs, adoptant un code couleur permettant d’associer chacun d’entre-eux à un contenu spécifique.
Enfin, le site incorpore une carte permettant de géolocaliser les déplacements des sénateurs dans le département.

Site web Ceux qui tiennent la laisse
Ceux qui tiennent la laisse est un projet de documentaire qui ambitionne de lever l’écran de fumée qui entretient le mythe démocratique pour éclairer les structures du pouvoir oligarchique : comment il se constitue et comment il s’entretient. Le registre sera celui de la fable, feignant d’adhérer au mythe qu’il s’agit de démonter.
Nous avons animé la campagne de crowdfunding permettant de soulever les fonds nécessaires à l’amorçage de ce projet.
Pour cela, nous avons décliné l’affiche du film dessinée par Tom Corbin pour en faire ressortir une identité graphique au ton satirique et cartoon.
Nous avons développé un site internet et ainsi que des illustrations animées comme celle ci-dessous .
› En savoir plus › Visiter le site
Site web Alain Bruneel
Alain Bruneel est le député de la 16e circonscription du Nord.
Nous avons réalisé son site présentant son activité parlementaire autour de thématique.
Le site adopte sur sa page d’accueil une vidéo de fond connotant le dynamisme d’un député ancré dans son territoire.

Communication papier Ajouter une vidéo à un article
Beaucoup de contenus web sont véhiculés dans un format vidéo. Votre site permet d’afficher ce type de contenu. Nous expliquons ici comment.
› En savoir plus
Communication papier Les systèmes d'envoi d'E-mail de masse
L’envoi d’infolettre est soumis à un système d’envoi d’E-mail de masse. Nous listons ici les différents services disponibles.
› En savoir plus
Communication papier Aide
Vous trouverez ci-dessous quelques informations utiles à l’administration de votre site : Mise en forme : Quelques exemples de raccourcis Insérer des images dans un article Comment insérer un tableur ou un PDF dans un article ? Ajouter une vidéo à un article Ajouter un fichier audio dans un articleFoire aux questions des rédacteurs : Pourquoi mon article / ma rubrique n’apparaît pas sur le site ? Comment ordonner les éléments ? Pourquoi les retours à la ligne n’apparaissent pas sur la partie publique ? Comment éviter de voir l’horaire sur la date d’un événement ? Quelles images ai-je le droit de publier sur mon site ?Pages d’accueil, rubrique et menus : Que s’affiche-t-il sur une page rubrique ? Modifier un menu de navigation Comment ajouter des éléments sur la page d’accueil ?Agenda et événements Comment ajouter des événements ? Comment éviter de voir l’horaire sur la date d’un événement ? Comment associer un artiste à une exposition ou un ouvrage ?Administration du site : Comment modifier les coordonnées (...)
› En savoir plus
Communication papier Comment éviter de voir l'horaire sur la date d'un événement ?
Pour afficher seulement l’horaire de début d’un événement
Un événement est associé à une date de début et une date de fin. Mais il n’est pas toujours nécessaire d’afficher toutes ces informations sur le site web.
Ainsi, la date de fin s’affiche seulement si elle est différente de la date de début.
Pour afficher seulement la date de début d’un événement sans afficher la date de fin, il suffit de mettre le même horaire en début et en fin d’événement.
exemple : affichera Pour afficher la date sans l’horaire
Certains événements n’ont pas besoin d’afficher d’horaires.
Pour éviter cela, une case à cocher Toute la journée est disponible sur le formulaire de création d’événement. Il suffit de le cocher pour voir disparaître les références horaires sur l’événement. Attention : lorsque l’on rentre une horaire de début pour la 1ère fois, l’horaire de fin se cale automatiquement 1h après l’horaire de début. Il convient de modifier l’horaire de fin après l’horaire de (...)

Communication papier Aide mémoire
Les raccourcis typographiques de Spip
› En voir plus
Communication papier Quelques exemples de raccourcis
de mise en forme de texteComme vous le savez déjà, il est possible de mettre le texte en gras ou en italique en jouant avec les accolades et les crochets.
Cet article liste d’autres possibilités offertes par Spip.
› En savoir plus
Communication papier Comment insérer un tableur ou un PDF dans un article ?
Cet article vous montre comment insérer un PDF ou un tableau à partir de document liés.
› En savoir plus
Communication papier Pourquoi les retours à la ligne n'apparaissent pas sur la partie publique ?
Le site ne prend pas en compte les simples retours à la ligne. Cela permet de copier coller des PDF à la volée sans avoir à supprimer chaque retour à la ligne.
Il existe néanmoins une astuce pour faire un retour à la ligne : Soit on passe 2 lignes pour changer de paragraphe. Soit un passe une ligne pour créer un underscore ( _ ) suivi d’un espace. Ex : Me voici à la ligne !

Communication papier Insérer des images dans un article
Cet article décrit comment insérer et mettre en forme les images à l’intérieur du texte d’un article.
› En savoir plus
Communication papier C'est pas à un vieux singe ...
... qu’on apprend à s’imposer dans un article d’aide à la publication.
› En voir plus
Communication papier Un fichier Excel
Avec des animaux
› En voir plus
Site web Kelbongoo !
Kelbongoo propose des produits frais et locaux à des prix accessibles tout en soutenant des petits producteurs locaux aux pratiques respectueuses de l’environnement et des bêtes.
Cette entreprise de l’ESS a sollicité C-real pour revitaliser son site internet. Voici le résultat.
› En savoir plus › Visiter le site
Site web Les balises se racontent
12 communes de l’agglomération dunkerquoise se sont associées afin de mettre en réseau leurs bibliothèques autour d’un projet commun : Les Balises.
En partenariat avec le réalisateur Frédéric Touchard, nous avons réalisé la page web hébergeant le documentaire "Le Balises se racontent" présentant les différentes facettes de ce réseau.
› En savoir plus › Visiter le site
Communication papier Lettre des sénateurs communistes du Nord
La lettre de sénateurs Éric Bocquet et Michelle Gréaume adopte la charte graphique du site réalisé récemment.
On y retrouve le code couleur permettant d’associer chacun d’entre eux à un contenu spécifique.
› En voir plus
Création graphique Les chemins du possible
L’association "les chemins du possible" s’inscrit dans une tradition et un esprit d’éducation populaire. Son but : s’inspirer des idéaux et principes émancipateurs qui furent ceux du conseil National de la Résistance et de son programme afin d’organiser un festival à programmation annuelle, de rayonnement régional, visant à répondre à ces ambitions.
Nous avons réalisé le logo et la carte d’adhérent de l’association.

Formation Maillage

Site web Site internet de Maillage
La bannière du site internet de Maillage symbolise la notion de "réseau en perpétuelle mutation" au sein duquel Maillage crée des liens.
L’ergonomie responsive du site internet permet de s’adapter à tous les suppport (écran traditionnels, smartphone, tablettes).
Le site dispose d’un espace vidéo, d’un agenda et d’une interface permettant aux porteurs de projet de promouvoir sa structure et de communiquer ses événements sur un agenda collectif.
Les administrateurs du site peuvent créer des formulaires, géolocaliser leur contenu et recevoir les réservations liées à leurs événements. Enfin, un module d’infolettre complète le panel des outils de communication.
› En savoir plus › Visiter le site
Communication papier Cartes de visite
Chaque salarié de Maillage peut choisir de décliner le verso de sa carte de visite dans l’une des 4 couleurs de l’identité visuelle de Maillage.
› En voir plus
Site web Mole1
Nous avons réalisé le mini-site vidéos "Mole-1 : à Dunkerque, un espace particulier".
Ce reportage interactif permet aux internautes de se déplacer sur une carte révélant les différentes installations du Mole 1 (où Quai numéro 1) de Dunkerque, transformé depuis 2015 en espace culturel.
› En savoir plus › Visiter le site
Site web Pour parler d’un jardin
Nous avons réalisé ce mini-site vidéo pour restituer l’installation de jardins partagés dans le quartier du jeu de Maille à Dunkerque.
En plus des vidéos documentaire, le site donne la possibilité de lire les poèmes écrits par les enfants du quartier et d’écouter une playlist sur le thème des jardins.
› En savoir plus › Visiter le site
Site web Nada-info : pour une info Bio
Dans un système privilégiant l’information de masse qui favorise les nouvelles courtes, mal ficelées, réchauffées à un rythme effréné, l’association Nada milite pour le maintien de l’Information Progressiste en auto-produisant une information alternative.
Nous nous sommes associé au plasticien Gianni Cappelletti pour refondre le site Nada-info présentant les productions de l’association Nada.
› En savoir plus › Visiter le site
Communication papier Annalyse retrospective du site de campagne
Notre intervention s’est conclue par la réalisation d’une étude à posteriori sur la portée du site "l’Humain d’abord" pendant la période de campagne, arrivée 3e en nombre de visites.
Cette étude a permis :
- de qualifier les atouts et les faiblesses de la campagne en ligne, par rapport aux sites concurrents.
- de dégager les thématiques ayant le plus marqué les visiteurs
- de définir 8 types d’attentes du grand public vis-à-vis du Front de Gauche

Création graphique Campagne des Régionales de 2015 pour le Front de Gauche

Site web L'Humain d'abord !
Nous avons réalisé et animé le site de campagne du Front de Gauche pour les régionales de 2015 intitulée "L’Humain d’Abord !"
Ce site présentait les 172 candidats, le programme et les actualités de campagne du site. Une partie diaporama permettait de projeter les photos des nombreuses rencontre de campagne.
Tourné vers les réseaux sociaux, la site comportait un outil permettant aux militants de générer des avatars ou bandeaux Facebook et Twitter à l’effigie de la campagne. Le site affichait les post et tweet issus des comptes Facebook et Twitter de Campagne. Un outil permettait d’effectuer une sélection automatique des posts facebook à afficher.
Enfin, le site était doté d’un agenda de campagne associé à un générateur d’invitations aux événement en PDF pour une diffusion militante.
Depuis 2015, le site est transformé en un magazine en ligne dédié à l’actualité sociale dans le Hauts de France.
› En savoir plus › Visiter le site
Site web Bains dunkerquois
Nous avons réalisé un mini-site vidéo permettant la visite virtuelle des bains dunkerquois.
Le site accompagne l’internaute dans une visite 3D dans ce lieu de mémoire et de patrimoine de la ville de Dunkerque. Le site met en scène par l’intermédiaire de cette visite 8 mini reportage réalisé par le cinéaste Fréderic Touchard.
On peut y découvrir plusieurs galeries photo du lieu.
› En savoir plus › Visiter le site
Communication papier Logo du bal trap club d'Illies
Nous avons réalisé le logo du Ball Trap Club d’Illies.
Celui-ci se décline en 2 versions :
- une version couleur adoptant les couleurs du club.
- une version noir et blanc

Communication papier Numéro hors série de Liberté Hebdo
Nous avons mise en page ce numéro hors série de Liberté Hebdo sur le thème de l’industrie.
Pour cela, nous avons utilisé une iconographie reprenant le champ sémantique de l’industrie (zebra, chariots élévateurs ...) tout en interprétant graphiquement les données économiques du secteur automobile sous forme de graphiques.
› En voir plus
Site web Service de Médecine Nucléaire Paris-Sud
Nous avons réalisé le site du Service de Médecine Nucléaire Paris-Sud situé au sein de l’Hôpital Privé d’Antony.
Ce site au Design Responsive s’adapte à tous les écrans pour informer les patients sur les techniques de scintigraphie et de Tomographie par émission de positons.
› En savoir plus › Visiter le site
Site web Jouons collectif : Site de Campagne de Fréderic Durand
Nous avons réalisé le Site de Campagne de Fréderic Durand, candidat du Front de Gauche pour les élections législatives de 2017 sur la 1ere circonscription de Seine Saint-Denis.
Le site a été réalisé pour restituer la dimension collective de la campagne :
Le site comprend de nombreux formulaires d’enregistrement permettant récupérer, de mobiliser et d’afficher ses soutiens. Nous avons accompagné le candidat afin de fournir une infrastructure permettant
la gestion des contacts et l’envoi d’E-mail et de SMS.

Site web Scot du Douaisis
Nous intervenons ponctuellement pour maintenir la sécurité du site du Scot du Douaisis développé par l’agence Insite.
› En savoir plus › Visiter le site
Communication papier
Les logos de la ville et du CCAS de Somain sont associé à une typographie ronde et tendue qui contrebalance le ton institutionnel du blason afin de l’ancrer dans notre époque.
› En voir plus
Communication papier Modernisation du blason de Somain
Nous avons modernisé le blason de la ville pour une insertion plus harmonieuse au sein du site internet.
Le nouveau blason garde les signes distinctifs du blason précédent ( couleurs, Fleur de Lys, Escarboucle d’or ... ) tout en adoptant des formes plus courbées ainsi qu’un effet de relief permettant de dialoguer avec les éléments ergonomiques du site internet.
› En voir plus
Création graphique Campagne Législatives 2017 du Front de Gauche dans le Nord

Site web Site de campagne de Charles BEAUCHAMP pour les élections législatives de 2017
Bienvenue sur le site de Charles Beauchamp et Freddy Kaczmarek, vos candidats au service du Douaisis et de la République, pour le rassemblement des forces de gauche et républicaines.
› En savoir plus › Visiter le site
Site web Site de Pascal Jean pour les élections législatives de 20174
Site de Pascal Jean - Maire de Neuville sur Escaut - candidat aux élections législatives 2017.
› En savoir plus › Visiter le site
Site web Site de campagne de Patrick Kolebacki pour les élections législatives de 2017
Site Patrick Kolebacki - Candidat aux élections dans la 21ème circonscription du Nord.
› En savoir plus › Visiter le site
Site web Site de campagne d'Alain Bruneel pour les élections législatives de 2017
Site d’Alain Bruneel - Candidat aux élections dans la 16e circonscription du Nord.
› En savoir plus › Visiter le site
Site web Site de campagne d'Hugo Vandamme et Marie-Agnès Vanackère pour les élections législatives de 2017
Site de campagne d’Hugo Vandamme et Marie-Agnès Vanackère, candidats aux élections législatives sur la 1re circonscription du Nord
› En savoir plus › Visiter le site
Site web Eomys - Engineering Consultancy Research
Eomys Engineering est une entreprise d’ingénierie et de recherche appliquée proposant des services de R&D externalisés dans le domaine du génie électrique, vibro-acoustique et thermique.
Son site internet, développé à partir du CMS Spip et du template Bootstrap, a été intégré par nos soins à partir du graphisme de la graphiste Aurore Duhamel. Le design du site s’adapte à différents supports (smartphones, tablettes, écrans d’ordinateur ...).
› En savoir plus › Visiter le site
Formation Ville de Somain

Site web Ville de Somain
Nous avons réalisé le site de Somain en 2016.
Le blason de la ville a été modernisé pour l’occasion.
Le site comprend un agenda, une carte interactive ainsi qu’un annuaires des associations et des entreprises de Somain. Chaque article peut être associé à une gale
Nous produisons régulièrement des vidéos illustrant les événements de la ville.
› En savoir plus › Visiter le site
Site web Syndicat Mixte Des Transports Collectifs de l’Oise - SMTCO
Après avoir intégré le site du syndicat des transports collectifs de l’Oise pour l’agence Insite en 2012. Nous intervenons ponctuellement sur ce site afin de garantir sa sécurité.
› En savoir plus › Visiter le site
Site web L’Humain d’Abord ! Au coeur de la république
Nous avons réalisé le site de campagne de la liste communiste pour les élections sénatoriales de 2017 dans le Nord.
Le site se veut sobre et élégant tout en arborant volontairement un ton institutionnel (il s’adresse aux grands électeurs). Il met en avant les propositions des candidats ainsi que des vidéos réalisées pour la campagne.
Le site incorpore un moteur de recherche et une newsletter.
› En savoir plus › Visiter le site
Site web Groupe Communiste, Républicain et Citoyen
Nous avons refondu le site du groupe Communiste, républicain et citoyen ainsi que l’ensemble des 16 sites des sénateurs.
Afin de mieux s’y retrouver parmi 10.000 entrées réparties sur 17 ans d’archives, nous avons mis à disposition un moteur de recherche multicritère intégrable dans le navigateur web.
L’ergonomie du site est responsive : elle s’adapte aux écrans de smartphone et de tablette.
Le site est pourvu d’outils pour animer des live autour d’événement ainsi que pour générer des dossiers de presse en PDF.
Un module d’infolettre vient compléter le panel d’outils à disposition des sénateurs.
› En savoir plus › Visiter le site
Création d’identité visuelle Élections départementales de 2015 dans la Métropole Lilloise

Site web Élections départementales dans le Nord
Site de campagne Présentant les listes d’union Front de Gauche / Europe Ecologie les Verts dans l’agglomeration Lilloise pour les elections départementales sur la métropole lilloise.
› En savoir plus › Visiter le site
Communication papier Brochure présentant le programme
Programme de 52 pages.
› En voir plus
Création graphique Exposition des photographies Rodin
Nous avons réalisé la communication de l’exposition "Saint Sébastien, le corps triomphant" organisé par la Mairie du 12eme arrondissement de Paris, à l’occasion de la journée mondiale de lutte contre le Sida.
L’invitation et l’affiche de cette exposition ont été maquettées en respectant l’univers du photographe Robin.
› En voir plus
Création graphique Agence de Développement Territorial en Région de Kayes (ADTRK)
l’ADTRK est un outil d’aide à la décision à destination des collectivités et groupements de collectivités des régions de l’ouest du Mali.
Nous avons réalisé la plaquette de présentation de l’association.
› En voir plus
Création graphique Municipales 2014 - Campagne du Front de Gauche
Conception d’outils pour la campagne du Front de Gauche lors des élections municipales de 2014 :
- Développement et animation du site internet de la liste, et de sa newsletter.
- Réalisation de 2 vidéos de campagne
- Mise en pages d’un programme de 52 pages.
- Conception de l’Affiche de campagne.
- Mise en page de plusieurs tracts de campagne et des bulletin de vote
- Création de la devanture du local de campagne.

Site web Michelle Demessine - Sénatrice du Nord
Michelle Demessine est sénatrice du Nord. Elle a été secrétaire d’État au Tourisme sous le gouvernement Jospin.
Son site internet, développé à partir du CMS Spip et du template Bootstrap, a été réalisé par nos soins. Son design s’adapte à différents supports (smartphones, tablettes, écrans d’ordinateurs ...).
Le site internet contient des automatismes permettant de publier ses articles sur Twitter et Facebook.
› En savoir plus › Visiter le site
Site web Groupe Front de gauche, Communiste et Unitaires au conseil régional du Nord pas de Calais
Les 11 élus du groupe Front de gauche, Communiste et Unitaires au conseil régional du Nord-Pas-de-Calais privilégient l’Humain à la finance.
Nous avons conçu un site internet qui reflète cet état d’esprit en insérant des propos politiques sur fond de photographies de scènes de vie de la région.
› En savoir plus › Visiter le site
Site web Section française de la direction des antiquités du Soudan
Située à Khartoum, la SFDAS est un institut de recherches français recensant les sites archéologiques de la vallée du Nil.
Son site internet, réalisé par nos soins, contient un agenda et des fonctionnalités de géolocalisation des fouilles. Déclinées en 3 langues, chaque page du site offre une fonctionnalité permettant à l’ergonomie du site de s’adapter afin d’être lue de droite à gauche dans sa version arabe.
Les fouilles du SFDAS y sont géolocalisées sous forme de carte interactives.
› En savoir plus › Visiter le site
Création graphique Cantonales 2011 - Campagne d'Hugo Vandamme
Création d’outils de campagne dans le cadre des élections cantonales de 2011 pour les candidats du Front de Gauche Hugo Vandamme et Anne-Laure Guerin.
Création de pictogrammes thématiques symbolisant les propositions des candidats.
› En voir plus
Création graphique La pollution de l'eau
Réalisation d’illustrations sur la pollution de l’eau pour l’association Les animateurs de l’environnement urbain
› En savoir plus
Création graphique à la bonne franquette
Réalisation d’illustrations et du plateau pour le jeu de société "à la bonne franquette".
› En savoir plus
Communication globale Médecine nucléaire - Paris Sud

Création graphique Identité graphique d'un service hospitalier
Fusion d’un atome et de la silhouette de la tour Eiffel, le logo du Service de Médecine Nucléaire - Paris Sud adopte les tons bleus et argentés pour signifier la dimension technologique de la pratique.
Le logo a été décliné en 4 versions, pour pouvoir s’insérer sur tout type de support.

Site web Médecine Nucléaire - Paris Sud
Nous avons refondu le site internet du service de Médecine Nucléaire Paris Sud.
› En savoir plus › Visiter le site
Communication globale Liberté actus

Création graphique Identité graphique d'un site d'information
Le logo filiforme adopte en guise d’accent l’aile d’un oiseau qui rappellera tantôt celle de la colombe de la paix, tantôt le message délivré par le pigeon voyageur, animal symbolique du Pas-de-Calais d’où le titre reprend son envol.
› En savoir plus
Site web Liberté Actus
Nous avons réalisé le site internet du journal Liberté Hebdo.
Ce site a vocation éditoriale est adossé à un système de consultation d’articles à 3 niveaux (tout public, inscrits à la newsletter et abonnement payant avec plusieurs formules).
Doté de toutes les fonctionnalités d’un site éditorial, l’outil permet aux administrateurs de paramétrer l’intégralité de la mise en page de la page d’accueil avec un système de mise en page par strate conçu spécifiquement pour le site.
› En savoir plus › Visiter le site
Site web HSL - Hempire scene logic
Nous avons réalisé le site de HSL - Hempire scene logic.
Cette structure assure depuis 2023 le travail de production pour des artistes, groupes ou compagnies qui restent indépendants sur le plan artistique et pour la recherche de dates.
Le site présente HSL, son conseil d’administration et son histoire sous forme d’une mini frise du temps dynamique.
Il contient aussi l’annuaire des artistes accompagnés par HSL.
› En savoir plus › Visiter le site
Communication papier Que s'affiche-t-il sur une page rubrique ?
Version noisetierCet article présente la manière de composer la mise en page des pages de rubrique.
› En savoir plus
Communication papier
"80", c’est le numéro de document correspondant au petit pictogrme de téléphone. Celui-ci a été rempli automatiquement après avoir cliqué sur "Parcourir la médiathèque" et choisi l’image à afficher.
› En voir plus
Communication papier Comment modifier la page d'accueil ?
La page d’accueil peut contenir un message d’accueil, un message d’alerte, et les dernières actualités du site.
Nous allons voir comment les modifier.

Communication papier Comment créer une nouvelle fiche artiste ?
Vous voulez ajouter de nouveaux membres ? Vous trouverez ici les différentes actions à exécuter pour créer une nouvelle fiche artiste.
› En savoir plus
Site web Artbribus - Site de Mustapha Boutadjine
Mustapha Boutadjine confère à l’art du portrait un surcroît de sens.
Avec une multitude de fragments extirpés d’une dérisoire marée visuelle qui envahit les journaux et les écrans, il compose ses portraits-mosaïques. Par cette pratique, la représentation d’un visage se veut témoignage d’une figuration plus vaste, plus profonde et sédimentée.
Les visages deviennent des paysages, et c’est ainsi qu’en les livrant à un nouvel espace, Mustapha Boutadjine les affranchi des limites du temps.
› En savoir plus › Visiter le site
Communication papier Ajouter un événement
Vous trouverez dans cet article les instructions pour ajouter un événement au site.
› En savoir plus
Communication papier Comment retirer une page des résultats de Google ?
(ou d'un autre moteur de recherche)Pour déréférencer une page d’un moteur de recherche, la première action à effectuer est de dé-publier l’objet en changeant son statut. Une fois cette action effectuée, l’objet n’apparaîtra plus sur le site et sera progressivement mis en retrait des résultats de recherche.
Lorsqu’il s’agit du dé-référencement d’un auteur, il faut lui attribuer le statut "à la poubelle".
Lorsque la demande de déréférencement concerne les résultats de recherche qui apparaissent à la saisie du nom et du prénom d’une personne physique, il est possible d’accélérer le processus. On peut demander aux différents moteurs de recherche de déréférencer la page via un formulaire de demande de suppression de résultats de recherche. Voici les liens pour les moteurs de recherche les plus populaires. Moteur de rechercheFormulaire ou Contact Bing Formulaire de demande en ligne Google Formulaire de demande en ligne Qwant Formulaire de demande en ligne Yahoo ! Formulaire de demande en (...)

Communication papier Le rôles d'auteurs et les rôles de documents
Il est possible d’attribuer un rôle aux documents et aux auteurs. Cela permettra de faire apparaître ces éléments aux endroits adéquats.
› En savoir plus![Exemple de la mise en page des documents sur la page [->726] Exemple de la mise en page des documents sur la page [->726]](local/cache-gd2/15/b9e07e992bbab8dc1c2544e1354c43.jpg?1737273848)
Communication papier Exemple de la mise en page des documents sur la page [->726]
La présence d’un document ayant un rôle Une Crée une colonne de gauche avec le logo d’article (1)
La présence d’un document avec un rôle Détail de l’ouvrage provoque la création d’un bouton "lire l’extrait" (2)
Les autres documents sont listés sous forme d’une liste sous l’intitulé "à télécharger" s’il s’agit de document de type fichier. (3)

Communication papier Exemple d'affichage de nom d'auteurs dans une liste d'ouvrages
Ici, un Auteur de l’ouvrage suivit d’un auteur de la préface.
› En voir plus
Communication papier Que dois-je faire lorsqu'une commande est passée ?
Lorsqu’un client effectue une commande. Vous recevez une notification de celle-ci à l’adresse adapt snes.edu. Vous devrez alors renseigner votre client à chaque étape du traitement de celle-ci.
› En savoir plus
Communication papier Comment ajouter des éléments sur la page d'accueil ?
La page contenu > module permet de modifier la plupart des éléments qui se trouvent sur la page d’accueil ainsi que les éléments en pied de page. Cet article détaille la procédure pour modifier ces éléments.
› En savoir plus
Communication papier Formulaire de liaison
avec 3 éléments liés
› En voir plus
Communication papier Comment rendre l'adresse d'une page plus petite ?
Il est parfois utile de faire pointer un article vers une adresse internet courte et facile à retenir. cet article explique comment y parvenir.
› En savoir plus
Communication papier Modifier un menu de navigation
Votre site est pourvu de 4 menus. Vous trouverez ici la documentation pour pouvoir modifier les entrées de ceux-ci.
› En savoir plus
Création graphique Bilan de mi mandat d'un conseiller régional
Nous avons accompagné le conseiller régional des Hauts-de-France Julien Poix dans la conception de son bilan de mi-mandat.
Soutien aux agriculteurs, aux salariés de l’EPSM de Bailleul, ou encore aux ouvriers de Vadunes... cette plaquette revient sur les 10 luttes menées par Julien Poix durant son mandat.

Communication papier Comment configurer les notifications par Email ?
Votre site peut envoyer des notifications par E-mail lorsque certaines actions sont effectuées sur le site. Cet article fait le point sur la manière de paramétrer ces notifications.
› En savoir plus
Communication papier Illustrations Face cachée
Pour agrémenter le nouveau site web de face cachée, nous avons réalisé une série d’illustrations mettant en scène plusieurs professions artistiques sur la face cachée de notre satellite.
Face cachée agit en coulisses : Cette notion est suggérée par l’apparition d’échafaudages présentant l’envers d’une pancarte.

Création graphique Face cachée

Site web Face cachée
Face Cachée est une structure lilloise d’accompagnement administratif pour les artistes et compagnies de toutes disciplines, au niveau local, national et international.
Afin de rendre visible Face cachée, nous avons réalisé des illustrations ainsi que le nouveau site de la structure.
› En savoir plus › Visiter le site
Communication papier Fonctionnement du moteur de recherche
Comment les résultats sont-ils classés ?Le site intègre un moteur de recherche qui permet d’effectuer des recherches sur différents types d’informations présentes dans la base de données : les articles, les rubriques, les mots-clés...
› En savoir plus
Communication papier Comment extraire des informations sur les adhérents sous forme de fichier Excel ?
Votre site comporte un module permettant d’extraire les informations sur vos adhérents sous forme de fichier Excel. Voici comment celui-ci fonctionne.
› En savoir plus
Communication papier Quel est la différence entre « inscrits aux envois mail » et la liste de diffusion « visiteurs » ?
La liste de diffusion "Visiteurs" incorpore seulement l’ensemble des visiteurs du site (c’est-à-dire les personnes qui sont ou ont déjà été adhérentes, plus les auteurs et administrateurs du site, moins les personnes qui se sont désinscrit).
D’autres personnes, qui sont inscrites sur d’autres listes, ne sont pas forcément des adhérents. (cela peut être des personnes qui ont simplement utilisé le formulaire d’inscription à la newsletter du site).
La page inscrits aux envois mail liste l’ensemble des abonnées à toutes les listes du site.

Communication papier Comment gérer les notifications E-mail liées à un abonnement ou une catégorie de cotisation ?
Les abonnées pourront recevoir automatiquement des E-mail de bienvenue et / ou relances au début et à la fin de leur abonnement. Cet article vous montre comment les configurer.
› En savoir plus
Communication papier Comment ajouter une nouvelle offre d'abonnement ?
Votre site vous permet de créer un nombre illimité d’offres d’abonnement. Ceux-ci sont définis par :
- Un titre
- Un tarif
- Une durée

Communication globale Sénateurs du Nord

Création graphique Législatives de 2022

Communication papier Que s’affiche-t-il sur une page rubrique ?
Version compositionCet article présente la manière de composer la mise en page des pages de rubrique en fonction de leur composition.
› En savoir plus
Communication papier Ajouter un compte pour un nouveau membre de votre équipe.
Votre équipe de rédaction s’agrandie ? Vous trouverez ici comment ajouter un compte pour que le nouveau membre de votre équipe puisse se connecter avec ses propres identifiants.
› En savoir plus
Communication papier Présidentielles 2022
Tract réalisé pour la campagne présidentielle de 2022 pour la section PCF de St-Ouen.
› En savoir plus
Communication papier Comment associer un artiste à une exposition ou un ouvrage ?
Pour associer un artiste à une exposition ou un ouvrage, il suffit d’ajouter un auteur estampillé comme artiste. Voici les différentes actions à exécuter.
Dans un premier temps, il faut créer l’artiste, pour cela : Créer un nouvel auteur Renseigner le champs Nom et entrez éventuellement une biographie dans le champ Bio. Indiquer obligatoirement "Visiteur" dans le champ Statut de cet auteur (1). Cocher obligatoirement la case "Artiste : Cet auteur est un artiste, son nom apparaîtra lorsqu’il sera associé aux expositions" (2) en bas du formulaire. Enregistrer le formulaire. Ajouter éventuellement une photo de l’artiste en tant que Logo d’auteur
Dans un second temps, il suffira d’associer l’auteur nouvellement créé à l’article présentant l’ouvrage ou l’exposition :. Sur la page de l’article à associer, cliquer sur Ajouter un auteur. Choisir l’artiste dans la liste qui apparaît puis (...)

Site web Groupe Communiste et Citoyen de Paris
Nous avons réalisé le site des élus communistes et citoyens de Paris.
Celui-ci présente les élus du groupe ainsi que leurs interventions en s’appuyant fortement sur le programme des communistes parisiens : « Le Pari.s de l’Humain et de la planète ».
› En savoir plus › Visiter le site
Communication papier Bilan des sénateurs communistes du Nord
Le bilan des sénateurs Éric Bocquet et Michelle Gréaume adopte la charte graphique du site réalisé récemment.
On y retrouve le code couleur permettant d’associer chacun d’entre eux à un contenu spécifique.
› En voir plus
Création graphique On passe au rouge
On passe au rouge, c’est l’émission de reportage sur Radio Campus Lille qui décrypte l’actualité sous le prisme de la lutte des classes.
Pour donner une petite touche graphique à ce RDV sonore hebdomadaire, C-real a réalisé le logo et l’identité visuelle de l’émission que vous pouvez écouter tous les lundis à 19h ou en rediff sur hearthis.at.

Communication papier Comment insérer un QCM ou un quiz dans mon article ?
Cet article spécifie les codes à insérer dans un article pour créer un quizz.
› En savoir plus
Communication papier Ajouter un fichier audio dans un article
Votre site permet d’afficher ce type de contenu audio. Nous expliquons ici comment.
› En savoir plus
Communication papier Adriano Celentano
Trouvez la langue de ce morceau !
› En voir plus
Communication papier Logiciels libres
Parce que nous aspirons à vivre dans un monde de coopération plutôt que de compétition, nous avons choisi de développer nos sites sous licence libre, avec des logiciels libres.
Un logiciel libre, c’est quoi ?
Un logiciel libre est un logiciel qui peut être utilisé, modifié, dupliqué et diffusé par chacun. Il s’oppose à la logique du logiciel breveté dont l’utilisation et la modification sont soumises à de nombreuses restrictions (la plupart du temps budgétaires).
Ça veut dire quoi pour nos clients ?
Cela signifie qu’à partir du moment où ils sont finalisés, l’ensemble des sites et logiciels développés par C-real, peuvent être modifiés, dupliqués et partagés par ses clients . Le code qui le constitue n’est pas crypté, ce qui facilite sa modification.
Mais la philosophie du logiciel libre ne s’arrête pas là : pour élaborer ses sites, C-real s’appuie et distribue d’autres logiciels libres, notamment le CMS Spip. Ce type de logiciel, composant le cœur des sites développés par C-real est façonné par une importante (...)

Création graphique Perles rares
Caulier, c’est lui, c’est eux.
Tout au long de ses "Art-pentages", l’artiste Pipo Solo réalise des portraits sonores de lieux et de rencontres.
C’est dans le quartier de Caulier qu’elle a déniché des Perles Rares, des personnes à la riche générosité, des habitants aux mille facettes.
Nous avons mis en page un loporello (livre accordéon) recueillant les textes des chansons de l’artiste accompagnés des photographies de sa compagne de route, Hélène Cys.
Nous ne résistons pas à l’envie de partager le film du projet montrant les mêmes personnages avec un autre regard.

Communication papier Que s'affiche t'il sur une page rubrique ?
Version SarkaspipLes éléments suivant s’affichent dans l’ordre : Le titre et texte explicatif de la rubrique Le titre des sous-rubriques de la rubrique. Le titre, lapremière de couverture [1], l’introduction [2] , le numéro ISBN, les co-éditueurs, le nombre de pages, la date de l’édition récédente ainsi que les mots-clés des articles de la branche [3]. Ces articles sont filtrables par date, auteurs et mots-clés des groupes de mot "thématiques" (groupe 1) et "disciplines" (groupe 2).
› En savoir plus
Communication papier Comment changer le taux de TVA par défaut
Comment indiquer un taux de TVA par défaut pour tous les articles de manière à ne pas avoir besoin de la configurer à chaque ajout d’article ?
› En savoir plus
Communication papier Comment transformer un article en objet achetable ?
Votre site comporte un module de paiement permettant de vendre des objets.
Cet article vous accompagne pas à pas pour vous permettre de transformer un article en objet achetable.
› En savoir plus
Communication papier Comment ajouter des éléments sur la page d'accueil ?
La page contenu > encart permet de modifier la plupart des éléments qui se trouvent sur la page d’accueil ainsi que les éléments en pied de page. Cet article détaille la procédure pour modifier ces éléments.
› En savoir plus
Communication papier Un article
Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Integer vulputate sem a nibh rutrum consequat. Maecenas lorem. Pellentesque pretium lectus id turpis. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Phasellus faucibus molestie nisl. Fusce eget urna. Curabitur vitae diam non enim vestibulum interdum. Nulla quis diam. Ut tempus purus at lorem.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Aliquam erat volutpat. Nunc auctor. Mauris pretium quam et urna. Fusce nibh. Duis risus. Curabitur sagittis hendrerit ante. Aliquam erat volutpat. Vestibulum erat nulla, ullamcorper nec, rutrum non, nonummy ac, erat. Duis condimentum augue id magna semper rutrum. Nullam justo enim, (...)

Communication papier Créer des listes de diffusion et des formulaires d'abonnement
Ce site est fourni avec un module d’inscription à des listes de diffusion. Par défaut, une liste nommée "principale" est pré-installée. Cet article vous explique comment en créer d’autres et ajouter des formulaires d’inscription à vos articles.
› En savoir plus
Communication papier Comment modifier les coordonnées et informations importantes du site ?
La page Configuration > Identité du site, vous permet de modifier des informations importantes du site.
› En savoir plus
Communication papier Créer et envoyer des infolettres
Comment générer et envoyer des infolettres ?
› En savoir plus
Communication papier Comment créer un formulaire ?
Des formulaires peuvent être utilisés pour récolter des informations ou faire des sondages. Les administrateurs peuvent créer des formulaires et gérer les formulaires existants (consultation et exportation de fichiers tableur des résultats, duplication, vidage des réponses...).
Les formulaires créés, peuvent être insérés dans un article. Les internautes vont pouvoir répondre au formulaire. Les réponses seront envoyées par mail et/ou stockées et accessibles pour les administrateurs dans l’espace privé.
Pour accéder à l’interface de création de Formulaire, cliquer sur squelettes > formulaires Étape 1 : définition du formulaire
Sur cette page, le bouton Créer un nouveau formulaire affiche une page de configuration du formulaire qui permet de : donner un titre qui permettra de retrouver le formulaire dans la page de gestion de Formidable, ici « Nous contacter » donner un identifiant si possible bref : il sera utilisé dans les raccourcis pour l’affichage du formulaire dans les articles, pour notre (...)

Communication papier Pourquoi mon article / ma rubrique n'apparaît pas sur le site ?
Quelques règles fondamentales s’appliquent aux éléments de votre site : Un article apparaît seulement s’il est publié. Une rubrique apparaît uniquement si elle contient au moins un article publié (ou si elle contient au moins une sous-rubrique contenant un article publié). À l’inverse, il ne sera pas possible de supprimer une rubrique contenant au moins un article publié. Seuls les événements qui ne sont pas passés s’affichent en haut de l’agenda et en page d’accueil. Les événements passés sont listés en bas de l’agenda. Il est impossible de supprimer un document tant qu’il s’affiche dans un article.
› En savoir plus
Site web Sofra Radiopharmacie
Nous avons maquetté et développé le site de l’association SoFRa Radiopharmacie qui rassemble la communauté scientifique française dans le domaine de la radiopharmacie.
Doté de toutes les fonctionnalités d’un site vitrine, le site permet aux adhérents d’accéder à des articles scientifiques dans une partie privée.
Il comprend un module de gestion des adhésions ainsi qu’un annuaire des membres.
› En savoir plus › Visiter le site
Communication papier Quelles images ai-je le droit de publier sur mon site ?
Attention ! Toute image trouvée au hasard sur internet n’est pas forcément publiable.
Vous trouverez ici quelques sites où trouver des images libres de droit.

Communication papier Comment ordonner les éléments ?
Par date
[À ADAPTER SELON LE SITE] Certains éléments (par exemple les articles de certaines pages rubriques) sont classés par date de publication du plus récent au plus ancien.
Lorsqu’un article est publié, la date du jour est automatiquement associée à l’article. Dans l’encart date de publication en ligne, il est possible de changer cette date en cliquant sur le bouton changer, et ainsi modifier l’ordre d’apparition des articles.
Par numéro de titre
[SÉLECTIONNER SELON LE SITE] Certains éléments (par exemple les sous-rubriques sur les pages rubriques) sont classés par numéro de titre. Pour numéroter un élément, il faut remplir le champ numéro situé au-dessus du titre de l’élément. Pour rendre leur tri plus facile, un encart disponible sur la colonne de droite permet de numéroter l’élément avant ou après un autre élément se situant dans la même rubrique.
Certains éléments (par exemple les sous-rubriques sur certaines pages rubriques) sont classés par numéro de titre. Pour numéroter un élément, il suffit (...)

Création graphique Mairie de Paris
Nous avons réalisé 3 plaquettes pour la Mairie du 10eme arrondissement de Paris, sur les thématiques de la parentalité, de l’emploi et de la discrimination.
Ces plaquettes rassemblent l’ensemble des coordonnées et informations relatives aux structures ressources pour chaque thématique. Chacune d’entre elles comprend une cartographie.
Pour chaque thématique, nous avons proposé un environnement graphique cohérent permettant d’attirer l’attention du public concerné.
› En savoir plus
Communication papier Il existe mille et une façons d'être discriminé
Plaquette présentant les informations et les coordonnées des structures ressources concernant la lutte contre les discriminations.
› En voir plus
Site web Neptune Grand Large
Le site Neptune Grand Large permet à l’internaute de se promener dans le quartier dunkerquois du même nom à travers les vidéos du réalisateur Frederic Touchard.
Nous avons réalisé ce site qui offre un carte permettant de géolocaliser chacun des reportages vidéos et de découvrir les paroles des habitants.
› En savoir plus › Visiter le site
Site web l'Imaginaire
L’imaginaire est le Centre des Arts et de la Culture de Douchy-les-Mines. Lieu de rencontres, de diffusions artistiques et de créations, il propose des manifestations pour petits et grands : théâtre, musique, danse, spectacle jeune public, expositions et cinéma. Il comprend un cinéma labellisé Art et Essai.
Le site a été l’occasion de développer un module permettant d’administrer facilement la programmation du cinéma par la récupération de données générées par la base The Movie Database.
› En savoir plus › Visiter le site
Site web Liberté Hebdo
Nous avons réalisé le site internet du journal Liberté Hebdo.
Ce site permet de consulter, sur abonnement, l’ensemble des articles disponible sur le mensuel papier.
Doté de toutes les fonctionnalités d’un site éditorial, il propose aux non-abonnés un aperçu de ses articles alors qu’elle permet aux abonnés d’accéder à l’intégralité de leur contenu ainsi qu’à un lecteur permettant de consulter en PDF la version papier du journal.
Un module de paiement permet aux internautes de s’abonner en ligne à l’une des nombreuses offres du journal tandis que l’administrateur du site dispose d’un panel permettant de suivre en continu l’état des abonnements.
› En savoir plus › Visiter le site
Accompagnement à la rédaction Élus GUE au parlement Européen
Nous avons mis en page la plaquette du bilan des élus de la GUE au Parlement Européen.
Pour cela, nous avons réalisé des infographies permettant de visualiser la pertinence de leur vote dans cette instance.
› En voir plus
Site web Dunkerque Centre
Nous avons réalisé le site internet présentant différents quartiers dunkerquois.
Le site met à disposition une carte permettant de se promener dans chacun des 7 quartiers de Dunkerque-centre où l’internaute pourra découvrir un carillon, l’expression des habitants ainsi qu’une vidéo de présentation.
› En savoir plus › Visiter le site
Création graphique Convergence Nationale Rail
La Convergence Nationale Rail est une association qui promeut un service public ferroviaire de qualité. Elle s’inscrit dans les luttes qui portent la défense de lignes, de gares, de sites (triages...) et dans l’exigence d’être transporté dans de bonnes conditions (tarification, horaires, confort, régularité, sécurité).
Nous avons réalisé la plaquette et le livret de présentation de l’association.
› En savoir plus
Formation Les député-e-s communistes

Communication globale Logo des députés communistes
Le logo des élus du groupe GDR (gauche démocratique et Républicaine) s’inspire de l’étoile présente sur le logo du PCF auquel est ajoutée une trame rappelant les hémicycles de l’assemblée nationale.
Grâce à l’estampage de la partie droite de l’étoile, on peut aussi voir dans le logo une étoile filante vers la gauche. La pointe supérieure de l’étoile pointe elle aussi vers un pôle dérivant à gauche, symbolisant le positionnement politique du groupe sur l’échiquier politique.
› En voir plus
Site web Site des députés du groupe GDR
Le site comprend la présentation des députés du groupe ainsi que l’intégralité des interventions des députés PCF depuis 2007. Ce site responsive comprend un moteur de recherche multicritères permettant de retrouver chacune de ces interventions en fonction de sa date, d’un-e député-e ou de sa thématique.
La page Vos députés a été spécialement créé pour mettre en valeur chaque figure du groupe.
Chaque intervention est associée à un ou plusieurs mot-clés visibles sur la page thématiques.
› En savoir plus › Visiter le site
Communication papier Campagne CGT pour les élections professionnelles de 2018
Lors des élections professionnelles de 2018, nous avons réalisé les tracts pour la CGT à la région Hauts-de-France et dans le SDIS 59 (Service départemental d’incendie et de secours).
Suite à ces élections, la CGT est devenue le premier syndicat à la région Haut de France tandis qu’elle s’est maintenu comme syndicat majoritaire au SDIS.

Site web Yves Billon Zarafilm
La maison de production Yves Billon Zarafilm produit et distribue des documentaires en essayant de privilégier le regard d’auteur. Elle donne les moyens à de nombreux réalisateurs de nous faire découvrir des parcours exceptionnels et des histoires atypiques.
Nous avons réalisé le site internet de la société. Celui-ci présente un catalogue et permet de commander plus de 400 documentaires en 3 langues.
La charte graphique laisse une grande place à dimension colorée. Un système automatique associe chacune des 400 références à une couleur spécifique.
L’ensemble des vidéos peuvent être classées et retrouvées selon une vingtaine de critères (collection, langue, intervenants, aspects techniques).
Ce site responsive fourni une interface et un module de paiement permettant d’acheter en ligne les différents films.

Création graphique Cartographie des métiers

Site web Sénateurs du Nord
Nous avons réalisé le portail internet et la communication des sénateurs du Nord Éric Bocquet et Michelle Gréaume.
À la fois sobre et élégant, le portail regroupe les sites des deux sénateurs, adoptant un code couleur permettant d’associer chacun d’entre-eux à un contenu spécifique.
Enfin, le site incorpore une carte permettant de géolocaliser les déplacements des sénateurs dans le département.

Site web Ceux qui tiennent la laisse
Ceux qui tiennent la laisse est un projet de documentaire qui ambitionne de lever l’écran de fumée qui entretient le mythe démocratique pour éclairer les structures du pouvoir oligarchique : comment il se constitue et comment il s’entretient. Le registre sera celui de la fable, feignant d’adhérer au mythe qu’il s’agit de démonter.
Nous avons animé la campagne de crowdfunding permettant de soulever les fonds nécessaires à l’amorçage de ce projet.
Pour cela, nous avons décliné l’affiche du film dessinée par Tom Corbin pour en faire ressortir une identité graphique au ton satirique et cartoon.
Nous avons développé un site internet et ainsi que des illustrations animées comme celle ci-dessous .
› En savoir plus › Visiter le site
Site web Alain Bruneel
Alain Bruneel est le député de la 16e circonscription du Nord.
Nous avons réalisé son site présentant son activité parlementaire autour de thématique.
Le site adopte sur sa page d’accueil une vidéo de fond connotant le dynamisme d’un député ancré dans son territoire.

Communication papier Ajouter une vidéo à un article
Beaucoup de contenus web sont véhiculés dans un format vidéo. Votre site permet d’afficher ce type de contenu. Nous expliquons ici comment.
› En savoir plus
Communication papier Les systèmes d'envoi d'E-mail de masse
L’envoi d’infolettre est soumis à un système d’envoi d’E-mail de masse. Nous listons ici les différents services disponibles.
› En savoir plus
Communication papier Aide
Vous trouverez ci-dessous quelques informations utiles à l’administration de votre site : Mise en forme : Quelques exemples de raccourcis Insérer des images dans un article Comment insérer un tableur ou un PDF dans un article ? Ajouter une vidéo à un article Ajouter un fichier audio dans un articleFoire aux questions des rédacteurs : Pourquoi mon article / ma rubrique n’apparaît pas sur le site ? Comment ordonner les éléments ? Pourquoi les retours à la ligne n’apparaissent pas sur la partie publique ? Comment éviter de voir l’horaire sur la date d’un événement ? Quelles images ai-je le droit de publier sur mon site ?Pages d’accueil, rubrique et menus : Que s’affiche-t-il sur une page rubrique ? Modifier un menu de navigation Comment ajouter des éléments sur la page d’accueil ?Agenda et événements Comment ajouter des événements ? Comment éviter de voir l’horaire sur la date d’un événement ? Comment associer un artiste à une exposition ou un ouvrage ?Administration du site : Comment modifier les coordonnées (...)
› En savoir plus
Communication papier Comment éviter de voir l'horaire sur la date d'un événement ?
Pour afficher seulement l’horaire de début d’un événement
Un événement est associé à une date de début et une date de fin. Mais il n’est pas toujours nécessaire d’afficher toutes ces informations sur le site web.
Ainsi, la date de fin s’affiche seulement si elle est différente de la date de début.
Pour afficher seulement la date de début d’un événement sans afficher la date de fin, il suffit de mettre le même horaire en début et en fin d’événement.
exemple : affichera Pour afficher la date sans l’horaire
Certains événements n’ont pas besoin d’afficher d’horaires.
Pour éviter cela, une case à cocher Toute la journée est disponible sur le formulaire de création d’événement. Il suffit de le cocher pour voir disparaître les références horaires sur l’événement. Attention : lorsque l’on rentre une horaire de début pour la 1ère fois, l’horaire de fin se cale automatiquement 1h après l’horaire de début. Il convient de modifier l’horaire de fin après l’horaire de (...)

Communication papier Aide mémoire
Les raccourcis typographiques de Spip
› En voir plus
Communication papier Quelques exemples de raccourcis
de mise en forme de texteComme vous le savez déjà, il est possible de mettre le texte en gras ou en italique en jouant avec les accolades et les crochets.
Cet article liste d’autres possibilités offertes par Spip.
› En savoir plus
Communication papier Comment insérer un tableur ou un PDF dans un article ?
Cet article vous montre comment insérer un PDF ou un tableau à partir de document liés.
› En savoir plus
Communication papier Pourquoi les retours à la ligne n'apparaissent pas sur la partie publique ?
Le site ne prend pas en compte les simples retours à la ligne. Cela permet de copier coller des PDF à la volée sans avoir à supprimer chaque retour à la ligne.
Il existe néanmoins une astuce pour faire un retour à la ligne : Soit on passe 2 lignes pour changer de paragraphe. Soit un passe une ligne pour créer un underscore ( _ ) suivi d’un espace. Ex : Me voici à la ligne !

Communication papier Insérer des images dans un article
Cet article décrit comment insérer et mettre en forme les images à l’intérieur du texte d’un article.
› En savoir plus
Communication papier C'est pas à un vieux singe ...
... qu’on apprend à s’imposer dans un article d’aide à la publication.
› En voir plus
Communication papier Un fichier Excel
Avec des animaux
› En voir plus
Site web Kelbongoo !
Kelbongoo propose des produits frais et locaux à des prix accessibles tout en soutenant des petits producteurs locaux aux pratiques respectueuses de l’environnement et des bêtes.
Cette entreprise de l’ESS a sollicité C-real pour revitaliser son site internet. Voici le résultat.
› En savoir plus › Visiter le site
Site web Les balises se racontent
12 communes de l’agglomération dunkerquoise se sont associées afin de mettre en réseau leurs bibliothèques autour d’un projet commun : Les Balises.
En partenariat avec le réalisateur Frédéric Touchard, nous avons réalisé la page web hébergeant le documentaire "Le Balises se racontent" présentant les différentes facettes de ce réseau.
› En savoir plus › Visiter le site
Communication papier Lettre des sénateurs communistes du Nord
La lettre de sénateurs Éric Bocquet et Michelle Gréaume adopte la charte graphique du site réalisé récemment.
On y retrouve le code couleur permettant d’associer chacun d’entre eux à un contenu spécifique.
› En voir plus
Création graphique Les chemins du possible
L’association "les chemins du possible" s’inscrit dans une tradition et un esprit d’éducation populaire. Son but : s’inspirer des idéaux et principes émancipateurs qui furent ceux du conseil National de la Résistance et de son programme afin d’organiser un festival à programmation annuelle, de rayonnement régional, visant à répondre à ces ambitions.
Nous avons réalisé le logo et la carte d’adhérent de l’association.

Formation Maillage

Site web Site internet de Maillage
La bannière du site internet de Maillage symbolise la notion de "réseau en perpétuelle mutation" au sein duquel Maillage crée des liens.
L’ergonomie responsive du site internet permet de s’adapter à tous les suppport (écran traditionnels, smartphone, tablettes).
Le site dispose d’un espace vidéo, d’un agenda et d’une interface permettant aux porteurs de projet de promouvoir sa structure et de communiquer ses événements sur un agenda collectif.
Les administrateurs du site peuvent créer des formulaires, géolocaliser leur contenu et recevoir les réservations liées à leurs événements. Enfin, un module d’infolettre complète le panel des outils de communication.
› En savoir plus › Visiter le site
Communication papier Cartes de visite
Chaque salarié de Maillage peut choisir de décliner le verso de sa carte de visite dans l’une des 4 couleurs de l’identité visuelle de Maillage.
› En voir plus
Site web Mole1
Nous avons réalisé le mini-site vidéos "Mole-1 : à Dunkerque, un espace particulier".
Ce reportage interactif permet aux internautes de se déplacer sur une carte révélant les différentes installations du Mole 1 (où Quai numéro 1) de Dunkerque, transformé depuis 2015 en espace culturel.
› En savoir plus › Visiter le site
Site web Pour parler d’un jardin
Nous avons réalisé ce mini-site vidéo pour restituer l’installation de jardins partagés dans le quartier du jeu de Maille à Dunkerque.
En plus des vidéos documentaire, le site donne la possibilité de lire les poèmes écrits par les enfants du quartier et d’écouter une playlist sur le thème des jardins.
› En savoir plus › Visiter le site
Site web Nada-info : pour une info Bio
Dans un système privilégiant l’information de masse qui favorise les nouvelles courtes, mal ficelées, réchauffées à un rythme effréné, l’association Nada milite pour le maintien de l’Information Progressiste en auto-produisant une information alternative.
Nous nous sommes associé au plasticien Gianni Cappelletti pour refondre le site Nada-info présentant les productions de l’association Nada.
› En savoir plus › Visiter le site
Communication papier Annalyse retrospective du site de campagne
Notre intervention s’est conclue par la réalisation d’une étude à posteriori sur la portée du site "l’Humain d’abord" pendant la période de campagne, arrivée 3e en nombre de visites.
Cette étude a permis :
- de qualifier les atouts et les faiblesses de la campagne en ligne, par rapport aux sites concurrents.
- de dégager les thématiques ayant le plus marqué les visiteurs
- de définir 8 types d’attentes du grand public vis-à-vis du Front de Gauche

Création graphique Campagne des Régionales de 2015 pour le Front de Gauche

Site web L'Humain d'abord !
Nous avons réalisé et animé le site de campagne du Front de Gauche pour les régionales de 2015 intitulée "L’Humain d’Abord !"
Ce site présentait les 172 candidats, le programme et les actualités de campagne du site. Une partie diaporama permettait de projeter les photos des nombreuses rencontre de campagne.
Tourné vers les réseaux sociaux, la site comportait un outil permettant aux militants de générer des avatars ou bandeaux Facebook et Twitter à l’effigie de la campagne. Le site affichait les post et tweet issus des comptes Facebook et Twitter de Campagne. Un outil permettait d’effectuer une sélection automatique des posts facebook à afficher.
Enfin, le site était doté d’un agenda de campagne associé à un générateur d’invitations aux événement en PDF pour une diffusion militante.
Depuis 2015, le site est transformé en un magazine en ligne dédié à l’actualité sociale dans le Hauts de France.
› En savoir plus › Visiter le site
Site web Bains dunkerquois
Nous avons réalisé un mini-site vidéo permettant la visite virtuelle des bains dunkerquois.
Le site accompagne l’internaute dans une visite 3D dans ce lieu de mémoire et de patrimoine de la ville de Dunkerque. Le site met en scène par l’intermédiaire de cette visite 8 mini reportage réalisé par le cinéaste Fréderic Touchard.
On peut y découvrir plusieurs galeries photo du lieu.
› En savoir plus › Visiter le site
Communication papier Logo du bal trap club d'Illies
Nous avons réalisé le logo du Ball Trap Club d’Illies.
Celui-ci se décline en 2 versions :
- une version couleur adoptant les couleurs du club.
- une version noir et blanc

Communication papier Numéro hors série de Liberté Hebdo
Nous avons mise en page ce numéro hors série de Liberté Hebdo sur le thème de l’industrie.
Pour cela, nous avons utilisé une iconographie reprenant le champ sémantique de l’industrie (zebra, chariots élévateurs ...) tout en interprétant graphiquement les données économiques du secteur automobile sous forme de graphiques.
› En voir plus
Site web Service de Médecine Nucléaire Paris-Sud
Nous avons réalisé le site du Service de Médecine Nucléaire Paris-Sud situé au sein de l’Hôpital Privé d’Antony.
Ce site au Design Responsive s’adapte à tous les écrans pour informer les patients sur les techniques de scintigraphie et de Tomographie par émission de positons.
› En savoir plus › Visiter le site
Site web Jouons collectif : Site de Campagne de Fréderic Durand
Nous avons réalisé le Site de Campagne de Fréderic Durand, candidat du Front de Gauche pour les élections législatives de 2017 sur la 1ere circonscription de Seine Saint-Denis.
Le site a été réalisé pour restituer la dimension collective de la campagne :
Le site comprend de nombreux formulaires d’enregistrement permettant récupérer, de mobiliser et d’afficher ses soutiens. Nous avons accompagné le candidat afin de fournir une infrastructure permettant
la gestion des contacts et l’envoi d’E-mail et de SMS.

Site web Scot du Douaisis
Nous intervenons ponctuellement pour maintenir la sécurité du site du Scot du Douaisis développé par l’agence Insite.
› En savoir plus › Visiter le site
Communication papier
Les logos de la ville et du CCAS de Somain sont associé à une typographie ronde et tendue qui contrebalance le ton institutionnel du blason afin de l’ancrer dans notre époque.
› En voir plus
Communication papier Modernisation du blason de Somain
Nous avons modernisé le blason de la ville pour une insertion plus harmonieuse au sein du site internet.
Le nouveau blason garde les signes distinctifs du blason précédent ( couleurs, Fleur de Lys, Escarboucle d’or ... ) tout en adoptant des formes plus courbées ainsi qu’un effet de relief permettant de dialoguer avec les éléments ergonomiques du site internet.
› En voir plus
Création graphique Campagne Législatives 2017 du Front de Gauche dans le Nord

Site web Site de campagne de Charles BEAUCHAMP pour les élections législatives de 2017
Bienvenue sur le site de Charles Beauchamp et Freddy Kaczmarek, vos candidats au service du Douaisis et de la République, pour le rassemblement des forces de gauche et républicaines.
› En savoir plus › Visiter le site
Site web Site de Pascal Jean pour les élections législatives de 20174
Site de Pascal Jean - Maire de Neuville sur Escaut - candidat aux élections législatives 2017.
› En savoir plus › Visiter le site
Site web Site de campagne de Patrick Kolebacki pour les élections législatives de 2017
Site Patrick Kolebacki - Candidat aux élections dans la 21ème circonscription du Nord.
› En savoir plus › Visiter le site
Site web Site de campagne d'Alain Bruneel pour les élections législatives de 2017
Site d’Alain Bruneel - Candidat aux élections dans la 16e circonscription du Nord.
› En savoir plus › Visiter le site
Site web Site de campagne d'Hugo Vandamme et Marie-Agnès Vanackère pour les élections législatives de 2017
Site de campagne d’Hugo Vandamme et Marie-Agnès Vanackère, candidats aux élections législatives sur la 1re circonscription du Nord
› En savoir plus › Visiter le site
Site web Eomys - Engineering Consultancy Research
Eomys Engineering est une entreprise d’ingénierie et de recherche appliquée proposant des services de R&D externalisés dans le domaine du génie électrique, vibro-acoustique et thermique.
Son site internet, développé à partir du CMS Spip et du template Bootstrap, a été intégré par nos soins à partir du graphisme de la graphiste Aurore Duhamel. Le design du site s’adapte à différents supports (smartphones, tablettes, écrans d’ordinateur ...).
› En savoir plus › Visiter le site
Formation Ville de Somain

Site web Ville de Somain
Nous avons réalisé le site de Somain en 2016.
Le blason de la ville a été modernisé pour l’occasion.
Le site comprend un agenda, une carte interactive ainsi qu’un annuaires des associations et des entreprises de Somain. Chaque article peut être associé à une gale
Nous produisons régulièrement des vidéos illustrant les événements de la ville.
› En savoir plus › Visiter le site
Site web Syndicat Mixte Des Transports Collectifs de l’Oise - SMTCO
Après avoir intégré le site du syndicat des transports collectifs de l’Oise pour l’agence Insite en 2012. Nous intervenons ponctuellement sur ce site afin de garantir sa sécurité.
› En savoir plus › Visiter le site
Site web L’Humain d’Abord ! Au coeur de la république
Nous avons réalisé le site de campagne de la liste communiste pour les élections sénatoriales de 2017 dans le Nord.
Le site se veut sobre et élégant tout en arborant volontairement un ton institutionnel (il s’adresse aux grands électeurs). Il met en avant les propositions des candidats ainsi que des vidéos réalisées pour la campagne.
Le site incorpore un moteur de recherche et une newsletter.
› En savoir plus › Visiter le site
Site web Groupe Communiste, Républicain et Citoyen
Nous avons refondu le site du groupe Communiste, républicain et citoyen ainsi que l’ensemble des 16 sites des sénateurs.
Afin de mieux s’y retrouver parmi 10.000 entrées réparties sur 17 ans d’archives, nous avons mis à disposition un moteur de recherche multicritère intégrable dans le navigateur web.
L’ergonomie du site est responsive : elle s’adapte aux écrans de smartphone et de tablette.
Le site est pourvu d’outils pour animer des live autour d’événement ainsi que pour générer des dossiers de presse en PDF.
Un module d’infolettre vient compléter le panel d’outils à disposition des sénateurs.
› En savoir plus › Visiter le site
Création d’identité visuelle Élections départementales de 2015 dans la Métropole Lilloise

Site web Élections départementales dans le Nord
Site de campagne Présentant les listes d’union Front de Gauche / Europe Ecologie les Verts dans l’agglomeration Lilloise pour les elections départementales sur la métropole lilloise.
› En savoir plus › Visiter le site
Communication papier Brochure présentant le programme
Programme de 52 pages.
› En voir plus
Création graphique Exposition des photographies Rodin
Nous avons réalisé la communication de l’exposition "Saint Sébastien, le corps triomphant" organisé par la Mairie du 12eme arrondissement de Paris, à l’occasion de la journée mondiale de lutte contre le Sida.
L’invitation et l’affiche de cette exposition ont été maquettées en respectant l’univers du photographe Robin.
› En voir plus
Création graphique Agence de Développement Territorial en Région de Kayes (ADTRK)
l’ADTRK est un outil d’aide à la décision à destination des collectivités et groupements de collectivités des régions de l’ouest du Mali.
Nous avons réalisé la plaquette de présentation de l’association.
› En voir plus
Création graphique Municipales 2014 - Campagne du Front de Gauche
Conception d’outils pour la campagne du Front de Gauche lors des élections municipales de 2014 :
- Développement et animation du site internet de la liste, et de sa newsletter.
- Réalisation de 2 vidéos de campagne
- Mise en pages d’un programme de 52 pages.
- Conception de l’Affiche de campagne.
- Mise en page de plusieurs tracts de campagne et des bulletin de vote
- Création de la devanture du local de campagne.

Site web Michelle Demessine - Sénatrice du Nord
Michelle Demessine est sénatrice du Nord. Elle a été secrétaire d’État au Tourisme sous le gouvernement Jospin.
Son site internet, développé à partir du CMS Spip et du template Bootstrap, a été réalisé par nos soins. Son design s’adapte à différents supports (smartphones, tablettes, écrans d’ordinateurs ...).
Le site internet contient des automatismes permettant de publier ses articles sur Twitter et Facebook.
› En savoir plus › Visiter le site
Site web Groupe Front de gauche, Communiste et Unitaires au conseil régional du Nord pas de Calais
Les 11 élus du groupe Front de gauche, Communiste et Unitaires au conseil régional du Nord-Pas-de-Calais privilégient l’Humain à la finance.
Nous avons conçu un site internet qui reflète cet état d’esprit en insérant des propos politiques sur fond de photographies de scènes de vie de la région.
› En savoir plus › Visiter le site
Site web Section française de la direction des antiquités du Soudan
Située à Khartoum, la SFDAS est un institut de recherches français recensant les sites archéologiques de la vallée du Nil.
Son site internet, réalisé par nos soins, contient un agenda et des fonctionnalités de géolocalisation des fouilles. Déclinées en 3 langues, chaque page du site offre une fonctionnalité permettant à l’ergonomie du site de s’adapter afin d’être lue de droite à gauche dans sa version arabe.
Les fouilles du SFDAS y sont géolocalisées sous forme de carte interactives.
› En savoir plus › Visiter le site
Création graphique Cantonales 2011 - Campagne d'Hugo Vandamme
Création d’outils de campagne dans le cadre des élections cantonales de 2011 pour les candidats du Front de Gauche Hugo Vandamme et Anne-Laure Guerin.
Création de pictogrammes thématiques symbolisant les propositions des candidats.
› En voir plus
Création graphique La pollution de l'eau
Réalisation d’illustrations sur la pollution de l’eau pour l’association Les animateurs de l’environnement urbain
› En savoir plus
Création graphique à la bonne franquette
Réalisation d’illustrations et du plateau pour le jeu de société "à la bonne franquette".
› En savoir plus