{"id":121,"date":"2025-08-20T14:42:03","date_gmt":"2025-08-20T12:42:03","guid":{"rendered":"https:\/\/groupe-grim.com\/preprod\/?page_id=121"},"modified":"2025-08-27T17:32:38","modified_gmt":"2025-08-27T15:32:38","slug":"nos-vehicules","status":"publish","type":"page","link":"https:\/\/groupe-grim.com\/preprod\/nos-vehicules\/","title":{"rendered":"Nos v\u00e9hicules"},"content":{"rendered":"\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">D\u00e9couvrez toute notre gamme de v\u00e9hicules Can-Am<\/h2>\n\n\n\n<!-- Styles dynamiques pour les couleurs du th\u00e8me -->\n<style>\n    \/* Variables CSS dynamiques pour ce bloc *\/\n    .models-slider-block {\n        --theme-primary: #d31e1c;\n        --theme-primary-dark: #bf0a08;\n        --theme-primary-rgb: 211, 30, 28;\n    }\n\n    \/* Couleur principale du th\u00e8me *\/\n    .models-slider-block .bg-theme-primary { background-color: #d31e1c !important; }\n    .models-slider-block .text-theme-primary { color: #d31e1c !important; }\n    .models-slider-block .border-theme-primary { border-color: #d31e1c !important; }\n\n    \/* Couleur texte du th\u00e8me avec diff\u00e9rentes intensit\u00e9s *\/\n    .models-slider-block .text-theme-text-subtle { color: #4b5563 !important; opacity: 0.5; }\n    .models-slider-block .text-theme-text-light { color: #4b5563 !important; opacity: 0.7; }\n    .models-slider-block .text-theme-text { color: #4b5563 !important; opacity: 0.85; }\n    .models-slider-block .text-theme-text-dark { color: #4b5563 !important; opacity: 1; }\n\n    \/* Badge avec couleur primaire *\/\n    .models-slider-block .badge-theme {\n        background-color: #d31e1c1a !important;\n        color: #d31e1c !important;\n    }\n\n    \/* Bouton avec couleur primaire *\/\n    .models-slider-block .btn-theme-primary {\n        background-color: #d31e1c !important;\n        color: white !important;\n    }\n    .models-slider-block .btn-theme-primary:hover {\n        background-color: #d31e1c !important;\n        filter: brightness(0.9);\n    }\n\n    \/* Bouton dans la modal - surcharge le CSS global *\/\n    #hs-slider-test-drive-modal button[type=\"submit\"],\n    #hs-slider-test-drive-modal .btn-theme-primary {\n        background-color: #d31e1c !important;\n        color: white !important;\n    }\n    #hs-slider-test-drive-modal button[type=\"submit\"]:hover,\n    #hs-slider-test-drive-modal .btn-theme-primary:hover {\n        background-color: #d31e1c !important;\n        filter: brightness(0.9);\n    }\n\n    \/* Emp\u00eacher les ic\u00f4nes d'\u00eatre en italique *\/\n    .models-slider-block i,\n    .models-slider-block .fa-solid,\n    .models-slider-block .fa-regular,\n    #hs-slider-test-drive-modal i,\n    #hs-slider-test-drive-modal .fa-solid,\n    #hs-slider-test-drive-modal .fa-regular {\n        font-style: normal !important;\n    }\n\n    \/* Barre de progression avec couleur primaire *\/\n    .models-slider-block .progress-theme {\n        background: linear-gradient(to right, #d31e1c, #d31e1ccc) !important;\n    }\n<\/style>\n\n\n<div class=\"models-slider-block\">\n\n    \n    <!-- Conteneur principal - DESIGN IDENTIQUE -->\n    <div class=\"relative w-full my-12\">\n        \n        <!-- Wrapper avec padding pour les fl\u00e8ches - DESIGN IDENTIQUE -->\n        <div class=\"overflow-hidden relative pb-[25px] px-[15px]\">\n            \n            <!-- Conteneur des slides - RENDU PHP DIRECT -->\n            <div class=\"models-container-new overflow-hidden pb-8 w-full max-w-full\">\n                <div class=\"models-track flex transition-transform duration-500 ease-out\" style=\"transform: translateX(0%);\">\n\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"no-category\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"bg-image-container absolute inset-0 flex items-center justify-center pointer-events-none z-[1]\" style=\"margin-top: -175px; margin-left: 20px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp\"\n                                         alt=\"\"\n                                         class=\"bg-image-transparency object-contain\"\n                                         style=\"width: 160%; height: auto;\"\n                                         loading=\"lazy\">\n                                <\/div>\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Motos Electriques<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">12 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Gamme-Motos-Electriques-Can-Am-300x218.png\" alt=\"Motos Electriques\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Gamme Motos Electriques Can-Am\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Gamme-Motos-Electriques-Can-Am.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">12 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">3,8s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">160 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/preprod\/gamme-motos\/\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background-color: #d31e1c;\"\n                                           >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Placeholder invisible pour garder la m\u00eame hauteur -->\n                                        <div class=\"h-[44px] w-full pointer-events-none opacity-0\" aria-hidden=\"true\"><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"no-category\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"bg-image-container absolute inset-0 flex items-center justify-center pointer-events-none z-[1]\" style=\"margin-top: -175px; margin-left: 20px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp\"\n                                         alt=\"\"\n                                         class=\"bg-image-transparency object-contain\"\n                                         style=\"width: 160%; height: auto;\"\n                                         loading=\"lazy\">\n                                <\/div>\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">3-Roues<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">11 099 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/11\/Gamme-3-roues-2026-Can-Am-300x218.png\" alt=\"3-Roues\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Gamme 3-roues 2026 Can-Am\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/11\/Gamme-3-roues-2026-Can-Am.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">11 099 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/preprod\/gamme-3-roues\/\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background-color: #d31e1c;\"\n                                           >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Placeholder invisible pour garder la m\u00eame hauteur -->\n                                        <div class=\"h-[44px] w-full pointer-events-none opacity-0\" aria-hidden=\"true\"><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"no-category\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"bg-image-container absolute inset-0 flex items-center justify-center pointer-events-none z-[1]\" style=\"margin-top: -175px; margin-left: 20px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp\"\n                                         alt=\"\"\n                                         class=\"bg-image-transparency object-contain\"\n                                         style=\"width: 160%; height: auto;\"\n                                         loading=\"lazy\">\n                                <\/div>\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">Quads<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">9 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/11\/Can-Am-Gamme-Quad-2026-300x218.png\" alt=\"Quads\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Gamme-Quad-2026\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/11\/Can-Am-Gamme-Quad-2026.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">9 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/preprod\/gamme-quad\/\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background-color: #d31e1c;\"\n                                           >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Placeholder invisible pour garder la m\u00eame hauteur -->\n                                        <div class=\"h-[44px] w-full pointer-events-none opacity-0\" aria-hidden=\"true\"><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] \" data-categories=\"no-category\" data-vehicle-brand=\"\" >\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"bg-image-container absolute inset-0 flex items-center justify-center pointer-events-none z-[1]\" style=\"margin-top: -175px; margin-left: 20px;\">\n                                    <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp\"\n                                         alt=\"\"\n                                         class=\"bg-image-transparency object-contain\"\n                                         style=\"width: 160%; height: auto;\"\n                                         loading=\"lazy\">\n                                <\/div>\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">SSV<\/h3>\n                                                                                    <\/div>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">15 999 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/11\/MY26-SSV-300x218.png\" alt=\"SSV\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/11\/MY26-SSV.png 661w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">15 999 \u20ac<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/preprod\/gamme-ssv\/\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background-color: #d31e1c;\"\n                                           >\n                                            <!-- Effet de brillance au survol -->\n                                            <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                                            <!-- Bordure lumineuse -->\n                                            <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Placeholder invisible pour garder la m\u00eame hauteur -->\n                                        <div class=\"h-[44px] w-full pointer-events-none opacity-0\" aria-hidden=\"true\"><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        \n                <\/div>\n            <\/div>\n        <\/div>\n        \n                <!-- Navigation DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation flex items-center justify-between mt-8 px-5 relative z-[150] pointer-events-auto\">\n\n            <!-- Barre de progression - DESIGN IDENTIQUE -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"models-progress-fill h-full progress-theme rounded-full transition-all duration-600 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] w-0\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Boutons avec VOS fl\u00e8ches SVG - DESIGN IDENTIQUE -->\n            <div class=\"flex gap-2 relative z-[151] pointer-events-auto\">\n                <button class=\"models-nav-button models-prev w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-50 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\"\n                         alt=\"Pr\u00e9c\u00e9dent\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n\n                <button class=\"models-nav-button models-next w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\"\n                         alt=\"Suivant\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n                \n    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"models-slider-config\">\n        {\n            \"totalModels\": 4,\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 2,\n                \"desktop\": 3,\n                \"large\": 4\n            }\n        }\n    <\/script>\n\n    <!-- Donn\u00e9es AJAX pour le formulaire test-drive int\u00e9gr\u00e9 -->\n    <script>\n        window.sliderTestDriveData = {\n            ajaxUrl: \"https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"65b3077191\"        };\n\n        \/\/ R\u00e9initialiser Preline apr\u00e8s le chargement du DOM pour inclure notre modal\n        document.addEventListener('DOMContentLoaded', function() {\n            setTimeout(function() {\n                if (typeof HSStaticMethods !== 'undefined') {\n                    HSStaticMethods.autoInit();\n                    console.log('\u2705 Preline r\u00e9initialis\u00e9 pour le modal slider');\n                }\n            }, 500);\n        });\n    <\/script>\n\n    <!-- Modal Formulaire Test Drive Int\u00e9gr\u00e9 - Preline UI -->\n    <div id=\"hs-slider-test-drive-modal\"\n         class=\"hs-overlay hidden size-full fixed top-0 start-0 overflow-x-hidden overflow-y-auto\"\n         style=\"z-index: 2147483647 !important;\"\n         role=\"dialog\"\n         tabindex=\"-1\"\n         aria-labelledby=\"hs-slider-test-drive-modal-label\">\n        <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n            <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto dark:bg-neutral-900 dark:border-neutral-700\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700\">\n                <h3 id=\"hs-slider-test-drive-modal-label\" class=\"font-bold text-gray-800 dark:text-white\">\n                    R\u00e9server un essai\n                <\/h3>\n                <button type=\"button\"\n                        class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600\"\n                        aria-label=\"Close\"\n                        data-hs-overlay=\"#hs-slider-test-drive-modal\">\n                    <span class=\"sr-only\">Fermer<\/span>\n                    <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"m18 6-12 12\"><\/path>\n                        <path d=\"m6 6 12 12\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Body -->\n            <div class=\"p-6 overflow-y-auto\">\n                <!-- R\u00e9capitulatif du mod\u00e8le -->\n                                <div id=\"slider-model-recap\" class=\"mb-4 p-3 rounded-lg border-l-4\" style=\"background-color: rgba(211, 30, 28, 0.05); border-left-color: #d31e1c;\">\n                    <div class=\"flex items-center gap-2\">\n                        <i class=\"fa-solid fa-car text-sm\" style=\"color: #d31e1c;\"><\/i>\n                        <span class=\"text-sm text-gray-600\">Mod\u00e8le :<\/span>\n                        <span id=\"slider-selected-model-name\" class=\"font-semibold text-gray-800\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"slider-test-drive-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"slider-model-input\" name=\"model\" value=\"\">\n                    <!-- Anti-bot : honeypot + timestamp -->\n                    <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                    <input type=\"hidden\" name=\"form_timestamp\" value=\"1779187804\">\n\n                    \n                    <!-- Concession -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            Concession <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                                                                                <div class=\"p-3 bg-gray-50 rounded-lg border text-gray-800\">\n                                <i class=\"fa-solid fa-location-dot mr-2\"><\/i>\n                                Toulouse &#8211; Can-Am Toulouse                            <\/div>\n                            <input type=\"hidden\" name=\"dealership\" value=\"Toulouse - Can-Am Toulouse\">\n                                            <\/div>\n\n                    <!-- Pr\u00e9nom et Nom -->\n                    <div class=\"grid grid-cols-2 gap-4\">\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                Pr\u00e9nom <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" name=\"first_name\" required\n                                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                                   placeholder=\"Jean\">\n                        <\/div>\n                        <div>\n                            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                Nom <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <input type=\"text\" name=\"last_name\" required\n                                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                                   placeholder=\"Dupont\">\n                        <\/div>\n                    <\/div>\n\n                    <!-- Email -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            Email <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                        <input type=\"email\" name=\"email\" required\n                               class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                               placeholder=\"jean.dupont@example.com\">\n                    <\/div>\n\n                    <!-- T\u00e9l\u00e9phone -->\n                    <div>\n                        <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                            T\u00e9l\u00e9phone <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                        <input type=\"tel\" name=\"phone\" required\n                               class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2\"\n                               placeholder=\"06 12 34 56 78\">\n                    <\/div>\n\n                    <!-- Politique de confidentialit\u00e9 -->\n                    <div class=\"flex items-start\">\n                        <div class=\"flex items-center h-5\">\n                            <input id=\"slider-privacy\" name=\"privacy\" type=\"checkbox\" required\n                                   class=\"w-4 h-4 border-gray-300 rounded\" style=\"color: #d31e1c;\">\n                        <\/div>\n                        <label for=\"slider-privacy\" class=\"ml-3 text-sm text-gray-700\">\n                            J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"hover:underline\" style=\"color: #d31e1c;\" target=\"_blank\">politique de confidentialit\u00e9<\/a> <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- Message de chargement -->\n                    <div id=\"slider-loading-message\" class=\"hidden text-center py-4\">\n                        <div class=\"inline-flex items-center\">\n                            <svg class=\"animate-spin -ml-1 mr-3 h-5 w-5\" style=\"color: #d31e1c;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                                <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                                <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                            <\/svg>\n                            Envoi en cours&#8230;\n                        <\/div>\n                    <\/div>\n\n                    <!-- Bouton d'envoi -->\n                    <button type=\"submit\" id=\"slider-submit-btn\"\n                            class=\"w-full px-6 py-3 btn-theme-primary rounded-lg transition-all duration-300 font-semibold\">\n                        <i class=\"fa-solid fa-paper-plane mr-2\"><\/i>Envoyer ma demande d&rsquo;essai\n                    <\/button>\n                <\/form>\n\n                <!-- Message de succ\u00e8s (EN DEHORS du formulaire pour rester visible) -->\n                <div id=\"slider-success-message\" class=\"hidden text-center py-6\">\n                    <div class=\"bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                        <i class=\"fa-solid fa-check text-2xl text-green-500\"><\/i>\n                    <\/div>\n                    <h4 class=\"text-lg font-bold mb-2 text-green-700\">Demande envoy\u00e9e !<\/h4>\n                    <p class=\"text-gray-600 text-sm\">\n                        Votre demande d&rsquo;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s.<br>\n                        Nous vous recontacterons rapidement pour confirmer votre rendez-vous.\n                    <\/p>\n                    <p class=\"text-xs text-gray-500 mt-3\">Cette fen\u00eatre se fermera automatiquement&#8230;<\/p>\n                <\/div>\n            <\/div>\n            <!-- End Body -->\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- End Modal -->\n\n    \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<h2 class=\"wp-block-heading has-text-align-center\">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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/2WV-Can-AmDays2026-WebRotator-1920x1080-v1-FR-FR-1024x576.jpg\" alt=\"Can-am Days : 500\u20ac d\u2019avantage client suppl\u00e9mentaire sur tous nos v\u00e9hicules*\" width=\"1024\" height=\"576\" loading=\"eager\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"2WV-Can-AmDays2026-WebRotator-1920&#215;1080-v1-FR-FR\" fetchpriority=\"high\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/2WV-Can-AmDays2026-WebRotator-1920x1080-v1-FR-FR-768x432.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/2WV-Can-AmDays2026-WebRotator-1920x1080-v1-FR-FR.jpg 1920w\" 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 Days : 500\u20ac d\u2019avantage client suppl\u00e9mentaire sur tous nos v\u00e9hicules<sup>*<\/sup><\/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\/preprod\/offres\/can-am-days-2026\/\"\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=\"1333\"\n                                   data-offer-title=\"Can-am Days : 500\u20ac d\u2019avantage client suppl\u00e9mentaire sur tous nos v\u00e9hicules*\"\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                        \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><img src=\"https:\/\/groupe-grim.com\/preprod\/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\/preprod\/wp-content\/uploads\/2026\/02\/offre-formation-a1-trois-roues-can-am-768x614.png 768w, https:\/\/groupe-grim.com\/preprod\/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\/preprod\/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=\"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><img src=\"https:\/\/groupe-grim.com\/preprod\/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\/preprod\/wp-content\/uploads\/2026\/02\/Formation-offerte-pour-lachat-dun-deux-roues-768x614.jpg 768w, https:\/\/groupe-grim.com\/preprod\/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\/preprod\/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=\"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><img src=\"https:\/\/groupe-grim.com\/preprod\/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\/preprod\/wp-content\/uploads\/2026\/02\/offre-apv-kit-huile-can-am-768x614.jpg 768w, https:\/\/groupe-grim.com\/preprod\/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\/preprod\/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=\"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                        \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><img src=\"https:\/\/groupe-grim.com\/preprod\/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\/preprod\/wp-content\/uploads\/2026\/02\/Payez-votre-equipement-en-4x-sans-frais-768x614.jpg 768w, https:\/\/groupe-grim.com\/preprod\/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\/preprod\/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=\"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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/12\/Maverick-Sport-offre-decembre25-1024x820.jpg\" alt=\"Maverick Sport sur\u00e9quip\u00e9 \u00e0 27.999\u20ac\" width=\"1024\" height=\"820\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"Maverick Sport offre decembre25\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/12\/Maverick-Sport-offre-decembre25-768x615.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/12\/Maverick-Sport-offre-decembre25.jpg 1292w\" 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\">Maverick Sport sur\u00e9quip\u00e9 \u00e0 27.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\/preprod\/offres\/offre-du-mois-maverick-sport\/\"\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=\"1187\"\n                                   data-offer-title=\"Maverick Sport sur\u00e9quip\u00e9 \u00e0 27.999\u20ac\"\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                <!-- Carte d'offre -->\n                <div class=\"offre-slide flex-shrink-0 transition-opacity transition-transform duration-300 ease-in-out\" data-index=\"6\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/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=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"outlander-\u00e0-partir-de-9999-euros\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/outlander-a-partir-de-9999-euros-768x614.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/outlander-a-partir-de-9999-euros.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\">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\/preprod\/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=\"6\"\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=\"7\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/MEA-Offre-Pulse-et-Origin-essai-1024x819.jpg\" alt=\"Pulse et Origin, disponibles \u00e0 l\u2019essai\" width=\"1024\" height=\"819\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"MEA-Offre Pulse et Origin essai\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/MEA-Offre-Pulse-et-Origin-essai-768x614.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/MEA-Offre-Pulse-et-Origin-essai.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\">Pulse et Origin, disponibles \u00e0 l\u2019essai<\/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\/preprod\/offres\/can-am-pulse-et-origin-disponibles-a-lessai\/\"\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=\"1212\"\n                                   data-offer-title=\"Pulse et Origin, disponibles \u00e0 l\u2019essai\"\n                                   data-slide-index=\"7\"\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=\"8\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/Offre-Noto-gamme-3-roues-1024x819.jpg\" alt=\"Votre 3-roues Can-Am d\u00e8s 11 099\u20ac\" width=\"1024\" height=\"819\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"Offre Noto gamme 3-roues\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/Offre-Noto-gamme-3-roues-768x614.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/Offre-Noto-gamme-3-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\">Votre 3-roues Can-Am <span class=\"price-small\">d\u00e8s<\/span> 11 099\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\/preprod\/offres\/gamme-3-roues-can-am-accessible-des-11099e\/\"\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=\"1210\"\n                                   data-offer-title=\"Votre 3-roues Can-Am d\u00e8s 11 099\u20ac\"\n                                   data-slide-index=\"8\"\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=\"9\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/MEA-Offre-financement-agriculteurs-1024x682.jpg\" alt=\"Votre Can-Am d\u00e8s 99\u20ac par mois !\" width=\"1024\" height=\"682\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"MEA-Offre financement agriculteurs\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/MEA-Offre-financement-agriculteurs-768x512.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/01\/MEA-Offre-financement-agriculteurs.jpg 1054w\" 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\">Votre Can-Am <span class=\"price-small\">d\u00e8s<\/span> 99\u20ac par mois !<\/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\/preprod\/offres\/offre-financement-can-am-pros-agriculteurs\/\"\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=\"1207\"\n                                   data-offer-title=\"Votre Can-Am d\u00e8s 99\u20ac par mois !\"\n                                   data-slide-index=\"9\"\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=\"10\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Banniere-Gamme-Quad.jpg\" alt=\"750\u20ac offerts sur les Outlander 2025\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"Banniere Gamme Quad\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Banniere-Gamme-Quad-768x432.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Banniere-Gamme-Quad.jpg 1024w\" 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\">750\u20ac offerts sur les Outlander 2 025<\/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\/preprod\/offres\/offre-750e-outlander2025\/\"\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=\"1138\"\n                                   data-offer-title=\"750\u20ac offerts sur les Outlander 2025\"\n                                   data-slide-index=\"10\"\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=\"11\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Can-Am_Pulse_Origin-1024x683.jpg\" alt=\"500\u20ac d\u2019avantage client sur l\u2019Origin et Pulse\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"Offre-Can-Am_Pulse_Origin\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Can-Am_Pulse_Origin-768x512.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Can-Am_Pulse_Origin.jpg 1492w\" 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\">500\u20ac d\u2019avantage client sur l\u2019Origin et Pulse<\/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\/preprod\/offres\/pulse-origin-500e-avantage-client\/\"\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=\"922\"\n                                   data-offer-title=\"500\u20ac d\u2019avantage client sur l\u2019Origin et Pulse\"\n                                   data-slide-index=\"11\"\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=\"12\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Traxter-Cabine-Decembre-25-1024x681.jpg\" alt=\"Jusqu\u2019\u00e0 -2250\u20ac sur le Traxter Cabine\" width=\"1024\" height=\"681\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"Offre Traxter Cabine Decembre 25\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Traxter-Cabine-Decembre-25-768x511.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Traxter-Cabine-Decembre-25.jpg 1421w\" 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\"><span class=\"price-small\">jusqu&rsquo;\u00e0<\/span> -2 250\u20ac sur le Traxter Cabine<\/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\/preprod\/offres\/offre-traxter-cabine-2250e\/\"\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=\"919\"\n                                   data-offer-title=\"Jusqu\u2019\u00e0 -2250\u20ac sur le Traxter Cabine\"\n                                   data-slide-index=\"12\"\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=\"13\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Can-Am-Outlander-1000R-2-1024x690.jpg\" alt=\"Jusqu\u2019\u00e0 -800\u20ac sur Outlander 850\/1000 2025\" width=\"1024\" height=\"690\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"Offre Can-Am Outlander 1000R 2\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Can-Am-Outlander-1000R-2-768x518.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/10\/Offre-Can-Am-Outlander-1000R-2.jpg 1142w\" 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\"><span class=\"price-small\">jusqu&rsquo;\u00e0<\/span> -800\u20ac sur Outlander 850\/1 000 2 025<\/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\/preprod\/offres\/offre-800e-outlander-850-1000-2025\/\"\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=\"920\"\n                                   data-offer-title=\"Jusqu\u2019\u00e0 -800\u20ac sur Outlander 850\/1000 2025\"\n                                   data-slide-index=\"13\"\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=\"14\">\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><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/3500-E-reduction-Can-Am-Off-Road-2025.jpg\" alt=\"Jusqu&rsquo;\u00e0 -3 500 \u20ac sur les Can-Am Off-Road 2025 !\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover\" title=\"3500 \u20ac reduction Can-Am Off-Road 2025\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/3500-E-reduction-Can-Am-Off-Road-2025-768x432.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/3500-E-reduction-Can-Am-Off-Road-2025.jpg 1024w\" 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\">Jusqu&rsquo;\u00e0 -3 500 \u20ac sur les Can-Am Off-Road 2 025 !<\/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\/preprod\/offres\/jusqua-3-500-e-de-reduction-sur-votre-nouveau-can-am-off-road-2025\/\"\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=\"60\"\n                                   data-offer-title=\"Jusqu&rsquo;\u00e0 -3 500 \u20ac sur les Can-Am Off-Road 2025 !\"\n                                   data-slide-index=\"14\"\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\/preprod\/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\">15<\/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\/preprod\/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\": 15,\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<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quel v\u00e9hicule Can-Am est fait pour vous ?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Les SSV Can-Am, performance et fiabilit\u00e9<\/h3>\n\n\n\n<p>Les SSV Can-Am allient puissance, fiabilit\u00e9 et polyvalence pour dominer tous les terrains. Con\u00e7us avec des moteurs Rotax performants, ils garantissent une acc\u00e9l\u00e9ration rapide et une endurance exceptionnelle. Le <strong>Can-Am Traxter<\/strong> se r\u00e9v\u00e8le comme le partenaire id\u00e9al pour les travaux agricoles, forestiers ou utilitaires gr\u00e2ce \u00e0 sa robustesse et sa capacit\u00e9 de charge impressionnante. Pour les passionn\u00e9s de loisirs sportifs, les <strong>Can-Am Maverick Trail et Maverick Sport<\/strong> offrent une conduite agile et s\u00e9curis\u00e9e, parfaite pour explorer les sentiers \u00e9troits et techniques. Leur suspension innovante et leur garde au sol \u00e9lev\u00e9e assurent confort et stabilit\u00e9, m\u00eame dans les conditions extr\u00eames. Choisir un SSV Can-Am, c\u2019est opter pour la r\u00e9f\u00e9rence en mati\u00e8re de performance, de confort et de fiabilit\u00e9 tout-terrain.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les Quads Can-Am, polyvalence et sportivit\u00e9<\/h3>\n\n\n\n<p>Les <strong>quads Can-Am<\/strong> sont con\u00e7us pour offrir un parfait \u00e9quilibre entre puissance, confort et polyvalence. \u00c9quip\u00e9s de moteurs Rotax performants, de suspensions haut de gamme et d&rsquo;une direction pr\u00e9cise, les quads Can-Am sont des compagnons de confiance pour les amateurs de sensations comme pour les professionnels.  Du <strong>Outlander<\/strong> au <strong>Renegade<\/strong>, chaque mod\u00e8le r\u00e9pond \u00e0 des besoins sp\u00e9cifiques : travail utilitaire, loisirs tout-terrain ou performances sportives. Avec de nombreux accessoires disponibles, ils s\u2019adaptent facilement aux activit\u00e9s agricoles, foresti\u00e8res ou r\u00e9cr\u00e9atives. Enfin, choisir un quad Can-Am, c\u2019est profiter d\u2019une r\u00e9f\u00e9rence mondiale en mati\u00e8re de puissance et de confort de conduite sur terrain difficile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les 3-roues Can-Am, s\u00e9curit\u00e9 et sensations fortes<\/h3>\n\n\n\n<p>Les <strong>motos 3 roues Can-Am<\/strong> allient style, confort et s\u00e9curit\u00e9 pour une exp\u00e9rience de conduite unique. Gr\u00e2ce \u00e0 leur stabilit\u00e9 accrue, elles offrent une alternative rassurante aux motos classiques, id\u00e9ale pour les d\u00e9butants comme pour les passionn\u00e9s. Le <strong>Can-Am Spyder<\/strong> <strong>F3 <\/strong>s\u00e9duit par sa puissance, son design et ses \u00e9quipements technologiques de pointe. Plus compact et agile, le <strong>Can-Am Ryker<\/strong> mise sur la maniabilit\u00e9 et le plaisir de conduite accessible \u00e0 tous. Leur ergonomie et leurs assises confortables permettent de parcourir de longues distances sans fatigue. Ces mod\u00e8les s\u2019adaptent aussi bien aux trajets urbains qu\u2019aux escapades sur route ouverte. Leur personnalisation \u00e9tendue permet de cr\u00e9er un v\u00e9hicule \u00e0 l\u2019image de chaque pilote.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les Motos \u00e9lectriques Can-Am, facilit\u00e9 d&rsquo;utilisation et agilit\u00e9<\/h3>\n\n\n\n<p>Les <strong>motos \u00e9lectriques Can-Am<\/strong> incarnent l\u2019avenir de la mobilit\u00e9 en combinant performance, confort et respect de l\u2019environnement. Leur motorisation 100 % \u00e9lectrique assure une acc\u00e9l\u00e9ration instantan\u00e9e et fluide, sans \u00e9missions polluantes ni nuisances sonores. Avec un couple \u00e9lev\u00e9 disponible d\u00e8s le d\u00e9marrage, elles offrent une conduite dynamique aussi bien en ville que sur route de campagne. L\u2019entretien r\u00e9duit par rapport aux moteurs thermiques en fait une solution \u00e9conomique et fiable sur le long terme. Gr\u00e2ce \u00e0 une ergonomie soign\u00e9e et des assises confortables, elles permettent de parcourir de longues distances sans fatigue. Les technologies embarqu\u00e9es, comme les \u00e9crans connect\u00e9s et les modes de conduite adaptatifs, renforcent \u00e9galement l\u2019exp\u00e9rience de pilotage. Agile et pratique, la <strong>Can-Am Pulse<\/strong> excelle en milieu urbain. Taill\u00e9e pour la route et les chemins, la <strong>Can-Am Origin<\/strong> ouvre la porte \u00e0 l\u2019aventure silencieuse. Testez-les d\u00e8s maintenant dans notre concession !<\/p>\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\"\/>\n\n\n\n<div class=\"social-networks-block -my-12 mb-20 mt-20 \" id=\"social-networks-6a0c405ce5552\" 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&#8230; 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<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez toute notre gamme de v\u00e9hicules Can-Am Nos offres du moment Quel v\u00e9hicule Can-Am est fait pour vous ? Les SSV Can-Am, performance et fiabilit\u00e9 Les SSV Can-Am allient puissance, fiabilit\u00e9 et polyvalence pour dominer tous les terrains. Con\u00e7us avec des moteurs Rotax performants, ils garantissent une acc\u00e9l\u00e9ration rapide et une endurance exceptionnelle. Le Can-Am [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-121","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":23,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/121\/revisions"}],"predecessor-version":[{"id":541,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/121\/revisions\/541"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/media?parent=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}