{"id":3952,"date":"2026-07-11T11:59:23","date_gmt":"2026-07-11T11:59:23","guid":{"rendered":"https:\/\/nobrainnogain.org\/graphiste\/?page_id=3952"},"modified":"2026-07-26T09:11:23","modified_gmt":"2026-07-26T09:11:23","slug":"graphiste-nantais-serigraphe","status":"publish","type":"page","link":"https:\/\/nobrainnogain.org\/graphiste\/","title":{"rendered":"Graphiste Freelance \u00e0 Nantes | Design &amp; Identit\u00e9 Visuelle"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"wp-block-heading has-text-align-center\">Graphiste freelance \u00e0 Nantes<\/h2>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<p class=\"font_6 wixui-rich-text__text wp-block-paragraph\"><span class=\"wixui-rich-text__text\">Vous recherchez un Designer graphique pour r\u00e9aliser votre identit\u00e9 visuelle, votre communication visuelle, vos mises en page de contenus (livres, magazines, dossiers&#8230;), vos packagings ou votre site internet ?<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bas\u00e9 \u00e0 Nantes, en Loire atlantique, je vous propose mes services afin de vous accompagner dans vos projets dans le but de vous d\u00e9marquer de la concurrence avec un projet qui sera unique.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<p class=\"font_6 wixui-rich-text__text wp-block-paragraph\"><span class=\"wixui-rich-text__text\"> Sp\u00e9cialis\u00e9 dans la communication visuelle et l&rsquo;impression. <\/span><\/p>\n\n\n\n<p class=\"font_6 wixui-rich-text__text wp-block-paragraph\"><span class=\"wixui-rich-text__text\">Je mets mes comp\u00e9tences au service des cr\u00e9ateurs et des entrepreneurs pour concr\u00e9tiser leurs projets, que ce soit pour la conception d&rsquo;affiches, de logos, de cartes, flyers et bien plus encore.<\/span><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous souhaitez raconter votre histoire gr\u00e2ce \u00e0 l\u2019image ? Choisissez l\u2019illustration !<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33%\">\n<p class=\"wp-block-paragraph\">En plus de vous apporter une identit\u00e9 forte, l\u2019illustration est id\u00e9ale pour compl\u00e9ter votre communication.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Infographie, storytelling, supports p\u00e9dagogiques ou \u00e9v\u00e9nementiels, j&rsquo;adapterai le style en fonction de vos cibles et de vos actions.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-large-font-size\">Design cr\u00e9atif<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">cliquer pour acceder au rubrique<\/p>\n\n\n\n<!--\n  ============================================================\n  CARROUSEL TEXTE + IMAGE \u2014 VERSION ADAPTATIVE, VOS CONTENUS INT\u00c9GR\u00c9S\n  10 \u00e9l\u00e9ments, sens descendant, liens cliquables\n  ============================================================\n\n  \u2699\ufe0f POUR TOUT REDIMENSIONNER : changez UNIQUEMENT --text-size\n  ci-dessous. line-height, taille des images et espacements\n  suivent automatiquement, dans les m\u00eames proportions qu'actuellement.\n\n  Les ratios ont \u00e9t\u00e9 calibr\u00e9s pour reproduire EXACTEMENT votre\n  rendu actuel (texte 40px \/ images 80px) au chargement.\n-->\n\n<style>\n.hero-carousel {\n  \/* ===== VARIABLE MA\u00ceTRE \u2014 LA SEULE \u00c0 CHANGER AU QUOTIDIEN ===== *\/\n  --text-size: 65px;\n\n  \/* ===== RATIOS \u2014 calibr\u00e9s sur votre rendu actuel ===== *\/\n  --line-ratio: 1.35;    \/* line-height = text-size \u00d7 1.35 \u2192 54px *\/\n  --img-ratio: 1.4815;   \/* taille image = line-height \u00d7 1.4815 \u2192 80px *\/\n  --gap-ratio: 0.6;       \/* espacement principal = text-size \u00d7 0.6 \u2192 24px *\/\n\n  \/* ===== VALEURS D\u00c9RIV\u00c9ES \u2014 calcul\u00e9es automatiquement ===== *\/\n  --line-height: calc(var(--text-size) * var(--line-ratio));\n  --img-size: calc(var(--line-height) * var(--img-ratio));\n  --gap: calc(var(--text-size) * var(--gap-ratio));\n\n display: flex;\n  align-items: center;\n  justify-content: center;  \/* \u2190 ajout : centre horizontalement *\/\n  width: 100%;               \/* \u2190 ajout : pour que le centrage ait un espace o\u00f9 s'exprimer *\/\n  gap: var(--gap);\n}\n\n\/* === CARROUSEL IMAGE === *\/\n.hero-carousel__img-viewport {\n  position: relative;\n  width: var(--img-size);\n  height: var(--img-size);\n  overflow: hidden;\n  border-radius: 6px;\n  flex-shrink: 0;\n}\n\n.hero-carousel__img-list {\n  display: block;\n  animation: rotateImgs 20s infinite reverse;\n}\n\n.hero-carousel__img-list a {\n  display: block;\n  width: var(--img-size);\n  height: var(--img-size);\n}\n\n.hero-carousel__img-list img {\n  display: block;\n  width: var(--img-size);\n  height: var(--img-size);\n  object-fit: cover;\n}\n\n\/* === TEXTE === *\/\n.hero-carousel__text {\n  font-size: var(--text-size);\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n  gap: calc(var(--text-size) * 0.25); \/* \u00e9quivalent des 10px d'origine \u00e0 40px *\/\n}\n\n.hero-carousel__text-viewport {\n  position: relative;\n  height: var(--line-height);\n  overflow: hidden;\n  display: inline-block;\n}\n\n.hero-carousel__text-list {\n  display: block;\n  animation: rotateWords 20s infinite reverse;\n}\n\n.hero-carousel__text-list a {\n  display: block;\n  height: var(--line-height);\n  line-height: var(--line-height);\n  color: #E6921C;\n  text-decoration: none;\n text-align: center;\n}\n\n\n\/* === TIMELINE \u2014 10 \u00e9l\u00e9ments + 1 doublon = 11 positions ===\n   Pourcentages fixes (li\u00e9s au nombre d'\u00e9l\u00e9ments).\n   translateY calcul\u00e9 via calc() \u2192 s'adapte tout seul. *\/\n@keyframes rotateWords {\n  0%,     7.64%  { transform: translateY(0); }\n  9.09%,  16.73% { transform: translateY(calc(var(--line-height) * -1)); }\n  18.18%, 25.82% { transform: translateY(calc(var(--line-height) * -2)); }\n  27.27%, 34.91% { transform: translateY(calc(var(--line-height) * -3)); }\n  36.36%, 44%    { transform: translateY(calc(var(--line-height) * -4)); }\n  45.45%, 53.09% { transform: translateY(calc(var(--line-height) * -5)); }\n  54.55%, 62.19% { transform: translateY(calc(var(--line-height) * -6)); }\n  63.64%, 71.28% { transform: translateY(calc(var(--line-height) * -7)); }\n  72.73%, 80.37% { transform: translateY(calc(var(--line-height) * -8)); }\n  81.82%, 89.46% { transform: translateY(calc(var(--line-height) * -9)); }\n  90.91%, 98.55% { transform: translateY(calc(var(--line-height) * -10)); }\n  100%           { transform: translateY(calc(var(--line-height) * -10)); }\n}\n\n@keyframes rotateImgs {\n  0%,     7.64%  { transform: translateY(0); }\n  9.09%,  16.73% { transform: translateY(calc(var(--img-size) * -1)); }\n  18.18%, 25.82% { transform: translateY(calc(var(--img-size) * -2)); }\n  27.27%, 34.91% { transform: translateY(calc(var(--img-size) * -3)); }\n  36.36%, 44%    { transform: translateY(calc(var(--img-size) * -4)); }\n  45.45%, 53.09% { transform: translateY(calc(var(--img-size) * -5)); }\n  54.55%, 62.19% { transform: translateY(calc(var(--img-size) * -6)); }\n  63.64%, 71.28% { transform: translateY(calc(var(--img-size) * -7)); }\n  72.73%, 80.37% { transform: translateY(calc(var(--img-size) * -8)); }\n  81.82%, 89.46% { transform: translateY(calc(var(--img-size) * -9)); }\n  90.91%, 98.55% { transform: translateY(calc(var(--img-size) * -10)); }\n  100%           { transform: translateY(calc(var(--img-size) * -10)); }\n}\n<\/style>\n\n<div class=\"hero-carousel\">\n\n  <!-- Image \u00e0 gauche -->\n  <span class=\"hero-carousel__img-viewport\">\n    <span class=\"hero-carousel__img-list\">\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphisme\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6851.webp\" alt=\"Graphisme\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/identite-visuelle-unique-nantes-44\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Tous-en-mer-logo.webp\" alt=\"Logo et charte graphique\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/mise-en-page\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Mise-en-page-Back-office-1.webp\" alt=\"Mise en page\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/creation-typographie-sur-mesure-nantes\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Typographie-2.webp\" alt=\"Typographie\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/serigraphie\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/04\/etrange-miroir.webp\" alt=\"S\u00e9rigraphie\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/site-web-3\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/creation-de-site.webp\" alt=\"Site web\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/motion-design-nantes\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-batgirl.webp\" alt=\"Motion design\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphiste-reseaux-sociaux-nantes\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Reseaux-sociaux-2.webp\" alt=\"r\u00e9seaux sociaux\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/branding-dynamique\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mock-up-affiche-1-scaled.webp\" alt=\"Campagne 360\u00b0\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/initiation-a-la-serigraphie\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/initiation-serigraphie.webp\" alt=\"Formation et workshop\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphisme\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6851.webp\" alt=\"Graphisme\"><\/a>\n    <\/span>\n  <\/span>\n\n  <!-- Texte d\u00e9filant -->\n  <div class=\"hero-carousel__text\">\n    <span><\/span>\n    <span class=\"hero-carousel__text-viewport\">\n      <span class=\"hero-carousel__text-list\">\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphisme\/\">Graphisme<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/identite-visuelle-unique-nantes-44\/\">Logo et charte graphique<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/mise-en-page\/\">Mise en page<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/creation-typographie-sur-mesure-nantes\/\">Typographie<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/serigraphie\/\">S\u00e9rigraphie<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/site-web-3\/\">Cr\u00e9ation et entretient de site<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/motion-design-nantes\/\">Motion design<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphiste-reseaux-sociaux-nantes\/\">R\u00e9seaux sociaux<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/branding-dynamique\/\">Campagne 360\u00b0<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/initiation-a-la-serigraphie\/\">Formation et workshop<\/a>\n        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphisme\/\">Graphisme<\/a>\n      <\/span>\n    <\/span>\n  <\/div>\n\n  <!-- Image \u00e0 droite (identique \u00e0 celle de gauche) -->\n  <span class=\"hero-carousel__img-viewport\">\n    <span class=\"hero-carousel__img-list\">\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphisme\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6851.webp\" alt=\"Graphisme\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/identite-visuelle-unique-nantes-44\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Tous-en-mer-logo.webp\" alt=\"Logo et charte graphique\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/mise-en-page\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Mise-en-page-Back-office-1.webp\" alt=\"Mise en page\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/creation-typographie-sur-mesure-nantes\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Typographie-2.webp\" alt=\"Typographie\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/serigraphie\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/04\/etrange-miroir.webp\" alt=\"S\u00e9rigraphie\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/site-web-3\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/creation-de-site.webp\" alt=\"Site web\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/motion-design-nantes\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-batgirl.webp\" alt=\"Motion design\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphiste-reseaux-sociaux-nantes\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/Reseaux-sociaux-2.webp\" alt=\"r\u00e9seaux sociaux\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/branding-dynamique\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mock-up-affiche-1-scaled.webp\" alt=\"Campagne 360\u00b0\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/initiation-a-la-serigraphie\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/initiation-serigraphie.webp\" alt=\"Formation et workshop\"><\/a>\n      <a href=\"https:\/\/nobrainnogain.org\/graphiste\/graphisme\/\"><img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6851.webp\" alt=\"Graphisme\"><\/a>\n    <\/span>\n  <\/span>\n\n<\/div>\n\n<!--\n  \u26a0\ufe0f IMAGES ENCORE EN PLACEHOLDER \u00c0 REMPLACER :\n  - URL_IMAGE_10.jpg (Logo et charte graphique)\n  - URL_IMAGE_8.jpg (Typographie)\n\n  RAPPEL \u2014 pour changer le NOMBRE d'\u00e9l\u00e9ments (pas leur taille),\n  il faut recalculer les pourcentages de la timeline (non\n  automatisable en CSS pur, dites-moi si besoin).\n-->\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Freelance bas\u00e9 \u00e0 Nantes, print, web, identit\u00e9 visuelle, \u00e9dition et webdesign.<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Je suis en mesure de vous accompagner pour vous garantir une communication qui sort de l&rsquo;ordinaire.Pour vous offrir un design \u00e0 la fois efficace et coh\u00e9rent.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!-- WIDGET ELEMENTOR NON CONVERTI AUTOMATIQUEMENT : shortcode -->\n<!-- Widget \"shortcode\" sans contenu texte d\u00e9tect\u00e9 automatiquement. -->\n<\/div>\n<\/div>\n\n\n\n<lottie-player src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/separateur2.json\" style=\"width: 100%; height: 100%; \"background=\"transparent\" speed=\"1\" loop=\"\" autoplay=\"\">\n<\/lottie-player>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n    <!-- data-uid identifie cette instance pr\u00e9cise du shortcode, utilis\u00e9 par le CSS et le JS plus bas -->\n    <div class=\"portfolio-select-wrapper\" data-uid=\"psf-1-4BghPV\">\n\n        <!-- ========================= -->\n        <!-- SELECT DE FILTRE -->\n        <!-- ========================= -->\n        <div class=\"portfolio-select-filter\">\n            <select class=\"portfolio-filter-select\" id=\"psf-1-4BghPV-filter\">\n\n                <!-- Option par d\u00e9faut : affiche tous les projets -->\n                <option value=\"*\">Toutes les cat\u00e9gories<\/option>\n\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"affiche\">\n                        Affiche                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"fanzine\">\n                        Fanzine                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"illustration\">\n                        Illustration                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"mise-en-page\">\n                        Mise en page                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"motion-design\">\n                        motion design                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"packaging\">\n                        Packaging                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"residences\">\n                        R\u00e9sidences                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"serigraphie\">\n                        S\u00e9rigraphie                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"web-design\">\n                        web design                    <\/option>\n                \n            <\/select>\n        <\/div>\n\n        <!-- ========================= -->\n        <!-- GRILLE DE PROJETS -->\n        <!-- ========================= -->\n        <div class=\"portfolio-grid\">\n                                <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/boite-a-pizza-serigraphie\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item packaging serigraphie\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"462\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/stella-suzie-768x462.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Bo\u00eete \u00e0 pizza s\u00e9rigraphi\u00e9e\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/stella-suzie-768x462.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/stella-suzie-300x180.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/stella-suzie.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Bo\u00eete \u00e0 pizza s\u00e9rigraphi\u00e9<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/pepites-de-louest\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item web-design\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"538\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-768x538.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-768x538.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-300x210.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-1024x717.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-2048x1434.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>P\u00e9pites de l\u2019Ouest<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/cirque-la-compagnie\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item affiche illustration mise-en-page\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"576\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/couv-simones-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Cirque la compagnie\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/couv-simones-768x576.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/couv-simones-300x225.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/couv-simones.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Cirque la compagnie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/coco-pasta\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item packaging\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Packaging-768x512.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"coco pasta\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Packaging-768x512.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Packaging-300x200.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Packaging.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Coco pasta<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/flyer-poln\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item mise-en-page\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"866\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--768x866.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--768x866.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--266x300.webp 266w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--908x1024.webp 908w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--1362x1536.webp 1362w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--1816x2048.webp 1816w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Flyer Poln<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/75h-de-la-serigraphie\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item residences serigraphie\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"684\" height=\"1012\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie.webp 684w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie-203x300.webp 203w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/>                                <\/div>\n                            \n                            <h3>75h de la S\u00e9rigraphie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/heroine-de-la-modernites\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"510\" height=\"895\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-heroines.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-heroines.webp 510w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-heroines-171x300.webp 171w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/>                                <\/div>\n                            \n                            <h3>H\u00e9ro\u00efne de la modernit\u00e9s<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/74-heures-de-la-serigraphie\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item residences serigraphie\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"756\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74--768x756.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74--768x756.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74--300x295.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74--1024x1008.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74-.webp 1512w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>74 heures de la s\u00e9rigraphie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/fanzine-la-mouche\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item fanzine illustration hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"la-mouche-n23-moche\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche.webp 724w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche-212x300.webp 212w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>                                <\/div>\n                            \n                            <h3>Fanzine la mouche<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/batgirl\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"1\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/batgirl-logo-1.svg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Batgirl\" loading=\"lazy\" \/>                                <\/div>\n                            \n                            <h3>Batgirl<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/fata-morgana\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item serigraphie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"563\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-768x563.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Fatamorgana\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-768x563.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-300x220.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-1024x751.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana.webp 1396w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Fata morgana<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/animation-de-logo\/\"\n                       target=\"_blank\"\n                       rel=\"noopener noreferrer\"\n                       class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"1\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/logo-sellerie.svg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" \/>                                <\/div>\n                            \n                            <h3>Animation de logo<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                            <\/div>\n\n        <!-- ========================= -->\n        <!-- BOUTON VOIR PLUS -->\n        <!-- ========================= -->\n        <div class=\"portfolio-load-more-wrap\">\n            <button class=\"portfolio-load-more\" id=\"psf-1-4BghPV-loadmore\">\n                Voir plus            <\/button>\n        <\/div>\n\n    <\/div>\n\n    <!-- ================================================= -->\n    <!-- CSS -->\n    <!-- Chaque r\u00e8gle est pr\u00e9fix\u00e9e par [data-uid=\"...\"] pour isoler -->\n    <!-- le style de cette instance et \u00e9viter tout conflit si le -->\n    <!-- shortcode est utilis\u00e9 plusieurs fois sur la m\u00eame page. -->\n    <!-- ================================================= -->\n    <style>\n        \/* --- Conteneur du select --- *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-select-filter {\n            position: relative;\n            margin-bottom: 40px;\n            font-family: \u00bbhelvetica, sans-serif;\n            font-weight: ;\n        }\n\n        \/* Petite fl\u00e8che custom (remplace la fl\u00e8che native du <select>) *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-select-filter::after {\n            content: '\u2304';\n            color: #ffffff;              \/* corrig\u00e9 : \u00e9tait color:\"ffffff\" (invalide) *\/\n            position: absolute;\n            right: 20px;\n            top: 50%;\n            transform: translateY(-50%);\n            pointer-events: none;        \/* laisse les clics passer \u00e0 travers vers le select *\/\n            font-size: 18px;\n        }\n\n        \/* Style du <select> lui-m\u00eame, enti\u00e8rement pilot\u00e9 par les attributs du shortcode *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-filter-select {\n            width: 100%;\n            padding: 16px 22px;\n            background: ;\n            color: \u00bb#fff;\n            border: \u00bb5px;\n            border-radius: 0px;\n            font-family: \u00bbhelvetica, sans-serif;\n            font-weight: ;\n            font-size: \u00bb20px;\n            line-height: 1.4;\n            cursor: pointer;\n            outline: none;\n            \/* supprime le style natif du select selon les navigateurs *\/\n            appearance: none;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            transition: .3s;\n        }\n\n        \/* --- Grille responsive : 4 colonnes desktop \/ 2 tablette \/ 1 mobile --- *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 30px;\n        }\n\n        @media (max-width: 1024px) {\n            [data-uid=\"psf-1-4BghPV\"] .portfolio-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 767px) {\n            [data-uid=\"psf-1-4BghPV\"] .portfolio-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* --- Item de la grille --- *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-item {\n            transition: .3s;\n            overflow: hidden; \/* n\u00e9cessaire pour que le zoom au hover ne d\u00e9borde pas de la carte *\/\n        }\n\n        \/* Classe ajout\u00e9e en PHP pour cacher les projets au-del\u00e0 du 8e (voir plus haut) *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-item.hidden {\n            display: none;\n        }\n\n        \/* --- Vignette (ratio fixe 4:3, quelle que soit la taille de l'image d'origine) --- *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-thumb {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 4 \/ 3;\n            overflow: hidden;\n            border-radius: 16px;\n        }\n\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-thumb img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;   \/* recadre l'image pour remplir le cadre sans la d\u00e9former *\/\n            display: block;\n            transition: transform .5s ease;\n        }\n\n        \/* Effet de zoom l\u00e9ger sur l'image au survol de la carte *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-item:hover img {\n            transform: scale(1.08);\n        }\n\n        \/* --- Bouton \"Voir plus\" --- *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-load-more-wrap {\n            margin-top: 30px;\n            text-align: center;\n        }\n\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-load-more {\n            padding: 10px 20px;\n            border: none;\n            background: #111;\n            color: #ffffff;              \/* corrig\u00e9 : remplace la propri\u00e9t\u00e9 invalide font-color *\/\n            border-radius: 5px;\n            font-family: \u00bbhelvetica, sans-serif;\n            font-weight: 900;\n            font-size: 20px;             \/* corrig\u00e9 : \"font-size:25px; bold\" n'\u00e9tait pas du CSS valide *\/\n            cursor: pointer;\n            transition: opacity .3s;\n        }\n\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-load-more:hover {\n            opacity: .85;\n        }\n\n        \/* --- Neutralise le style de lien par d\u00e9faut du navigateur sur les cartes --- *\/\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-link,\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-link:visited,\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-link:hover,\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-link:focus,\n        [data-uid=\"psf-1-4BghPV\"] .portfolio-link:active {\n            text-decoration: none !important;\n            color: inherit;\n            display: block;\n        }\n    <\/style>\n\n    <!-- ================================================= -->\n    <!-- JAVASCRIPT -->\n    <!-- Encapsul\u00e9 dans une IIFE (fonction auto-ex\u00e9cut\u00e9e) : -->\n    <!-- aucune variable ne fuit dans l'espace global window, -->\n    <!-- donc aucun risque de conflit entre plusieurs instances -->\n    <!-- du shortcode ou avec d'autres scripts du th\u00e8me\/plugins. -->\n    <!-- ================================================= -->\n    <script>\n    (function() {\n        \/\/ On cible uniquement le wrapper de CETTE instance gr\u00e2ce \u00e0 data-uid\n        var wrapper = document.querySelector('[data-uid=\"psf-1-4BghPV\"]');\n        if (!wrapper) return; \/\/ s\u00e9curit\u00e9 : si le wrapper n'existe pas, on arr\u00eate le script ici\n\n        var filter      = wrapper.querySelector('.portfolio-filter-select');\n        var items       = wrapper.querySelectorAll('.portfolio-item');\n        var loadMoreBtn = wrapper.querySelector('.portfolio-load-more');\n\n        \/**\n         * Applique le filtre choisi : affiche les 8 premiers items correspondant\n         * \u00e0 la cat\u00e9gorie s\u00e9lectionn\u00e9e, cache le reste.\n         *\/\n        function applyFilter(value) {\n            var visibleCount = 0;\n\n            items.forEach(function(item) {\n                item.classList.add('hidden'); \/\/ on cache tout par d\u00e9faut...\n\n                \/\/ \"*\" = toutes cat\u00e9gories, sinon on v\u00e9rifie la classe CSS correspondant au slug\n                var matches = (value === '*') || item.classList.contains(value);\n\n                if (matches) {\n                    if (visibleCount < 8) {\n                        item.classList.remove('hidden'); \/\/ ...puis on r\u00e9-affiche les 8 premiers correspondants\n                    }\n                    visibleCount++;\n                }\n            });\n\n            \/\/ Le bouton \"Voir plus\" ne s'affiche que s'il reste des \u00e9l\u00e9ments \u00e0 charger\n            loadMoreBtn.style.display = (visibleCount <= 8) ? 'none' : 'inline-block';\n        }\n\n        \/\/ D\u00e9clenche le filtrage \u00e0 chaque changement dans le <select>\n        if (filter) {\n            filter.addEventListener('change', function() {\n                applyFilter(this.value);\n            });\n        }\n\n        \/\/ Gestion du clic sur \"Voir plus\" : r\u00e9v\u00e8le 4 \u00e9l\u00e9ments cach\u00e9s suppl\u00e9mentaires\n        if (loadMoreBtn) {\n            loadMoreBtn.addEventListener('click', function() {\n                var value = filter ? filter.value : '*';\n                var hiddenItems = [];\n\n                \/\/ R\u00e9cup\u00e8re la liste des items actuellement cach\u00e9s ET correspondant au filtre actif\n                items.forEach(function(item) {\n                    if (item.classList.contains('hidden')) {\n                        if (value === '*' || item.classList.contains(value)) {\n                            hiddenItems.push(item);\n                        }\n                    }\n                });\n\n                \/\/ R\u00e9v\u00e8le les 4 premiers de cette liste\n                hiddenItems.slice(0, 4).forEach(function(item) {\n                    item.classList.remove('hidden');\n                });\n\n                \/\/ Recalcule combien il en reste de cach\u00e9s, pour savoir si on doit\n                \/\/ masquer le bouton \"Voir plus\" (plus rien \u00e0 charger)\n                var remaining = 0;\n                items.forEach(function(item) {\n                    if (item.classList.contains('hidden') && (value === '*' || item.classList.contains(value))) {\n                        remaining++;\n                    }\n                });\n\n                if (remaining === 0) {\n                    loadMoreBtn.style.display = 'none';\n                }\n            });\n        }\n    })();\n    <\/script>\n\n    \n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Graphiste freelance \u00e0 Nantes Vous recherchez un Designer graphique pour r\u00e9aliser votre identit\u00e9 visuelle, votre communication visuelle, vos mises en page de contenus (livres, magazines, dossiers&#8230;), vos packagings ou votre site internet ? Bas\u00e9 \u00e0 Nantes, en Loire atlantique, je vous propose mes services afin de vous accompagner dans vos projets dans le but de &#8230; <a title=\"Animation de logo\" class=\"read-more\" href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/animation-de-logo\/\" aria-label=\"En savoir plus sur Animation de logo\">Lire la suite<\/a><\/p>\n","protected":false},"author":1,"featured_media":3629,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3952","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/comments?post=3952"}],"version-history":[{"count":2,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3952\/revisions"}],"predecessor-version":[{"id":4646,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3952\/revisions\/4646"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media\/3629"}],"wp:attachment":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media?parent=3952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}