{"id":2,"date":"2025-08-11T16:08:36","date_gmt":"2025-08-11T14:08:36","guid":{"rendered":"https:\/\/groupe-grim.com\/can-am\/?page_id=2"},"modified":"2026-05-11T14:14:20","modified_gmt":"2026-05-11T12:14:20","slug":"page-d-exemple","status":"publish","type":"page","link":"https:\/\/groupe-grim.com\/can-am\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"offres\">D\u00e9couvrez nos offres du moment<\/h2>\n\n\n\n<div class=\"offres-slider-block w-full my-12\">\n    <!-- Styles dynamiques pour les boutons -->\n    <style>\n        \/* Variables couleur dynamiques pour le badge et les composants *\/\n        .offres-slider-block {\n            --theme-primary: #d31e1c;\n            --theme-primary-rgb: 211, 30, 28;\n            --badge-color-light: #f94442;\n        }\n\n        .offres-slider-block .offre-card-title-wrapper {\n            background-color: rgba(31, 41, 55, 0.75) !important;\n        }\n\n        .offres-slider-block .offres-progress-fill {\n            background-color: #d31e1c !important;\n        }\n\n        .offres-slider-block .offre-cta-button {\n            background-color: #ffffff;\n            color: #d31e1c;\n            border: none;\n            font-family: system-ui, sans-serif;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n\n        @media (min-width: 768px) {\n            .offres-slider-block .offre-cta-button:hover {\n                background-color: #d31e1c;\n                color: #ffffff;\n                transform: translateY(-1px);\n            }\n            .offres-slider-block .offre-cta-button:hover .offre-cta-icon {\n                transform: translateX(4px);\n            }\n        }\n\n        @media (max-width: 767px) {\n            .offres-slider-block .offre-cta-button:hover,\n            .offres-slider-block .offre-cta-button:focus,\n            .offres-slider-block .offre-cta-button:active {\n                background-color: #ffffff !important;\n                color: #d31e1c !important;\n                transform: none !important;\n            }\n        }\n    <\/style>\n\n    <!-- Conteneur principal -->\n    <div class=\"offres-slider-container w-full max-w-full relative\">\n\n        <!-- Wrapper du slider -->\n        <div class=\"offres-slider-wrapper w-full relative overflow-hidden px-0 py-2 pt-10 md:px-0 md:py-6\">\n\n            <!-- Track du slider -->\n            <div class=\"offres-slider-track flex gap-4 md:px-0 px-4\">\n\n                \n                <!-- Carte d'offre -->\n                <div class=\"offre-slide flex-shrink-0 transition-opacity transition-transform duration-300 ease-in-out\" data-index=\"0\">\n                    <div class=\"offre-card bg-white relative flex flex-col overflow-visible\">\n\n                        \n                        <!-- Image avec titre et bouton en overlay -->\n                        <div class=\"offre-card-image relative h-full bg-gradient-to-br from-gray-100 to-gray-200 overflow-hidden flex-shrink-0 flex flex-col justify-end p-5 md:p-5\">\n                                                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/01\/outlander-a-partir-de-9999-euros.webp 1500w\" sizes=\"(max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/01\/outlander-a-partir-de-9999-euros-1024x819.jpg\" alt=\"Can-am Outlander \u00e0 partir de 9.999\u20ac\" width=\"1024\" height=\"819\" loading=\"eager\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"outlander-\u00e0-partir-de-9999-euros\" fetchpriority=\"high\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/01\/outlander-a-partir-de-9999-euros-768x614.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/01\/outlander-a-partir-de-9999-euros.jpg 1500w\" sizes=\"(max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><\/picture>                            \n                            <!-- Titre en haut -->\n                            <div class=\"offre-card-title-wrapper text-white py-4 px-1 pr-1 pl-4 md:py-4 md:px-1 md:pr-1 md:pl-4 flex items-center justify-start flex-shrink-0\">\n                                <h3 class=\"offre-card-title font-bold text-left leading-tight m-0 max-w-full\">Can-am Outlander \u00e0 partir de 9.999\u20ac<\/h3>\n                            <\/div>\n\n                            <!-- CTA Button en bas -->\n                            <div class=\"offre-card-cta relative z-10 flex-shrink-0 w-full flex justify-center\">\n                                <a href=\"https:\/\/groupe-grim.com\/can-am\/offres\/quad-can-am-outlander-accessible-des-9-999e\/\"\n                                   class=\"offre-cta-button group inline-flex items-center justify-center gap-2 px-7 py-3.5 md:px-6 md:py-3 rounded-lg no-underline text-base font-semibold whitespace-nowrap pointer-events-auto\"\n                                   data-track-offer\n                                   data-offer-id=\"1205\"\n                                   data-offer-title=\"Can-am Outlander \u00e0 partir de 9.999\u20ac\"\n                                   data-slide-index=\"0\"\n                                   >\n                                    <span>Voir l&rsquo;offre<\/span>\n                                    <svg class=\"offre-cta-icon flex-shrink-0 w-5 h-5 md:w-[18px] md:h-[18px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                \n                <!-- Carte d'offre -->\n                <div class=\"offre-slide flex-shrink-0 transition-opacity transition-transform duration-300 ease-in-out\" data-index=\"1\">\n                    <div class=\"offre-card bg-white relative flex flex-col overflow-visible\">\n\n                                                <!-- Badge optionnel -->\n                        <span class=\"offre-badge text-white text-xs font-bold py-2 px-4 rounded-md uppercase tracking-wider overflow-hidden text-ellipsis whitespace-nowrap\">Exclu pro<\/span>\n                        \n                        <!-- Image avec titre et bouton en overlay -->\n                        <div class=\"offre-card-image relative h-full bg-gradient-to-br from-gray-100 to-gray-200 overflow-hidden flex-shrink-0 flex flex-col justify-end p-5 md:p-5\">\n                                                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-320x256.webp 320w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-640x512.webp 640w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-768x614.webp 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-1280x1024.webp 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole.webp 1500w\" sizes=\"(max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-1024x819.jpg\" alt=\"R\u00e9servez votre essai sur votre exploitation en Traxter\u00a0\" width=\"1024\" height=\"819\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"offre-can-am-traxter-essai-agricole\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-320x256.jpg 320w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-640x512.jpg 640w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-768x614.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole-1280x1024.jpg 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/offre-can-am-traxter-essai-agricole.jpg 1500w\" sizes=\"auto, (max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><\/picture>                            \n                            <!-- Titre en haut -->\n                            <div class=\"offre-card-title-wrapper text-white py-4 px-1 pr-1 pl-4 md:py-4 md:px-1 md:pr-1 md:pl-4 flex items-center justify-start flex-shrink-0\">\n                                <h3 class=\"offre-card-title font-bold text-left leading-tight m-0 max-w-full\">R\u00e9servez votre essai sur votre exploitation en Traxter\u00a0<\/h3>\n                            <\/div>\n\n                            <!-- CTA Button en bas -->\n                            <div class=\"offre-card-cta relative z-10 flex-shrink-0 w-full flex justify-center\">\n                                <a href=\"https:\/\/groupe-grim.com\/can-am\/offres\/essai-traxter-exploitation-agricole\/\"\n                                   class=\"offre-cta-button group inline-flex items-center justify-center gap-2 px-7 py-3.5 md:px-6 md:py-3 rounded-lg no-underline text-base font-semibold whitespace-nowrap pointer-events-auto\"\n                                   data-track-offer\n                                   data-offer-id=\"1527\"\n                                   data-offer-title=\"R\u00e9servez votre essai sur votre exploitation en Traxter\u00a0\"\n                                   data-slide-index=\"1\"\n                                   >\n                                    <span>Voir l&rsquo;offre<\/span>\n                                    <svg class=\"offre-cta-icon flex-shrink-0 w-5 h-5 md:w-[18px] md:h-[18px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                \n                <!-- Carte d'offre -->\n                <div class=\"offre-slide flex-shrink-0 transition-opacity transition-transform duration-300 ease-in-out\" data-index=\"2\">\n                    <div class=\"offre-card bg-white relative flex flex-col overflow-visible\">\n\n                        \n                        <!-- Image avec titre et bouton en overlay -->\n                        <div class=\"offre-card-image relative h-full bg-gradient-to-br from-gray-100 to-gray-200 overflow-hidden flex-shrink-0 flex flex-col justify-end p-5 md:p-5\">\n                                                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/offre-formation-a1-trois-roues-can-am.webp 1500w\" sizes=\"(max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/offre-formation-a1-trois-roues-can-am-1024x819.png\" alt=\"Formation A1 offerte pour l\u2019achat d\u2019un 3-roues\" width=\"1024\" height=\"819\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"offre-formation-a1-trois-roues-can-am\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/offre-formation-a1-trois-roues-can-am-768x614.png 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/offre-formation-a1-trois-roues-can-am.png 1500w\" sizes=\"auto, (max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><\/picture>                            \n                            <!-- Titre en haut -->\n                            <div class=\"offre-card-title-wrapper text-white py-4 px-1 pr-1 pl-4 md:py-4 md:px-1 md:pr-1 md:pl-4 flex items-center justify-start flex-shrink-0\">\n                                <h3 class=\"offre-card-title font-bold text-left leading-tight m-0 max-w-full\">Formation A1 offerte pour l\u2019achat d\u2019un 3-roues<\/h3>\n                            <\/div>\n\n                            <!-- CTA Button en bas -->\n                            <div class=\"offre-card-cta relative z-10 flex-shrink-0 w-full flex justify-center\">\n                                <a href=\"https:\/\/groupe-grim.com\/can-am\/offres\/formation-a1-offerte-can-am-3-roues\/\"\n                                   class=\"offre-cta-button group inline-flex items-center justify-center gap-2 px-7 py-3.5 md:px-6 md:py-3 rounded-lg no-underline text-base font-semibold whitespace-nowrap pointer-events-auto\"\n                                   data-track-offer\n                                   data-offer-id=\"818\"\n                                   data-offer-title=\"Formation A1 offerte pour l\u2019achat d\u2019un 3-roues\"\n                                   data-slide-index=\"2\"\n                                   >\n                                    <span>Voir l&rsquo;offre<\/span>\n                                    <svg class=\"offre-cta-icon flex-shrink-0 w-5 h-5 md:w-[18px] md:h-[18px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                \n                <!-- Carte d'offre -->\n                <div class=\"offre-slide flex-shrink-0 transition-opacity transition-transform duration-300 ease-in-out\" data-index=\"3\">\n                    <div class=\"offre-card bg-white relative flex flex-col overflow-visible\">\n\n                        \n                        <!-- Image avec titre et bouton en overlay -->\n                        <div class=\"offre-card-image relative h-full bg-gradient-to-br from-gray-100 to-gray-200 overflow-hidden flex-shrink-0 flex flex-col justify-end p-5 md:p-5\">\n                                                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/Formation-offerte-pour-lachat-dun-deux-roues.webp 1500w\" sizes=\"(max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/Formation-offerte-pour-lachat-dun-deux-roues-1024x819.jpg\" alt=\"Formation A1 offerte pour l\u2019achat d\u2019un 2-roues\" width=\"1024\" height=\"819\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"Formation offerte pour l&rsquo;achat d&rsquo;un deux roues\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/Formation-offerte-pour-lachat-dun-deux-roues-768x614.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/Formation-offerte-pour-lachat-dun-deux-roues.jpg 1500w\" sizes=\"auto, (max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><\/picture>                            \n                            <!-- Titre en haut -->\n                            <div class=\"offre-card-title-wrapper text-white py-4 px-1 pr-1 pl-4 md:py-4 md:px-1 md:pr-1 md:pl-4 flex items-center justify-start flex-shrink-0\">\n                                <h3 class=\"offre-card-title font-bold text-left leading-tight m-0 max-w-full\">Formation A1 offerte pour l\u2019achat d\u2019un 2-roues<\/h3>\n                            <\/div>\n\n                            <!-- CTA Button en bas -->\n                            <div class=\"offre-card-cta relative z-10 flex-shrink-0 w-full flex justify-center\">\n                                <a href=\"https:\/\/groupe-grim.com\/can-am\/offres\/formation-a1-offerte-can-am-2-roues\/\"\n                                   class=\"offre-cta-button group inline-flex items-center justify-center gap-2 px-7 py-3.5 md:px-6 md:py-3 rounded-lg no-underline text-base font-semibold whitespace-nowrap pointer-events-auto\"\n                                   data-track-offer\n                                   data-offer-id=\"1275\"\n                                   data-offer-title=\"Formation A1 offerte pour l\u2019achat d\u2019un 2-roues\"\n                                   data-slide-index=\"3\"\n                                   >\n                                    <span>Voir l&rsquo;offre<\/span>\n                                    <svg class=\"offre-cta-icon flex-shrink-0 w-5 h-5 md:w-[18px] md:h-[18px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                \n                <!-- Carte d'offre -->\n                <div class=\"offre-slide flex-shrink-0 transition-opacity transition-transform duration-300 ease-in-out\" data-index=\"4\">\n                    <div class=\"offre-card bg-white relative flex flex-col overflow-visible\">\n\n                                                <!-- Badge optionnel -->\n                        <span class=\"offre-badge text-white text-xs font-bold py-2 px-4 rounded-md uppercase tracking-wider overflow-hidden text-ellipsis whitespace-nowrap\">Promotion<\/span>\n                        \n                        <!-- Image avec titre et bouton en overlay -->\n                        <div class=\"offre-card-image relative h-full bg-gradient-to-br from-gray-100 to-gray-200 overflow-hidden flex-shrink-0 flex flex-col justify-end p-5 md:p-5\">\n                                                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/offre-apv-kit-huile-can-am.webp 1500w\" sizes=\"(max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/offre-apv-kit-huile-can-am-1024x819.jpg\" alt=\"-20% sur votre kit huile Can-am\" width=\"1024\" height=\"819\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"offre-apv-kit-huile-can-am\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/offre-apv-kit-huile-can-am-768x614.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/offre-apv-kit-huile-can-am.jpg 1500w\" sizes=\"auto, (max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><\/picture>                            \n                            <!-- Titre en haut -->\n                            <div class=\"offre-card-title-wrapper text-white py-4 px-1 pr-1 pl-4 md:py-4 md:px-1 md:pr-1 md:pl-4 flex items-center justify-start flex-shrink-0\">\n                                <h3 class=\"offre-card-title font-bold text-left leading-tight m-0 max-w-full\">-20% sur votre kit huile Can-am<\/h3>\n                            <\/div>\n\n                            <!-- CTA Button en bas -->\n                            <div class=\"offre-card-cta relative z-10 flex-shrink-0 w-full flex justify-center\">\n                                <a href=\"https:\/\/groupe-grim.com\/can-am\/offres\/offre-kit-huile-can-am\/\"\n                                   class=\"offre-cta-button group inline-flex items-center justify-center gap-2 px-7 py-3.5 md:px-6 md:py-3 rounded-lg no-underline text-base font-semibold whitespace-nowrap pointer-events-auto\"\n                                   data-track-offer\n                                   data-offer-id=\"1267\"\n                                   data-offer-title=\"-20% sur votre kit huile Can-am\"\n                                   data-slide-index=\"4\"\n                                   >\n                                    <span>Voir l&rsquo;offre<\/span>\n                                    <svg class=\"offre-cta-icon flex-shrink-0 w-5 h-5 md:w-[18px] md:h-[18px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                \n                <!-- Carte d'offre -->\n                <div class=\"offre-slide flex-shrink-0 transition-opacity transition-transform duration-300 ease-in-out\" data-index=\"5\">\n                    <div class=\"offre-card bg-white relative flex flex-col overflow-visible\">\n\n                        \n                        <!-- Image avec titre et bouton en overlay -->\n                        <div class=\"offre-card-image relative h-full bg-gradient-to-br from-gray-100 to-gray-200 overflow-hidden flex-shrink-0 flex flex-col justify-end p-5 md:p-5\">\n                                                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/Payez-votre-equipement-en-4x-sans-frais.webp 1500w\" sizes=\"(max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/Payez-votre-equipement-en-4x-sans-frais-1024x819.jpg\" alt=\"Payez votre \u00e9quipement Can-am en 4x\" width=\"1024\" height=\"819\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"Payez-votre-\u00e9quipement-en-4x-sans-frais\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/Payez-votre-equipement-en-4x-sans-frais-768x614.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/02\/Payez-votre-equipement-en-4x-sans-frais.jpg 1500w\" sizes=\"auto, (max-width: 767px) 320px, (max-width: 1023px) 33vw, (max-width: 1439px) 25vw, 20vw\"><\/picture>                            \n                            <!-- Titre en haut -->\n                            <div class=\"offre-card-title-wrapper text-white py-4 px-1 pr-1 pl-4 md:py-4 md:px-1 md:pr-1 md:pl-4 flex items-center justify-start flex-shrink-0\">\n                                <h3 class=\"offre-card-title font-bold text-left leading-tight m-0 max-w-full\">Payez votre \u00e9quipement Can-am en 4x<\/h3>\n                            <\/div>\n\n                            <!-- CTA Button en bas -->\n                            <div class=\"offre-card-cta relative z-10 flex-shrink-0 w-full flex justify-center\">\n                                <a href=\"https:\/\/groupe-grim.com\/can-am\/offres\/payez-votre-equipement-can-am-en-4x\/\"\n                                   class=\"offre-cta-button group inline-flex items-center justify-center gap-2 px-7 py-3.5 md:px-6 md:py-3 rounded-lg no-underline text-base font-semibold whitespace-nowrap pointer-events-auto\"\n                                   data-track-offer\n                                   data-offer-id=\"1278\"\n                                   data-offer-title=\"Payez votre \u00e9quipement Can-am en 4x\"\n                                   data-slide-index=\"5\"\n                                   >\n                                    <span>Voir l&rsquo;offre<\/span>\n                                    <svg class=\"offre-cta-icon flex-shrink-0 w-5 h-5 md:w-[18px] md:h-[18px]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                        <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line>\n                                        <polyline points=\"12 5 19 12 12 19\"><\/polyline>\n                                    <\/svg>\n                                <\/a>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                \n            <\/div>\n        <\/div>\n\n                <!-- Navigation -->\n        <div class=\"offres-navigation flex items-center justify-center gap-6 mt-10 md:gap-4 md:mt-2 relative z-[150] pointer-events-auto\">\n\n            <!-- Bouton pr\u00e9c\u00e9dent -->\n            <button class=\"offres-nav-btn offres-nav-prev w-12 h-12 md:w-10 md:h-10 rounded-full border border-black\/10 bg-white\/90 backdrop-blur-md cursor-pointer flex items-center justify-center flex-shrink-0 p-0\"\n                    aria-label=\"Offre pr\u00e9c\u00e9dente\"\n                    disabled>\n                <img loading=\"lazy\"\n                     decoding=\"async\"\n                     src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\"\n                     alt=\"Pr\u00e9c\u00e9dent\"\n                     class=\"offres-nav-icon w-6 h-6 block\"\n                     width=\"24\"\n                     height=\"24\">\n            <\/button>\n\n            <!-- Indicateur de pagination -->\n            <div class=\"offres-counter flex items-center gap-1 text-base md:text-sm font-semibold text-gray-700\">\n                <span class=\"offres-counter-current text-gray-400 text-lg md:text-base\">1<\/span>\n                <span class=\"offres-counter-separator text-gray-600 mx-0.5\">\/<\/span>\n                <span class=\"offres-counter-total text-gray-900 font-semibold\">6<\/span>\n                <span class=\"offres-counter-label text-gray-900 font-semibold ml-1\">offres<\/span>\n            <\/div>\n\n            <!-- Barre de progression -->\n            <div class=\"offres-progress-bar flex-1 max-w-[200px] md:max-w-[120px] h-1 md:h-0.5 bg-gray-200 rounded-sm overflow-hidden relative\">\n                <div class=\"offres-progress-fill h-full w-0 rounded-sm\"><\/div>\n            <\/div>\n\n            <!-- Bouton suivant -->\n            <button class=\"offres-nav-btn offres-nav-next w-12 h-12 md:w-10 md:h-10 rounded-full border border-black\/10 bg-white\/90 backdrop-blur-md cursor-pointer flex items-center justify-center flex-shrink-0 p-0\"\n                    aria-label=\"Offre suivante\">\n                <img loading=\"lazy\"\n                     decoding=\"async\"\n                     src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\"\n                     alt=\"Suivant\"\n                     class=\"offres-nav-icon w-6 h-6 block\"\n                     width=\"24\"\n                     height=\"24\">\n            <\/button>\n\n        <\/div>\n        \n    <\/div>\n\n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"offres-slider-config\">\n        {\n            \"totalOffres\": 6,\n            \"maxVisibleCards\": \"auto\",\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 3,\n                \"desktop\": 4,\n                \"xlarge\": 5            },\n            \"centered\": false        }\n    <\/script>\n\n<\/div>\n\n\n\n<!-- Bloc Description et Ic\u00f4nes -->\n<div class=\"description-icons-block\">\n    <div class=\"max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto\">\n        <div class=\"max-w-2xl mx-auto\">\n            <!-- Grid principal -->\n            <div class=\"grid gap-12\">\n                \n                                <!-- Section titre et description -->\n                <div>\n                                            <h2 class=\"text-3xl text-gray-800 font-bold lg:text-4xl\">\n                            Can-Am Toulouse Lab\u00e8ge                        <\/h2>\n                                        \n                                            <p class=\"mt-3 text-gray-800\">\n                            Nouvelle concession officielle Can-Am (BRP) du Groupe GRIM \u00e0 Toulouse-Lab\u00e8ge, nous vous accueillons dans des locaux enti\u00e8rement neufs pens\u00e9s pour le conseil, l\u2019\u00e9quipement et l\u2019entretien de votre Buggy, Quad, 3-roues et 2-roues Can-Am. Notre promesse : proximit\u00e9, expertise et qualit\u00e9 de service, au plus pr\u00e8s de vos usages pros et loisirs.                        <\/p>\n                                    <\/div>\n                                \n                                <!-- Sections avec ic\u00f4nes -->\n                <div class=\"space-y-6 lg:space-y-10\">\n                                        \n                    <!-- Section ic\u00f4ne -->\n                    <div class=\"flex gap-x-5 sm:gap-x-8\">\n                                                    <!-- Ic\u00f4ne Font Awesome -->\n                            <div class=\"shrink-0 mt-2\">\n                                <i class=\"fas fa-star text-2xl text-violet\" aria-hidden=\"true\"><\/i>\n                            <\/div>\n                                                \n                        <div class=\"grow\">\n                            <h3 class=\"text-base sm:text-lg font-semibold text-gray-800\">\n                                Des locaux neufs, pens\u00e9s pour vous                            <\/h3>\n                            \n                                                            <p class=\"mt-1 text-gray-600\">\n                                    Showroom d\u00e9di\u00e9 Buggys, Quads, 3-roues et 2-roues, espace accessoires LinQ, r\u00e9ception atelier, et stationnement facile devant la concession (y compris utilitaires). Tout est con\u00e7u pour vous faire gagner du temps et personnaliser votre Can-Am sereinement.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                    <!-- Fin section ic\u00f4ne -->\n                    \n                                        \n                    <!-- Section ic\u00f4ne -->\n                    <div class=\"flex gap-x-5 sm:gap-x-8\">\n                                                    <!-- Ic\u00f4ne Font Awesome -->\n                            <div class=\"shrink-0 mt-2\">\n                                <i class=\"fas fa-bolt text-2xl text-violet\" aria-hidden=\"true\"><\/i>\n                            <\/div>\n                                                \n                        <div class=\"grow\">\n                            <h3 class=\"text-base sm:text-lg font-semibold text-gray-800\">\n                                Expertise Can-Am &amp; solutions sur-mesure                            <\/h3>\n                            \n                                                            <p class=\"mt-1 text-gray-600\">\n                                    Conseil par usage (agri, chantier, for\u00eat, loisirs), configurations personnalis\u00e9es, pr\u00e9paration et entretien selon le r\u00e9f\u00e9rentiel constructeur BRP. Essais et d\u00e9monstrations selon calendrier, financement et garanties : un accompagnement de A \u00e0 Z.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                    <!-- Fin section ic\u00f4ne -->\n                    \n                                        \n                    <!-- Section ic\u00f4ne -->\n                    <div class=\"flex gap-x-5 sm:gap-x-8\">\n                                                    <!-- Ic\u00f4ne Font Awesome -->\n                            <div class=\"shrink-0 mt-2\">\n                                <i class=\"fas fa-map-marker-alt text-2xl text-violet\" aria-hidden=\"true\"><\/i>\n                            <\/div>\n                                                \n                        <div class=\"grow\">\n                            <h3 class=\"text-base sm:text-lg font-semibold text-gray-800\">\n                                Proximit\u00e9 &amp; respect \u2013 l\u2019ADN GRIM                            <\/h3>\n                            \n                                                            <p class=\"mt-1 text-gray-600\">\n                                    Port\u00e9s par le Groupe GRIM, nous cultivons le respect, la transparence et la qualit\u00e9 de service. Engagement local, \u00e9coute et suivi dans la dur\u00e9e : autant de valeurs partag\u00e9es avec Can-Am, r\u00e9f\u00e9rence mondiale pour la performance, la fiabilit\u00e9 et l\u2019innovation.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                    <!-- Fin section ic\u00f4ne -->\n                    \n                                    <\/div>\n                                \n            <\/div>\n            <!-- Fin Grid principal -->\n        <\/div>\n    <\/div>\n<\/div>\n<!-- Fin Bloc Description et Ic\u00f4nes -->\n\n\n<div  class=\"image-collage dynamic-grid\">\n    <div class=\"grid-item large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"544\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115217_can-am-labege-1024x544.jpg\" class=\"grid-image\" alt=\"Can-Am Maverick R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115217_can-am-labege-1024x544.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115217_can-am-labege-300x159.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115217_can-am-labege-768x408.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115217_can-am-labege.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"Can-Am Maverick R\" \/><\/div><div class=\"grid-item small\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115228_can-am-toulouse-1024x576.jpg\" class=\"grid-image\" alt=\"1756115228_can-am-toulouse\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115228_can-am-toulouse-1024x576.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115228_can-am-toulouse-300x169.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115228_can-am-toulouse-768x432.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115228_can-am-toulouse.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"1756115228_can-am-toulouse\" \/><\/div><div class=\"grid-item small\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-franchissement-1024x576.jpg\" class=\"grid-image\" alt=\"Can Am Outlander Electric 2026 avec remorque\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-franchissement-1024x576.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-franchissement-300x169.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-franchissement-768x432.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-franchissement.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"Can-Am-Outlander-Electric-2026-franchissement\" \/><\/div><div class=\"grid-item medium\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-1024x576.jpg\" class=\"grid-image\" alt=\"Can-Am-Outlander-Electric-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-1024x576.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-300x169.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-768x432.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"Can-Am-Outlander-Electric-2026\" \/><\/div><div class=\"grid-item small\"><img loading=\"lazy\" decoding=\"async\" width=\"762\" height=\"720\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115461_concession-can-am.jpg\" class=\"grid-image\" alt=\"1756115461_concession-can-am\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115461_concession-can-am.jpg 762w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115461_concession-can-am-300x283.jpg 300w\" sizes=\"auto, (max-width: 762px) 100vw, 762px\" title=\"1756115461_concession-can-am\" \/><\/div><div class=\"grid-item large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-defender-2026-pro-1024x576.jpg\" class=\"grid-image\" alt=\"Chenilles sur un Can-am defender 2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-defender-2026-pro-1024x576.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-defender-2026-pro-300x169.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-defender-2026-pro-768x432.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-defender-2026-pro-1536x864.jpg 1536w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-defender-2026-pro.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"can-defender-2026-pro\" \/><\/div><div class=\"grid-item medium\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115378_moto-electrique-can-am-1024x576.jpg\" class=\"grid-image\" alt=\"1756115378_moto-electrique-can-am\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115378_moto-electrique-can-am-1024x576.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115378_moto-electrique-can-am-300x169.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115378_moto-electrique-can-am-768x432.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115378_moto-electrique-can-am.jpg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"1756115378_moto-electrique-can-am\" \/><\/div><div class=\"grid-item small\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-am-defender-2026-concessionnaire-1024x576.jpg\" class=\"grid-image\" alt=\"can am defender 2026 chargement outils\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-am-defender-2026-concessionnaire-1024x576.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-am-defender-2026-concessionnaire-300x169.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-am-defender-2026-concessionnaire-768x432.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-am-defender-2026-concessionnaire.jpg 1080w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"can-am-defender-2026-concessionnaire\" \/><\/div><div class=\"grid-item small\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-agricole-1024x576.jpg\" class=\"grid-image\" alt=\"Can-Am-Outlander-Electric-2026-agricole\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-agricole-1024x576.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-agricole-300x169.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-agricole-768x432.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-agricole.jpg 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" title=\"Can-Am-Outlander-Electric-2026-agricole\" \/><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" id=\"prendre-rendez-vous\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide\" id=\"map\"\/>\n\n\n\n<!-- Conteneur h\u00f4te pour le Shadow DOM -->\n<div\n    id=\"where-are-we-6a35543b2305b\"\n    class=\"where-are-we-shadow-host\"\n    data-theme-url=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\"\n    data-display-mode=\"simple\"\n    data-is-mobile=\"false\"\n    data-locations='[{&quot;city_name&quot;:&quot;Toulouse&quot;,&quot;address&quot;:&quot;2721 Route de Bazi\\u00e8ge La Lauragaise, 31670 Lab\\u00e8ge&quot;,&quot;latitude&quot;:43.5449839,&quot;longitude&quot;:1.5170348,&quot;phone&quot;:&quot;0567800505&quot;,&quot;email&quot;:&quot;&quot;,&quot;google_maps_url&quot;:&quot;https:\\\/\\\/www.google.com\\\/maps\\\/place\\\/Can-Am+Toulouse\\\/@43.5449839,1.5144599,1099m\\\/data=!3m2!1e3!4b1!4m6!3m5!1s0x12aea33ac827def9:0x9e05c11dd74d563b!8m2!3d43.5449839!4d1.5170348!16s%2Fg%2F11g8wytbk3?entry=ttu&#038;g_ep=EgoyMDI2MDUwNi4wIKXMDSoASAFQAw%3D%3D&quot;,&quot;logo&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Can-Am-logo_Masthead_Top_RGB-scaled.png&quot;,&quot;alt&quot;:&quot;Logo Can-am Noir&quot;},&quot;brand&quot;:&quot;Can-AM&quot;,&quot;brand_color&quot;:&quot;#dd3333&quot;}]'\n    data-grouped-locations='[]'\n    data-brands-config='[]'\n    data-translations='{&quot;title&quot;:&quot;O\\u00f9 sommes-nous ?&quot;,&quot;google_maps&quot;:&quot;Google Maps&quot;,&quot;waze&quot;:&quot;Waze&quot;,&quot;view_on_map&quot;:&quot;Voir sur la carte&quot;,&quot;all_brands&quot;:&quot;Toutes les marques&quot;,&quot;others&quot;:&quot;Autres&quot;,&quot;view_fullscreen&quot;:&quot;Voir en plein \\u00e9cran&quot;}'\n    data-fullscreen-url='https:\/\/groupe-grim.com\/can-am?where_are_we_fullscreen=1&amp;data_id=where_are_we_6a35543b23064'\n    data-create-dedicated-page='true'\n    data-theme-primary-color='#E53E3E'\n    data-theme-titles-color='#1f2937'\n    data-theme-text-color='#4b5563'\n    data-theme-fonts='{&quot;regular&quot;:&quot;&quot;,&quot;bold&quot;:&quot;&quot;,&quot;italic&quot;:&quot;&quot;}'\n    data-agents='[]'\n    style=\"position: relative;\"\n>\n    <!-- Fallback pour les navigateurs sans support Shadow DOM -->\n    <noscript>\n        <div class=\"where-are-we-fallback\">\n        <h2 class=\"display: block; font-size: 1.5rem; font-weight: 700; color: #1F2937; \">O\u00f9 sommes-nous ?<\/h2>\n            \n                                                <div class=\"location-fallback\">\n                        <h3>Toulouse<\/h3>\n                        <p>2721 Route de Bazi\u00e8ge La Lauragaise, 31670 Lab\u00e8ge<\/p>\n                        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=2721+Route+de+Bazi%C3%A8ge+La+Lauragaise%2C+31670+Lab%C3%A8ge\" target=\"_blank\" rel=\"noopener\">\n                            Voir sur Google Maps\n                        <\/a>\n                    <\/div>\n                                    <\/div>\n    <\/noscript>\n<\/div>\n\n<script>\n\/\/ Initialisation imm\u00e9diate du Shadow DOM pour ce bloc\n(function() {\n    const host = document.getElementById('where-are-we-6a35543b2305b');\n    if (!host || !host.attachShadow) {\n        console.warn('Shadow DOM non support\u00e9 pour le bloc o\u00f9-sommes-nous');\n        return;\n    }\n\n    \/\/ Cr\u00e9er le Shadow DOM\n    const shadowRoot = host.attachShadow({ mode: 'open' });\n    \n    \/\/ Marquer comme initialis\u00e9 pour \u00e9viter la double initialisation\n    host.dataset.shadowInitialized = 'true';\n    \n    \/\/ D\u00e9clencher l'initialisation personnalis\u00e9e\n    document.addEventListener('DOMContentLoaded', function() {\n        if (window.WhereAreWeShadow) {\n            new window.WhereAreWeShadow('where-are-we-6a35543b2305b');\n        }\n    });\n})();\n<\/script>\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"social-networks-block -my-12 mb-20 mt-20 \" id=\"social-networks-6a35543b24ddf\" style=\"--theme-primary: #d31e1c;\">\n            <!-- Titre style Hero\/Brands -->\n        <div class=\"sm:w-1\/2 xl:w-1\/3 mx-auto text-center mb-6 md:mb-12\">\n                            <h2 class=\"block text-2xl font-bold text-gray-800 sm:text-3xl lg:text-4xl lg:leading-tight dark:text-white text-center\">\n                    Suivez-nous sur les r\u00e9seaux <span class=\"text-theme-primary\">sociaux<\/span>                <\/h2>\n                                        <p class=\"mt-3 text-lg text-gray-800 dark:text-neutral-400 text-center\">Actus, offres, bons plans\u2026 Soyez le premier au courant<\/p>\n                    <\/div>\n    \n            <!-- Style boutons horizontaux -->\n        <div class=\"flex flex-wrap justify-center gap-4\">\n                                                                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61580045841044\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #1877f2\">\n                        <i class=\"fab fa-facebook-f mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        Facebook                    <\/a>\n                                                                                <a href=\"https:\/\/www.instagram.com\/canam.groupegrim\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #E4405F\">\n                        <i class=\"fab fa-instagram mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        Instagram                    <\/a>\n                                                                                <a href=\"https:\/\/www.linkedin.com\/company\/108783992\/admin\/dashboard\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #0077B5\">\n                        <i class=\"fab fa-linkedin-in mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        LinkedIn                    <\/a>\n                                    <\/div>\n\n    <\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide\"\/>\n\n\n\n<style>\n    .latest-posts-block .blog-grid h2 {\n        color: #1f2937;\n    }\n\n    .latest-posts-block .blog-grid .read-blog-btn {\n        background-color: #1f2937;\n        border-color: #1f2937;\n        color: #ffffff !important; \/* Force le texte blanc *\/\n    }\n\n    \/* Hover du bouton - reste lisible avec texte blanc forc\u00e9 *\/\n    .latest-posts-block .blog-grid .read-blog-btn:hover,\n    .latest-posts-block .blog-grid .read-blog-btn:focus,\n    .latest-posts-block .blog-grid .read-blog-btn:active {\n        opacity: 0.9;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        color: #ffffff !important; \/* Force le texte blanc au hover *\/\n    }\n\n    \/* Effet de zoom sur les titres au hover *\/\n    .latest-posts-block .blog-grid article:hover h3 {\n        transform: scale(1.02);\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<div class=\"latest-posts-block mt-12 md:mt-0\">\n<div class=\"blog-grid px-4 md:px-6\">\n    <!-- Titre centr\u00e9 - Desktop -->\n    <h2 class=\"hidden md:block text-4xl font-bold text-center mb-6\">Actualit\u00e9s CAN-AM<\/h2>\n\n    <!-- Bouton - Desktop uniquement -->\n    <div class=\"hidden md:flex justify-end mb-8\">\n        <a href=\"https:\/\/groupe-grim.com\/can-am\/blog\/\" class=\"read-blog-btn inline-flex items-center text-white px-6 py-2.5 rounded-lg text-sm\n                  transition-all duration-300 group no-underline\">\n            Lire notre blog\n            <span class=\"ml-2 transform group-hover:translate-x-1 transition-transform duration-300\"\n                  aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n    <\/div>\n\n    <!-- Titre mobile seul -->\n    <h2 class=\"md:hidden text-2xl font-bold text-center mb-6\">Actualit\u00e9s CAN-AM<\/h2>\n\n    <!-- Carrousel horizontal mobile \/ Grille desktop -->\n    <div class=\"blog-posts-carousel md:grid md:grid-cols-12 md:auto-rows-[240px] md:gap-5\n                flex md:flex-none overflow-x-auto md:overflow-visible\n                gap-4 snap-x snap-mandatory scroll-smooth\n                px-4 md:px-0\n                scrollbar-hide\"\n         data-total-posts=\"5\">\n        \n                <article class=\"flex-shrink-0 w-[82%] md:w-auto md:col-span-7 md:row-span-2 snap-center rounded-2xl overflow-hidden relative group\n                                hover:-translate-y-1 transition-all duration-300\n                               h-[400px] md:h-auto\">\n                    <!-- Ajout de l'indicateur de lien - pointer-events-none pour ne pas bloquer les clics -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm\n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20 pointer-events-none\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2-320x177.webp 320w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2-640x354.webp 640w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2-768x425.webp 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2.webp 960w\" sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2.png\" alt=\"can-am-toulouse-aventure-festival (2)\" width=\"960\" height=\"531\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" title=\"can-am-toulouse-aventure-festival (2)\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2-320x177.png 320w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2-640x354.png 640w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2-768x425.png 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/06\/can-am-toulouse-aventure-festival-2.png 960w\" sizes=\"auto, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><\/picture>                            \n                            \n                                <!-- Badge pour le premier article (dernier publi\u00e9) -->\n                                <div class=\"absolute top-4 left-4 flex items-center space-x-2\">\n                                    <span class=\"inline-flex items-center px-3 py-1 rounded-full bg-white\/10 backdrop-blur-md\n                                               border border-white\/20 text-white text-sm\">\n                                        <span class=\"mr-1.5\">\u2728<\/span>\n                                        Nouveau\n                                    <\/span>\n                                <\/div>\n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         md:text-2xl\">\n                                    Can-am Toulouse sera pr\u00e9sent au Toulouse Aventure Festival : d\u00e9couvrez et essayez nos v\u00e9hicules off-road                                <\/h3>\n                                \n                                <time datetime=\"2026-06-19T08:00:00+02:00\"\n                                      class=\"text-sm text-white\/80\">\n                                    19 Juin 2026                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/can-am-toulouse-aventure-festival\/\" class=\"absolute inset-0 z-10\" aria-label=\"Can-am Toulouse sera pr\u00e9sent au Toulouse Aventure Festival : d\u00e9couvrez et essayez nos v\u00e9hicules off-road\"><\/a>\n                <\/article>\n                \n        \n                <article class=\"flex-shrink-0 w-[82%] md:w-auto md:col-span-5 snap-center rounded-2xl overflow-hidden relative group\n                                hover:-translate-y-1 transition-all duration-300\n                               h-[400px] md:h-auto\">\n                    <!-- Ajout de l'indicateur de lien - pointer-events-none pour ne pas bloquer les clics -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm\n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20 pointer-events-none\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-320x214.webp 320w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-640x427.webp 640w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-768x512.webp 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-1280x854.webp 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france.webp 1280w\" sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-1024x683.png\" alt=\"quels sont les \u00e9quipements obligatoires pour faire du quad en france\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" title=\"quels sont les \u00e9quipements obligatoires pour faire du quad en france\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-320x214.png 320w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-640x427.png 640w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-768x512.png 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france-1280x854.png 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/05\/quels-sont-les-equipements-obligatoires-pour-faire-du-quad-en-france.png 1280w\" sizes=\"auto, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><\/picture>                            \n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    \u00c9quipement obligatoire en quad : le guide complet pour rouler en s\u00e9curit\u00e9                                <\/h3>\n                                \n                                <time datetime=\"2026-06-17T08:49:34+02:00\"\n                                      class=\"text-sm text-white\/80\">\n                                    17 Juin 2026                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/equipement-obligatoire-quad\/\" class=\"absolute inset-0 z-10\" aria-label=\"\u00c9quipement obligatoire en quad : le guide complet pour rouler en s\u00e9curit\u00e9\"><\/a>\n                <\/article>\n                \n        \n                <article class=\"flex-shrink-0 w-[82%] md:w-auto md:col-span-5 snap-center rounded-2xl overflow-hidden relative group\n                                hover:-translate-y-1 transition-all duration-300\n                               h-[400px] md:h-auto\">\n                    <!-- Ajout de l'indicateur de lien - pointer-events-none pour ne pas bloquer les clics -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm\n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20 pointer-events-none\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                            <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/credit-agilor-financement-agriculteur-quad-ssv-1024x683.jpg\" alt=\"D\u00e9couvrez le cr\u00e9dit AGILOR pour financer votre quad ou SSV agricole\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" title=\"cr\u00e9dit-agilor-financement-agriculteur-quad-ssv\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/credit-agilor-financement-agriculteur-quad-ssv-768x512.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/credit-agilor-financement-agriculteur-quad-ssv.jpg 1280w\" sizes=\"auto, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><\/picture>                            \n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    Cr\u00e9dit AGILOR : la solution id\u00e9ale pour financer votre quad ou SSV agricole                                <\/h3>\n                                \n                                <time datetime=\"2026-05-01T10:00:00+02:00\"\n                                      class=\"text-sm text-white\/80\">\n                                    1 Mai 2026                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/credit-agilor\/\" class=\"absolute inset-0 z-10\" aria-label=\"Cr\u00e9dit AGILOR : la solution id\u00e9ale pour financer votre quad ou SSV agricole\"><\/a>\n                <\/article>\n                \n        \n                <article class=\"flex-shrink-0 w-[82%] md:w-auto md:col-span-6 snap-center rounded-2xl overflow-hidden relative group\n                                hover:-translate-y-1 transition-all duration-300\n                               h-[400px] md:h-auto\">\n                    <!-- Ajout de l'indicateur de lien - pointer-events-none pour ne pas bloquer les clics -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm\n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20 pointer-events-none\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                            <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/sorties-quad-toulouse-1024x683.png\" alt=\"Sorties quad toulouse\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" title=\"sorties-quad-toulouse\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/sorties-quad-toulouse-768x512.png 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/sorties-quad-toulouse.png 1280w\" sizes=\"auto, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><\/picture>                            \n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    O\u00f9 faire du quad autour de Toulouse ? Les meilleurs spots autoris\u00e9s en Haute-Garonne                                <\/h3>\n                                \n                                <time datetime=\"2026-04-24T08:00:00+02:00\"\n                                      class=\"text-sm text-white\/80\">\n                                    24 Avr 2026                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/sortie-quad-toulouse\/\" class=\"absolute inset-0 z-10\" aria-label=\"O\u00f9 faire du quad autour de Toulouse ? Les meilleurs spots autoris\u00e9s en Haute-Garonne\"><\/a>\n                <\/article>\n                \n        \n                <article class=\"flex-shrink-0 w-[82%] md:w-auto md:col-span-6 snap-center rounded-2xl overflow-hidden relative group\n                                hover:-translate-y-1 transition-all duration-300\n                               h-[400px] md:h-auto\">\n                    <!-- Ajout de l'indicateur de lien - pointer-events-none pour ne pas bloquer les clics -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm\n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20 pointer-events-none\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                            <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/Can-am-Fest-2026-1024x682.png\" alt=\"Can-am Fest 2026\" width=\"1024\" height=\"682\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" title=\"Can-am Fest 2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/Can-am-Fest-2026-768x512.png 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/Can-am-Fest-2026.png 1280w\" sizes=\"auto, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><\/picture>                            \n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    Can-Am Fest 2026 : vivez 3 jours d\u2019essais et d\u2019aventure On-Road &amp; Off-Road en Auvergne                                <\/h3>\n                                \n                                <time datetime=\"2026-04-17T08:00:00+02:00\"\n                                      class=\"text-sm text-white\/80\">\n                                    17 Avr 2026                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/can-am-fest-2026\/\" class=\"absolute inset-0 z-10\" aria-label=\"Can-Am Fest 2026 : vivez 3 jours d\u2019essais et d\u2019aventure On-Road &amp; Off-Road en Auvergne\"><\/a>\n                <\/article>\n                \n            <\/div>\n\n    <!-- Navigation mobile : compteur + barre de progression -->\n        <div class=\"md:hidden mt-6 px-4\">\n        <!-- Compteur d'articles -->\n        <div class=\"flex items-center justify-center gap-2 mb-3\">\n            <span class=\"posts-counter-current text-lg font-semibold\" style=\"color: #1f2937;\">1<\/span>\n            <span class=\"text-gray-400\">\/<\/span>\n            <span class=\"posts-counter-total text-lg font-semibold text-gray-600\">5<\/span>\n            <span class=\"text-sm text-gray-500 ml-1\">articles<\/span>\n        <\/div>\n\n        <!-- Barre de progression -->\n        <div class=\"posts-progress-bar h-1 bg-gray-200 rounded-full overflow-hidden\">\n            <div class=\"posts-progress-fill h-full transition-all duration-300 rounded-full\"\n                 style=\"width: 20%; background-color: #1f2937;\"><\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Bouton CTA mobile centr\u00e9 -->\n    <div class=\"md:hidden flex justify-center mt-8\">\n        <a href=\"https:\/\/groupe-grim.com\/can-am\/blog\/\" class=\"read-blog-btn inline-flex items-center text-white px-8 py-3 rounded-lg text-sm\n                  transition-all duration-300 group no-underline shadow-lg\">\n            Voir tous nos articles\n            <span class=\"ml-2 transform group-hover:translate-x-1 transition-transform duration-300\"\n                  aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n    <\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez nos offres du moment<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":103,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1373,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/2\/revisions\/1373"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}