{"id":3969,"date":"2026-08-27T22:12:02","date_gmt":"2026-08-27T22:12:02","guid":{"rendered":"https:\/\/nobrainnogain.org\/graphiste\/?post_type=projets&#038;p=3969"},"modified":"2026-08-27T22:14:28","modified_gmt":"2026-08-27T22:14:28","slug":"logo-titan","status":"publish","type":"projets","link":"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/logo-titan\/","title":{"rendered":"Logo titan"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Logo titan<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<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<div class=\"elementor-widget-container\">\n<div class=\"elementor-element elementor-element-abde1a2 elementor-widget elementor-widget-text-editor\" data-id=\"abde1a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<p>Contact\u00e9 par la troupe d\u2019improvisation th\u00e9\u00e2trale<a href=\"https:\/\/www.facebook.com\/TITANNANTESIMPRO44\/?locale=fr_FR\" target=\"_blank\" rel=\"noopener\"> le titan<\/a>, j\u2019ai \u00e9t\u00e9 mandat\u00e9 pour refaire leur <a href=\"https:\/\/www.instagram.com\/letitanimpro\/\" target=\"_blank\" rel=\"noopener\">logo<\/a>.\u00a0La notion de constructeur d\u2019histoire \u00e9tant au c\u0153ur de leur probl\u00e9matique de troupe, je me suis focalis\u00e9 sur cette notion. B\u00e2tir des contes, \u00e9chafauder des aventures et au final \u00e9lever l\u2019histoire au rang de monument\u00a0Un travail en vectoriel qui s\u2019est suivi par la s\u00e9rigraphie de t shirt.\u00a0Une vectorisation d\u2019apr\u00e8s photos.\u00a0\u00a0<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-titan-2-.webp\" alt=\"\" class=\"wp-image-3723\" style=\"aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-titan-2-.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-titan-2--300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-titan-2--150x150.webp 150w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/t-shirt-titan-724x1024.webp\" alt=\"\" class=\"wp-image-3721\" style=\"aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/t-shirt-titan-724x1024.webp 724w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/t-shirt-titan-212x300.webp 212w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/t-shirt-titan-768x1086.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/t-shirt-titan-1086x1536.webp 1086w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/t-shirt-titan-1448x2048.webp 1448w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/t-shirt-titan.webp 1655w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/identite-visuelle-unique-nantes-44\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/08\/illustration.svg\" alt=\"affiche \/ illustration\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">Logotype<\/span>\n      <span class=\"side top\">En savoir plus<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/prendre-rendez-vous-graphiste-nantes44\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/rdv.svg\" alt=\"Prendre rendez-vous\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">prendre rdv<\/span>\n      <span class=\"side top\">gratuitement<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/contact-graphiste-nantes\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/mail.svg\" alt=\"Proposer un projet\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">Proposer un projet<\/span>\n      <span class=\"side top\">Contactez-moi<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<style data-wp-block-html=\"css\">\n.button-link {\n  display: inline-flex;\n  text-decoration: none;\n  color: inherit;\n  line-height: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  line-height: 0;\n\n\n}\n\n.button-icon {\n  display: flex;\n  align-items: stretch;\n  border: 10px #fff solid;\n  width: fit-content;\n  height: fit-content;\n  cursor: pointer;\n}\n\n.icon {\n  background-color: #fff;\n  padding: 10px 10px 5px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.icon img {\n  display: block;\n  width: 25px;\n  height: 25px;\n  object-fit: contain;\n}\n\n.cube {\n  transition: all 0.4s;\n  transform-style: preserve-3d;\n  width: 200px;\n  height: 20px;\n}\n\n.button-icon:hover {\n  border-color: #e6921c;\n}\n\n.button-icon:hover .cube {\n  transform: rotateX(90deg);\n}\n\n.side {\n  position: absolute;\n  height: 47px;\n  width: 200px;\n  display: flex;\n  font-size: 0.8em;\n  justify-content: center;\n  align-items: center;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  font-weight: bold;\n}\n\n.top {\n  background: #e6921c;\n  color: #fff;\n  transform: rotateX(-90deg) translate3d(0, 13.5px, 2em);\n}\n\n.front {\n  background: #222229;\n  color: #fff;\n  transform: translate3d(0, 0, 1em);\n}\n<\/style>\n\n<a href=\"https:\/\/nobrainnogain.org\/graphiste\/devis-graphisme-nantes\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"button-link\">\n\n  <div class=\"button-icon\">\n    \n    <div class=\"icon\">\n      <img decoding=\"async\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/devis.svg\" alt=\"Demander un devis\">\n    <\/div>\n\n    <div class=\"cube\">\n      <span class=\"side front\">Demander un devis<\/span>\n      <span class=\"side top\">En ligne<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/a>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">Voir d&rsquo;autres projets<\/h3>\n\n\n\n    <!-- data-uid identifie cette instance pr\u00e9cise du shortcode, utilis\u00e9 par le CSS et le JS plus bas -->\n    <div class=\"portfolio-select-wrapper\" data-uid=\"psf-1-xp8IlO\">\n\n        <!-- ========================= -->\n        <!-- SELECT DE FILTRE -->\n        <!-- ========================= -->\n        <div class=\"portfolio-select-filter\">\n            <select class=\"portfolio-filter-select\" id=\"psf-1-xp8IlO-filter\">\n\n                <!-- Option par d\u00e9faut : affiche tous les projets -->\n                <option value=\"*\">Toutes les cat\u00e9gories<\/option>\n\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"affiche\">\n                        Affiche                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"atelier\">\n                        Atelier                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"etiquette\">\n                        Etiquette                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"fanzine\">\n                        Fanzine                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"illustration\">\n                        Illustration                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"logo\">\n                        Logo                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"mise-en-page\">\n                        Mise en page                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"motion-design\">\n                        motion design                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"packaging\">\n                        Packaging                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"peinture-murale\">\n                        Peinture murale                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"residences\">\n                        R\u00e9sidences                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"serigraphie\">\n                        S\u00e9rigraphie                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"tatouages\">\n                        Tatouages                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"typographie\">\n                        Typographie                    <\/option>\n                                    <!-- value = slug de la cat\u00e9gorie, utilis\u00e9 comme classe CSS sur chaque item -->\n                    <option value=\"web-design\">\n                        web design                    <\/option>\n                \n            <\/select>\n        <\/div>\n\n        <!-- ========================= -->\n        <!-- GRILLE DE PROJETS -->\n        <!-- ========================= -->\n        <div class=\"portfolio-grid\">\n                                <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/miskatonic-university\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item illustration serigraphie\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"miskatonic university\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-768x768.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2-150x150.webp 150w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/miskatonic-university-2.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Miskatonic University<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/logo-titan\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item logo\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"1086\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-titan-768x1086-1.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"logo titan\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-titan-768x1086-1.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-titan-768x1086-1-212x300.webp 212w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/logo-titan-768x1086-1-724x1024.webp 724w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Logo titan<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/jump-of-rescue\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"398\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-768x398.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"jump of rescue\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-768x398.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue-300x155.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/motion-design-jump-of-rescue.webp 778w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Jump of rescue<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/tous-en-mer-logo-2\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item logo\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Tous-en-mer-logo.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Tous en mer logo\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Tous-en-mer-logo.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Tous-en-mer-logo-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Tous-en-mer-logo-150x150.webp 150w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>tous en mer logo<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/carte-de-presse-4\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item logo\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/carte-de-presse.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Carte de presse\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/carte-de-presse.webp 724w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/carte-de-presse-212x300.webp 212w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>                                <\/div>\n                            \n                            <h3>Carte de presse<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/aurele-en-scene-2\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item web-design\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"538\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-768x538.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"aurele en scene\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-768x538.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-300x210.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-1024x717.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/aurele-en-scene-2048x1434.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Aur\u00e8le en sc\u00e8ne<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/monde-de-merde-2\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"510\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/monde-de-merde-768x510.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"monde-de-merde\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/monde-de-merde-768x510.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/monde-de-merde-300x199.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/monde-de-merde.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Monde de merde<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/flyer-tous-en-mer\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item mise-en-page\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"595\" height=\"842\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/fly-tous-en-mer.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"flyer tous en mer\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/fly-tous-en-mer.webp 595w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/fly-tous-en-mer-212x300.webp 212w\" sizes=\"auto, (max-width: 595px) 100vw, 595px\" \/>                                <\/div>\n                            \n                            <h3>Flyer tous en mer<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/suzon-chaudron\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item illustration hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"551\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-1-768x551.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"suzon chaudron\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-1-768x551.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-1-300x215.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-1-1024x734.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/suzon-chaudron-1-1.webp 1280w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Suzon Chaudron<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/portevent-9\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item affiche atelier residences serigraphie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"960\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent--768x960.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent--768x960.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent--240x300.webp 240w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent--819x1024.webp 819w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/01\/portevent-.webp 1080w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Portevent<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/fete-de-la-science-3\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-768x432.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"F\u00eate de la Science\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-768x432.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-300x169.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science-1024x576.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/12\/Fete-de-la-science.webp 1440w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>F\u00eate de la Science<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/fete-de-limprimerie-2\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item affiche hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"516\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/fete-de-limprimerie.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"F\u00eate de l&#039;imprimerie\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/fete-de-limprimerie.webp 516w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/fete-de-limprimerie-202x300.webp 202w\" sizes=\"auto, (max-width: 516px) 100vw, 516px\" \/>                                <\/div>\n                            \n                            <h3>F\u00eate de l&rsquo;imprimerie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/tatouages\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item tatouages hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"806\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine-768x806.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine-768x806.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine-286x300.webp 286w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine-975x1024.webp 975w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/baleine.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Tatouages<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/ginger-beer\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item etiquette hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"429\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-768x429.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Ginger beer\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-768x429.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4-300x168.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/ginger-etiquette-4.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Ginger beer<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/guillaume-blanchard-architecte\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item logo hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"284\" height=\"284\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Logo.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Guillaume Blanchard Architecte\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Logo.webp 284w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Logo-150x150.webp 150w\" sizes=\"auto, (max-width: 284px) 100vw, 284px\" \/>                                <\/div>\n                            \n                            <h3>Guillaume Blanchard Architecte<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/embrasez-qui-vous-voudrez\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item peinture-murale typographie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Embrasez qui vous voudrez\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-768x768.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-1024x1024.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2-150x150.webp 150w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/expo-gaelle-2.webp 1080w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Embrasez qui vous voudrez<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/enlevement-404\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"373\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-768x373.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Enl\u00e8vement 404\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-768x373.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-300x146.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-1024x497.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette-1536x745.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/404-vignette.webp 1715w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Enl\u00e8vement 404<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/consentis-la-methode-des-5-d\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item mise-en-page hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"461\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-768x461.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Consentis La m\u00e9thode des 5 D\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-768x461.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1-300x180.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/mockup-flyer-ext-1.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Consentis La m\u00e9thode des 5 D<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/refonte-site-madame-suzie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item web-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"538\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/madame-suzie-production--768x538.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Refonte de site Madame Suzie\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/madame-suzie-production--768x538.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/madame-suzie-production--300x210.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/madame-suzie-production--1024x717.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/madame-suzie-production--1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/08\/madame-suzie-production-.webp 1920w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Refonte de site Madame Suzie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/monogramme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item typographie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"741\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/monogramme-N-1536x1481-1-768x741.jpg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"monogramme\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/monogramme-N-1536x1481-1-768x741.jpg 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/monogramme-N-1536x1481-1-300x289.jpg 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/monogramme-N-1536x1481-1-1024x987.jpg 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/monogramme-N-1536x1481-1.jpg 1536w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Monogramme<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/no-futur-social-club\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item affiche illustration hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"643\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/anti-social.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"No Futur Social Club\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/anti-social.webp 643w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/anti-social-188x300.webp 188w\" sizes=\"auto, (max-width: 643px) 100vw, 643px\" \/>                                <\/div>\n                            \n                            <h3>No Futur Social Club<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/ecos\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item atelier serigraphie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"497\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/caroussel-ecos--768x497.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"ecos\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/caroussel-ecos--768x497.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/caroussel-ecos--300x194.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/caroussel-ecos-.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Ecos<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/dont-fuck-with-nunchuck\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item serigraphie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-768x768.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Don&#039;t fuck with nunchucks\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-768x768.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-300x300.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-1024x1024.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846-150x150.webp 150w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/IMGP6846.webp 1080w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Don\u2019t fuck with nunchuck<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/boite-a-pizza-serigraphie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item packaging serigraphie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"462\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/stella-suzie-768x462.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Bo\u00eete \u00e0 pizza s\u00e9rigraphi\u00e9e\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/stella-suzie-768x462.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/stella-suzie-300x180.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/06\/stella-suzie.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Bo\u00eete \u00e0 pizza s\u00e9rigraphi\u00e9<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/pepites-de-louest\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item web-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"538\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-768x538.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-768x538.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-300x210.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-1024x717.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-1536x1075.webp 1536w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/Les-pepites-de-louest-2048x1434.webp 2048w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>P\u00e9pites de l\u2019Ouest<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/cirque-la-compagnie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item affiche illustration mise-en-page hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"576\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/couv-simones-768x576.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Cirque la compagnie\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/couv-simones-768x576.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/couv-simones-300x225.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/10\/couv-simones.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Cirque la compagnie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/coco-pasta\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item packaging hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"512\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Packaging-768x512.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Packaging \u00e9co con\u00e7u Coco Pasta\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Packaging-768x512.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Packaging-300x200.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Packaging.webp 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Packaging \u00e9co con\u00e7u Coco Pasta<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/flyer-poln\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item mise-en-page hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"866\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--768x866.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--768x866.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--266x300.webp 266w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--908x1024.webp 908w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--1362x1536.webp 1362w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/Flyer-poln-2--1816x2048.webp 1816w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Flyer Poln<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/75h-de-la-serigraphie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item residences serigraphie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"684\" height=\"1012\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie.webp 684w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/septantes-cinq-heure-de-la-serigraphie-203x300.webp 203w\" sizes=\"auto, (max-width: 684px) 100vw, 684px\" \/>                                <\/div>\n                            \n                            <h3>75h de la S\u00e9rigraphie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/heroine-de-la-modernites\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"510\" height=\"895\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-heroines.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-heroines.webp 510w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/vignette-heroines-171x300.webp 171w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/>                                <\/div>\n                            \n                            <h3>H\u00e9ro\u00efne de la modernit\u00e9s<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/74-heures-de-la-serigraphie\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item residences serigraphie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"756\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74--768x756.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"74 heures de la s\u00e9rigraphie\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74--768x756.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74--300x295.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74--1024x1008.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Kraft-74-.webp 1512w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>74 heures de la s\u00e9rigraphie<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/fanzine-la-mouche\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item fanzine illustration hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Fanzine la mouche\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche.webp 724w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/07\/la-mouche-n23-moche-212x300.webp 212w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/>                                <\/div>\n                            \n                            <h3>Fanzine la mouche<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/batgirl\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"1\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/batgirl-logo-1.svg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Batgirl\" loading=\"lazy\" \/>                                <\/div>\n                            \n                            <h3>Batgirl<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/fata-morgana\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item serigraphie hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"563\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-768x563.webp\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"Fatamorgana\" loading=\"lazy\" srcset=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-768x563.webp 768w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-300x220.webp 300w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana-1024x751.webp 1024w, https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2025\/06\/Fatamorgana.webp 1396w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>                                <\/div>\n                            \n                            <h3>Fata morgana<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                                        <a href=\"https:\/\/nobrainnogain.org\/graphiste\/blog\/projets\/animation-de-logo\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"portfolio-link\">\n\n                        <div class=\"portfolio-item motion-design hidden\">\n\n                                                            <div class=\"portfolio-thumb\">\n                                    <img decoding=\"async\" width=\"768\" height=\"1\" src=\"https:\/\/nobrainnogain.org\/graphiste\/wp-content\/uploads\/2026\/07\/logo-sellerie.svg\" class=\"attachment-medium_large size-medium_large wp-post-image\" alt=\"animation de logo\" loading=\"lazy\" \/>                                <\/div>\n                            \n                            <h3>Animation de logo<\/h3>\n\n                        <\/div>\n\n                    <\/a>\n                            <\/div>\n\n        <!-- ========================= -->\n        <!-- BOUTON VOIR PLUS -->\n        <!-- ========================= -->\n        <div class=\"portfolio-load-more-wrap\">\n            <button class=\"portfolio-load-more\" id=\"psf-1-xp8IlO-loadmore\">\n                Voir plus            <\/button>\n        <\/div>\n\n    <\/div>\n\n    <!-- ================================================= -->\n    <!-- CSS -->\n    <!-- Chaque r\u00e8gle est pr\u00e9fix\u00e9e par [data-uid=\"...\"] pour isoler -->\n    <!-- le style de cette instance et \u00e9viter tout conflit si le -->\n    <!-- shortcode est utilis\u00e9 plusieurs fois sur la m\u00eame page. -->\n    <!-- ================================================= -->\n    <style>\n        \/* --- Conteneur du select --- *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-select-filter {\n            position: relative;\n            margin-bottom: 40px;\n            font-family: Helvetica, sans-serif;\n            font-weight: 900;\n        }\n\n        \/* Petite fl\u00e8che custom (remplace la fl\u00e8che native du <select>) *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-select-filter::after {\n            content: '\u2304';\n            color: #ffffff;              \/* corrig\u00e9 : \u00e9tait color:\"ffffff\" (invalide) *\/\n            position: absolute;\n            right: 20px;\n            top: 50%;\n            transform: translateY(-50%);\n            pointer-events: none;        \/* laisse les clics passer \u00e0 travers vers le select *\/\n            font-size: 18px;\n        }\n\n        \/* Style du <select> lui-m\u00eame, enti\u00e8rement pilot\u00e9 par les attributs du shortcode *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-filter-select {\n            width: 100%;\n            padding: 16px 22px;\n            background: #0000;\n            color: #fff;\n            border: 5px solid #ffffff;\n            border-radius: 8px;\n            font-family: Helvetica, sans-serif;\n            font-weight: 900;\n            font-size: 20px;\n            line-height: 1.4;\n            cursor: pointer;\n            outline: none;\n            \/* supprime le style natif du select selon les navigateurs *\/\n            appearance: none;\n            -webkit-appearance: none;\n            -moz-appearance: none;\n            transition: .3s;\n        }\n\n        \/* --- Grille responsive : 4 colonnes desktop \/ 2 tablette \/ 1 mobile --- *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 30px;\n        }\n\n        @media (max-width: 1024px) {\n            [data-uid=\"psf-1-xp8IlO\"] .portfolio-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 767px) {\n            [data-uid=\"psf-1-xp8IlO\"] .portfolio-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        \/* --- Item de la grille --- *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-item {\n            transition: .3s;\n            overflow: hidden; \/* n\u00e9cessaire pour que le zoom au hover ne d\u00e9borde pas de la carte *\/\n        }\n\n        \/* Classe ajout\u00e9e en PHP pour cacher les projets au-del\u00e0 du 8e (voir plus haut) *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-item.hidden {\n            display: none;\n        }\n\n        \/* --- Vignette (ratio fixe 4:3, quelle que soit la taille de l'image d'origine) --- *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-thumb {\n            position: relative;\n            width: 100%;\n            aspect-ratio: 4 \/ 3;\n            overflow: hidden;\n            border-radius: 16px;\n        }\n\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-thumb img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;   \/* recadre l'image pour remplir le cadre sans la d\u00e9former *\/\n            display: block;\n            transition: transform .5s ease;\n        }\n\n        \/* Effet de zoom l\u00e9ger sur l'image au survol de la carte *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-item:hover img {\n            transform: scale(1.08);\n        }\n\n        \/* --- Bouton \"Voir plus\" --- *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-load-more-wrap {\n            margin-top: 30px;\n            text-align: center;\n        }\n\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-load-more {\n            padding: 10px 20px;\n            border: none;\n            background: #111;\n            color: #ffffff;              \/* corrig\u00e9 : remplace la propri\u00e9t\u00e9 invalide font-color *\/\n            border-radius: 5px;\n            font-family: Helvetica, sans-serif;\n            font-weight: 900;\n            font-size: 20px;             \/* corrig\u00e9 : \"font-size:25px; bold\" n'\u00e9tait pas du CSS valide *\/\n            cursor: pointer;\n            transition: opacity .3s;\n        }\n\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-load-more:hover {\n            opacity: .85;\n        }\n\n        \/* --- Neutralise le style de lien par d\u00e9faut du navigateur sur les cartes --- *\/\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-link,\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-link:visited,\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-link:hover,\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-link:focus,\n        [data-uid=\"psf-1-xp8IlO\"] .portfolio-link:active {\n            text-decoration: none !important;\n            color: inherit;\n            display: block;\n        }\n    <\/style>\n\n    <!-- ================================================= -->\n    <!-- JAVASCRIPT -->\n    <!-- Encapsul\u00e9 dans une IIFE (fonction auto-ex\u00e9cut\u00e9e) : -->\n    <!-- aucune variable ne fuit dans l'espace global window, -->\n    <!-- donc aucun risque de conflit entre plusieurs instances -->\n    <!-- du shortcode ou avec d'autres scripts du th\u00e8me\/plugins. -->\n    <!-- ================================================= -->\n    <script>\n    (function() {\n        \/\/ On cible uniquement le wrapper de CETTE instance gr\u00e2ce \u00e0 data-uid\n        var wrapper = document.querySelector('[data-uid=\"psf-1-xp8IlO\"]');\n        if (!wrapper) return; \/\/ s\u00e9curit\u00e9 : si le wrapper n'existe pas, on arr\u00eate le script ici\n\n        var filter      = wrapper.querySelector('.portfolio-filter-select');\n        var items       = wrapper.querySelectorAll('.portfolio-item');\n        var loadMoreBtn = wrapper.querySelector('.portfolio-load-more');\n\n        \/**\n         * Applique le filtre choisi : affiche les 8 premiers items correspondant\n         * \u00e0 la cat\u00e9gorie s\u00e9lectionn\u00e9e, cache le reste.\n         *\/\n        function applyFilter(value) {\n            var visibleCount = 0;\n\n            items.forEach(function(item) {\n                item.classList.add('hidden'); \/\/ on cache tout par d\u00e9faut...\n\n                \/\/ \"*\" = toutes cat\u00e9gories, sinon on v\u00e9rifie la classe CSS correspondant au slug\n                var matches = (value === '*') || item.classList.contains(value);\n\n                if (matches) {\n                    if (visibleCount < 8) {\n                        item.classList.remove('hidden'); \/\/ ...puis on r\u00e9-affiche les 8 premiers correspondants\n                    }\n                    visibleCount++;\n                }\n            });\n\n            \/\/ Le bouton \"Voir plus\" ne s'affiche que s'il reste des \u00e9l\u00e9ments \u00e0 charger\n            loadMoreBtn.style.display = (visibleCount <= 8) ? 'none' : 'inline-block';\n        }\n\n        \/\/ D\u00e9clenche le filtrage \u00e0 chaque changement dans le <select>\n        if (filter) {\n            filter.addEventListener('change', function() {\n                applyFilter(this.value);\n            });\n        }\n\n        \/\/ Gestion du clic sur \"Voir plus\" : r\u00e9v\u00e8le 4 \u00e9l\u00e9ments cach\u00e9s suppl\u00e9mentaires\n        if (loadMoreBtn) {\n            loadMoreBtn.addEventListener('click', function() {\n                var value = filter ? filter.value : '*';\n                var hiddenItems = [];\n\n                \/\/ R\u00e9cup\u00e8re la liste des items actuellement cach\u00e9s ET correspondant au filtre actif\n                items.forEach(function(item) {\n                    if (item.classList.contains('hidden')) {\n                        if (value === '*' || item.classList.contains(value)) {\n                            hiddenItems.push(item);\n                        }\n                    }\n                });\n\n                \/\/ R\u00e9v\u00e8le les 4 premiers de cette liste\n                hiddenItems.slice(0, 4).forEach(function(item) {\n                    item.classList.remove('hidden');\n                });\n\n                \/\/ Recalcule combien il en reste de cach\u00e9s, pour savoir si on doit\n                \/\/ masquer le bouton \"Voir plus\" (plus rien \u00e0 charger)\n                var remaining = 0;\n                items.forEach(function(item) {\n                    if (item.classList.contains('hidden') && (value === '*' || item.classList.contains(value))) {\n                        remaining++;\n                    }\n                });\n\n                if (remaining === 0) {\n                    loadMoreBtn.style.display = 'none';\n                }\n            });\n        }\n    })();\n    <\/script>\n\n    \n","protected":false},"featured_media":3757,"parent":0,"menu_order":0,"template":"","categorie-travaux":[7],"class_list":["post-3969","projets","type-projets","status-publish","has-post-thumbnail","hentry","categorie-travaux-logo"],"acf":[],"_links":{"self":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/projets\/3969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/projets"}],"about":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/types\/projets"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media\/3757"}],"wp:attachment":[{"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/media?parent=3969"}],"wp:term":[{"taxonomy":"categorie-travaux","embeddable":true,"href":"https:\/\/nobrainnogain.org\/graphiste\/wp-json\/wp\/v2\/categorie-travaux?post=3969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}