{"id":10078,"date":"2025-08-17T17:42:26","date_gmt":"2025-08-17T15:42:26","guid":{"rendered":"https:\/\/nobrainnogain.org\/portfolio\/?post_type=jetpack-portfolio&amp;p=10078"},"modified":"2025-08-17T17:42:26","modified_gmt":"2025-08-17T15:42:26","slug":"miskatonic-university","status":"publish","type":"travaux","link":"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/miskatonic-university\/","title":{"rendered":"Miskatonic University"},"content":{"rendered":"<h2>Miskatonic University<\/h2>\n<p>Une illustration typographique inspir\u00e9 de l&rsquo;univers sombre et tentaculaire de Howard Philips Lovecraft. Avec pour th\u00e8me.\u00a0 <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Universit%C3%A9_de_Miskatonic\" target=\"_blank\" rel=\"noopener\">L&rsquo;universit\u00e9 de Miskatonic<\/a>. Une \u0153uvre d\u00e9clin\u00e9e en s\u00e9rigraphie sur papier et sur textile.<\/p>\n<p>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic.webp\" alt=\"miskatonic university\" \/><br \/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2.webp\" alt=\"Miskatonic University\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n<h3>D&rsquo;autres projets<\/h3>\n\n    <div class=\"portfolio-select-wrapper\">\n\n        <!-- ========================= -->\n        <!-- SELECT DE FILTRE -->\n        <!-- ========================= -->\n\n        <div class=\"portfolio-select-filter\">\n\n            <select id=\"portfolioFilter\">\n\n                <!-- Option par d\u00e9faut -->\n                <option value=\"*\">\n                    Toutes les cat\u00e9gories\n                <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"affiche\">\n\n                        <!-- Nom visible -->\n                        Affiche\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"atelier\">\n\n                        <!-- Nom visible -->\n                        Atelier\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"etiquette\">\n\n                        <!-- Nom visible -->\n                        Etiquette\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"fanzine\">\n\n                        <!-- Nom visible -->\n                        Fanzine\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"illustration\">\n\n                        <!-- Nom visible -->\n                        Illustration\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"logo\">\n\n                        <!-- Nom visible -->\n                        Logo\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"mise-en-page\">\n\n                        <!-- Nom visible -->\n                        Mise en page\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"motion-design\">\n\n                        <!-- Nom visible -->\n                        motion design\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"packaging\">\n\n                        <!-- Nom visible -->\n                        Packaging\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"peinture-murale\">\n\n                        <!-- Nom visible -->\n                        Peinture murale\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"photographie\">\n\n                        <!-- Nom visible -->\n                        Photographie\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"residences\">\n\n                        <!-- Nom visible -->\n                        R\u00e9sidences\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"serigraphie\">\n\n                        <!-- Nom visible -->\n                        S\u00e9rigraphie\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"tatouages\">\n\n                        <!-- Nom visible -->\n                        Tatouages\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"typographie\">\n\n                        <!-- Nom visible -->\n                        Typographie\n                    <\/option>\n\n                \n                    <!--\n                    Chaque option contient le slug de la cat\u00e9gorie\n                    Exemple :\n                    value=\"branding\"\n                    -->\n                    <option value=\"web-design\">\n\n                        <!-- Nom visible -->\n                        web design\n                    <\/option>\n\n                \n            <\/select>\n\n        <\/div>\n\n        <!-- ========================= -->\n        <!-- GRILLE PORTFOLIO -->\n        <!-- ========================= -->\n\n        <div class=\"portfolio-grid\">\n\n            \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/boite-a-pizza-serigraphie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item packaging serigraphie\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" 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=\"stella &amp; suzie\" 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\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Boite \u00e0 pizza s\u00e9rigraphi\u00e9<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/portevent\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item affiche illustration serigraphie\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"960\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent-1-1-1-768x960.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"portevent\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent-1-1-1-768x960.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent-1-1-1-240x300.webp 240w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent-1-1-1-819x1024.webp 819w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent-1-1-1.webp 1080w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Portevent<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/aurele-en-scene\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item web-design\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"538\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-scaled-1-768x538.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Refonte du site Aur\u00e8le en sc\u00e8ne\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-scaled-1-768x538.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-scaled-1-300x210.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-scaled-1-1024x717.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-scaled-1-1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-scaled-1-2048x1434.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Refonte du site Aur\u00e8le en sc\u00e8ne<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/fete-de-la-science\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item motion-design\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-768x432.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"F\u00eate de la science\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-768x432.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-300x169.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-1024x576.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science.webp 1440w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>F\u00eate de la science<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/cirque-la-compagnie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item affiche illustration mise-en-page\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" 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\" 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\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Cirque la compagnie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/pepites-de-louest\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item web-design\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"538\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-scaled-1-768x538.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"P\u00e9pites de l&#039;Ouest\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-scaled-1-768x538.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-scaled-1-300x210.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-scaled-1-1024x717.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-scaled-1-1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-scaled-1-2048x1434.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>P\u00e9pites de l&rsquo;Ouest<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/miskatonic-university\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item illustration serigraphie\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Miskatonic University\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-768x768.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-150x150.webp 150w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Miskatonic University<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/monde-de-merde\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item affiche serigraphie\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"510\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/monde-de-merde-768x510.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Monde de merde\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/monde-de-merde-768x510.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/monde-de-merde-300x199.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/monde-de-merde.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Monde de merde<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/refonte-de-site-madame-suzie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item web-design hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"538\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-768x538.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Site web madame Suzie\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-768x538.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-300x210.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-1024x717.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2.webp 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Refonte de site-Madame Suzie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/suzon-chaudron\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item illustration hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"551\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-768x551.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Suzon Chaudron\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-768x551.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-300x215.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-1024x734.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1.webp 1280w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Suzon Chaudron<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/assigne-a-residence\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item affiche hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1099\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/assigne-a-residence-scaled-1-768x1099.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Assign\u00e9 \u00e0 r\u00e9sidence\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/assigne-a-residence-scaled-1-768x1099.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/assigne-a-residence-scaled-1-210x300.webp 210w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/assigne-a-residence-scaled-1-716x1024.webp 716w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/assigne-a-residence-scaled-1-1073x1536.webp 1073w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/assigne-a-residence-scaled-1-1431x2048.webp 1431w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/assigne-a-residence-scaled-1.webp 1789w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Assign\u00e9 a r\u00e9sidence<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/affiche-typographique\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item affiche mise-en-page typographie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1086\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/affiche-typographique-768x1086.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Affiche typographique exp\u00e9rimentale cr\u00e9ation graphiste Nantes |\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/affiche-typographique-768x1086.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/affiche-typographique-212x300.webp 212w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/affiche-typographique-724x1024.webp 724w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/affiche-typographique.webp 842w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Affiche typographique<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/tous-en-mer-logo\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item logo hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Tous en mer\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-768x768.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-150x150.webp 150w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2.webp 851w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Tous en mer<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/sortez-vous-les-doigts\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item affiche hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1078\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-scaled-1-768x1078.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Sortez-vous les doigts !\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-scaled-1-768x1078.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-scaled-1-214x300.webp 214w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-scaled-1-730x1024.webp 730w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-scaled-1-1094x1536.webp 1094w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-scaled-1-1459x2048.webp 1459w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-scaled-1.webp 1824w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Sortez vous les doigts !<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/monogramme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item typographie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"741\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/monograme-E-768x741.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Monogramme\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/monograme-E-768x741.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/monograme-E-300x289.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/monograme-E-1024x987.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/monograme-E-1536x1481.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/monograme-E.webp 1655w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Monogramme<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/ecos\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item atelier serigraphie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"497\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/caroussel-ecos--768x497.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\u00c9cos\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/caroussel-ecos--768x497.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/caroussel-ecos--300x194.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/caroussel-ecos-.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Ecos<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/tatouages\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item tatouages hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"806\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine-768x806.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"tatouages\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine-768x806.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine-286x300.webp 286w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine-975x1024.webp 975w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Tatouages<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/reportage-photo\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item photographie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"722\" height=\"772\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/proces-verbal.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Reportage photo\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/proces-verbal.webp 722w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/proces-verbal-281x300.webp 281w\" sizes=\"auto, (max-width: 722px) 100vw, 722px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Reportage photo<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/fete-de-limprimerie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item affiche hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"516\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/fete-de-limprimerie.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"| fete-de-limprimerie.webp | F\u00eate de l&#039;imprimerie | Affiche F\u00eate de l&#039;imprimerie \u00e9v\u00e9nement culturel graphisme Nantes\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/fete-de-limprimerie.webp 516w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/fete-de-limprimerie-202x300.webp 202w\" sizes=\"auto, (max-width: 516px) 100vw, 516px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>F\u00eate de l&rsquo;imprimerie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/no-futur-social-club\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item illustration hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"643\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/anti-social.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"No Futur Social Club\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/anti-social.webp 643w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/anti-social-188x300.webp 188w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>No Futur Social Club<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/fanzine-la-mouche\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item fanzine illustration hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" 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=\"Fanzine la mouche\" 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\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>fanzine la mouche<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/madame-suzie-production\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item serigraphie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"659\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/tote-bag-madame-suzie-768x659.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"tote bag madame suzie\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/tote-bag-madame-suzie-768x659.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/tote-bag-madame-suzie-300x258.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/tote-bag-madame-suzie.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>madame suzie production<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/jump-of-rescue\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"398\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-768x398.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"motion design jump of rescue\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-768x398.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-300x155.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue.webp 778w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Jump of rescue<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/embrasez-qui-vous-voudrez\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item peinture-murale typographie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Embrasez qui vous voudrez\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-768x768.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-1024x1024.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-150x150.webp 150w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2.webp 1080w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Embrasez qui vous voudrez<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/dont-fuck-with-nunchuck\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item serigraphie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Don&#039;t fuck with nunchucks\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-768x768.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-1024x1024.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-150x150.webp 150w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846.webp 1080w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Don&rsquo;t fuck with nunchuck<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/logo-titan\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item logo hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"700\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Logo titant t-shirt\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie.webp 700w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie-150x150.webp 150w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Logo titan<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/flyer-poln\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item mise-en-page hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"866\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-scaled-1-768x866.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Flyer poln verso\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-scaled-1-768x866.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-scaled-1-266x300.webp 266w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-scaled-1-908x1024.webp 908w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-scaled-1-1361x1536.webp 1361w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-scaled-1-1815x2048.webp 1815w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Flyer Poln<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/carte-de-presse\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item logo hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/carte-de-presse-1.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Carte de presse\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/carte-de-presse-1.webp 724w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/carte-de-presse-1-212x300.webp 212w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Carte de presse<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/75h-de-la-serigraphie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item residences serigraphie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"684\" height=\"1012\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie-1.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"75h de la S\u00e9rigraphie\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie-1.webp 684w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie-1-203x300.webp 203w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>75h de la S\u00e9rigraphie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/74-heures-de-la-serigraphie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item residences serigraphie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" 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=\"74 heures de la S\u00e9rigraphie\" 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\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>74 heures de la s\u00e9rigraphie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/fata-morgana\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item serigraphie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"563\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-1-768x563.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Fatamorgana-1.webp | Fatamorgana | Affiche Fatamorgana cr\u00e9ation graphique r\u00e9sidence Nantes |\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-1-768x563.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-1-300x220.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-1-1024x751.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-1.webp 1396w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Fata morgana<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/flyer-tous-en-mer\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item mise-en-page hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"595\" height=\"842\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/fly-tous-en-mer.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"flyer-tous-en-mer\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/fly-tous-en-mer.webp 595w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/fly-tous-en-mer-212x300.webp 212w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Flyer tous en mer<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/enlevement-404\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"373\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-768x373.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Erreur 404 - page introuvable\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-768x373.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-300x146.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-1024x497.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-1536x745.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette.webp 1715w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Enl\u00e8vement 404<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/heroine-de-la-modernites\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" 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=\"Motion design storytelling - H\u00e9ro\u00efnes de la modernit\u00e9\" 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\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>H\u00e9ro\u00efne de la modernit\u00e9s<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/batgirl\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"508\" height=\"913\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-batgirl.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Animation personnage motion design - court m\u00e9trage Batgirl\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-batgirl.webp 508w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-batgirl-167x300.webp 167w\" sizes=\"auto, (max-width: 508px) 100vw, 508px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Batgirl<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/ginger-beer\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item etiquette hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"429\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-768x429.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"ginger beer\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-768x429.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-300x168.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Ginger beer<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/coco-pasta\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item packaging hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" 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=\"Packaging graphiste nantes\" 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\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Coco pasta<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/consentis-la-methode-des-5-d\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item mise-en-page hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"461\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-768x461.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"consentis\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-768x461.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-300x180.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Consentis La m\u00e9thode des 5 D<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/guillaume-blanchard-architecte\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item logo hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"701\" height=\"701\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-final-gba-01.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Guillaume Blanchard Architecte\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-final-gba-01.webp 701w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-final-gba-01-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-final-gba-01-150x150.webp 150w\" sizes=\"auto, (max-width: 701px) 100vw, 701px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Guillaume Blanchard Architecte<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/travaux\/otfspring\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item typographie hidden\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"530\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/creation-de-typographie-scaled-1-768x530.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/creation-de-typographie-scaled-1-768x530.jpg 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/creation-de-typographie-scaled-1-300x207.jpg 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/creation-de-typographie-scaled-1-1024x707.jpg 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/creation-de-typographie-scaled-1-1536x1060.jpg 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/creation-de-typographie-scaled-1-2048x1414.jpg 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Otfspring<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n        <\/div>\n\n        <!-- ========================= -->\n        <!-- BOUTON VOIR PLUS -->\n        <!-- ========================= -->\n\n        <div class=\"portfolio-load-more-wrap\">\n\n            <button id=\"portfolioLoadMore\">\n\n                Voir plus\n\n            <\/button>\n\n        <\/div>\n\n    <\/div>\n\n    <!-- ================================================= -->\n    <!-- CSS -->\n    <!-- ================================================= -->\n\n    <style>\n\n    \/* ========================= *\/\n    \/* WRAPPER GLOBAL *\/\n    \/* ========================= *\/\n\n    .portfolio-select-wrapper{\n\n        width:100%;\n\t\t    }\n\n    \/* ========================= *\/\n    \/* SELECT *\/\n    \/* ========================= *\/\n\n    .portfolio-select-filter{\n        position:relative;\n        margin-bottom:40px;\n\t\tfont-family:Poppins, sans-serif;\n    \tfont-weight:900;\n    }\n\n    \/* Petite fl\u00e8che custom *\/\n    .portfolio-select-filter::after{\n\n        content:'\u2304';\n\t\tcolor:\"ffffff\";\n\n        position:absolute;\n\n        right:20px;\n        top:50%;\n\n        transform:translateY(-50%);\n\n        pointer-events:none;\n\n        font-size:18px;\n    }\n\n    \/* Style du select *\/\n    #portfolioFilter{\n\n        width:100%;\n\n        padding:16px 22px;\n\n        background:\n        #fff;\n\n        color:\n        #000;\n\n        border:\n        1px solid #ddd;\n\n        border-radius:\n        12px;\n\n        font-family:\n        ;\n\n        font-weight:\n        500;\n\n        font-size:\n        16px;\n\n        line-height:1.4;\n\n        cursor:pointer;\n\n        outline:none;\n\n        appearance:none;\n        -webkit-appearance:none;\n        -moz-appearance:none;\n\n        transition:.3s;\n    }\n\n    \/* ========================= *\/\n    \/* GRID *\/\n    \/* ========================= *\/\n\n    .portfolio-grid{\n\n        display:grid;\n\t\t\n\n        \/* 4 colonnes desktop *\/\n        grid-template-columns:\n        repeat(4,minmax(0,1fr));\n\n        gap:30px;\n    }\n\n    \/* tablette *\/\n    @media(max-width:1024px){\n\n        .portfolio-grid{\n\n            grid-template-columns:repeat(2,1fr);\n        }\n    }\n\n    \/* mobile *\/\n    @media(max-width:767px){\n\n        .portfolio-grid{\n\n            grid-template-columns:1fr;\n        }\n    }\n\n    \/* ========================= *\/\n    \/* ITEM *\/\n    \/* ========================= *\/\n\n    .portfolio-item{\n\n        transition:.3s;\n    }\n\n    \/* \u00e9l\u00e9ment masqu\u00e9 *\/\n    .portfolio-item.hidden{\n\n        display:none;\n    }\n\n    \/* ========================= *\/\n    \/* VIGNETTES *\/\n    \/* ========================= *\/\n\n    .portfolio-thumb{\n\n        position:relative;\n\n        width:100%;\n\n        \/* ratio uniforme *\/\n        aspect-ratio: 4 \/ 3;\n\n        overflow:hidden;\n\n        border-radius:16px;\n    }\n\n    \/* IMAGE *\/\n    .portfolio-thumb img{\n\n        width:100%;\n        height:100%;\n\n        object-fit:cover;\n\n        display:block;\n\n        transition:transform .5s ease;\n    }\n\n    \/* Hover zoom *\/\n    .portfolio-item{\n\n        overflow:hidden;\n    }\n\n    .portfolio-item:hover img{\n\n        transform:scale(1.08);\n    }\n\/* ========================= *\/\n\/* BOUTON *\/\n\/* ========================= *\/\n\n.portfolio-load-more-wrap{\n    margin-top:0px;\n    text-align:center;\n    border-radius:5px;\n\t    \n}\n\n#portfolioLoadMore{\n    padding:10px 10px;\n    border-color:000000;\n    background:#111;\n    border-radius:5px;\n    font-size:25px; bold\n\tfont-family:Poppins, sans-serif;\n    font-weight:900;\n\tfont-color:ffffff;\n    font-size:20px;\n    cursor:pointer;\n    }\n\n\/* lien portfolio *\/\n.portfolio-link,\n.portfolio-link:visited,\n.portfolio-link:hover,\n.portfolio-link:focus,\n.portfolio-link:active{\n    text-decoration:none !important;\n    color:inherit;\n    display:block;\n}\n\n\/* hover bouton *\/\n#portfolioLoadMore:hover{\n\tfont-family:Poppins, sans-serif;\n\tfont-weight:900;\n\tfont-size:25px;\n\tfont-color:ffffff;\n    opacity:.85;\n}\n\n    <\/style>\n\n    <!-- ================================================= -->\n    <!-- JAVASCRIPT -->\n    <!-- ================================================= -->\n\n    <script>\n\n    document.addEventListener('DOMContentLoaded', function() {\n\n        \/**\n         * R\u00e9cup\u00e9ration des \u00e9l\u00e9ments\n         *\/\n        const filter =\n        document.getElementById('portfolioFilter');\n\n        const items =\n        document.querySelectorAll('.portfolio-item');\n\n        const loadMoreBtn =\n        document.getElementById('portfolioLoadMore');\n\n        \/* ===================================== *\/\n        \/* FILTRE *\/\n        \/* ===================================== *\/\n\n        filter.addEventListener('change', function() {\n\n            \/\/ valeur s\u00e9lectionn\u00e9e\n            const value = this.value;\n\n            \/\/ compteur visible\n            let visibleCount = 0;\n\n            items.forEach(item => {\n\n                \/\/ cache tout\n                item.classList.add('hidden');\n\n                \/**\n                 * Si \"Toutes cat\u00e9gories\"\n                 *\/\n                if(value === '*') {\n\n                    \/\/ affiche seulement les 8 premiers\n                    if(visibleCount < 8){\n\n                        item.classList.remove('hidden');\n                    }\n\n                    visibleCount++;\n\n                } else {\n\n                    \/**\n                     * Sinon :\n                     * affiche seulement les items\n                     * ayant la classe correspondante\n                     *\/\n                    if(item.classList.contains(value)) {\n\n                        if(visibleCount < 8){\n\n                            item.classList.remove('hidden');\n                        }\n\n                        visibleCount++;\n                    }\n                }\n            });\n\n            \/* ============================= *\/\n            \/* GESTION BOUTON *\/\n            \/* ============================= *\/\n\n            if(visibleCount <= 8){\n\n                loadMoreBtn.style.display = 'none';\n\n            } else {\n\n                loadMoreBtn.style.display = 'inline-block';\n            }\n        });\n\n        \/* ===================================== *\/\n        \/* VOIR PLUS *\/\n        \/* ===================================== *\/\n\n        loadMoreBtn.addEventListener('click', function() {\n\n            \/\/ cat\u00e9gorie active\n            const value = filter.value;\n\n            \/\/ tableau des items cach\u00e9s\n            let hiddenItems = [];\n\n            items.forEach(item => {\n\n                \/\/ r\u00e9cup\u00e8re les \u00e9l\u00e9ments cach\u00e9s\n                if(item.classList.contains('hidden')) {\n\n                    \/\/ v\u00e9rifie la cat\u00e9gorie\n                    if(\n                        value === '*' ||\n                        item.classList.contains(value)\n                    ){\n\n                        hiddenItems.push(item);\n                    }\n                }\n            });\n\n            \/**\n             * Affiche 4 \u00e9l\u00e9ments suppl\u00e9mentaires\n             *\/\n            hiddenItems.slice(0,4).forEach(item => {\n\n                item.classList.remove('hidden');\n            });\n\n            \/* ============================= *\/\n            \/* CACHE LE BOUTON SI FINI *\/\n            \/* ============================= *\/\n\n            let remaining = 0;\n\n            items.forEach(item => {\n\n                if(\n                    item.classList.contains('hidden') &&\n                    (\n                        value === '*' ||\n                        item.classList.contains(value)\n                    )\n                ){\n\n                    remaining++;\n                }\n            });\n\n            \/\/ plus rien \u00e0 afficher\n            if(remaining === 0){\n\n                loadMoreBtn.style.display = 'none';\n            }\n        });\n\n    });\n\n    <\/script>\n\n    \n","protected":false},"featured_media":10085,"template":"","jetpack-portfolio-type":[15,11],"class_list":["post-10078","travaux","type-travaux","status-publish","has-post-thumbnail","hentry","jetpack-portfolio-type-illustration","jetpack-portfolio-type-serigraphie"],"_links":{"self":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/travaux\/10078","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/travaux"}],"about":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/types\/travaux"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media\/10085"}],"wp:attachment":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media?parent=10078"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/jetpack-portfolio-type?post=10078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}