{"id":14716,"date":"2026-06-22T13:14:53","date_gmt":"2026-06-22T11:14:53","guid":{"rendered":"https:\/\/nobrainnogain.org\/portfolio\/?post_type=travaux&#038;p=14716"},"modified":"2026-06-22T13:23:46","modified_gmt":"2026-06-22T11:23:46","slug":"animation-de-logo","status":"publish","type":"travaux","link":"https:\/\/nobrainnogain.org\/portfolio\/blog\/travaux\/animation-de-logo\/","title":{"rendered":"Animation de logo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"14716\" class=\"elementor elementor-14716\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e852575 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e852575\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-eda6534\" data-id=\"eda6534\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3667a59 elementor-widget elementor-widget-heading\" data-id=\"3667a59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Animation du logo <br>de la sellerie iod\u00e9e<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c099cf2 elementor-widget elementor-widget-text-editor\" data-id=\"c099cf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Contact\u00e9 par la <a href=\"https:\/\/www.sellerie-iodee.fr\/\" target=\"_blank\" rel=\"noopener\">Sellerie Iod\u00e9e<\/a>, <a href=\"https:\/\/www.linkedin.com\/in\/sellerie-iod%C3%A9ee-6aa972418\/\" target=\"_blank\" rel=\"noopener\">Marine Meunier<\/a> m&rsquo;a demand\u00e9 d&rsquo;animer son logo , pour ses r\u00e9seaux sociaux.<\/p><p>Un travail de <a href=\"https:\/\/nobrainnogain.org\/portfolio\/motion-design-nantes\/\">motion design<\/a> r\u00e9alis\u00e9 sous After Effects, simple et efficace.\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3da15ea\" data-id=\"3da15ea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8aaa90e elementor-widget elementor-widget-video\" data-id=\"8aaa90e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/06\/animez-votre-communication.webm\" autoplay=\"\" loop=\"\" controls=\"\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dadc466 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dadc466\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-280d86d\" data-id=\"280d86d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ef4e96 elementor-widget elementor-widget-heading\" data-id=\"1ef4e96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">D'autres projets<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d631bb elementor-widget elementor-widget-shortcode\" data-id=\"8d631bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\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\/portfolio\/blog\/travaux\/animation-de-logo\/\" 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 fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"462\" src=\"https:\/\/nobrainnogain.org\/portfolio\/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\/portfolio\/wp-content\/uploads\/2026\/06\/stella-suzie-768x462.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/06\/stella-suzie-300x180.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/06\/stella-suzie-500x301.webp 500w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/06\/stella-suzie.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\n                                <\/div>\n\n                            \n                            <!-- Titre -->\n                            <h3>Animation de logo<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n\n                \n                    <!-- ========================= -->\n                    <!-- LIEN DU PORTFOLIO -->\n                    <!-- ========================= -->\n\n                    <a href=\"https:\/\/nobrainnogain.org\/portfolio\/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 fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"462\" src=\"https:\/\/nobrainnogain.org\/portfolio\/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\/portfolio\/wp-content\/uploads\/2026\/06\/stella-suzie-768x462.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/06\/stella-suzie-300x180.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/06\/stella-suzie-500x301.webp 500w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/06\/stella-suzie.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/blog\/travaux\/portevent\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item serigraphie affiche illustration\">\n\n                            \n                                <!-- Image mise en avant -->\n                                <div class=\"portfolio-thumb\">\n\n                                    <img decoding=\"async\" width=\"768\" height=\"960\" src=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/01\/portevent-1-1.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"portevent\" title=\"\">\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\/portfolio\/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 decoding=\"async\" width=\"768\" height=\"538\" src=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2026\/01\/aurele-en-scene-scaled.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Refonte du site Aur\u00e8le en sc\u00e8ne\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-768x432.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-300x169.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-1024x576.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-600x338.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/12\/Fete-de-la-science.webp 1440w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/10\/couv-simones-768x576.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/couv-simones-300x225.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/couv-simones-600x450.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/couv-simones.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-768x538.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"P\u00e9pites de l&#039;Ouest\" srcset=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-768x538.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-300x210.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-1024x717.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-2048x1434.webp 2048w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-600x420.webp 600w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-768x768.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-300x300.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-150x150.webp 150w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-600x600.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-100x100.webp 100w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-50x50.webp 50w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/miskatonic-university-2.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/blog\/travaux\/monde-de-merde\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <!-- Carte portfolio -->\n                        <div class=\"portfolio-item affiche serigraphie hidden\">\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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/08\/monde-de-merde-768x510.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/monde-de-merde-300x199.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/monde-de-merde-600x398.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/monde-de-merde.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-768x538.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-300x210.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-1024x717.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2-600x420.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/08\/site-web-madame-suzie-2.webp 1920w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-768x551.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-300x215.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-1024x734.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-600x430.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1.webp 1280w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/assigne-a-residence-768x1099.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Assign\u00e9 \u00e0 r\u00e9sidence\" srcset=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/assigne-a-residence-768x1099.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/assigne-a-residence-210x300.webp 210w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/assigne-a-residence-715x1024.webp 715w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/assigne-a-residence-1073x1536.webp 1073w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/assigne-a-residence-1431x2048.webp 1431w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/assigne-a-residence-600x859.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/assigne-a-residence-scaled.webp 1789w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/affiche-typographique-768x1086.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/affiche-typographique-212x300.webp 212w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/affiche-typographique-724x1024.webp 724w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/affiche-typographique-600x849.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/affiche-typographique.webp 842w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-768x768.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-300x300.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-150x150.webp 150w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-600x600.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-100x100.webp 100w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2-50x50.webp 50w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/logo-tous-en-mer-2.webp 851w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-768x1078.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Sortez-vous les doigts !\" srcset=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-768x1078.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-214x300.webp 214w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-730x1024.webp 730w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-1094x1536.webp 1094w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-1459x2048.webp 1459w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-600x842.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/sortez-vous-les-doigts-copie-scaled.webp 1824w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/monograme-E-768x741.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/monograme-E-300x289.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/monograme-E-1024x987.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/monograme-E-1536x1481.webp 1536w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/monograme-E-600x579.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/monograme-E.webp 1655w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/caroussel-ecos--768x497.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/caroussel-ecos--300x194.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/caroussel-ecos--600x388.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/caroussel-ecos-.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/baleine-768x806.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"tatouages\" srcset=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/baleine-768x806.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/baleine-286x300.webp 286w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/baleine-975x1024.webp 975w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/baleine-600x630.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/baleine.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/proces-verbal.webp 722w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/proces-verbal-281x300.webp 281w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/proces-verbal-600x642.webp 600w\" sizes=\"(max-width: 722px) 100vw, 722px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/fete-de-limprimerie.webp 516w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/fete-de-limprimerie-202x300.webp 202w\" sizes=\"(max-width: 516px) 100vw, 516px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/anti-social.webp 643w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/anti-social-188x300.webp 188w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/anti-social-600x956.webp 600w\" sizes=\"(max-width: 643px) 100vw, 643px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche.webp 724w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche-212x300.webp 212w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche-600x849.webp 600w\" sizes=\"(max-width: 724px) 100vw, 724px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/tote-bag-madame-suzie-768x659.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/tote-bag-madame-suzie-300x258.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/tote-bag-madame-suzie-600x515.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/tote-bag-madame-suzie.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-768x398.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-300x155.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-600x311.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue.webp 778w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-768x768.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-300x300.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-1024x1024.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-150x150.webp 150w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-600x600.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-100x100.webp 100w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-50x50.webp 50w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/expo-gaelle-2.webp 1080w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/IMGP6846-768x768.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/IMGP6846-300x300.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/IMGP6846-1024x1024.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/IMGP6846-150x150.webp 150w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/IMGP6846-600x600.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/IMGP6846-100x100.webp 100w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/IMGP6846-50x50.webp 50w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/IMGP6846.webp 1080w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie.webp 700w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie-300x300.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie-150x150.webp 150w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie-600x600.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie-100x100.webp 100w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/t-shirt-titan-copie-50x50.webp 50w\" sizes=\"(max-width: 700px) 100vw, 700px\" title=\"\">\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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-768x866.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Flyer poln verso\" srcset=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-768x866.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-266x300.webp 266w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-908x1024.webp 908w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-1362x1536.webp 1362w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-1816x2048.webp 1816w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/07\/Free_DL_Flyer_Mockup_1-copie-600x677.webp 600w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/carte-de-presse-1.webp 724w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/carte-de-presse-1-212x300.webp 212w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/carte-de-presse-1-600x849.webp 600w\" sizes=\"(max-width: 724px) 100vw, 724px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie-1.webp 684w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie-1-203x300.webp 203w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie-1-600x888.webp 600w\" sizes=\"(max-width: 684px) 100vw, 684px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/Kraft-74--768x756.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Kraft-74--300x295.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Kraft-74--1024x1008.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Kraft-74--600x590.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Kraft-74--50x50.webp 50w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Kraft-74-.webp 1512w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/Fatamorgana-1-768x563.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Fatamorgana-1-300x220.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Fatamorgana-1-1024x751.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Fatamorgana-1-600x440.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Fatamorgana-1.webp 1396w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/fly-tous-en-mer.webp 595w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/fly-tous-en-mer-212x300.webp 212w\" sizes=\"(max-width: 595px) 100vw, 595px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/404-vignette-768x373.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/404-vignette-300x146.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/404-vignette-1024x497.webp 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/404-vignette-1536x745.webp 1536w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/404-vignette-600x291.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/404-vignette.webp 1715w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/vignette-heroines.webp 510w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/vignette-heroines-171x300.webp 171w\" sizes=\"(max-width: 510px) 100vw, 510px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/vignette-batgirl.webp 508w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/vignette-batgirl-167x300.webp 167w\" sizes=\"(max-width: 508px) 100vw, 508px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-768x429.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-300x168.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-600x335.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/Packaging-768x512.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Packaging-300x200.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Packaging-600x400.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/Packaging.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-768x461.webp 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-300x180.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-600x360.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1.webp 1024w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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\/portfolio\/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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/logo-final-gba-01.webp 701w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/logo-final-gba-01-300x300.webp 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/logo-final-gba-01-150x150.webp 150w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/logo-final-gba-01-600x600.webp 600w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/logo-final-gba-01-100x100.webp 100w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/logo-final-gba-01-50x50.webp 50w\" sizes=\"(max-width: 701px) 100vw, 701px\" title=\"\">\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\/portfolio\/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\/portfolio\/wp-content\/uploads\/2025\/06\/creation-de-typographie-768x530.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" srcset=\"https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/creation-de-typographie-768x530.jpg 768w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/creation-de-typographie-300x207.jpg 300w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/creation-de-typographie-1024x707.jpg 1024w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/creation-de-typographie-1536x1060.jpg 1536w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/creation-de-typographie-2048x1413.jpg 2048w, https:\/\/nobrainnogain.org\/portfolio\/wp-content\/uploads\/2025\/06\/creation-de-typographie-600x414.jpg 600w\" sizes=\"(max-width: 768px) 100vw, 768px\" title=\"\">\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        #111;\n\n        color:\n        #fff;\n\n        border:\n        5px solid #ffffff;\n\n        border-radius:\n        8px;\n\n        font-family:\n        ;\n\n        font-weight:\n        900;\n\n        font-size:\n        20px;\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    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":14374,"template":"","jetpack-portfolio-type":[59],"class_list":["post-14716","travaux","type-travaux","status-publish","has-post-thumbnail","hentry","jetpack-portfolio-type-motion-design"],"_links":{"self":[{"href":"https:\/\/nobrainnogain.org\/portfolio\/wp-json\/wp\/v2\/travaux\/14716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nobrainnogain.org\/portfolio\/wp-json\/wp\/v2\/travaux"}],"about":[{"href":"https:\/\/nobrainnogain.org\/portfolio\/wp-json\/wp\/v2\/types\/travaux"}],"version-history":[{"count":2,"href":"https:\/\/nobrainnogain.org\/portfolio\/wp-json\/wp\/v2\/travaux\/14716\/revisions"}],"predecessor-version":[{"id":14730,"href":"https:\/\/nobrainnogain.org\/portfolio\/wp-json\/wp\/v2\/travaux\/14716\/revisions\/14730"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/portfolio\/wp-json\/wp\/v2\/media\/14374"}],"wp:attachment":[{"href":"https:\/\/nobrainnogain.org\/portfolio\/wp-json\/wp\/v2\/media?parent=14716"}],"wp:term":[{"taxonomy":"jetpack-portfolio-type","embeddable":true,"href":"https:\/\/nobrainnogain.org\/portfolio\/wp-json\/wp\/v2\/jetpack-portfolio-type?post=14716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}