{"id":3938,"date":"2026-07-12T13:47:46","date_gmt":"2026-07-12T13:47:46","guid":{"rendered":"https:\/\/nobrainnogain.org\/graphiste\/?page_id=3938"},"modified":"2026-07-16T00:19:13","modified_gmt":"2026-07-16T00:19:13","slug":"portfolio-graphiste-nantes","status":"publish","type":"page","link":"https:\/\/nobrainnogain.org\/graphiste\/portfolio-graphiste-nantes\/","title":{"rendered":"Portfolio  Travaux Graphiste Nantes"},"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 has-x-large-font-size\">Plus de 10 ans d&rsquo;exp\u00e9rience en design graphique<\/h2>\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\">\n<p>Graphiste freelance bas\u00e9 \u00e0 <a href=\"https:\/\/www.google.com\/maps?client=firefox-b-d&amp;um=1&amp;ie=UTF-8&amp;fb=1&amp;gl=fr&amp;sa=X&amp;geocode=KSMDqfCJ64UDMaxdG_Iz-TJ1&amp;daddr=6+Rue+Arthur+III,+44200+Nantes\" target=\"_blank\" rel=\"noopener\">Nantes<\/a> depuis plus de 10 ans, je con\u00e7ois des identit\u00e9s visuelles uniques et des supports de communication qui marquent les esprits. Sp\u00e9cialis\u00e9 en cr\u00e9ation de logos, affiches, sites web, packaging et s\u00e9rigraphie artisanale, j\u2019accompagne entreprises, associations et cr\u00e9ateurs culturels en <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Loire-Atlantique\" target=\"_blank\" rel=\"noopener\">Loire-Atlantique<\/a> et partout en France.<\/p>\n<p>Mon approche combine cr\u00e9ativit\u00e9, strat\u00e9gie de marque et savoir-faire technique. Que vous ayez besoin d\u2019une identit\u00e9 visuelle compl\u00e8te, d\u2019une affiche \u00e9v\u00e9nementielle percutante ou d\u2019un site web sur mesure, je transforme vos id\u00e9es en r\u00e9alisations graphiques qui vous ressemblent.<\/p>\n<p><strong>Secteurs d\u2019expertise:<\/strong> Culture (fanzines, \u00e9v\u00e9nements, r\u00e9sidences artistiques), Restauration (packaging, identit\u00e9 de bar\/restaurant), Startups &amp; PME (branding, webdesign), Associations (communication visuelle engag\u00e9e).<\/p>\n<p><strong>Techniques ma\u00eetris\u00e9es :<\/strong> Design graphique print &amp; digital, typographie personnalis\u00e9e, s\u00e9rigraphie artisanale, peinture murale, motion design, webdesign responsive.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">Mes domaines d&rsquo;expertise<\/h3>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">D\u00e9couvrez une s\u00e9lection de mes r\u00e9alisations graphiques\u00a0: <br>cr\u00e9ation de logos, affiches, sites web, packaging et s\u00e9rigraphies artisanales. <br>Graphiste freelance bas\u00e9 \u00e0 Nantes, je travaille pour des clients vari\u00e9s en Loire-Atlantique et partout en France. <br>Chaque projet est con\u00e7u sur-mesure pour r\u00e9pondre aux besoins sp\u00e9cifiques de mes clients,<br>qu&rsquo;il s&rsquo;agisse d&rsquo;identit\u00e9 visuelle, de communication print ou digitale.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">Projets r\u00e9cents et collaborations<\/h2>\n<\/div>\n<\/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-sMxeqc\">\n\n        <!-- ========================= -->\n        <!-- SELECT DE FILTRE -->\n        <!-- ========================= -->\n        <div class=\"portfolio-select-filter\">\n            <select class=\"portfolio-filter-select\" id=\"psf-1-sMxeqc-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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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\/\" target=\"_blank\" rel=\"noopener noreferrer\" 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-sMxeqc-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-sMxeqc\"] .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-sMxeqc\"] .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-sMxeqc\"] .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-sMxeqc\"] .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-sMxeqc\"] .portfolio-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 767px) {\n            [data-uid=\"psf-1-sMxeqc\"] .portfolio-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* --- Item de la grille --- *\/\n        [data-uid=\"psf-1-sMxeqc\"] .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-sMxeqc\"] .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-sMxeqc\"] .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-sMxeqc\"] .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-sMxeqc\"] .portfolio-item:hover img {\n            transform: scale(1.08);\n        }\n\n        \/* --- Bouton \"Voir plus\" --- *\/\n        [data-uid=\"psf-1-sMxeqc\"] .portfolio-load-more-wrap {\n            margin-top: 30px;\n            text-align: center;\n        }\n\n        [data-uid=\"psf-1-sMxeqc\"] .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-sMxeqc\"] .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-sMxeqc\"] .portfolio-link,\n        [data-uid=\"psf-1-sMxeqc\"] .portfolio-link:visited,\n        [data-uid=\"psf-1-sMxeqc\"] .portfolio-link:hover,\n        [data-uid=\"psf-1-sMxeqc\"] .portfolio-link:focus,\n        [data-uid=\"psf-1-sMxeqc\"] .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-sMxeqc\"]');\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","protected":false},"excerpt":{"rendered":"<p>Plus de 10 ans d&rsquo;exp\u00e9rience en design graphique Graphiste freelance bas\u00e9 \u00e0 Nantes depuis plus de 10 ans, je con\u00e7ois des identit\u00e9s visuelles uniques et des supports de communication qui marquent les esprits. Sp\u00e9cialis\u00e9 en cr\u00e9ation de logos, affiches, sites web, packaging et s\u00e9rigraphie artisanale, j\u2019accompagne entreprises, associations et cr\u00e9ateurs culturels en Loire-Atlantique et partout &#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":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3938","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3938","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=3938"}],"version-history":[{"count":1,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3938\/revisions"}],"predecessor-version":[{"id":4344,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/pages\/3938\/revisions\/4344"}],"wp:attachment":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media?parent=3938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}