{"id":10198,"date":"2025-06-29T13:12:01","date_gmt":"2025-06-29T13:12:01","guid":{"rendered":"https:\/\/ya2.design\/?page_id=10198"},"modified":"2026-01-28T09:57:25","modified_gmt":"2026-01-28T09:57:25","slug":"home-3","status":"publish","type":"page","link":"https:\/\/ya2.design\/en\/home-3\/","title":{"rendered":"Home Page old"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10198\" class=\"elementor elementor-10198\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e124b46 e-con-full elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"7e124b46\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<header class=\"elementor-element elementor-element-5b5cb4db e-con-full e-flex e-con e-child\" data-id=\"5b5cb4db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5522a4c elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5522a4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Pure<br>Design. <br>Strong <br>Vibes.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33861a3a e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"33861a3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1b50a3 elementor-widget elementor-widget-heading\" data-id=\"b1b50a3\" 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\">Nous cr\u00e9ons des marques audacieuses<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t<a class=\"eael-wrapper-link-722a025 --eael-wrapper-link-tag\" href=\"https:\/\/ya2.design\/logolab\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-722a025\" class=\"elementor-element elementor-element-722a025 e-con-full e-flex e-con e-child\" data-id=\"722a025\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a7fba99 animated-fast elementor-invisible elementor-widget elementor-widget-video\" data-id=\"6a7fba99\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_mobile&quot;:&quot;none&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:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Logofolio-Cover-2.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" 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<div class=\"elementor-element elementor-element-4580caa4 e-con-full e-flex e-con e-child\" data-id=\"4580caa4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49ba8bfe elementor-widget__width-inherit elementor-widget-mobile__width-auto elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"49ba8bfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" 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\"><a href=\"https:\/\/ya2.design\/logolab\">Logo.lab<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ae8ffc animated-fast elementor-widget-mobile__width-initial elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"6ae8ffc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:500}\" 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\"><a href=\"https:\/\/ya2.design\/logolab\">Quand le signe <br> devient direction \u2794<\/a><\/h2>\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\t\t<\/div>\n\t\t<header class=\"elementor-element elementor-element-2fb103e e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"2fb103e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<header class=\"elementor-element elementor-element-38a78d0 e-con-full e-flex e-con e-child\" data-id=\"38a78d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a657ec9 elementor-widget__width-initial animated-slow elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"a657ec9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_mobile&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Pure<br>Design. <br>Strong <br>Vibes.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6fbfb21 elementor-widget-mobile__width-initial elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-heading\" data-id=\"6fbfb21\" 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<h1 class=\"elementor-heading-title elementor-size-default\">Nous transformons l\u2019intention en \u00e9vidence.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t\t\t<\/header>\n\t\t<div class=\"elementor-element elementor-element-d0e2c66 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-parent\" data-id=\"d0e2c66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<a class=\"eael-wrapper-link-73eb9f5 --eael-wrapper-link-tag\" href=\"https:\/\/ya2.design\/logolab\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-73eb9f5\" class=\"elementor-element elementor-element-73eb9f5 e-con-full e-flex e-con e-child\" data-id=\"73eb9f5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-853744f animated-fast elementor-invisible elementor-widget elementor-widget-video\" data-id=\"853744f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;zoomIn&quot;,&quot;_animation_mobile&quot;:&quot;none&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:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Logofolio-Cover-2.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" playsinline=\"\" controlsList=\"nodownload\" poster=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Logofolio-Cover.webp\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-34da978 e-con-full e-flex e-con e-child\" data-id=\"34da978\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46e4b3e elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"46e4b3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" 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\"><a href=\"https:\/\/ya2.design\/logolab\">Logo.lab<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8241d3 animated-fast elementor-widget-mobile__width-inherit elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"e8241d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:500}\" 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\"><a href=\"https:\/\/ya2.design\/logolab\">Quand le signe <br> devient direction \u2794<\/a><\/h2>\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f8fdd20 e-con-full e-flex e-con e-parent\" data-id=\"5f8fdd20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3fa0a27a e-con-full e-flex e-con e-child\" data-id=\"3fa0a27a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[],&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_duration&quot;:5000,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_transition_duration&quot;:500}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b3f7232 elementor-widget elementor-widget-image\" data-id=\"5b3f7232\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ya2.design\/oggie\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1826\" height=\"1590\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG.png\" class=\"attachment-full size-full wp-image-5201\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG.png 1826w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG-300x261.png 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG-1024x892.png 1024w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG-768x669.png 768w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/04\/OG-1536x1337.png 1536w\" sizes=\"(max-width: 1826px) 100vw, 1826px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-65c0d900 e-con-full e-flex e-con e-child\" data-id=\"65c0d900\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48d4614 animated-slow elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-image\" data-id=\"48d4614\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ya2.design\/oggie\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"964\" height=\"419\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/08\/OG-Logo-e1756820569333.png\" class=\"attachment-full size-full wp-image-15393\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/08\/OG-Logo-e1756820569333.png 964w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/08\/OG-Logo-e1756820569333-300x130.png 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/08\/OG-Logo-e1756820569333-768x334.png 768w\" sizes=\"(max-width: 964px) 100vw, 964px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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<div class=\"elementor-element elementor-element-5855e606 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5855e606\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:500}\" 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\"><a href=\"https:\/\/ya2.design\/oggie\">Une identit\u00e9 visuelle <br> \u00e0 la sauce Gangsta. \u2794<\/a><\/h2>\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<div class=\"elementor-element elementor-element-12fdf5b7 e-flex e-con-boxed e-con e-parent\" data-id=\"12fdf5b7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<a class=\"eael-wrapper-link-7a0598f0 --eael-wrapper-link-tag\" href=\"https:\/\/ya2.design\/blitz\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-7a0598f0\" class=\"elementor-element elementor-element-7a0598f0 e-con-full e-flex e-con e-child\" data-id=\"7a0598f0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f0db897 elementor-widget-mobile__width-auto elementor-widget elementor-widget-video\" data-id=\"4f0db897\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&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:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Blitz-Can.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" 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<\/div>\n\t\t<div class=\"elementor-element elementor-element-34036031 e-con-full e-flex e-con e-child\" data-id=\"34036031\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d09a2a9 animated-slow elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-image\" data-id=\"5d09a2a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/ya2.design\/blitz\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"924\" height=\"419\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Blitz-Logo-e1756776481826.png\" class=\"attachment-full size-full wp-image-15876\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Blitz-Logo-e1756776481826.png 924w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Blitz-Logo-e1756776481826-300x136.png 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Blitz-Logo-e1756776481826-768x348.png 768w\" sizes=\"(max-width: 924px) 100vw, 924px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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<div class=\"elementor-element elementor-element-2c1fab58 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"2c1fab58\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:500}\" 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\"><a href=\"https:\/\/ya2.design\/blitz\">Un style branch\u00e9 <br>en continu. \u2794<\/a><\/h2>\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<div class=\"elementor-element elementor-element-13af7623 e-con-full e-flex e-con e-parent\" data-id=\"13af7623\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<a class=\"eael-wrapper-link-7e2a6bf5 --eael-wrapper-link-tag\" href=\"https:\/\/ya2.design\/autohaus\"><\/a><div data-eael-wrapper-link=\"eael-wrapper-link-7e2a6bf5\" class=\"elementor-element elementor-element-7e2a6bf5 e-con-full e-flex e-con e-child\" data-id=\"7e2a6bf5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5149b58d elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-video\" data-id=\"5149b58d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&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:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Autohaus-Cover-Loop.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" 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<\/div>\n\t\t<div class=\"elementor-element elementor-element-36f140be e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"36f140be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<a class=\"elementor-element elementor-element-2aea0251 e-con-full e-flex e-con e-child\" data-id=\"2aea0251\" data-element_type=\"container\" data-e-type=\"container\" href=\"\/autohaus\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b7915ae elementor-widget elementor-widget-image\" data-id=\"1b7915ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"600\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/10\/Autohaus-Logo-1-1.png\" class=\"attachment-full size-full wp-image-20364\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/10\/Autohaus-Logo-1-1.png 600w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/10\/Autohaus-Logo-1-1-300x300.png 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/10\/Autohaus-Logo-1-1-150x150.png 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/>\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<div class=\"elementor-element elementor-element-7497621b e-con-full e-flex e-con e-child\" data-id=\"7497621b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb62d96 animated-fast elementor-widget-mobile__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4bb62d96\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:500}\" 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\">Une identit\u00e9 visuelle en mouvement \u2794<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11aee4bf e-con-full e-flex e-con e-parent\" data-id=\"11aee4bf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-4d46aa6d e-con-full e-flex e-con e-child\" data-id=\"4d46aa6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6dd588e7 elementor-widget elementor-widget-progress\" data-id=\"6dd588e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-6dd588e7\">\n\t\t\t\tComing Soon\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-6dd588e7\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"60\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"60\">\n\t\t\t\t<span class=\"elementor-progress-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">60%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5dbc3e31 elementor-widget__width-inherit animated-slow elementor-widget-tablet__width-initial elementor-invisible elementor-widget elementor-widget-image\" data-id=\"5dbc3e31\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"979\" height=\"420\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/08\/Arkansas-Logo.png\" class=\"attachment-full size-full wp-image-15495\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/08\/Arkansas-Logo.png 979w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/08\/Arkansas-Logo-300x129.png 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/08\/Arkansas-Logo-768x329.png 768w\" sizes=\"(max-width: 979px) 100vw, 979px\" \/>\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<div class=\"elementor-element elementor-element-1da673a4 animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1da673a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:500}\" 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\">Un design qui traduit <br> la force des \u00e9l\u00e9ments.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3810c632 e-con-full e-flex e-con e-child\" data-id=\"3810c632\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22da7410 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"22da7410\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1826\" height=\"1791\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover.webp\" class=\"attachment-full size-full wp-image-25284\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover.webp 1826w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover-300x294.webp 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover-1024x1004.webp 1024w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover-768x753.webp 768w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/arkansas-packraft-cover-1536x1507.webp 1536w\" sizes=\"(max-width: 1826px) 100vw, 1826px\" \/>\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70b502cd e-con-full e-flex e-con e-parent\" data-id=\"70b502cd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-7378af e-con-full e-flex e-con e-child\" data-id=\"7378af\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1f28507f e-con-full e-flex e-con e-child\" data-id=\"1f28507f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43e1e61 elementor-widget elementor-widget-image\" data-id=\"43e1e61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2214\" height=\"2082\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Dunk-cover.webp\" class=\"attachment-full size-full wp-image-25282\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Dunk-cover.webp 2214w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Dunk-cover-300x282.webp 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Dunk-cover-1024x963.webp 1024w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Dunk-cover-768x722.webp 768w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Dunk-cover-1536x1444.webp 1536w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Dunk-cover-2048x1926.webp 2048w\" sizes=\"(max-width: 2214px) 100vw, 2214px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-6dc5e1a9 e-con-full e-flex e-con e-child\" data-id=\"6dc5e1a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<a class=\"elementor-element elementor-element-57c7d018 e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"57c7d018\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18ac2f50 elementor-widget elementor-widget-progress\" data-id=\"18ac2f50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-18ac2f50\">\n\t\t\t\tComing Soon\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-18ac2f50\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"45\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"45\">\n\t\t\t\t<span class=\"elementor-progress-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">45%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12867079 animated-slow elementor-widget-mobile__width-initial elementor-invisible elementor-widget elementor-widget-image\" data-id=\"12867079\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"938\" height=\"284\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Dunk-Logo-e1756764663673.png\" class=\"attachment-full size-full wp-image-15728\" alt=\"\" srcset=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Dunk-Logo-e1756764663673.png 938w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Dunk-Logo-e1756764663673-300x91.png 300w, https:\/\/ya2.design\/wp-content\/uploads\/2025\/09\/Dunk-Logo-e1756764663673-768x233.png 768w\" sizes=\"(max-width: 938px) 100vw, 938px\" \/>\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<div class=\"elementor-element elementor-element-47f4a6c2 animated-fast elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"47f4a6c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;,&quot;_animation_delay&quot;:500}\" 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<div id=\"shopify-section-template--17605003477209__slideshow_FeXYkK\" class=\"shopify-section index-section--hero\"><div data-section-id=\"template--17605003477209__slideshow_FeXYkK\" data-section-type=\"slideshow-section\" data-parallax=\"true\"><div class=\"slideshow-wrapper\"><div class=\"\"><div id=\"Slideshow-template--17605003477209__slideshow_FeXYkK\" class=\"hero hero--450px hero--template--17605003477209__slideshow_FeXYkK hero--mobile--auto loaded\" data-mobile-natural=\"false\" data-autoplay=\"false\" data-speed=\"5000\" data-slide-count=\"1\"><div class=\"slideshow__slide slideshow__slide--image_LjCXJb is-selected\" data-index=\"0\" data-id=\"image_LjCXJb\"><div class=\"hero__text-wrap\"><div class=\"page-width\"><div class=\"hero__text-content vertical-bottom horizontal-left\"><div class=\"animation-cropper\"><div class=\"animation-contents\"><span style=\"font-size: 16px;\">The Original Smash Burger.<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d8d007d e-con-full e-flex e-con e-parent\" data-id=\"d8d007d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d5f4035 elementor-hidden-mobile elementor-widget elementor-widget-video\" data-id=\"1d5f4035\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&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:\/\/ya2.design\/wp-content\/uploads\/2025\/07\/Feel-Identity-cover.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" 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<div class=\"elementor-element elementor-element-764a5770 elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-video\" data-id=\"764a5770\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&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:\/\/ya2.design\/wp-content\/uploads\/2025\/07\/Feel-Identity-cover.mp4\" autoplay=\"\" loop=\"\" muted=\"muted\" 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<div class=\"elementor-element elementor-element-11e2c196 e-con-full e-flex e-con e-child\" data-id=\"11e2c196\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;animation_delay&quot;:0,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d642fb6 elementor-widget elementor-widget-html\" data-id=\"5d642fb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"heart-animation-wrapper\">\r\n    <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Heart.png\" \r\n         alt=\"C\u0153ur qui bat\" \r\n         class=\"heart-image heart-beat-animated\">\r\n    \r\n    <img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/Feel-identity-2-scaled.png\" \r\n         alt=\"Feel identity\" \r\n         class=\"heart-companion-image\">\r\n<\/div>\r\n\r\n<style>\r\n\/* ---------------------------------------------------- *\/\r\n\/* CODE FINAL AVEC DEUX IMAGES (C\u0153ur PNG + Texte PNG) *\/\r\n\/* ---------------------------------------------------- *\/\r\n\r\n.heart-animation-wrapper {\r\n    padding: 30px 0; \r\n    display: flex; \r\n    justify-content: center; \r\n    align-items: center; \r\n    gap: 20px; \/* Espace entre les deux images *\/\r\n}\r\n\r\n\/* STYLE ET ANIMATION DE L'IMAGE DE C\u0152UR *\/\r\n.heart-image.heart-beat-animated {\r\n    width: 80px; \/* Taille de votre image de c\u0153ur (ajustez si besoin) *\/\r\n    height: auto; \r\n    \r\n    \/* Applique l'animation de battement \u00e0 l'image du c\u0153ur *\/\r\n    animation: beat 1s ease-in-out infinite; \r\n    transform-origin: center; \r\n    display: inline-block; \/* Pour s'assurer que l'animation fonctionne bien *\/\r\n}\r\n\r\n\/* STYLE DE L'IMAGE DE TEXTE \u00c0 DROITE *\/\r\n.heart-companion-image {\r\n    width: 250px; \/* Largeur de l'image de texte (ajustez si besoin) *\/\r\n    height: auto; \r\n    vertical-align: middle; \r\n}\r\n\r\n\/* D\u00c9FINITION DE L'ANIMATION DE BATTEMENT *\/\r\n@keyframes beat {\r\n    0% { transform: scale(1); }\r\n    20% { transform: scale(1.25); }\r\n    40% { transform: scale(1); }\r\n    60% { transform: scale(1.1); }\r\n    80% { transform: scale(1); }\r\n    100% { transform: scale(1); }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-13af7a51 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"13af7a51\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;zoomIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3150d92e animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"3150d92e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:500}\" 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\"><a href=\"https:\/\/ya2.design\/feel-identity\">N\u00f4tre approche Design bas\u00e9e sur les \u00e9motions.<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4931571b elementor-view-default elementor-invisible elementor-widget elementor-widget-icon\" data-id=\"4931571b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:200}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<a class=\"elementor-icon\" href=\"https:\/\/ya2.design\/feel-identity\">\n\t\t\t<i aria-hidden=\"true\" class=\"icon icon-arrow-right\"><\/i>\t\t\t<\/a>\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5cf24618 e-con-full e-flex e-con e-parent\" data-id=\"5cf24618\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-142076e8 elementor-widget elementor-widget-html\" data-id=\"142076e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"branding-marquee-wrapper\" aria-label=\"Bandeau d\u00e9filant : positionnement et livrables\">\r\n  <div class=\"hero-marquee-text\">\r\n    <div class=\"hero-marquee-text__line scroll-loop\">\r\n      >> YA\u00b2 DESIGN | Sofiane Yaya | Strat\u00e9gie & Design de Marque\r\n>> CLARIFIER UNE POSITION >> ALIGNER DISCOURS & IMAGE >> TRADUIRE UNE STRAT\u00c9GIE EN IDENTIT\u00c9 VISIBLE >> IDENTIT\u00c9 DE MARQUE >> LOGO >> SYST\u00c8ME VISUEL >> DIRECTION ARTISTIQUE >>   *-* \r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- 1. IMPORT & ANIMATION --- *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Handjet:wght@200;700&display=swap');\r\n\r\n@keyframes marquee-scroll-left {\r\n  0% { transform: translateX(0%); }\r\n  100% { transform: translateX(-50%); }\r\n}\r\n\r\n\/* --- 2. CONTENEUR --- *\/\r\n.branding-marquee-wrapper {\r\n  font-family: 'Handjet', monospace !important;\r\n  font-weight: 200;\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  background: #000;\r\n  padding: 18px 0;\r\n  width: 100vw;\r\n  position: relative;\r\n  left: 50%;\r\n  right: 50%;\r\n  margin-left: -50vw;\r\n  margin-right: -50vw;\r\n  overflow: hidden;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* --- 3. LIGNE D\u00c9FILANTE --- *\/\r\n.hero-marquee-text__line.scroll-loop {\r\n  display: inline-flex;\r\n  width: max-content;\r\n  white-space: nowrap;\r\n  will-change: transform;\r\n  animation: marquee-scroll-left 32s linear infinite;\r\n  font-size: clamp(2rem, 4vw, 3rem);\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n\/* --- 4. DUPLICATION (CONTENU IDENTIQUE) --- *\/\r\n.hero-marquee-text__line.scroll-loop::after {\r\n  content: \">> YA\u00b2 DESIGN | Sofiane Yaya | Strat\u00e9gie & Design de Marque\r\n>> CLARIFIER UNE POSITION >> ALIGNER DISCOURS & IMAGE >> TRADUIRE UNE STRAT\u00c9GIE EN IDENTIT\u00c9 VISIBLE >> IDENTIT\u00c9 DE MARQUE >> LOGO >> SYST\u00c8ME VISUEL >> DIRECTION ARTISTIQUE >>   *-* \";\r\n  display: inline-block;\r\n  padding-left: 60px; \/* respiration pour la boucle *\/\r\n  aria-hidden: true;\r\n}\r\n\r\n\/* --- 5. RESPONSIVE --- *\/\r\n@media (max-width: 600px) {\r\n  .hero-marquee-text__line.scroll-loop {\r\n    font-size: 2.2rem !important;\r\n    animation-duration: 22s;\r\n  }\r\n}\r\n\r\n\/* --- 6. ACCESSIBILIT\u00c9 : r\u00e9duire l\u2019animation si demand\u00e9 --- *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .hero-marquee-text__line.scroll-loop {\r\n    animation: none;\r\n    transform: none;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-513ccd7f e-con-full e-flex e-con e-parent\" data-id=\"513ccd7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6be57a44 e-con-full e-flex e-con e-child\" data-id=\"6be57a44\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-780cefbf e-con-full e-flex e-con e-child\" data-id=\"780cefbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-120fc007 elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"120fc007\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&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:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Ya\u00b2-Logo-Animation.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" 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<\/div>\n\t\t<div class=\"elementor-element elementor-element-66be5386 e-con-full e-flex e-con e-child\" data-id=\"66be5386\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7df630ad elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"7df630ad\" 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\">Des marques exigeantes t\u00e9moignent de l\u2019impact r\u00e9el de leur identit\u00e9.<\/h2>\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-686f4f73 animated-fast elementor-invisible elementor-widget elementor-widget-html\" data-id=\"686f4f73\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ----------------------------------------------------------------------\r\n--- 1. STYLES G\u00c9N\u00c9RAUX --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;700&display=swap');\r\n\r\n.temoignages-bulles\r\n{\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 800px;\r\n    margin: 40px auto;\r\n    height: auto; \r\n    overflow: visible; \r\n    -webkit-font-smoothing: antialiased;\r\n    user-select: none;\r\n    cursor: grab;\r\n    box-sizing: border-box;\r\n    border: 0;\r\n    vertical-align: baseline;\r\n    flex: 0 0 auto;\r\n}\r\n\r\n.bulle,\r\n.bulle *,\r\n.bulle-fantome,\r\n.bulle-fantome * {\r\n    font-family: 'Space Grotesk', sans-serif !important;\r\n    color: white !important;\r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- ANIMATIONS --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@keyframes float {\r\n    0% { transform: scale(1) translateY(0px) rotateZ(-0.5deg); }\r\n    50% { transform: scale(1) translateY(-8px) rotateZ(0.5deg); }\r\n    100% { transform: scale(1) translateY(0px) rotateZ(-0.5deg); }\r\n}\r\n\r\n@keyframes bounce-in-out {\r\n    0%, 100% { transform: scale(0) translateY(-10px); opacity: 0; }\r\n    30% { transform: scale(1.1) translateY(0); opacity: 1; }\r\n    50% { transform: scale(1) translateY(0); opacity: 1; }\r\n    70% { transform: scale(0.5) translateY(-5px); opacity: 0.5; }\r\n}\r\n\r\n.stars-animated {\r\n    display: inline-block; \r\n    margin-left: 10px; \r\n    white-space: nowrap; \r\n}\r\n\r\n.stars-animated .star {\r\n    display: inline-block; \r\n    color: white !important; \r\n    font-size: clamp(1rem, 2vw, 1.3rem); \r\n    opacity: 0; \r\n    transform: scale(0); \r\n    animation: bounce-in-out 3s ease-in-out infinite; \r\n}\r\n\r\n.stars-animated .star:nth-child(1) { animation-delay: 0.1s; }\r\n.stars-animated .star:nth-child(2) { animation-delay: 0.2s; }\r\n.stars-animated .star:nth-child(3) { animation-delay: 0.3s; }\r\n.stars-animated .star:nth-child(4) { animation-delay: 0.4s; }\r\n.stars-animated .star:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- BULLE FANT\u00d4ME (Gestion de la hauteur) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n.bulle-fantome\r\n{\r\n    position: relative; \r\n    opacity: 0; \r\n    height: auto;\r\n    \/* \u2705 Couleur noire remplac\u00e9e par #2b2b2b *\/\r\n    background: #2b2b2b; \r\n    border-radius: 40px; \r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    padding-bottom: 75px; \r\n    min-height: 200px;\r\n    margin: 0; \r\n    transition: all 0.6s ease-out; \r\n}\r\n\r\n\/* Couleur violette conserv\u00e9e *\/\r\n.bulle-fantome.bulle-violet {\r\n    background: #d896f8; \r\n}\r\n.bulle-fantome.bulle-violet * {\r\n    color: white !important;\r\n}\r\n\r\n\/* Fl\u00e8che ROSE\/VIOLETTE sur bulle NOIRE (Fant\u00f4me) - DESKTOP *\/\r\n.bulle-fantome::before\r\n{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; \r\n    left: calc(15% + 50px); \r\n    width: 350px; \r\n    height: 350px; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche1.svg') no-repeat center center;\r\n    background-size: contain;\r\n    z-index: 1; \r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* Fl\u00e8che NOIRE sur bulle VIOLETTE (Fant\u00f4me) - DESKTOP *\/\r\n.bulle-fantome.bulle-violet::before\r\n{\r\n    right: calc(15% + 50px); \r\n    left: auto; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche2.svg') no-repeat center center;\r\n    background-size: contain;\r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- 2. STYLES DE BULLES R\u00c9ELLES (TRANSITION CLASSIQUE + FLOAT) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n\/* STYLE PAR D\u00c9FAUT : BULLE NOIRE (\u00c9tat INACTIF) *\/\r\n.bulle\r\n{\r\n    position: absolute; \r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: auto;\r\n    \/* \u2705 Couleur noire remplac\u00e9e par #2b2b2b *\/\r\n    background: #2b2b2b;\r\n    border-radius: 40px; \r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    padding-bottom: 75px; \r\n    min-height: 200px;\r\n    opacity: 0;\r\n    transform: scale(0.95);\r\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n}\r\n\r\n\/* EFFET ACTIF\/ENTRANT *\/\r\n.bulle.active\r\n{\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    animation: float 8s ease-in-out infinite; \r\n    position: absolute; \r\n}\r\n\r\n\/* Fl\u00e8che ROSE\/VIOLETTE sur bulle NOIRE *\/\r\n.bulle::before\r\n{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; \r\n    left: calc(15% + 50px); \r\n    width: 350px; \r\n    height: 350px; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche1.svg') no-repeat center center;\r\n    background-size: contain;\r\n    z-index: 1; \r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* STYLE ALTERNATIF : BULLE VIOLETTE\/ROSE *\/\r\n\/* Couleur violette conserv\u00e9e *\/\r\n.bulle.bulle-violet\r\n{\r\n    background: #d896f8;\r\n}\r\n\r\n\/* Fl\u00e8che NOIRE sur bulle VIOLETTE *\/\r\n.bulle.bulle-violet::before\r\n{\r\n    right: calc(15% + 50px); \r\n    left: auto; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche2.svg') no-repeat center center;\r\n    background-size: contain;\r\n    transform: rotate(0deg);\r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- 3. STYLES SP\u00c9CIFIQUES --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n.bulle h2, .bulle-fantome h2 {\r\n    font-size: clamp(1.2rem, 2.3vw, 1.6rem);\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n}\r\n.bulle p, .bulle-fantome p {\r\n    font-size: clamp(0.85rem, 1.7vw, 1rem);\r\n    line-height: 1.5;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* SECTION AUTEUR *\/\r\n\/* Couleur violette conserv\u00e9e *\/\r\n.auteur\r\n{\r\n    background: #d896f8; \r\n    border-radius: 9999px;\r\n    padding: 10px 22px;\r\n    display: inline-block;\r\n    z-index: 2; \r\n    position: absolute; \r\n    color: #333 !important; \r\n    transform: none;\r\n    bottom: -15px; \r\n    left: 15%;\r\n    white-space: nowrap;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* ALIGNEMENT SP\u00c9CIFIQUE POUR LA BULLE VIOLETTE (encart NOIR) *\/\r\n\/* \u2705 Couleur noire remplac\u00e9e par #2b2b2b *\/\r\n.bulle.bulle-violet .auteur,\r\n.bulle-fantome.bulle-violet .auteur {\r\n    background: #2b2b2b; \r\n    left: auto;\r\n    right: 15%;\r\n}\r\n\r\n\/* TEXTE CLAIR (BLANC) DANS L'ENCART NOIR *\/\r\n.bulle.bulle-violet .auteur strong,\r\n.bulle.bulle-violet .auteur span,\r\n.bulle-fantome.bulle-violet .auteur strong,\r\n.bulle-fantome.bulle-violet .auteur span {\r\n    color: white !important; \r\n}\r\n.auteur strong { display: block; font-weight: 700; font-size: clamp(0.7rem, 1.5vw, 0.9rem); margin-bottom: 1px; letter-spacing: 0.8px; color: inherit !important; }\r\n.auteur span { display: block; font-size: clamp(0.6rem, 1.3vw, 0.8rem); letter-spacing: 0.5px; color: inherit !important; }\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- MEDIA QUERIES pour le mobile (max-width: 480px) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@media (max-width: 480px) {\r\n    \r\n    .bulle, .bulle-fantome\r\n    {\r\n        padding: 20px;\r\n        padding-bottom: 50px; \r\n        border-radius: 30px; \r\n        min-height: 160px;\r\n    }\r\n\r\n    \/* D\u00e9place la fl\u00e8che de 13 points vers le haut *\/\r\n    .bulle::before,\r\n    .bulle-fantome::before,\r\n    .bulle.bulle-violet::before,\r\n    .bulle-fantome.bulle-violet::before\r\n    {\r\n        bottom: -117px; \r\n        width: 200px; \r\n        height: 200px; \r\n        z-index: 0; \r\n    }\r\n    \r\n    \/* D\u00e9calage pour la bulle NOIRE *\/\r\n    .bulle::before,\r\n    .bulle-fantome::before {\r\n        left: calc(15% + 70px); \r\n    }\r\n\r\n    \/* D\u00e9calage pour la bulle VIOLETTE *\/\r\n    .bulle.bulle-violet::before,\r\n    .bulle-fantome.bulle-violet::before\r\n    {\r\n        left: auto; \r\n        right: calc(15% + 70px); \r\n    }\r\n    \r\n    \/* Alignement auteur mobile *\/\r\n    .auteur\r\n{ left: 30px; right: auto; padding: 7px 16px; bottom: -10px; }\r\n    .bulle.bulle-violet\r\n.auteur, .bulle-fantome.bulle-violet .auteur { left: auto; right:\r\n30px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"temoignages-bulles\">\r\n\r\n    <div class=\"bulle-fantome\"><\/div> \r\n    \r\n    <div class=\"bulle active\">\r\n        <h2>Creative and Efficient! \r\n            <span class=\"stars-animated\">\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n            <\/span>\r\n        <\/h2>\r\n        <p>\u201cFrom brand creation to printed materials, YA2 Design Studio delivers creative and effective work on every project.\u201d<\/p>\r\n        <div class=\"auteur\">\r\n            <strong>G. Singerman<\/strong>\r\n            <span>Creative Circle | Toronto <\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"bulle bulle-violet\">\r\n        <h2>High-quality visuals \r\n            <span class=\"stars-animated\">\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n            <\/span>\r\n        <\/h2>\r\n        <p>\u201cFor years, YA2 Design Studio has supported us with creativity and efficiency. High-quality visuals, always tailored to our business goals.\u201d<\/p>\r\n        <div class=\"auteur\">\r\n            <strong>J. Ward <\/strong>\r\n            <span>Plaer Energy Drink | Phoenix <\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<script>\r\n\/**\r\n * Fonction pour initialiser un carrousel de t\u00e9moignages.\r\n * @param {HTMLElement} containerElement - L'\u00e9l\u00e9ment conteneur du carrousel.\r\n * @param {number} [initialIndex=0] - L'index de la bulle \u00e0 activer au d\u00e9marrage.\r\n *\/\r\nfunction initTestimonialCarousel(containerElement, initialIndex = 0) {\r\n    \r\n    const bulles = containerElement.querySelectorAll(\".bulle\");\r\n    const fantome = containerElement.querySelector(\".bulle-fantome\");\r\n\r\n    if (bulles.length === 0 || !fantome) return;\r\n\r\n    const intervalTime = 5000;\r\n    let index = initialIndex % bulles.length; \r\n    let autoRotateInterval;\r\n    \r\n    function activateBulle(newIndex) {\r\n        \/\/ D\u00e9sactiver toutes les bulles\r\n        bulles.forEach((bulle) => {\r\n            bulle.classList.remove(\"active\");\r\n            bulle.classList.remove(\"float-tilt-animation\");\r\n        });\r\n        \r\n        \/\/ Activer la nouvelle bulle\r\n        bulles[newIndex].classList.add(\"active\");\r\n        \r\n        \/\/ Mettre \u00e0 jour les classes de la bulle fant\u00f4me pour la hauteur et la fl\u00e8che\r\n        syncFantome(newIndex); \r\n    }\r\n\r\n    \/**\r\n     * Synchronise les classes de la bulle active vers la bulle fant\u00f4me \r\n     * (sans copier le contenu).\r\n     * @param {number} newIndex - L'index de la bulle active.\r\n     *\/\r\n    function syncFantome(newIndex) {\r\n        \/\/ Maintient la classe de couleur\r\n        if (bulles[newIndex].classList.contains('bulle-violet')) {\r\n            fantome.classList.add('bulle-violet');\r\n        } else {\r\n            fantome.classList.remove('bulle-violet');\r\n        }\r\n        \r\n        fantome.style.borderBottomLeftRadius = '';\r\n        fantome.style.borderBottomRightRadius = '';\r\n    }\r\n\r\n    \/\/ --- INITIALISATION ---\r\n    \r\n    \/\/ S'assure qu'aucune bulle n'est active avant que le JS ne prenne le contr\u00f4le\r\n    bulles.forEach(bulle => {\r\n        bulle.classList.remove(\"active\");\r\n        bulle.classList.remove(\"float-tilt-animation\");\r\n    });\r\n    \r\n    \/\/ Activer la bulle initiale d\u00e9termin\u00e9e par 'initialIndex'\r\n    activateBulle(index);\r\n\r\n    \/\/ 2. Fonction pour passer au t\u00e9moignage suivant\r\n    function nextBulle() {\r\n       index = (index + 1) % bulles.length; \r\n       activateBulle(index);\r\n    }\r\n    \r\n    \/\/ 3. D\u00e9marrer la rotation\r\n   autoRotateInterval = setInterval(nextBulle, intervalTime);\r\n    \r\n}\r\n\r\n\r\n\/\/ --- EXECUTION : INITIALISER TOUS LES CARROUSELS SUR LA PAGE AVEC ALTERNANCE DE COULEUR ---\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const allCarousels = document.querySelectorAll(\".temoignages-bulles\");\r\n\r\n    allCarousels.forEach((carousel, i) => {\r\n        const initialIndex = i % 2; \r\n        \r\n        const initialActiveBulle = carousel.querySelector('.bulle.active');\r\n        if (initialActiveBulle) {\r\n            initialActiveBulle.classList.remove('active');\r\n           initialActiveBulle.classList.remove('float-tilt-animation');\r\n        }\r\n        \r\n        initTestimonialCarousel(carousel, initialIndex);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-351bc8f3 animated-fast elementor-invisible elementor-widget elementor-widget-html\" data-id=\"351bc8f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ----------------------------------------------------------------------\r\n--- 1. STYLES G\u00c9N\u00c9RAUX --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;700&display=swap');\r\n\r\n.temoignages-bulles\r\n{\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 800px;\r\n    margin: 40px auto;\r\n    height: auto; \r\n    overflow: visible; \r\n    -webkit-font-smoothing: antialiased;\r\n    user-select: none;\r\n    cursor: grab;\r\n    box-sizing: border-box;\r\n    border: 0;\r\n    vertical-align: baseline;\r\n    flex: 0 0 auto;\r\n}\r\n\r\n.bulle,\r\n.bulle *,\r\n.bulle-fantome,\r\n.bulle-fantome * {\r\n    font-family: 'Space Grotesk', sans-serif !important;\r\n    color: white !important;\r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- ANIMATIONS --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@keyframes float {\r\n    0% { transform: scale(1) translateY(0px) rotateZ(-0.5deg); }\r\n    50% { transform: scale(1) translateY(-8px) rotateZ(0.5deg); }\r\n    100% { transform: scale(1) translateY(0px) rotateZ(-0.5deg); }\r\n}\r\n\r\n@keyframes bounce-in-out {\r\n    0%, 100% { transform: scale(0) translateY(-10px); opacity: 0; }\r\n    30% { transform: scale(1.1) translateY(0); opacity: 1; }\r\n    50% { transform: scale(1) translateY(0); opacity: 1; }\r\n    70% { transform: scale(0.5) translateY(-5px); opacity: 0.5; }\r\n}\r\n\r\n.stars-animated {\r\n    display: inline-block; \r\n    margin-left: 10px; \r\n    white-space: nowrap; \r\n}\r\n\r\n.stars-animated .star {\r\n    display: inline-block; \r\n    color: white !important; \r\n    font-size: clamp(1rem, 2vw, 1.3rem); \r\n    opacity: 0; \r\n    transform: scale(0); \r\n    animation: bounce-in-out 3s ease-in-out infinite; \r\n}\r\n\r\n.stars-animated .star:nth-child(1) { animation-delay: 0.1s; }\r\n.stars-animated .star:nth-child(2) { animation-delay: 0.2s; }\r\n.stars-animated .star:nth-child(3) { animation-delay: 0.3s; }\r\n.stars-animated .star:nth-child(4) { animation-delay: 0.4s; }\r\n.stars-animated .star:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- BULLE FANT\u00d4ME (Gestion de la hauteur) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n.bulle-fantome\r\n{\r\n    position: relative; \r\n    opacity: 0; \r\n    height: auto;\r\n    \/* Couleur noire mise \u00e0 jour *\/\r\n    background: #2b2b2b; \r\n    border-radius: 40px; \r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    padding-bottom: 75px; \r\n    min-height: 200px;\r\n    margin: 0; \r\n    transition: all 0.6s ease-out; \r\n}\r\n\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.bulle-fantome.bulle-violet {\r\n    background: #d896f8; \r\n}\r\n.bulle-fantome.bulle-violet * {\r\n    color: white !important;\r\n}\r\n\r\n\/* Fl\u00e8che ROSE\/VIOLETTE sur bulle NOIRE (Fant\u00f4me) - DESKTOP *\/\r\n.bulle-fantome::before\r\n{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; \r\n    left: calc(15% + 50px); \r\n    width: 350px; \r\n    height: 350px; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche1.svg') no-repeat center center;\r\n    background-size: contain;\r\n    z-index: 1; \r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* Fl\u00e8che NOIRE sur bulle VIOLETTE (Fant\u00f4me) - DESKTOP *\/\r\n.bulle-fantome.bulle-violet::before\r\n{\r\n    right: calc(15% + 50px); \r\n    left: auto; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche2.svg') no-repeat center center;\r\n    background-size: contain;\r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- 2. STYLES DE BULLES R\u00c9ELLES (TRANSITION CLASSIQUE + FLOAT) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n\/* STYLE PAR D\u00c9FAUT : BULLE NOIRE (\u00c9tat INACTIF) *\/\r\n.bulle\r\n{\r\n    position: absolute; \r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: auto;\r\n    \/* Couleur noire mise \u00e0 jour *\/\r\n    background: #2b2b2b;\r\n    border-radius: 40px; \r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    padding-bottom: 75px; \r\n    min-height: 200px;\r\n    opacity: 0;\r\n    transform: scale(0.95);\r\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n}\r\n\r\n\/* EFFET ACTIF\/ENTRANT *\/\r\n.bulle.active\r\n{\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    animation: float 8s ease-in-out infinite; \r\n    position: absolute; \r\n}\r\n\r\n\/* Fl\u00e8che ROSE\/VIOLETTE sur bulle NOIRE *\/\r\n.bulle::before\r\n{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; \r\n    left: calc(15% + 50px); \r\n    width: 350px; \r\n    height: 350px; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche1.svg') no-repeat center center;\r\n    background-size: contain;\r\n    z-index: 1; \r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* STYLE ALTERNATIF : BULLE VIOLETTE\/ROSE *\/\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.bulle.bulle-violet\r\n{\r\n    background: #d896f8;\r\n}\r\n\r\n\/* Fl\u00e8che NOIRE sur bulle VIOLETTE *\/\r\n.bulle.bulle-violet::before\r\n{\r\n    right: calc(15% + 50px); \r\n    left: auto; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche2.svg') no-repeat center center;\r\n    background-size: contain;\r\n    transform: rotate(0deg);\r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- 3. STYLES SP\u00c9CIFIQUES --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n.bulle h2, .bulle-fantome h2 {\r\n    font-size: clamp(1.2rem, 2.3vw, 1.6rem);\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n}\r\n.bulle p, .bulle-fantome p {\r\n    font-size: clamp(0.85rem, 1.7vw, 1rem);\r\n    line-height: 1.5;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* SECTION AUTEUR *\/\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.auteur\r\n{\r\n    background: #d896f8; \r\n    border-radius: 9999px;\r\n    padding: 10px 22px;\r\n    display: inline-block;\r\n    z-index: 2; \r\n    position: absolute; \r\n    color: #333 !important; \r\n    transform: none;\r\n    bottom: -15px; \r\n    left: 15%;\r\n    white-space: nowrap;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* ALIGNEMENT SP\u00c9CIFIQUE POUR LA BULLE VIOLETTE (encart NOIR) *\/\r\n\/* Couleur noire mise \u00e0 jour *\/\r\n.bulle.bulle-violet .auteur,\r\n.bulle-fantome.bulle-violet .auteur {\r\n    background: #2b2b2b; \r\n    left: auto;\r\n    right: 15%;\r\n}\r\n\r\n\/* TEXTE CLAIR (BLANC) DANS L'ENCART NOIR *\/\r\n.bulle.bulle-violet .auteur strong,\r\n.bulle.bulle-violet .auteur span,\r\n.bulle-fantome.bulle-violet .auteur strong,\r\n.bulle-fantome.bulle-violet .auteur span {\r\n    color: white !important; \r\n}\r\n.auteur strong { display: block; font-weight: 700; font-size: clamp(0.7rem, 1.5vw, 0.9rem); margin-bottom: 1px; letter-spacing: 0.8px; color: inherit !important; }\r\n.auteur span { display: block; font-size: clamp(0.6rem, 1.3vw, 0.8rem); letter-spacing: 0.5px; color: inherit !important; }\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- MEDIA QUERIES pour le mobile (max-width: 480px) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@media (max-width: 480px) {\r\n    \r\n    .bulle, .bulle-fantome\r\n    {\r\n        padding: 20px;\r\n        padding-bottom: 50px; \r\n        border-radius: 30px; \r\n        min-height: 160px;\r\n    }\r\n\r\n    \/* D\u00e9place la fl\u00e8che de 13 points vers le haut *\/\r\n    .bulle::before,\r\n    .bulle-fantome::before,\r\n    .bulle.bulle-violet::before,\r\n    .bulle-fantome.bulle-violet::before\r\n    {\r\n        bottom: -117px; \r\n        width: 200px; \r\n        height: 200px; \r\n        z-index: 0; \r\n    }\r\n    \r\n    \/* D\u00e9calage pour la bulle NOIRE *\/\r\n    .bulle::before,\r\n    .bulle-fantome::before {\r\n        left: calc(15% + 70px); \r\n    }\r\n\r\n    \/* D\u00e9calage pour la bulle VIOLETTE *\/\r\n    .bulle.bulle-violet::before,\r\n    .bulle-fantome.bulle-violet::before\r\n    {\r\n        left: auto; \r\n        right: calc(15% + 70px); \r\n    }\r\n    \r\n    \/* Alignement auteur mobile *\/\r\n    .auteur\r\n{ left: 30px; right: auto; padding: 7px 16px; bottom: -10px; }\r\n    .bulle.bulle-violet\r\n.auteur, .bulle-fantome.bulle-violet .auteur { left: auto; right:\r\n30px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"temoignages-bulles\">\r\n\r\n    <div class=\"bulle-fantome\"><\/div> \r\n    \r\n    <div class=\"bulle\">\r\n        <h2>R\u00e9sultat parfait ! \r\n            <span class=\"stars-animated\">\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n            <\/span>\r\n        <\/h2>\r\n        <p>\u00ab YA2 Design Studio a su capter mon univers musical et le transformer en visuels impactants. Un accompagnement patient et un r\u00e9sultat parfait ! \u00bb<\/p>\r\n        <div class=\"auteur\">\r\n            <strong>Skinny Gonzales<\/strong>\r\n            <span>Artiste | France <\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"bulle bulle-violet\">\r\n        <h2>De vrais pros ! \r\n            <span class=\"stars-animated\">\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n            <\/span>\r\n        <\/h2>\r\n        <p>\u00ab Professionnels, r\u00e9actifs et cr\u00e9atifs !! YA2 Design Studio a su r\u00e9pondre parfaitement \u00e0 nos besoins en design, notamment pour la conception UX\/UI de l\u2019interface de notre plateforme SaaS. Je recommande vivement ! \u00bb<\/p>\r\n        <div class=\"auteur\">\r\n            <strong>D. Dhondt<\/strong>\r\n            <span>FRUGALL | Villeneuve-d\u2019Ascq<\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<script>\r\n\/**\r\n * Fonction pour initialiser un carrousel de t\u00e9moignages.\r\n * @param {HTMLElement} containerElement - L'\u00e9l\u00e9ment conteneur du carrousel.\r\n * @param {number} [initialIndex=0] - L'index de la bulle \u00e0 activer au d\u00e9marrage.\r\n *\/\r\nfunction initTestimonialCarousel(containerElement, initialIndex = 0) {\r\n    \r\n    const bulles = containerElement.querySelectorAll(\".bulle\");\r\n    const fantome = containerElement.querySelector(\".bulle-fantome\");\r\n\r\n    if (bulles.length === 0 || !fantome) return;\r\n\r\n    const intervalTime = 5000;\r\n    let index = initialIndex % bulles.length; \r\n    let autoRotateInterval;\r\n    \r\n    function activateBulle(newIndex) {\r\n        \/\/ D\u00e9sactiver toutes les bulles\r\n        bulles.forEach((bulle) => {\r\n            bulle.classList.remove(\"active\");\r\n            bulle.classList.remove(\"float-tilt-animation\");\r\n        });\r\n        \r\n        \/\/ Activer la nouvelle bulle\r\n        bulles[newIndex].classList.add(\"active\");\r\n        \r\n        \/\/ Mettre \u00e0 jour les classes de la bulle fant\u00f4me pour la hauteur et la fl\u00e8che\r\n        syncFantome(newIndex); \r\n    }\r\n\r\n    \/**\r\n     * Synchronise les classes de la bulle active vers la bulle fant\u00f4me \r\n     * (sans copier le contenu).\r\n     * @param {number} newIndex - L'index de la bulle active.\r\n     *\/\r\n    function syncFantome(newIndex) {\r\n        \/\/ Maintient la classe de couleur\r\n        if (bulles[newIndex].classList.contains('bulle-violet')) {\r\n            fantome.classList.add('bulle-violet');\r\n        } else {\r\n            fantome.classList.remove('bulle-violet');\r\n        }\r\n        \r\n        fantome.style.borderBottomLeftRadius = '';\r\n        fantome.style.borderBottomRightRadius = '';\r\n    }\r\n\r\n    \/\/ --- INITIALISATION ---\r\n    \r\n    \/\/ S'assure qu'aucune bulle n'est active avant que le JS ne prenne le contr\u00f4le\r\n    bulles.forEach(bulle => {\r\n        bulle.classList.remove(\"active\");\r\n        bulle.classList.remove(\"float-tilt-animation\");\r\n    });\r\n    \r\n    \/\/ Activer la bulle initiale d\u00e9termin\u00e9e par 'initialIndex'\r\n    activateBulle(index);\r\n\r\n    \/\/ 2. Fonction pour passer au t\u00e9moignage suivant\r\n    function nextBulle() {\r\n       index = (index + 1) % bulles.length; \r\n       activateBulle(index);\r\n    }\r\n    \r\n    \/\/ 3. D\u00e9marrer la rotation\r\n   autoRotateInterval = setInterval(nextBulle, intervalTime);\r\n    \r\n}\r\n\r\n\r\n\/\/ --- EXECUTION : INITIALISER TOUS LES CARROUSELS SUR LA PAGE AVEC ALTERNANCE DE COULEUR ---\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const allCarousels = document.querySelectorAll(\".temoignages-bulles\");\r\n\r\n    allCarousels.forEach((carousel, i) => {\r\n        const initialIndex = i % 2; \r\n        \r\n        const initialActiveBulle = carousel.querySelector('.bulle.active');\r\n        if (initialActiveBulle) {\r\n            initialActiveBulle.classList.remove('active');\r\n           initialActiveBulle.classList.remove('float-tilt-animation');\r\n        }\r\n        \r\n        initTestimonialCarousel(carousel, initialIndex);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2288fc8c animated-fast elementor-invisible elementor-widget elementor-widget-html\" data-id=\"2288fc8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ----------------------------------------------------------------------\r\n--- 1. STYLES G\u00c9N\u00c9RAUX --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;700&display=swap');\r\n\r\n.temoignages-bulles\r\n{\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 800px;\r\n    margin: 40px auto;\r\n    height: auto; \r\n    overflow: visible; \r\n    -webkit-font-smoothing: antialiased;\r\n    user-select: none;\r\n    cursor: grab;\r\n    box-sizing: border-box;\r\n    border: 0;\r\n    vertical-align: baseline;\r\n    flex: 0 0 auto;\r\n}\r\n\r\n.bulle,\r\n.bulle *,\r\n.bulle-fantome,\r\n.bulle-fantome * {\r\n    font-family: 'Space Grotesk', sans-serif !important;\r\n    color: white !important;\r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- ANIMATIONS --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@keyframes float {\r\n    0% { transform: scale(1) translateY(0px) rotateZ(-0.5deg); }\r\n    50% { transform: scale(1) translateY(-8px) rotateZ(0.5deg); }\r\n    100% { transform: scale(1) translateY(0px) rotateZ(-0.5deg); }\r\n}\r\n\r\n@keyframes bounce-in-out {\r\n    0%, 100% { transform: scale(0) translateY(-10px); opacity: 0; }\r\n    30% { transform: scale(1.1) translateY(0); opacity: 1; }\r\n    50% { transform: scale(1) translateY(0); opacity: 1; }\r\n    70% { transform: scale(0.5) translateY(-5px); opacity: 0.5; }\r\n}\r\n\r\n.stars-animated {\r\n    display: inline-block; \r\n    margin-left: 10px; \r\n    white-space: nowrap; \r\n}\r\n\r\n.stars-animated .star {\r\n    display: inline-block; \r\n    color: white !important; \r\n    font-size: clamp(1rem, 2vw, 1.3rem); \r\n    opacity: 0; \r\n    transform: scale(0); \r\n    animation: bounce-in-out 3s ease-in-out infinite; \r\n}\r\n\r\n.stars-animated .star:nth-child(1) { animation-delay: 0.1s; }\r\n.stars-animated .star:nth-child(2) { animation-delay: 0.2s; }\r\n.stars-animated .star:nth-child(3) { animation-delay: 0.3s; }\r\n.stars-animated .star:nth-child(4) { animation-delay: 0.4s; }\r\n.stars-animated .star:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- BULLE FANT\u00d4ME (Gestion de la hauteur) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n.bulle-fantome\r\n{\r\n    position: relative; \r\n    opacity: 0; \r\n    height: auto;\r\n    \/* Couleur noire mise \u00e0 jour *\/\r\n    background: #2b2b2b; \r\n    border-radius: 40px; \r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    padding-bottom: 75px; \r\n    min-height: 200px;\r\n    margin: 0; \r\n    transition: all 0.6s ease-out; \r\n}\r\n\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.bulle-fantome.bulle-violet {\r\n    background: #d896f8; \r\n}\r\n.bulle-fantome.bulle-violet * {\r\n    color: white !important;\r\n}\r\n\r\n\/* Fl\u00e8che ROSE\/VIOLETTE sur bulle NOIRE (Fant\u00f4me) - DESKTOP *\/\r\n.bulle-fantome::before\r\n{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; \r\n    left: calc(15% + 50px); \r\n    width: 350px; \r\n    height: 350px; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche1.svg') no-repeat center center;\r\n    background-size: contain;\r\n    z-index: 1; \r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* Fl\u00e8che NOIRE sur bulle VIOLETTE (Fant\u00f4me) - DESKTOP *\/\r\n.bulle-fantome.bulle-violet::before\r\n{\r\n    right: calc(15% + 50px); \r\n    left: auto; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche2.svg') no-repeat center center;\r\n    background-size: contain;\r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- 2. STYLES DE BULLES R\u00c9ELLES (TRANSITION CLASSIQUE + FLOAT) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n\/* STYLE PAR D\u00c9FAUT : BULLE NOIRE (\u00c9tat INACTIF) *\/\r\n.bulle\r\n{\r\n    position: absolute; \r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: auto;\r\n    \/* Couleur noire mise \u00e0 jour *\/\r\n    background: #2b2b2b;\r\n    border-radius: 40px; \r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    padding-bottom: 75px; \r\n    min-height: 200px;\r\n    opacity: 0;\r\n    transform: scale(0.95);\r\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n}\r\n\r\n\/* EFFET ACTIF\/ENTRANT *\/\r\n.bulle.active\r\n{\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    animation: float 8s ease-in-out infinite; \r\n    position: absolute; \r\n}\r\n\r\n\/* Fl\u00e8che ROSE\/VIOLETTE sur bulle NOIRE *\/\r\n.bulle::before\r\n{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; \r\n    left: calc(15% + 50px); \r\n    width: 350px; \r\n    height: 350px; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche1.svg') no-repeat center center;\r\n    background-size: contain;\r\n    z-index: 1; \r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* STYLE ALTERNATIF : BULLE VIOLETTE\/ROSE *\/\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.bulle.bulle-violet\r\n{\r\n    background: #d896f8;\r\n}\r\n\r\n\/* Fl\u00e8che NOIRE sur bulle VIOLETTE *\/\r\n.bulle.bulle-violet::before\r\n{\r\n    right: calc(15% + 50px); \r\n    left: auto; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche2.svg') no-repeat center center;\r\n    background-size: contain;\r\n    transform: rotate(0deg);\r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- 3. STYLES SP\u00c9CIFIQUES --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n.bulle h2, .bulle-fantome h2 {\r\n    font-size: clamp(1.2rem, 2.3vw, 1.6rem);\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n}\r\n.bulle p, .bulle-fantome p {\r\n    font-size: clamp(0.85rem, 1.7vw, 1rem);\r\n    line-height: 1.5;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* SECTION AUTEUR *\/\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.auteur\r\n{\r\n    background: #d896f8; \r\n    border-radius: 9999px;\r\n    padding: 10px 22px;\r\n    display: inline-block;\r\n    z-index: 2; \r\n    position: absolute; \r\n    color: #333 !important; \r\n    transform: none;\r\n    bottom: -15px; \r\n    left: 15%;\r\n    white-space: nowrap;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* ALIGNEMENT SP\u00c9CIFIQUE POUR LA BULLE VIOLETTE (encart NOIR) *\/\r\n\/* Couleur noire mise \u00e0 jour *\/\r\n.bulle.bulle-violet .auteur,\r\n.bulle-fantome.bulle-violet .auteur {\r\n    background: #2b2b2b; \r\n    left: auto;\r\n    right: 15%;\r\n}\r\n\r\n\/* TEXTE CLAIR (BLANC) DANS L'ENCART NOIR *\/\r\n.bulle.bulle-violet .auteur strong,\r\n.bulle.bulle-violet .auteur span,\r\n.bulle-fantome.bulle-violet .auteur strong,\r\n.bulle-fantome.bulle-violet .auteur span {\r\n    color: white !important; \r\n}\r\n.auteur strong { display: block; font-weight: 700; font-size: clamp(0.7rem, 1.5vw, 0.9rem); margin-bottom: 1px; letter-spacing: 0.8px; color: inherit !important; }\r\n.auteur span { display: block; font-size: clamp(0.6rem, 1.3vw, 0.8rem); letter-spacing: 0.5px; color: inherit !important; }\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- MEDIA QUERIES pour le mobile (max-width: 480px) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@media (max-width: 480px) {\r\n    \r\n    .bulle, .bulle-fantome\r\n    {\r\n        padding: 20px;\r\n        padding-bottom: 50px; \r\n        border-radius: 30px; \r\n        min-height: 160px;\r\n    }\r\n\r\n    \/* D\u00e9place la fl\u00e8che de 13 points vers le haut *\/\r\n    .bulle::before,\r\n    .bulle-fantome::before,\r\n    .bulle.bulle-violet::before,\r\n    .bulle-fantome.bulle-violet::before\r\n    {\r\n        bottom: -117px; \r\n        width: 200px; \r\n        height: 200px; \r\n        z-index: 0; \r\n    }\r\n    \r\n    \/* D\u00e9calage pour la bulle NOIRE *\/\r\n    .bulle::before,\r\n    .bulle-fantome::before {\r\n        left: calc(15% + 70px); \r\n    }\r\n\r\n    \/* D\u00e9calage pour la bulle VIOLETTE *\/\r\n    .bulle.bulle-violet::before,\r\n    .bulle-fantome.bulle-violet::before\r\n    {\r\n        left: auto; \r\n        right: calc(15% + 70px); \r\n    }\r\n    \r\n    \/* Alignement auteur mobile *\/\r\n    .auteur\r\n{ left: 30px; right: auto; padding: 7px 16px; bottom: -10px; }\r\n    .bulle.bulle-violet\r\n.auteur, .bulle-fantome.bulle-violet .auteur { left: auto; right:\r\n30px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"temoignages-bulles\">\r\n\r\n    <div class=\"bulle-fantome\"><\/div> \r\n    \r\n    <div class=\"bulle\">\r\n        <h2>Toujours au top ! \r\n            <span class=\"stars-animated\">\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n            <\/span>\r\n        <\/h2>\r\n        <p>\u00ab Je travaille avec YA2 Design Studio depuis plusieurs ann\u00e9es, et chaque projet est un succ\u00e8s. Leur cr\u00e9ativit\u00e9 et leur \u00e9coute d\u00e9passent toujours mes attentes. Mention sp\u00e9ciale pour le logo OG, fun, original et fid\u00e8le \u00e0 ma vision \ud83d\udc4c\ud83d\udd25. Je recommande sans h\u00e9siter leurs services \u00e0 toute entreprise voulant une identit\u00e9 visuelle forte et unique.\u00bb<\/p>\r\n        <div class=\"auteur\">\r\n            <strong>M. Menet, Directeur<\/strong>\r\n            <span>Sadima | La R\u00e9union <\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"bulle bulle-violet\">\r\n        <h2>Outstanding Work! \r\n            <span class=\"stars-animated\">\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n            <\/span>\r\n        <\/h2>\r\n        <p>\"YA2 Design Studio worked with us to create the logo and visual identity for Arkansas Packraft in the United States. Their work was exceptional\u2014creative, professional, and perfectly aligned with our brand.\"<\/p>\r\n        <div class=\"auteur\">\r\n            <strong>M. Barnett <\/strong>\r\n            <span>Arkansas Packraft | USA <\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<script>\r\n\/**\r\n * Fonction pour initialiser un carrousel de t\u00e9moignages.\r\n * @param {HTMLElement} containerElement - L'\u00e9l\u00e9ment conteneur du carrousel.\r\n * @param {number} [initialIndex=0] - L'index de la bulle \u00e0 activer au d\u00e9marrage.\r\n *\/\r\nfunction initTestimonialCarousel(containerElement, initialIndex = 0) {\r\n    \r\n    const bulles = containerElement.querySelectorAll(\".bulle\");\r\n    const fantome = containerElement.querySelector(\".bulle-fantome\");\r\n\r\n    if (bulles.length === 0 || !fantome) return;\r\n\r\n    const intervalTime = 5000;\r\n    let index = initialIndex % bulles.length; \r\n    let autoRotateInterval;\r\n    \r\n    function activateBulle(newIndex) {\r\n        \/\/ D\u00e9sactiver toutes les bulles\r\n        bulles.forEach((bulle) => {\r\n            bulle.classList.remove(\"active\");\r\n            bulle.classList.remove(\"float-tilt-animation\");\r\n        });\r\n        \r\n        \/\/ Activer la nouvelle bulle\r\n        bulles[newIndex].classList.add(\"active\");\r\n        \r\n        \/\/ Mettre \u00e0 jour les classes de la bulle fant\u00f4me pour la hauteur et la fl\u00e8che\r\n        syncFantome(newIndex); \r\n    }\r\n\r\n    \/**\r\n     * Synchronise les classes de la bulle active vers la bulle fant\u00f4me \r\n     * (sans copier le contenu).\r\n     * @param {number} newIndex - L'index de la bulle active.\r\n     *\/\r\n    function syncFantome(newIndex) {\r\n        \/\/ Maintient la classe de couleur\r\n        if (bulles[newIndex].classList.contains('bulle-violet')) {\r\n            fantome.classList.add('bulle-violet');\r\n        } else {\r\n            fantome.classList.remove('bulle-violet');\r\n        }\r\n        \r\n        fantome.style.borderBottomLeftRadius = '';\r\n        fantome.style.borderBottomRightRadius = '';\r\n    }\r\n\r\n    \/\/ --- INITIALISATION ---\r\n    \r\n    \/\/ S'assure qu'aucune bulle n'est active avant que le JS ne prenne le contr\u00f4le\r\n    bulles.forEach(bulle => {\r\n        bulle.classList.remove(\"active\");\r\n        bulle.classList.remove(\"float-tilt-animation\");\r\n    });\r\n    \r\n    \/\/ Activer la bulle initiale d\u00e9termin\u00e9e par 'initialIndex'\r\n    activateBulle(index);\r\n\r\n    \/\/ 2. Fonction pour passer au t\u00e9moignage suivant\r\n    function nextBulle() {\r\n       index = (index + 1) % bulles.length; \r\n       activateBulle(index);\r\n    }\r\n    \r\n    \/\/ 3. D\u00e9marrer la rotation\r\n   autoRotateInterval = setInterval(nextBulle, intervalTime);\r\n    \r\n}\r\n\r\n\r\n\/\/ --- EXECUTION : INITIALISER TOUS LES CARROUSELS SUR LA PAGE AVEC ALTERNANCE DE COULEUR ---\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const allCarousels = document.querySelectorAll(\".temoignages-bulles\");\r\n\r\n    allCarousels.forEach((carousel, i) => {\r\n        const initialIndex = i % 2; \r\n        \r\n        const initialActiveBulle = carousel.querySelector('.bulle.active');\r\n        if (initialActiveBulle) {\r\n            initialActiveBulle.classList.remove('active');\r\n           initialActiveBulle.classList.remove('float-tilt-animation');\r\n        }\r\n        \r\n        initTestimonialCarousel(carousel, initialIndex);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da8cab2 animated-fast elementor-invisible elementor-widget elementor-widget-html\" data-id=\"2da8cab2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* ----------------------------------------------------------------------\r\n--- 1. STYLES G\u00c9N\u00c9RAUX --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;700&display=swap');\r\n\r\n.temoignages-bulles\r\n{\r\n    position: relative;\r\n    width: 90%;\r\n    max-width: 800px;\r\n    margin: 40px auto;\r\n    height: auto; \r\n    overflow: visible; \r\n    -webkit-font-smoothing: antialiased;\r\n    user-select: none;\r\n    cursor: grab;\r\n    box-sizing: border-box;\r\n    border: 0;\r\n    vertical-align: baseline;\r\n    flex: 0 0 auto;\r\n}\r\n\r\n.bulle,\r\n.bulle *,\r\n.bulle-fantome,\r\n.bulle-fantome * {\r\n    font-family: 'Space Grotesk', sans-serif !important;\r\n    color: white !important;\r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- ANIMATIONS --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@keyframes float {\r\n    0% { transform: scale(1) translateY(0px) rotateZ(-0.5deg); }\r\n    50% { transform: scale(1) translateY(-8px) rotateZ(0.5deg); }\r\n    100% { transform: scale(1) translateY(0px) rotateZ(-0.5deg); }\r\n}\r\n\r\n@keyframes bounce-in-out {\r\n    0%, 100% { transform: scale(0) translateY(-10px); opacity: 0; }\r\n    30% { transform: scale(1.1) translateY(0); opacity: 1; }\r\n    50% { transform: scale(1) translateY(0); opacity: 1; }\r\n    70% { transform: scale(0.5) translateY(-5px); opacity: 0.5; }\r\n}\r\n\r\n.stars-animated {\r\n    display: inline-block; \r\n    margin-left: 10px; \r\n    white-space: nowrap; \r\n}\r\n\r\n.stars-animated .star {\r\n    display: inline-block; \r\n    color: white !important; \r\n    font-size: clamp(1rem, 2vw, 1.3rem); \r\n    opacity: 0; \r\n    transform: scale(0); \r\n    animation: bounce-in-out 3s ease-in-out infinite; \r\n}\r\n\r\n.stars-animated .star:nth-child(1) { animation-delay: 0.1s; }\r\n.stars-animated .star:nth-child(2) { animation-delay: 0.2s; }\r\n.stars-animated .star:nth-child(3) { animation-delay: 0.3s; }\r\n.stars-animated .star:nth-child(4) { animation-delay: 0.4s; }\r\n.stars-animated .star:nth-child(5) { animation-delay: 0.5s; }\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- BULLE FANT\u00d4ME (Gestion de la hauteur) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n.bulle-fantome\r\n{\r\n    position: relative; \r\n    opacity: 0; \r\n    height: auto;\r\n    \/* Couleur noire mise \u00e0 jour *\/\r\n    background: #2b2b2b; \r\n    border-radius: 40px; \r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    padding-bottom: 75px; \r\n    min-height: 200px;\r\n    margin: 0; \r\n    transition: all 0.6s ease-out; \r\n}\r\n\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.bulle-fantome.bulle-violet {\r\n    background: #d896f8; \r\n}\r\n.bulle-fantome.bulle-violet * {\r\n    color: white !important;\r\n}\r\n\r\n\/* Fl\u00e8che ROSE\/VIOLETTE sur bulle NOIRE (Fant\u00f4me) - DESKTOP *\/\r\n.bulle-fantome::before\r\n{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; \r\n    left: calc(15% + 50px); \r\n    width: 350px; \r\n    height: 350px; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche1.svg') no-repeat center center;\r\n    background-size: contain;\r\n    z-index: 1; \r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* Fl\u00e8che NOIRE sur bulle VIOLETTE (Fant\u00f4me) - DESKTOP *\/\r\n.bulle-fantome.bulle-violet::before\r\n{\r\n    right: calc(15% + 50px); \r\n    left: auto; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche2.svg') no-repeat center center;\r\n    background-size: contain;\r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- 2. STYLES DE BULLES R\u00c9ELLES (TRANSITION CLASSIQUE + FLOAT) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n\/* STYLE PAR D\u00c9FAUT : BULLE NOIRE (\u00c9tat INACTIF) *\/\r\n.bulle\r\n{\r\n    position: absolute; \r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: auto;\r\n    \/* Couleur noire mise \u00e0 jour *\/\r\n    background: #2b2b2b;\r\n    border-radius: 40px; \r\n    box-sizing: border-box;\r\n    padding: 40px;\r\n    padding-bottom: 75px; \r\n    min-height: 200px;\r\n    opacity: 0;\r\n    transform: scale(0.95);\r\n    transition: opacity 0.6s ease-out, transform 0.6s ease-out;\r\n}\r\n\r\n\/* EFFET ACTIF\/ENTRANT *\/\r\n.bulle.active\r\n{\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    animation: float 8s ease-in-out infinite; \r\n    position: absolute; \r\n}\r\n\r\n\/* Fl\u00e8che ROSE\/VIOLETTE sur bulle NOIRE *\/\r\n.bulle::before\r\n{\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -200px; \r\n    left: calc(15% + 50px); \r\n    width: 350px; \r\n    height: 350px; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche1.svg') no-repeat center center;\r\n    background-size: contain;\r\n    z-index: 1; \r\n    transform: rotate(0deg); \r\n}\r\n\r\n\/* STYLE ALTERNATIF : BULLE VIOLETTE\/ROSE *\/\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.bulle.bulle-violet\r\n{\r\n    background: #d896f8;\r\n}\r\n\r\n\/* Fl\u00e8che NOIRE sur bulle VIOLETTE *\/\r\n.bulle.bulle-violet::before\r\n{\r\n    right: calc(15% + 50px); \r\n    left: auto; \r\n    background: url('https:\/\/ya2.design\/wp-content\/uploads\/2025\/11\/fleche2.svg') no-repeat center center;\r\n    background-size: contain;\r\n    transform: rotate(0deg);\r\n}\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- 3. STYLES SP\u00c9CIFIQUES --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n.bulle h2, .bulle-fantome h2 {\r\n    font-size: clamp(1.2rem, 2.3vw, 1.6rem);\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n}\r\n.bulle p, .bulle-fantome p {\r\n    font-size: clamp(0.85rem, 1.7vw, 1rem);\r\n    line-height: 1.5;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* SECTION AUTEUR *\/\r\n\/* Couleur violette mise \u00e0 jour *\/\r\n.auteur\r\n{\r\n    background: #d896f8; \r\n    border-radius: 9999px;\r\n    padding: 10px 22px;\r\n    display: inline-block;\r\n    z-index: 2; \r\n    position: absolute; \r\n    color: #333 !important; \r\n    transform: none;\r\n    bottom: -15px; \r\n    left: 15%;\r\n    white-space: nowrap;\r\n    line-height: 1.2;\r\n}\r\n\r\n\/* ALIGNEMENT SP\u00c9CIFIQUE POUR LA BULLE VIOLETTE (encart NOIR) *\/\r\n\/* Couleur noire mise \u00e0 jour *\/\r\n.bulle.bulle-violet .auteur,\r\n.bulle-fantome.bulle-violet .auteur {\r\n    background: #2b2b2b; \r\n    left: auto;\r\n    right: 15%;\r\n}\r\n\r\n\/* TEXTE CLAIR (BLANC) DANS L'ENCART NOIR *\/\r\n.bulle.bulle-violet .auteur strong,\r\n.bulle.bulle-violet .auteur span,\r\n.bulle-fantome.bulle-violet .auteur strong,\r\n.bulle-fantome.bulle-violet .auteur span {\r\n    color: white !important; \r\n}\r\n.auteur strong { display: block; font-weight: 700; font-size: clamp(0.7rem, 1.5vw, 0.9rem); margin-bottom: 1px; letter-spacing: 0.8px; color: inherit !important; }\r\n.auteur span { display: block; font-size: clamp(0.6rem, 1.3vw, 0.8rem); letter-spacing: 0.5px; color: inherit !important; }\r\n\r\n\/* ----------------------------------------------------------------------\r\n--- MEDIA QUERIES pour le mobile (max-width: 480px) --- \r\n----------------------------------------------------------------------\r\n*\/\r\n\r\n@media (max-width: 480px) {\r\n    \r\n    .bulle, .bulle-fantome\r\n    {\r\n        padding: 20px;\r\n        padding-bottom: 50px; \r\n        border-radius: 30px; \r\n        min-height: 160px;\r\n    }\r\n\r\n    \/* Ajustements pour les fl\u00e8ches en mobile *\/\r\n    .bulle::before,\r\n    .bulle-fantome::before,\r\n    .bulle.bulle-violet::before,\r\n    .bulle-fantome.bulle-violet::before\r\n    {\r\n        bottom: -117px; \r\n        width: 200px; \r\n        height: 200px; \r\n        z-index: 0; \r\n    }\r\n    \r\n    \/* D\u00e9calage pour la bulle NOIRE *\/\r\n    .bulle::before,\r\n    .bulle-fantome::before {\r\n        left: calc(15% + 70px); \r\n    }\r\n\r\n    \/* D\u00e9calage pour la bulle VIOLETTE *\/\r\n    .bulle.bulle-violet::before,\r\n    .bulle-fantome.bulle-violet::before\r\n    {\r\n        left: auto; \r\n        right: calc(15% + 70px); \r\n    }\r\n    \r\n    \/* Alignement auteur mobile *\/\r\n    .auteur\r\n{ left: 30px; right: auto; padding: 7px 16px; bottom: -10px; }\r\n    .bulle.bulle-violet\r\n.auteur, .bulle-fantome.bulle-violet .auteur { left: auto; right:\r\n30px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"temoignages-bulles\">\r\n\r\n    <div class=\"bulle-fantome\"><\/div> \r\n    \r\n    <div class=\"bulle\">\r\n        <h2>Impeccable & Cr\u00e9atif ! \r\n            <span class=\"stars-animated\">\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n            <\/span>\r\n        <\/h2>\r\n        <p>\u00ab Collaborer avec YA2 Design Studio est toujours un plaisir \u2728. Travail impeccable, rigueur et cr\u00e9ativit\u00e9 au service de chaque projet. Je recommande vivement ! \u00bb<\/p>\r\n        <div class=\"auteur\">\r\n            <strong>J. Guichard<\/strong>\r\n            <span>Le studio j | Lyon<\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"bulle bulle-violet\">\r\n        <h2>Excellente Collaboration ! \r\n            <span class=\"stars-animated\">\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n                <span class=\"star\">\u2605<\/span>\r\n            <\/span>\r\n        <\/h2>\r\n        <p>\u00ab Excellente collaboration avec YA2 Design Studio pour la refonte de notre identit\u00e9 visuelle et la cr\u00e9ation de templates PowerPoint adapt\u00e9s \u00e0 notre image. Professionnalisme, cr\u00e9ativit\u00e9 et efficacit\u00e9 au rendez-vous \ud83d\udc4c \u00bb<\/p>\r\n        <div class=\"auteur\">\r\n            <strong>I.Kavace<\/strong>\r\n            <span>IQLS | Lyon<\/span>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n<\/div>\r\n\r\n<script>\r\n\/**\r\n * Fonction pour initialiser un carrousel de t\u00e9moignages.\r\n * @param {HTMLElement} containerElement - L'\u00e9l\u00e9ment conteneur du carrousel.\r\n * @param {number} [initialIndex=0] - L'index de la bulle \u00e0 activer au d\u00e9marrage.\r\n *\/\r\nfunction initTestimonialCarousel(containerElement, initialIndex = 0) {\r\n    \r\n    const bulles = containerElement.querySelectorAll(\".bulle\");\r\n    const fantome = containerElement.querySelector(\".bulle-fantome\");\r\n\r\n    if (bulles.length === 0 || !fantome) return;\r\n\r\n    const intervalTime = 5000;\r\n    let index = initialIndex % bulles.length; \r\n    let autoRotateInterval;\r\n    \r\n    function activateBulle(newIndex) {\r\n        \/\/ D\u00e9sactiver toutes les bulles\r\n        bulles.forEach((bulle) => {\r\n            bulle.classList.remove(\"active\");\r\n            bulle.classList.remove(\"float-tilt-animation\");\r\n        });\r\n        \r\n        \/\/ Activer la nouvelle bulle\r\n        bulles[newIndex].classList.add(\"active\");\r\n        \r\n        \/\/ Mettre \u00e0 jour les classes de la bulle fant\u00f4me pour la hauteur et la fl\u00e8che\r\n        syncFantome(newIndex); \r\n    }\r\n\r\n    \/**\r\n     * Synchronise les classes de la bulle active vers la bulle fant\u00f4me \r\n     * (sans copier le contenu).\r\n     * @param {number} newIndex - L'index de la bulle active.\r\n     *\/\r\n    function syncFantome(newIndex) {\r\n        \/\/ Maintient la classe de couleur\r\n        if (bulles[newIndex].classList.contains('bulle-violet')) {\r\n            fantome.classList.add('bulle-violet');\r\n        } else {\r\n            fantome.classList.remove('bulle-violet');\r\n        }\r\n        \r\n        fantome.style.borderBottomLeftRadius = '';\r\n        fantome.style.borderBottomRightRadius = '';\r\n    }\r\n\r\n    \/\/ --- INITIALISATION ---\r\n    \r\n    \/\/ S'assure qu'aucune bulle n'est active avant que le JS ne prenne le contr\u00f4le\r\n    bulles.forEach(bulle => {\r\n        bulle.classList.remove(\"active\");\r\n        bulle.classList.remove(\"float-tilt-animation\");\r\n    });\r\n    \r\n    \/\/ Activer la bulle initiale d\u00e9termin\u00e9e par 'initialIndex'\r\n    activateBulle(index);\r\n\r\n    \/\/ 2. Fonction pour passer au t\u00e9moignage suivant\r\n    function nextBulle() {\r\n       index = (index + 1) % bulles.length; \r\n       activateBulle(index);\r\n    }\r\n    \r\n    \/\/ 3. D\u00e9marrer la rotation\r\n   autoRotateInterval = setInterval(nextBulle, intervalTime);\r\n    \r\n}\r\n\r\n\r\n\/\/ --- EXECUTION : INITIALISER TOUS LES CARROUSELS SUR LA PAGE AVEC ALTERNANCE DE COULEUR ---\r\n\r\n\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const allCarousels = document.querySelectorAll(\".temoignages-bulles\");\r\n\r\n    allCarousels.forEach((carousel, i) => {\r\n        const initialIndex = i % 2; \r\n        \r\n        const initialActiveBulle = carousel.querySelector('.bulle.active');\r\n        if (initialActiveBulle) {\r\n            initialActiveBulle.classList.remove('active');\r\n           initialActiveBulle.classList.remove('float-tilt-animation');\r\n        }\r\n        \r\n        initTestimonialCarousel(carousel, initialIndex);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75e3a79b e-con-full e-flex e-con e-child\" data-id=\"75e3a79b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-360435b8 e-con-full e-flex e-con e-child\" data-id=\"360435b8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b749405 elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"1b749405\" 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\">Cr\u00e9er de l\u2019impact visuel, c\u2019est plus qu\u2019une comp\u00e9tence : c\u2019est une vision.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4772c66e animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4772c66e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">1.   CR\u00c9E DU SENS, PAS JUSTE DU STYLE.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-711f8b77 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"711f8b77\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">2. \u00c9COUTE AVANT D'AGIR.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5152b24b animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5152b24b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">3. L\u2019\u00c9MOTION COMME FIL CONDUCTEUR.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47a591ba animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"47a591ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">4. COLLABORATION AVANT TOUT.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c291984 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"7c291984\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">5. LES D\u00c9TAILS FONT TOUT.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-712d3c6a animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"712d3c6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">6. OSER LA SIMPLICIT\u00c9.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1376cafa animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1376cafa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">7. L\u2019AUTHENTICIT\u00c9 EST TA SIGNATURE.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-653d3a0a animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"653d3a0a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">8. PAS DE CR\u00c9ATIVIT\u00c9 SANS AUDACE.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a742981 animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"4a742981\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">9. S\u2019INSPIRER DE TOUT, PARTOUT.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c3fd8ce animated-fast elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"1c3fd8ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInRight&quot;}\" 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\">10. TOUJOURS EN MOUVEMENT.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b5b1720 e-con-full e-flex e-con e-child\" data-id=\"3b5b1720\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;none&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cdde30 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-video\" data-id=\"1cdde30\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&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:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Top-View-Studio.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" 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<div class=\"elementor-element elementor-element-4ab8f209 elementor-align-center elementor-widget__width-inherit elementor-widget-mobile__width-auto elementor-widget elementor-widget-button\" data-id=\"4ab8f209\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/about\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-arrow-right\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"><\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrez YA\u00b2<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c40f5ee elementor-widget elementor-widget-image\" data-id=\"6c40f5ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/10\/Adobe_Certified_Professional_logo-red-white.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f501dc0 e-flex e-con-boxed e-con e-parent\" data-id=\"6f501dc0\" data-element_type=\"container\" data-e-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<div class=\"elementor-element elementor-element-cedb498 e-con-full e-flex e-con e-child\" data-id=\"cedb498\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6a5f3e4 e-con-full e-flex e-con e-child\" data-id=\"6a5f3e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75f56da elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"75f56da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-exclamation-triangle\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e66423f elementor-widget__width-auto elementor-widget-mobile__width-auto elementor-widget elementor-widget-eael-fancy-text\" data-id=\"e66423f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-fancy-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t<div  class=\"eael-fancy-text-container style-1\" data-fancy-text-id=\"e66423f\" data-fancy-text=\"|IMPACT TEST\u200e \" data-fancy-text-transition-type=\"typing\" data-fancy-text-speed=\"50\" data-fancy-text-delay=\"2500\" data-fancy-text-cursor=\"yes\" data-fancy-text-loop=\"yes\" data-fancy-text-action=\"page_load\" >\n\t\t\n\t\t\n\t\t\t\t\t<span id=\"eael-fancy-text-e66423f\" class=\"eael-fancy-text-strings solid-color\">\n\t\t\t\t<noscript>\n\t\t\t\t\tIMPACT TEST\u200e\t\t\t\t<\/noscript>\n\t\t\t<\/span>\n\t\t\n\t\t\t<\/div><!-- close .eael-fancy-text-container -->\n\n\t<div class=\"clearfix\"><\/div>\n\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 class=\"elementor-element elementor-element-86e29c2 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"86e29c2\" 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\">Votre identit\u00e9 communique d\u00e9j\u00e0. <br>Mais touche-t-elle vraiment votre audience ?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20c2568 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"20c2568\" 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\">Avant d\u2019aller plus loin, un temps de recul s\u2019impose.\n<br> <br>\nCet impact test permet d\u2019\u00e9valuer la clart\u00e9, la coh\u00e9rence et la force de votre image, afin d\u2019identifier ce qui fonctionne, ce qui freine et ce qui m\u00e9rite d\u2019\u00eatre renforc\u00e9.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b13a13b elementor-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"b13a13b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/cal.com\/ya2design\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-right-arrow1\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Acc\u00e9der au diagnostic <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b7d55c e-con-full e-flex e-con e-child\" data-id=\"8b7d55c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82ed822 elementor-widget__width-initial elementor-widget elementor-widget-video\" data-id=\"82ed822\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&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:\/\/ya2.design\/wp-content\/uploads\/2025\/12\/Futuristic-Glasses.webm\" autoplay=\"\" loop=\"\" muted=\"muted\" 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<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac6a479 e-con-full e-flex e-con e-parent\" data-id=\"ac6a479\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b764c38 elementor-widget__width-inherit elementor-widget elementor-widget-image-carousel\" data-id=\"b764c38\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;slides_to_show&quot;:&quot;6&quot;,&quot;slides_to_scroll&quot;:&quot;2&quot;,&quot;navigation&quot;:&quot;none&quot;,&quot;autoplay_speed&quot;:120,&quot;speed&quot;:1500,&quot;slides_to_show_mobile&quot;:&quot;2&quot;,&quot;slides_to_scroll_mobile&quot;:&quot;1&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;infinite&quot;:&quot;yes&quot;}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"rtl\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CA-scaled.png\" alt=\"CA\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Compaq-scaled.png\" alt=\"Compaq\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/HP-scaled.png\" alt=\"HP\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PG-scaled.png\" alt=\"P&amp;G\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Pfizer-scaled.png\" alt=\"Pfizer\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Tostitos-scaled.png\" alt=\"Tostitos\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/CAF-scaled.png\" alt=\"CAF\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Cineplex-scaled.png\" alt=\"Cineplex\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"9 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/PPG-scaled.png\" alt=\"PPG\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"10 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/LG-scaled.png\" alt=\"LG\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"11 of 11\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/ya2.design\/wp-content\/uploads\/2025\/06\/Pepsi-scaled.png\" alt=\"Pepsi\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PureDesign. Strong Vibes. Nous cr\u00e9ons des marques audacieuses qui donnent du sens \u00e0 la forme. qui racontent une vision claire. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_eb_attr":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10198","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/pages\/10198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/comments?post=10198"}],"version-history":[{"count":501,"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/pages\/10198\/revisions"}],"predecessor-version":[{"id":29391,"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/pages\/10198\/revisions\/29391"}],"wp:attachment":[{"href":"https:\/\/ya2.design\/en\/wp-json\/wp\/v2\/media?parent=10198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}