{"id":374,"date":"2025-10-27T16:10:12","date_gmt":"2025-10-27T16:10:12","guid":{"rendered":"https:\/\/clivia.grabuge.dev\/?page_id=374"},"modified":"2025-11-07T10:00:13","modified_gmt":"2025-11-07T10:00:13","slug":"desktop-home-copy-2","status":"publish","type":"page","link":"https:\/\/clivia.grabuge.dev\/?page_id=374","title":{"rendered":"Projets"},"content":{"rendered":"\t\t<div data-elementor-type=\"page\" data-elementor-id=\"374\" class=\"elementor elementor-374\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32092797 e-con-full e-flex e-con e-parent\" data-id=\"32092797\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1921f59e presentation e-flex e-con-boxed e-con e-child\" data-id=\"1921f59e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6988a911 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"6988a911\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">L\u00e0 o\u00f9 les id\u00e9es prennent <span style=\"color: #E9806E\">vie<\/span>.<\/div>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16f9dccd e-con-full e-flex e-con e-child\" data-id=\"16f9dccd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12e949b4 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"12e949b4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Chaque projet est une histoire, une rencontre. Voici quelques cr\u00e9ations n\u00e9es de belles collaborations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-37f0be35 e-con-full e-flex e-con e-child\" data-id=\"37f0be35\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01284b9 elementor-widget elementor-widget-aae--advanced-button\" data-id=\"01284b9\" data-element_type=\"widget\" data-widget_type=\"aae--advanced-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"aae--btn-pro-wrapper style-3\">\r\n\t\t\t\t\t\t\t<a href=\"#\" rel=\"nofollow\" class=\"aae--btn-pro btn-text-flip\">\r\n\t\t\t\t\t<span data-text=\"Discutons !\">\r\n\t\t\t\t\t\tDiscutons !\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-266a50b elementor-widget elementor-widget-aae--advanced-button\" data-id=\"266a50b\" data-element_type=\"widget\" data-widget_type=\"aae--advanced-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"aae--btn-pro-wrapper style-3\">\r\n\t\t\t\t\t\t\t<a href=\"#\" rel=\"nofollow\" class=\"aae--btn-pro btn-text-flip\">\r\n\t\t\t\t\t<span data-text=\"Nos projets\">\r\n\t\t\t\t\t\tNos projets\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6abaa3 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"b6abaa3\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"584\" src=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/fleur-1024x747.png\" class=\"attachment-large size-large wp-image-376\" alt=\"\" srcset=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/fleur-1024x747.png 1024w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/fleur-300x219.png 300w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/fleur-768x560.png 768w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/fleur.png 1053w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71a539d4 e-flex e-con-boxed e-con e-child\" data-id=\"71a539d4\" data-element_type=\"container\" id=\"projets\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-63d8b34a e-con-full e-flex e-con e-child\" data-id=\"63d8b34a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dc7f757 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"2dc7f757\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\"><font color=\"#000000\"><span>Projets<\/span><\/font><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8f21f0 elementor-widget elementor-widget-html\" data-id=\"f8f21f0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HTML de la barre de filtres -->\n<div class=\"custom-filter-bar\">\n  <button class=\"filter-btn active\" data-filter=\"*\">Tous<\/button>\n  <button class=\"filter-btn\" data-filter=\".type-projet-projets-professionnels\">Projets Professionnels<\/button>\n  <button class=\"filter-btn\" data-filter=\".type-projet-projets-personnels\">Projets Personnels<\/button>\n<\/div>\n\n<style>\n.custom-filter-bar {\n  display: inline-flex;\n  gap: 10px;\n  padding: 8px;\n  background: #FFFFFF;\n  border-radius: 48px;\n  box-shadow: 0 2px 15px rgba(37, 68, 65, 0.08);\n  margin: 40px auto;\n  position: relative;\n  left: 50%;\n  transform: translateX(-50%);\n  width: fit-content;\n}\n\n.filter-btn {\n  padding: 12px 28px;\n  background: transparent;\n  border: none;\n  color: #254441;\n  cursor: pointer;\n  font-size: 14px;\n  font-family: inherit;\n  font-weight: 500;\n  letter-spacing: 0.3px;\n  border-radius: 40px;\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n  position: relative;\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n\/* \u00c9tat hover pour les boutons inactifs - r\u00e9tr\u00e9cissement du texte uniquement *\/\n.filter-btn:not(.active):hover {\n  color: #254441; \/* Garde la m\u00eame couleur *\/\n  background: transparent; \/* Pas de background *\/\n}\n\n.filter-btn:not(.active):hover {\n  transform: scale(0.95); \/* R\u00e9tr\u00e9cit l\u00e9g\u00e8rement le texte *\/\n  transform-origin: center;\n}\n\n\/* \u00c9tat actif *\/\n.filter-btn.active {\n  background: #254441;\n  color: #FFFFFF;\n  transform: scale(1);\n}\n\n\/* Focus state pour l'accessibilit\u00e9 *\/\n.filter-btn:focus {\n  outline: none;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n  .custom-filter-bar {\n    flex-direction: column;\n    padding: 16px;\n    max-width: 300px;\n    border-radius: 32px;\n  }\n  \n  .filter-btn {\n    width: 100%;\n    padding: 14px 20px;\n  }\n}\n\/* Masque la barre de filtres native d'Elementor *\/\n.elementor-portfolio__filters {\n    display: none !important;\n}\n\n\/* Ou plus sp\u00e9cifiquement *\/\n.elementor-widget-portfolio .elementor-portfolio__filters {\n    display: none !important;\n}\n<\/style>\n\n<script>\njQuery(document).ready(function($) {\n    \/\/ Filtrage avec animations fluides\n    $('.filter-btn').on('click', function() {\n        if($(this).hasClass('active')) return; \/\/ Si d\u00e9j\u00e0 actif, ne rien faire\n        \n        var filterValue = $(this).data('filter');\n        \n        \/\/ Gestion du bouton actif avec animation fluide\n        $('.filter-btn').removeClass('active');\n        $(this).addClass('active');\n        \n        \/\/ Animation de filtrage des projets\n        if(filterValue === '*') {\n            $('.elementor-portfolio-item').each(function(index) {\n                $(this).delay(index * 30).queue(function() {\n                    $(this).css({\n                        'opacity': '0',\n                        'transform': 'scale(0.95)'\n                    }).dequeue();\n                });\n            });\n            \n            setTimeout(function() {\n                $('.elementor-portfolio-item').css({\n                    'display': 'block'\n                }).animate({\n                    'opacity': '1'\n                }, 400).css({\n                    'transform': 'scale(1)'\n                });\n            }, 200);\n            \n        } else {\n            \/\/ Cache les \u00e9l\u00e9ments non filtr\u00e9s\n            $('.elementor-portfolio-item').not(filterValue).animate({\n                'opacity': '0'\n            }, 300, function() {\n                $(this).css('display', 'none');\n            });\n            \n            \/\/ Affiche les \u00e9l\u00e9ments filtr\u00e9s avec d\u00e9lai\n            $(filterValue).each(function(index) {\n                $(this).delay(index * 50).queue(function() {\n                    $(this).css({\n                        'display': 'block',\n                        'opacity': '0',\n                        'transform': 'scale(0.95)'\n                    }).animate({\n                        'opacity': '1'\n                    }, 400).css({\n                        'transform': 'scale(1)'\n                    }).dequeue();\n                });\n            });\n        }\n    });\n    \n    \/\/ Ajoute les transitions CSS aux \u00e9l\u00e9ments du portfolio\n    $('.elementor-portfolio-item').css({\n        'transition': 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)',\n        'transform-origin': 'center center'\n    });\n});\n<\/script>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb5ad63 e-con-full e-flex e-con e-child\" data-id=\"bb5ad63\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-176aef1 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-portfolio\" data-id=\"176aef1\" data-element_type=\"widget\" data-settings=\"{&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:32,&quot;sizes&quot;:[]},&quot;columns&quot;:&quot;3&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;item_ratio&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0.66,&quot;sizes&quot;:[]},&quot;item_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-portfolio__filters\">\n\t\t\t<li class=\"elementor-portfolio__filter elementor-active\" tabindex=\"0\" data-filter=\"__all\">All<\/li>\n\t\t\t\t\t\t\t<li class=\"elementor-portfolio__filter\" tabindex=\"0\" data-filter=\"10\">Projets Personnels<\/li>\n\t\t\t\t\t\t\t<li class=\"elementor-portfolio__filter\" tabindex=\"0\" data-filter=\"9\">Projets Professionnels<\/li>\n\t\t\t\t\t<\/ul>\n\t\t\t\t<div class=\"elementor-portfolio elementor-grid elementor-posts-container\" role=\"list\">\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-9 post-1449 projets type-projets status-publish has-post-thumbnail hentry type-projet-projets-professionnels\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/clivia.grabuge.dev\/?projets=courir-copy\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img decoding=\"async\" width=\"1562\" height=\"1050\" src=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9.png\" class=\"attachment-full size-full wp-image-653\" alt=\"\" srcset=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9.png 1562w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9-300x202.png 300w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9-1024x688.png 1024w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9-768x516.png 768w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9-1536x1033.png 1536w\" sizes=\"(max-width: 1562px) 100vw, 1562px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tProjet\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-9 post-652 projets type-projets status-publish has-post-thumbnail hentry type-projet-projets-professionnels\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/clivia.grabuge.dev\/?projets=courir\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img decoding=\"async\" width=\"1562\" height=\"1050\" src=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9.png\" class=\"attachment-full size-full wp-image-653\" alt=\"\" srcset=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9.png 1562w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9-300x202.png 300w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9-1024x688.png 1024w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9-768x516.png 768w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/Rectangle-9-1536x1033.png 1536w\" sizes=\"(max-width: 1562px) 100vw, 1562px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tCourir\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-10 post-562 projets type-projets status-publish has-post-thumbnail hentry type-projet-projets-personnels\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/clivia.grabuge.dev\/?projets=antigaspy\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img decoding=\"async\" width=\"2560\" height=\"1920\" src=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/antigaspyiphone-scaled.png\" class=\"attachment-full size-full wp-image-563\" alt=\"\" srcset=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/antigaspyiphone-scaled.png 2560w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/antigaspyiphone-300x225.png 300w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/antigaspyiphone-1024x768.png 1024w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/antigaspyiphone-768x576.png 768w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/antigaspyiphone-1536x1152.png 1536w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/antigaspyiphone-2048x1536.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tAntigaspy\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-portfolio-item elementor-post elementor-filter-9 post-557 projets type-projets status-publish has-post-thumbnail hentry type-projet-projets-professionnels\" role=\"listitem\">\n\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/clivia.grabuge.dev\/?projets=ccf\">\n\t\t\t\t<div class=\"elementor-portfolio-item__img elementor-post__thumbnail\">\n\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1920\" src=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/10-dark-light-color-scaled.png\" class=\"attachment-full size-full wp-image-634\" alt=\"\" srcset=\"https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/10-dark-light-color-scaled.png 2560w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/10-dark-light-color-300x225.png 300w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/10-dark-light-color-1024x768.png 1024w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/10-dark-light-color-768x576.png 768w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/10-dark-light-color-1536x1152.png 1536w, https:\/\/clivia.grabuge.dev\/wp-content\/uploads\/2025\/10\/10-dark-light-color-2048x1536.png 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-portfolio-item__overlay\">\n\t\t\t\t<h3 class=\"elementor-portfolio-item__title\">\n\t\tCCF\t\t<\/h3>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t<\/article>\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L\u00e0 o\u00f9 les id\u00e9es prennent vie. Chaque projet est une histoire, une rencontre. Voici quelques cr\u00e9ations n\u00e9es de belles collaborations. Discutons ! Nos projets Projets Tous Projets Professionnels Projets Personnels<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-374","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=\/wp\/v2\/pages\/374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=374"}],"version-history":[{"count":72,"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=\/wp\/v2\/pages\/374\/revisions"}],"predecessor-version":[{"id":1198,"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=\/wp\/v2\/pages\/374\/revisions\/1198"}],"up":[{"embeddable":true,"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/clivia.grabuge.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}