{"id":1757,"date":"2026-07-10T08:00:00","date_gmt":"2026-07-10T06:00:00","guid":{"rendered":"https:\/\/groupe-grim.com\/can-am\/?p=1757"},"modified":"2026-06-22T14:54:17","modified_gmt":"2026-06-22T12:54:17","slug":"revision-quad-toulouse","status":"publish","type":"post","link":"https:\/\/groupe-grim.com\/can-am\/revision-quad-toulouse\/","title":{"rendered":"R\u00e9vision quad : quand la faire et o\u00f9 entretenir son quad \u00e0 Toulouse ?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">L&rsquo;entretien r\u00e9gulier d&rsquo;un quad est bien plus qu&rsquo;une simple formalit\u00e9. Que ce soit pour les randonn\u00e9es tout-terrain, les travaux agricoles, les activit\u00e9s foresti\u00e8res ou les loisirs sportifs, un v\u00e9hicule correctement entretenu offre de meilleures performances, une s\u00e9curit\u00e9 optimale et une dur\u00e9e de vie prolong\u00e9e.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Comme tout v\u00e9hicule motoris\u00e9, un quad est soumis \u00e0 des contraintes m\u00e9caniques importantes. Les terrains accident\u00e9s, la boue, la poussi\u00e8re ou encore les variations climatiques acc\u00e9l\u00e8rent l&rsquo;usure de nombreux composants. Une r\u00e9vision effectu\u00e9e aux intervalles recommand\u00e9s permet ainsi de d\u00e9tecter les signes d&rsquo;usure avant qu&rsquo;ils ne se transforment en pannes co\u00fbteuses.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00c0 Toulouse-Lab\u00e8ge, notre atelier Can-Am accompagne les propri\u00e9taires de quads dans l&rsquo;entretien, la r\u00e9vision et la r\u00e9paration de leur v\u00e9hicule afin de leur permettre de profiter pleinement de chaque sortie, en toute s\u00e9r\u00e9nit\u00e9.<\/p>\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=\"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\">DS 250<\/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;\">6 399 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250-300x218.png\" alt=\"DS 250\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-DS-250\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.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\">6 399 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/ds.html#250\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"DS 250\"\n                                                data-price=\"6399\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"31\" 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=\"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\">Outlander 6X6 Backcountry 1000 T<\/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;\">22 749 \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\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T-300x218.png\" alt=\"Outlander 6X6 Backcountry 1000 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-6&#215;6-Backcountry-1000-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T.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\">22 749 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#backcountry-1000-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 Backcountry 1000 T\"\n                                                data-price=\"22749\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"31\" 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=\"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\">Outlander MAX 6X6 DPS 850 T<\/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;\">20 799 \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\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T-300x218.png\" alt=\"Outlander MAX 6X6 DPS 850 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T.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\">20 799 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-dps-850-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 DPS 850 T\"\n                                                data-price=\"20799\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"31\" 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=\"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\">Outlander MAX 6X6 Backcountry 1000 T<\/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;\">23 749 \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\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-1000-T-300x218.png\" alt=\"Outlander MAX 6X6 Backcountry 1000 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-1000-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-1000-T.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\">23 749 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-backcountry-1000-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 Backcountry 1000 T\"\n                                                data-price=\"23749\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"31\" 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=\"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\">Outlander 6X6 DPS 850 T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">6 roues<\/span>\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;\">19 899 \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\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-DPS-850-T-300x218.png\" alt=\"Outlander 6X6 DPS 850 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-6&#215;6-DPS-850-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-DPS-850-T.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\">19 899 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#dps-850-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 DPS 850 T\"\n                                                data-price=\"19899\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"31\" 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=\"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\">Outlander MAX 6X6 DPS 700 T<\/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;\">18 499 \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\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T-300x218.png\" alt=\"Outlander MAX 6X6 DPS 700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T.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\">18 499 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#outlander-max-6x6-dps-700-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX 6X6 DPS 700 T\"\n                                                data-price=\"18499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"31\" 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=\"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\">Outlander 6X6 DPS 700 T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">6 roues<\/span>\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;\">17 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-DPS-700-T-300x218.png\" alt=\"Outlander 6X6 DPS 700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-6X6-DPS-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-DPS-700-T.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\">17 499 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html#dps-700-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6X6 DPS 700 T\"\n                                                data-price=\"17499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"10\" 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=\"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\">Outlander 6&#215;6<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau<\/span>\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;\">17 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-300x218.png\" alt=\"Outlander 6x6\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-6X6\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6.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\">17 499 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 6x6\"\n                                                data-price=\"17499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"30\" 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=\"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\">Outlander MAX Electric T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">\u00c9lectrique<\/span>\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;\">18 579 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-MAX-Electric-T-300x218.png\" alt=\"Outlander MAX Electric T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-MAX-Electric-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-MAX-Electric-T.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\">18 579 \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\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html#outlander-max-electric-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX Electric T\"\n                                                data-price=\"18579\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"30\" 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=\"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\">Outlander Electric T<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">\u00c9lectrique<\/span>\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;\">17 679 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-T-300x218.png\" alt=\"Outlander Electric T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-Electric-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-T.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\">17 679 \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\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html#t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Electric T\"\n                                                data-price=\"17679\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"10\" 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=\"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\">Outlander Electric<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau<\/span>\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;\">17 679 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-300x218.png\" alt=\"Outlander Electric\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-Electric\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric.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\">17 679 \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\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">75 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Electric\"\n                                                data-price=\"17679\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"18\" 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=\"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\">Origin Standard<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Tout-terrain<\/span>\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;\">13 599 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Origin-Standard-300x218.png\" alt=\"Origin Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Origin-Standard\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Origin-Standard.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\">13 599 \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\">4,3s<\/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\">145 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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin Standard\"\n                                                data-price=\"13599\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"19\" 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=\"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\">Pulse Standard<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Urbain<\/span>\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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Pulse-Standard-300x218.png\" alt=\"Pulse Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Pulse-Standard\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Pulse-Standard.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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse Standard\"\n                                                data-price=\"12999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"18\" 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=\"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\">Origin&#039;73<\/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 799 \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\/can-am\/wp-content\/uploads\/2025\/09\/Origin-73-2025-300x218.png\" alt=\"Origin&#039;73\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Origin 73 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Origin-73-2025.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 799 \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\">4,3s<\/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\">145 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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin--73\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin&#039;73\"\n                                                data-price=\"15799\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"19\" 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=\"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\">Pulse &#039;73<\/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 299 \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\/can-am\/wp-content\/uploads\/2025\/09\/Pulse-73-2025-300x218.png\" alt=\"Pulse &#039;73\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Pulse 73 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Pulse-73-2025.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 299 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse--73\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse &#039;73\"\n                                                data-price=\"15299\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"12\" 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=\"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\">Origin<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Tout-terrain<\/span>\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;\">13 599 \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\/can-am\/wp-content\/uploads\/2025\/08\/Origin-2025-300x218.png\" alt=\"Origin\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Origin 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Origin-2025.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\">13 599 \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\">4,3s<\/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\">145 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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/origin.html#origin\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Origin\"\n                                                data-price=\"13599\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"12\" 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=\"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\">Pulse<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Urbain<\/span>\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\/can-am\/wp-content\/uploads\/2025\/08\/Pulse-2025-300x218.png\" alt=\"Pulse\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Pulse 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Pulse-2025.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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/motos\/pulse.html#pulse\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Pulse\"\n                                                data-price=\"12999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"17\" 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=\"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\">Canyon Redrock<\/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;\">34 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-Redrock-300x218.png\" alt=\"Canyon Redrock\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon-Redrock\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-Redrock.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\">34 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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html#canyon-redrock\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon Redrock\"\n                                                data-price=\"34999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"17\" 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=\"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\">Canyon XT<\/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;\">32 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-XT-300x218.png\" alt=\"Canyon XT\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon-XT\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-XT.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\">32 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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html#canyon-xt\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon XT\"\n                                                data-price=\"32999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"11\" 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=\"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\">Canyon<\/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;\">27 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-300x218.png\" alt=\"Canyon\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-Canyon\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon.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\">27 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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Canyon\"\n                                                data-price=\"27999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"16\" 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=\"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\">Spyder RT Sea-to-Sky<\/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;\">36 399 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-SEA-TO-SKY-300x218.png\" alt=\"Spyder RT Sea-to-Sky\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT-SEA TO SKY\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-SEA-TO-SKY.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\">36 399 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html#spyder-rt-sea-to-sky\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT Sea-to-Sky\"\n                                                data-price=\"36399\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"16\" 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=\"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\">Spyder RT Limited<\/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;\">34 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-Limited-300x218.png\" alt=\"Spyder RT Limited\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-Limited.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\">34 499 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html#spyder-rt-limited\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT Limited\"\n                                                data-price=\"34499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"11\" 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=\"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\">Spyder RT<\/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;\">34 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-300x218.png\" alt=\"Spyder RT\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-RT\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT.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\">34 499 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder RT\"\n                                                data-price=\"34499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"15\" 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=\"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\">Spyder F3 Limited Special Series<\/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;\">33 699 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-Limited-Special-Series-300x218.png\" alt=\"Spyder F3 Limited Special Series\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited-Special-Series\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-Limited-Special-Series.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\">33 699 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-limited-special-series\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3 Limited Special Series\"\n                                                data-price=\"33699\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"15\" 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=\"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\">Spyder F3 Limited<\/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;\">31 699 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T-300x218.png\" alt=\"Spyder F3 Limited\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T.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\">31 699 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-limited\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3 Limited\"\n                                                data-price=\"31699\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"15\" 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=\"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\">Spyder F3-T<\/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;\">28 599 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T-300x218.png\" alt=\"Spyder F3-T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-Limited\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T.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\">28 599 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3-T\"\n                                                data-price=\"28599\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"15\" 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=\"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\">Spyder F3-S<\/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;\">26 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-S-300x218.png\" alt=\"Spyder F3-S\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SPYDER-F3-S\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-S.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\">26 499 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html#spyder-f3-s\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3-S\"\n                                                data-price=\"26499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"11\" 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=\"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\">Spyder F3<\/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;\">26 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-SPYDER-F3-2026-300x218.png\" alt=\"Spyder F3\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-SPYDER-F3-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-SPYDER-F3-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\">26 499 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Spyder F3\"\n                                                data-price=\"26499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"14\" 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=\"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\">Ryker Rally<\/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;\">16 799 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Rally-900-300x218.png\" alt=\"Ryker Rally\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Rally-900\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Rally-900.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\">16 799 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker-rally\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Rally\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"14\" 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=\"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\">Ryker Sport<\/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;\">14 899 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Sport-900-300x218.png\" alt=\"Ryker Sport\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Sport-900\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Sport-900.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\">14 899 \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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker-sport\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Sport\"\n                                                data-price=\"14899\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"14\" 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=\"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\">Ryker Standard<\/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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Standard-600-300x218.png\" alt=\"Ryker Standard\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Ryker-Standard-600\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Standard-600.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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html#ryker\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker Standard\"\n                                                data-price=\"11099\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"11\" 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=\"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\">Ryker<\/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\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Ryker-2026-300x218.png\" alt=\"Ryker\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am Ryker 2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Ryker-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\">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:\/\/can-am.brp.com\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Ryker\"\n                                                data-price=\"11099\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"13\" 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=\"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\">DS<\/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;\">6 399 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250-300x218.png\" alt=\"DS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-DS-250\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.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\">6 399 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/ds.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"DS\"\n                                                data-price=\"6399\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"13\" 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=\"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\">Renegade EFI<\/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;\">4 799 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Renegade-70EFI-300x218.png\" alt=\"Renegade EFI\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Renegade-70EFI\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Renegade-70EFI.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\">4 799 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/renegade-efi.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Renegade EFI\"\n                                                data-price=\"4799\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"10\" 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=\"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\">Renegade<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\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 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Renegade-300x218.png\" alt=\"Renegade\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Renegade\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Renegade.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 499 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/sport\/renegade.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Renegade\"\n                                                data-price=\"15499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"10\" 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=\"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\">Outlander 850\/1000R<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\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;\">16 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-850-1000R-300x218.png\" alt=\"Outlander 850\/1000R\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-850-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-850-1000R.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\">16 499 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-850-1000r.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 850\/1000R\"\n                                                data-price=\"16499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"28\" 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=\"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\">Outlander MAX XT 700<\/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;\">14 699 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-XT-700-300x218.png\" alt=\"Outlander MAX XT 700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-MAX-XT-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-XT-700.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\">14 699 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-max-xt-700\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX XT 700\"\n                                                data-price=\"14699\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"28\" 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=\"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\">Outlander X MR 700<\/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;\">13 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-X-MR-700-300x218.png\" alt=\"Outlander X MR 700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-X-MR-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-X-MR-700.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\">13 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-x-mr-700\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander X MR 700\"\n                                                data-price=\"13999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"28\" 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=\"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\">Outlander MAX DPS 500\/700 T<\/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 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T-300x218.png\" alt=\"Outlander MAX DPS 500\/700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T.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 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-max-dps-500-700-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX DPS 500\/700 T\"\n                                                data-price=\"11999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"28\" 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=\"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\">Outlander DPS 500\/700 T<\/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;\">10 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T-300x218.png\" alt=\"Outlander DPS 500\/700 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-DPS-500-700-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T.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\">10 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html#outlander-dps-500-700-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander DPS 500\/700 T\"\n                                                data-price=\"10999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"10\" 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=\"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\">Outlander 500\/700<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Travail<\/span>\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;\">10 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-500-700-300x218.png\" alt=\"Outlander 500\/700\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-ATV-Can-Am-Outlander-500-700\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-500-700.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\">10 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander 500\/700\"\n                                                data-price=\"10999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"26\" 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=\"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\">Outlander MAX PRO XU HD8\/HD10 T<\/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;\">17 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T-300x218.png\" alt=\"Outlander MAX PRO XU HD8\/HD10 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T.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\">17 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#outlander-max-pro-xu-hd8-hd10-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX PRO XU HD8\/HD10 T\"\n                                                data-price=\"17099\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"26\" 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=\"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\">Outlander MAX PRO XU HD7 T<\/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;\">13 399 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T-300x218.png\" alt=\"Outlander MAX PRO XU HD7 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T.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\">13 399 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#outlander-max-pro-xu-hd7-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander MAX PRO XU HD7 T\"\n                                                data-price=\"13399\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"26\" 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=\"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\">Outlander PRO XU HD7 ABS T<\/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;\">13 199 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T-300x218.png\" alt=\"Outlander PRO XU HD7 ABS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T.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\">13 199 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#xu-hd7-abs-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO XU HD7 ABS T\"\n                                                data-price=\"13199\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"26\" 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=\"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\">Outlander PRO XU HD5\/HD7 T<\/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 199 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-PRO-XU-HD5-HD7-T-300x218.png\" alt=\"Outlander PRO XU HD5\/HD7 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Outlander-PRO-XU-HD5-HD7-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-PRO-XU-HD5-HD7-T.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 199 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#xu-hd5-hd7-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO XU HD5\/HD7 T\"\n                                                data-price=\"12199\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"26\" 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=\"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\">Outlander PRO HD5 T<\/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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-HD5-T-300x218.png\" alt=\"Outlander PRO HD5 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO-HD5-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-HD5-T.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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html#hd5-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander PRO HD5 T\"\n                                                data-price=\"9999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"10\" 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=\"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\">Outlander Pro<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Travail<\/span>\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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-300x218.png\" alt=\"Outlander Pro\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Can-Am-Outlander-PRO\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO.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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Outlander Pro\"\n                                                data-price=\"9999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"25\" 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=\"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\">Maverick R MAX X RS<\/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;\">56 399 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-MAX-X-RS-300x218.png\" alt=\"Maverick R MAX X RS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-MAX-X-RS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-MAX-X-RS.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\">56 399 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#max-x-rs\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R MAX X RS\"\n                                                data-price=\"56399\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"25\" 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=\"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\">Maverick R X RC<\/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;\">58 699 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RC-300x218.png\" alt=\"Maverick R X RC\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-X-RC\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RC.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\">58 699 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#x-rc\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R X RC\"\n                                                data-price=\"58699\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"25\" 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=\"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\">Maverick R X RS<\/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;\">52 199 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RS-300x218.png\" alt=\"Maverick R X RS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-Maverick-R-X-RS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RS.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\">52 199 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html#x-rs\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R X RS\"\n                                                data-price=\"52199\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"9\" 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=\"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\">Maverick R<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\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;\">52 199 \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\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-R-2026-300x218.png\" alt=\"Maverick R\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-R-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-R-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\">52 199 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick-r.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick R\"\n                                                data-price=\"52199\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"24\" 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=\"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\">Maverick MAX X RS Turbo RR<\/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;\">44 199 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR-300x218.png\" alt=\"Maverick MAX X RS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR.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\">44 199 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#max-x-rs-turbo-rr\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick MAX X RS Turbo RR\"\n                                                data-price=\"44199\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"24\" 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=\"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\">Maverick X RC Turbo RR 72<\/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;\">41 599 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72-300x218.png\" alt=\"Maverick X RC Turbo RR 72\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72.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\">41 599 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#x-rc-turbo-rr-72\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick X RC Turbo RR 72\"\n                                                data-price=\"41599\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"24\" 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=\"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\">Maverick X RS Turbo RR<\/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;\">40 199 \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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-RS-TURBO-RR-300x218.png\" alt=\"Maverick X RS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-RS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-RS-TURBO-RR.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\">40 199 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#x-rs-turbo-rr\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick X RS Turbo RR\"\n                                                data-price=\"40199\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"24\" 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=\"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\">Maverick DS Turbo RR<\/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;\">29 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-DS-TURBO-RR-300x218.png\" alt=\"Maverick DS Turbo RR\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-X3-DS-TURBO-RR\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-DS-TURBO-RR.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\">29 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html#ds-turbo-rr\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick DS Turbo RR\"\n                                                data-price=\"29999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"9\" 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=\"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\">Maverick<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir\/Comp\u00e9tition<\/span>\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;\">29 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\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-2026-300x218.png\" alt=\"Maverick\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-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\">29 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/sport\/maverick.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick\"\n                                                data-price=\"29999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"21\" 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=\"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\">Maverick Sport MAX DPS T<\/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;\">23 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R-300x218.png\" alt=\"Maverick Sport MAX DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R.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\">23 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html#max-dps-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport MAX DPS T\"\n                                                data-price=\"23999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"21\" 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=\"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\">Maverick Sport DPS T<\/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;\">21 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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-DPS-T-1000R-300x218.png\" alt=\"Maverick Sport DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Sport-DPS-T-1000R\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-DPS-T-1000R.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\">21 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html#dps-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport DPS T\"\n                                                data-price=\"21999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"9\" 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=\"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\">Maverick Sport<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\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;\">21 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\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-Sport-2026-300x218.png\" alt=\"Maverick Sport\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Maverick-Sport-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-Sport-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\">21 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-sport.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Sport\"\n                                                data-price=\"21999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"22\" 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=\"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\">Traxter 6&#215;6 DPS<\/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;\">25 399 \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\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-6x6-DPS-HD10-300x218.png\" alt=\"Traxter 6x6 DPS\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-6&#215;6-DPS-HD10\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-6x6-DPS-HD10.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\">25 399 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#6x6-dps\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter 6x6 DPS\"\n                                                data-price=\"25399\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"22\" 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=\"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\">Traxter PRO XU T<\/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;\">27 699 \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\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-PRO-XU-T-HD10-300x218.png\" alt=\"Traxter PRO XU T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-PRO-XU-T-HD10\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-PRO-XU-T-HD10.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\">27 699 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#pro-xu-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter PRO XU T\"\n                                                data-price=\"27699\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"22\" 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=\"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\">Traxter XU ABS T<\/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;\">24 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-ABS-T-HD9-300x218.png\" alt=\"Traxter XU ABS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-ABS-T-HD9\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-ABS-T-HD9.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\">24 499 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#xu-abs-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU ABS T\"\n                                                data-price=\"24499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"22\" 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=\"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\">Traxter XU T<\/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;\">20 799 \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\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-T-HD7-300x218.png\" alt=\"Traxter XU T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-T-HD7\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-T-HD7.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\">20 799 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#xu-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU T\"\n                                                data-price=\"20799\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"22\" 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=\"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\">Traxter T<\/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;\">16 799 \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\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-T-HD7-300x218.png\" alt=\"Traxter T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-T-HD7\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-T-HD7.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\">16 799 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html#t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter T\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"23\" 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=\"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\">Traxter MAX XU HD11 T<\/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;\">30 199 \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\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-MAX-XU-HD11-T-300x218.png\" alt=\"Traxter MAX XU HD11 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-MAX-XU-HD11-T\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-MAX-XU-HD11-T.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\">30 199 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html#traxter-max-xu-hd11-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter MAX XU HD11 T\"\n                                                data-price=\"30199\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"23\" 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=\"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\">Traxter XU HD11 T<\/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;\">27 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-HD11-TR-ABS-300x218.png\" alt=\"Traxter XU HD11 T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"SSV-MY26-Traxter-XU-HD11-TR-ABS\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-HD11-TR-ABS.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\">27 499 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html#traxter-xu-hd11-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter XU HD11 T\"\n                                                data-price=\"27499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"9\" 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=\"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\">Traxter HD11<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Utilitaire (Nouveau)<\/span>\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;\">27 499 \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\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-XU-HD11-2026-300x218.png\" alt=\"Traxter HD11\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Traxter-XU-HD11-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-XU-HD11-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\">27 499 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter-hd11.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter HD11\"\n                                                data-price=\"27499\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"9\" 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=\"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\">Traxter<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Utilitaire<\/span>\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;\">16 799 \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\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-2026-300x218.png\" alt=\"Traxter\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Can-Am-Traxter-2026\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-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\">16 799 \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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/utilitaire-recreatif\/traxter.html\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Traxter\"\n                                                data-price=\"16799\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"20\" 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=\"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\">Maverick Trail T<\/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\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey-300x218.png\" alt=\"Maverick Trail T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey.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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-trail.html#t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail T\"\n                                                data-price=\"15999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"20\" 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=\"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\">Maverick Trail DPS T<\/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;\">17 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\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black-300x218.png\" alt=\"Maverick Trail DPS T\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black.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\">17 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:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/sxs\/recreatif\/maverick-trail.html#dps-t\" 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\" style=\"background-color: #d31e1c;\" target=\"_blank\" rel=\"noopener\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail DPS T\"\n                                                data-price=\"17999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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=\"9\" 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=\"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\">Maverick Trail<\/h3>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Loisir<\/span>\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\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Trail-300x218.png\" alt=\"Maverick Trail\" width=\"300\" height=\"218\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"MY26-SSV-Maverick-Trail\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Trail.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\/can-am\/gamme-ssv\/maverick-trail\/\" 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\" style=\"background-color: #d31e1c;\">\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                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #d31e1c; color: #d31e1c;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"Maverick Trail\"\n                                                data-price=\"15999\"\n                                                data-version=\"\"\n                                                data-brand-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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\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\/can-am\/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\/can-am\/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\": 71,\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\\\/can-am\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"adeaf88470\"        };\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=\"1785023062\">\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<h2 class=\"wp-block-heading\">\u00c0 quelle fr\u00e9quence faut-il faire la r\u00e9vision d&rsquo;un quad ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La fr\u00e9quence de r\u00e9vision d&rsquo;un quad d\u00e9pend de plusieurs facteurs : les recommandations du constructeur, le kilom\u00e9trage ou le nombre d&rsquo;heures d&rsquo;utilisation, mais aussi les conditions dans lesquelles le v\u00e9hicule \u00e9volue. Respecter les intervalles d&rsquo;entretien permet de pr\u00e9server les performances du moteur, de limiter l&rsquo;usure des composants m\u00e9caniques et de r\u00e9duire les risques de panne.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les recommandations du constructeur<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Chaque quad Can-Am dispose d&rsquo;un programme d&rsquo;entretien sp\u00e9cifique d\u00e9fini par le constructeur. Celui-ci tient compte des caract\u00e9ristiques du v\u00e9hicule, de sa motorisation et de son utilisation pr\u00e9vue.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La premi\u00e8re r\u00e9vision est particuli\u00e8rement importante. R\u00e9alis\u00e9e apr\u00e8s les premi\u00e8res heures de fonctionnement, elle permet de contr\u00f4ler les principaux organes m\u00e9caniques apr\u00e8s la p\u00e9riode de rodage et de v\u00e9rifier que l&rsquo;ensemble du v\u00e9hicule fonctionne correctement.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les r\u00e9visions suivantes sont ensuite programm\u00e9es \u00e0 intervalles r\u00e9guliers afin d&rsquo;assurer le bon fonctionnement du moteur, de la transmission, du syst\u00e8me de freinage et des diff\u00e9rents \u00e9quipements \u00e9lectroniques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le carnet d&rsquo;entretien fourni avec le v\u00e9hicule reste la r\u00e9f\u00e9rence pour conna\u00eetre les \u00e9ch\u00e9ances recommand\u00e9es. Le respecter contribue \u00e9galement \u00e0 pr\u00e9server la valeur du quad au fil des ann\u00e9es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9vision selon le kilom\u00e9trage ou les heures d&rsquo;utilisation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Contrairement \u00e0 une voiture, un quad ne s&rsquo;entretient pas uniquement en fonction du kilom\u00e9trage parcouru. De nombreux mod\u00e8les fonctionnent \u00e9galement avec un suivi bas\u00e9 sur le nombre d&rsquo;heures moteur, particuli\u00e8rement pertinent pour les utilisateurs professionnels ou les pratiquants tout-terrain.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Par exemple, un quad utilis\u00e9 principalement pour des travaux agricoles ou forestiers peut accumuler de nombreuses heures de fonctionnement sans parcourir de longues distances. \u00c0 l&rsquo;inverse, un utilisateur de randonn\u00e9e peut enregistrer davantage de kilom\u00e8tres avec une sollicitation m\u00e9canique diff\u00e9rente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sur des mod\u00e8les comme le Can-Am Outlander 500, le Can-Am Outlander MAX XT ou encore le Can-Am Renegade 1000R, le respect des intervalles d&rsquo;entretien permet notamment de pr\u00e9server les performances du moteur Rotax, de la transmission CVT et des diff\u00e9rents syst\u00e8mes d&rsquo;assistance \u00e0 la conduite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les utilisateurs professionnels \u00e9quip\u00e9s d&rsquo;un Can-Am Outlander PRO ou d&rsquo;un Traxter ont \u00e9galement tout int\u00e9r\u00eat \u00e0 surveiller attentivement les \u00e9ch\u00e9ances de maintenance afin de garantir la disponibilit\u00e9 de leur v\u00e9hicule tout au long de l&rsquo;ann\u00e9e.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adapter l&rsquo;entretien \u00e0 son utilisation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tous les quads ne sont pas soumis aux m\u00eames contraintes. Un entretien adapt\u00e9 \u00e0 l&rsquo;usage r\u00e9el du v\u00e9hicule permet d&rsquo;anticiper l&rsquo;usure pr\u00e9matur\u00e9e de certaines pi\u00e8ces.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Utilisation loisir et randonn\u00e9e<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Pour un usage occasionnel, les intervalles pr\u00e9conis\u00e9s par le constructeur sont g\u00e9n\u00e9ralement suffisants. M\u00eame avec un faible kilom\u00e9trage annuel, une r\u00e9vision r\u00e9guli\u00e8re reste n\u00e9cessaire afin de contr\u00f4ler les niveaux, la batterie, les pneumatiques et les diff\u00e9rents \u00e9l\u00e9ments de s\u00e9curit\u00e9.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Utilisation agricole ou professionnelle<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Les exploitations agricoles, les domaines viticoles, les \u00e9levages ou les entreprises de travaux ext\u00e9rieurs sollicitent souvent leurs quads de mani\u00e8re intensive. Les d\u00e9marrages fr\u00e9quents, le transport de charges et les longues p\u00e9riodes de fonctionnement justifient un suivi plus rigoureux de l&rsquo;entretien.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Utilisation sportive et tout-terrain<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Les sorties dans la boue, les passages de gu\u00e9s, les terrains poussi\u00e9reux ou les franchissements mettent \u00e0 rude \u00e9preuve la m\u00e9canique. Les filtres \u00e0 air, les roulements, les freins et les \u00e9l\u00e9ments de transmission n\u00e9cessitent alors une surveillance accrue.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pourquoi certains quads n\u00e9cessitent-ils des r\u00e9visions plus fr\u00e9quentes ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les conditions d&rsquo;utilisation jouent un r\u00f4le majeur dans l&rsquo;usure du v\u00e9hicule. La poussi\u00e8re peut encrasser rapidement le filtre \u00e0 air, la boue acc\u00e9l\u00e8re l&rsquo;usure des composants m\u00e9caniques et l&rsquo;humidit\u00e9 peut affecter certains \u00e9l\u00e9ments \u00e9lectriques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad utilis\u00e9 r\u00e9guli\u00e8rement dans des conditions difficiles demandera donc davantage d&rsquo;attention qu&rsquo;un v\u00e9hicule roulant principalement sur des chemins stabilis\u00e9s. Une inspection r\u00e9guli\u00e8re permet alors de d\u00e9tecter rapidement les signes d&rsquo;usure et d&rsquo;\u00e9viter des r\u00e9parations plus importantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chez Can-Am Toulouse-Lab\u00e8ge, nos techniciens peuvent vous conseiller sur la fr\u00e9quence d&rsquo;entretien la plus adapt\u00e9e \u00e0 votre utilisation afin de pr\u00e9server les performances et la fiabilit\u00e9 de votre quad sur le long terme.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Quels sont les points contr\u00f4l\u00e9s lors d&rsquo;une r\u00e9vision de quad ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Une <strong>r\u00e9vision de quad<\/strong> ne se limite pas \u00e0 une simple vidange. Il s&rsquo;agit d&rsquo;un contr\u00f4le complet du v\u00e9hicule visant \u00e0 v\u00e9rifier son \u00e9tat g\u00e9n\u00e9ral, anticiper l&rsquo;usure des composants et garantir un fonctionnement optimal dans toutes les conditions d&rsquo;utilisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les op\u00e9rations r\u00e9alis\u00e9es peuvent varier selon le mod\u00e8le, son \u00e2ge et son utilisation, mais certains points de contr\u00f4le sont syst\u00e9matiquement v\u00e9rifi\u00e9s lors d&rsquo;un entretien r\u00e9alis\u00e9 dans un atelier sp\u00e9cialis\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les contr\u00f4les m\u00e9caniques essentiels<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le moteur constitue naturellement l&rsquo;un des \u00e9l\u00e9ments les plus importants de la r\u00e9vision.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La premi\u00e8re \u00e9tape consiste g\u00e9n\u00e9ralement \u00e0 effectuer la vidange moteur et \u00e0 remplacer le filtre \u00e0 huile. Avec le temps, l&rsquo;huile perd ses propri\u00e9t\u00e9s lubrifiantes et prot\u00e8ge moins efficacement les pi\u00e8ces m\u00e9caniques en mouvement. Un remplacement r\u00e9gulier permet de pr\u00e9server les performances du moteur et de limiter son usure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les diff\u00e9rents niveaux sont \u00e9galement contr\u00f4l\u00e9s :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Huile moteur<\/li>\n\n\n\n<li>Liquide de refroidissement<\/li>\n\n\n\n<li>Liquide de frein<\/li>\n\n\n\n<li>Liquide de transmission selon les mod\u00e8les<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Le filtre \u00e0 air fait lui aussi l&rsquo;objet d&rsquo;une attention particuli\u00e8re. Sur un quad utilis\u00e9 en tout-terrain, il peut rapidement s&rsquo;encrasser sous l&rsquo;effet de la poussi\u00e8re, du sable ou de la boue. Un filtre propre favorise les performances du moteur tout en r\u00e9duisant la consommation de carburant.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les techniciens v\u00e9rifient \u00e9galement l&rsquo;\u00e9tat de la transmission, notamment la courroie CVT pr\u00e9sente sur de nombreux mod\u00e8les Can-Am comme les Outlander ou les Renegade. Une courroie us\u00e9e ou d\u00e9t\u00e9rior\u00e9e peut entra\u00eener une perte de performance et, dans certains cas, une immobilisation du v\u00e9hicule.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les \u00e9l\u00e9ments de s\u00e9curit\u00e9<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La s\u00e9curit\u00e9 du pilote repose en grande partie sur le bon \u00e9tat des composants de freinage et de liaison au sol.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lors de la r\u00e9vision, plusieurs contr\u00f4les sont effectu\u00e9s :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c9tat des plaquettes et disques de frein<\/li>\n\n\n\n<li>Contr\u00f4le du liquide de frein<\/li>\n\n\n\n<li>V\u00e9rification de la pression des pneus<\/li>\n\n\n\n<li>Contr\u00f4le de l&rsquo;usure des pneumatiques<\/li>\n\n\n\n<li>V\u00e9rification du serrage des roues<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les suspensions font \u00e9galement l&rsquo;objet d&rsquo;une inspection approfondie. Les amortisseurs, rotules, bras de suspension et diff\u00e9rents points d&rsquo;articulation sont examin\u00e9s afin de d\u00e9tecter d&rsquo;\u00e9ventuels jeux ou signes d&rsquo;usure.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La direction est ensuite contr\u00f4l\u00e9e pour garantir une conduite pr\u00e9cise et s\u00e9curis\u00e9e, notamment lors des \u00e9volutions sur terrains accident\u00e9s.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les composants \u00e9lectriques et \u00e9lectroniques<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les quads modernes embarquent de plus en plus de technologies n\u00e9cessitant un suivi r\u00e9gulier.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La batterie est test\u00e9e afin de v\u00e9rifier sa capacit\u00e9 de charge et son bon fonctionnement. Un contr\u00f4le pr\u00e9ventif permet souvent d&rsquo;\u00e9viter les mauvaises surprises au moment du d\u00e9marrage.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les syst\u00e8mes d&rsquo;\u00e9clairage sont \u00e9galement inspect\u00e9s :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Feux avant<\/li>\n\n\n\n<li>Feux arri\u00e8re<\/li>\n\n\n\n<li>Clignotants<\/li>\n\n\n\n<li>Feux de travail \u00e9ventuels<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Les faisceaux \u00e9lectriques, connecteurs et diff\u00e9rents capteurs sont examin\u00e9s afin de d\u00e9tecter toute anomalie susceptible d&rsquo;affecter le fonctionnement du v\u00e9hicule.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sur les mod\u00e8les Can-Am r\u00e9cents \u00e9quip\u00e9s de syst\u00e8mes \u00e9lectroniques avanc\u00e9s, un diagnostic peut \u00eatre r\u00e9alis\u00e9 \u00e0 l&rsquo;aide des outils constructeur afin d&rsquo;identifier d&rsquo;\u00e9ventuels d\u00e9fauts enregistr\u00e9s dans le calculateur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les contr\u00f4les sp\u00e9cifiques aux quads Can-Am<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Certains \u00e9quipements propres \u00e0 la marque Can-Am n\u00e9cessitent des v\u00e9rifications sp\u00e9cifiques lors de l&rsquo;entretien.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les techniciens portent notamment une attention particuli\u00e8re :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Au syst\u00e8me de transmission int\u00e9grale et au diff\u00e9rentiel avant<\/li>\n\n\n\n<li>\u00c0 la direction assist\u00e9e dynamique DPS<\/li>\n\n\n\n<li>\u00c0 la transmission CVT<\/li>\n\n\n\n<li>Aux syst\u00e8mes \u00e9lectroniques d&rsquo;aide \u00e0 la conduite<\/li>\n\n\n\n<li>Aux accessoires install\u00e9s sur le v\u00e9hicule<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Sur des mod\u00e8les comme le Can-Am Outlander MAX XT, le Renegade 1000R ou encore les versions professionnelles destin\u00e9es aux exploitations agricoles, ces contr\u00f4les permettent de garantir le maintien des performances et de la fiabilit\u00e9 dans le temps.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">L&rsquo;importance d&rsquo;un diagnostic r\u00e9alis\u00e9 par des sp\u00e9cialistes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00eame lorsqu&rsquo;aucun sympt\u00f4me particulier n&rsquo;est visible, certains signes d&rsquo;usure peuvent passer inaper\u00e7us pour le propri\u00e9taire du v\u00e9hicule. Une r\u00e9vision r\u00e9alis\u00e9e dans un atelier sp\u00e9cialis\u00e9 permet d&rsquo;identifier ces anomalies avant qu&rsquo;elles ne provoquent une panne plus importante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce \u00e0 leur connaissance des v\u00e9hicules Can-Am et \u00e0 l&rsquo;utilisation d&rsquo;outils adapt\u00e9s, les techniciens peuvent intervenir rapidement sur l&rsquo;ensemble de la gamme et proposer les op\u00e9rations d&rsquo;entretien les plus adapt\u00e9es \u00e0 votre utilisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Chez Can-Am Toulouse-Lab\u00e8ge, chaque r\u00e9vision est r\u00e9alis\u00e9e selon les pr\u00e9conisations du constructeur afin de garantir la fiabilit\u00e9, la s\u00e9curit\u00e9 et la long\u00e9vit\u00e9 de votre quad.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"tel:0428705975\"><strong>Prendre RDV pour une r\u00e9vision<\/strong><\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Pourquoi ne faut-il pas repousser la r\u00e9vision de son quad ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Reporter une r\u00e9vision peut sembler anodin, surtout lorsque le quad continue de fonctionner normalement. Pourtant, de nombreuses pannes m\u00e9caniques trouvent leur origine dans un entretien insuffisant ou r\u00e9alis\u00e9 trop tardivement. Une r\u00e9vision r\u00e9guli\u00e8re permet non seulement de pr\u00e9server les performances du v\u00e9hicule, mais aussi d&rsquo;\u00e9viter des r\u00e9parations souvent bien plus co\u00fbteuses.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pr\u00e9venir les pannes co\u00fbteuses<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad est soumis \u00e0 des contraintes importantes, particuli\u00e8rement lorsqu&rsquo;il \u00e9volue sur des terrains accident\u00e9s, dans la boue ou lors d&rsquo;utilisations professionnelles intensives. Avec le temps, certaines pi\u00e8ces d&rsquo;usure peuvent perdre en efficacit\u00e9 sans pour autant pr\u00e9senter de sympt\u00f4mes \u00e9vidents.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une courroie de transmission us\u00e9e, un filtre \u00e0 air encrass\u00e9 ou encore un niveau d&rsquo;huile insuffisant peuvent progressivement affecter le fonctionnement du v\u00e9hicule. Sans intervention pr\u00e9ventive, ces \u00e9l\u00e9ments peuvent entra\u00eener des dommages plus importants sur le moteur ou la transmission.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La r\u00e9vision permet justement d&rsquo;identifier ces signes d&rsquo;usure avant qu&rsquo;ils ne se transforment en panne. Dans la majorit\u00e9 des cas, remplacer une pi\u00e8ce d&rsquo;usure lors d&rsquo;un entretien co\u00fbte bien moins cher qu&rsquo;une r\u00e9paration r\u00e9alis\u00e9e apr\u00e8s une casse m\u00e9canique.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pr\u00e9server les performances du quad<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un entretien r\u00e9gulier contribue directement au bon fonctionnement du v\u00e9hicule. Avec le temps, l&rsquo;usure naturelle de certains composants peut entra\u00eener une baisse progressive des performances sans que le pilote ne s&rsquo;en rende imm\u00e9diatement compte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une huile moteur vieillissante, un filtre encrass\u00e9 ou une transmission fatigu\u00e9e peuvent affecter la r\u00e9activit\u00e9 du moteur, les acc\u00e9l\u00e9rations ou encore la souplesse de conduite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sur des mod\u00e8les performants comme les Can-Am Outlander ou Renegade, le respect des intervalles d&rsquo;entretien permet de conserver tout le potentiel du <strong><a href=\"https:\/\/groupe-grim.com\/can-am\/rotax\/\" target=\"_blank\" data-type=\"post\" data-id=\"1291\" rel=\"noreferrer noopener\">moteur Rotax<\/a><\/strong> et de profiter pleinement des capacit\u00e9s du v\u00e9hicule, aussi bien lors des randonn\u00e9es que dans le cadre d&rsquo;un usage professionnel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une m\u00e9canique correctement entretenue contribue \u00e9galement \u00e0 optimiser la consommation de carburant et \u00e0 limiter l&rsquo;usure pr\u00e9matur\u00e9e de certains composants.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Garantir sa s\u00e9curit\u00e9 sur tous les terrains<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La s\u00e9curit\u00e9 reste l&rsquo;une des principales raisons de faire r\u00e9viser son quad r\u00e9guli\u00e8rement. Contrairement \u00e0 un v\u00e9hicule circulant principalement sur route, un quad \u00e9volue souvent dans des environnements exigeants o\u00f9 les sollicitations m\u00e9caniques sont importantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les freins, les pneus, les suspensions ou encore la direction jouent un r\u00f4le essentiel dans la stabilit\u00e9 et la ma\u00eetrise du v\u00e9hicule. Une usure excessive de l&rsquo;un de ces \u00e9l\u00e9ments peut augmenter les distances de freinage, d\u00e9grader la tenue de route ou rendre la conduite moins pr\u00e9cise.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une r\u00e9vision permet de contr\u00f4ler l&rsquo;ensemble de ces composants et de s&rsquo;assurer que le v\u00e9hicule est pr\u00eat \u00e0 affronter les diff\u00e9rentes conditions rencontr\u00e9es sur le terrain, qu&rsquo;il s&rsquo;agisse d&rsquo;une randonn\u00e9e, d&rsquo;un chantier ou d&rsquo;une activit\u00e9 agricole.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conserver la valeur de revente de son Can-Am<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad entretenu r\u00e9guli\u00e8rement conserve g\u00e9n\u00e9ralement une meilleure valeur sur le march\u00e9 de l&rsquo;occasion. Les acheteurs sont particuli\u00e8rement attentifs \u00e0 l&rsquo;historique d&rsquo;entretien, qui constitue souvent un gage de s\u00e9rieux et de fiabilit\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un carnet d&rsquo;entretien \u00e0 jour, accompagn\u00e9 des factures de r\u00e9vision, permet de d\u00e9montrer que le v\u00e9hicule a \u00e9t\u00e9 suivi conform\u00e9ment aux recommandations du constructeur. Cet historique peut faciliter la vente et rassurer les futurs acqu\u00e9reurs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans le cadre d&rsquo;une reprise en concession, un v\u00e9hicule correctement entretenu b\u00e9n\u00e9ficie \u00e9galement d&rsquo;une meilleure valorisation qu&rsquo;un quad dont l&rsquo;entretien est incomplet ou irr\u00e9gulier.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Un entretien r\u00e9gulier, un investissement rentable<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La r\u00e9vision d&rsquo;un quad ne doit pas \u00eatre consid\u00e9r\u00e9e comme une d\u00e9pense suppl\u00e9mentaire, mais comme un investissement destin\u00e9 \u00e0 prot\u00e9ger votre v\u00e9hicule sur le long terme. Quelques contr\u00f4les pr\u00e9ventifs et le remplacement de pi\u00e8ces d&rsquo;usure au bon moment permettent souvent d&rsquo;\u00e9viter des immobilisations co\u00fbteuses et des r\u00e9parations importantes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Qu&rsquo;il s&rsquo;agisse d&rsquo;un Can-Am Outlander utilis\u00e9 pour les loisirs, d&rsquo;un Renegade destin\u00e9 aux sorties sportives ou d&rsquo;un mod\u00e8le professionnel sollicit\u00e9 au quotidien, un entretien suivi reste la meilleure solution pour garantir fiabilit\u00e9, s\u00e9curit\u00e9 et performances ann\u00e9e apr\u00e8s ann\u00e9e.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Faire r\u00e9viser son quad dans notre atelier Can-Am \u00e0 Toulouse-Lab\u00e8ge<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Confier son quad \u00e0 un atelier sp\u00e9cialis\u00e9 est la meilleure fa\u00e7on de garantir un entretien conforme aux pr\u00e9conisations du constructeur. Au-del\u00e0 des op\u00e9rations courantes, une r\u00e9vision r\u00e9alis\u00e9e par des techniciens form\u00e9s permet de d\u00e9tecter rapidement d&rsquo;\u00e9ventuelles anomalies et de pr\u00e9server durablement les performances du v\u00e9hicule.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Que votre quad soit utilis\u00e9 pour les loisirs, le travail ou les activit\u00e9s sportives, un suivi r\u00e9gulier contribue \u00e0 prolonger sa dur\u00e9e de vie et \u00e0 limiter les risques d&rsquo;immobilisation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Une expertise d\u00e9di\u00e9e aux v\u00e9hicules Can-Am<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les quads Can-Am b\u00e9n\u00e9ficient de technologies sp\u00e9cifiques qui n\u00e9cessitent une parfaite connaissance de la marque. Transmission CVT, moteurs Rotax, direction assist\u00e9e DPS, syst\u00e8mes \u00e9lectroniques embarqu\u00e9s ou encore transmission int\u00e9grale : chaque composant demande un savoir-faire particulier pour \u00eatre entretenu dans les meilleures conditions.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Au sein de notre atelier Can-Am Toulouse-Lab\u00e8ge, nos techniciens interviennent quotidiennement sur l&rsquo;ensemble de la gamme Can-Am :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-pro-hd5-t-can-am\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-pro-hd5-t-can-am\/\" rel=\"noreferrer noopener\">Can-Am Outlander<\/a><\/strong><\/li>\n\n\n\n<li><strong><a href=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-max-dps-500-700-t-abs\/\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/outlander-max-dps-500-700-t-abs\/\">Can-Am Outlander MAX<\/a><\/strong><\/li>\n\n\n\n<li>Can-Am Renegade<\/li>\n\n\n\n<li>Can-Am Outlander PRO<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/traxter-xu-hd11-t-can-am\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/can-am\/vehicule\/traxter-xu-hd11-t-can-am\/\" rel=\"noreferrer noopener\">Can-Am Traxter<\/a><\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cette expertise nous permet d&rsquo;assurer des interventions adapt\u00e9es aux sp\u00e9cificit\u00e9s de chaque mod\u00e8le et aux conditions d&rsquo;utilisation de chaque propri\u00e9taire.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Entretien, r\u00e9paration et diagnostic<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L&rsquo;entretien d&rsquo;un quad ne se limite pas aux r\u00e9visions p\u00e9riodiques. Au fil de sa vie, votre v\u00e9hicule peut n\u00e9cessiter diff\u00e9rents types d&rsquo;interventions m\u00e9caniques ou \u00e9lectroniques.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Notre atelier prend en charge :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Les r\u00e9visions constructeur<\/li>\n\n\n\n<li>Les vidanges et op\u00e9rations d&rsquo;entretien courant<\/li>\n\n\n\n<li>Les diagnostics \u00e9lectroniques<\/li>\n\n\n\n<li>Les r\u00e9parations m\u00e9caniques<\/li>\n\n\n\n<li>Le remplacement des pi\u00e8ces d&rsquo;usure<\/li>\n\n\n\n<li>Les interventions sur la transmission et le syst\u00e8me de freinage<\/li>\n\n\n\n<li>Le montage d&rsquo;accessoires et d&rsquo;\u00e9quipements Can-Am<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Gr\u00e2ce aux outils de diagnostic constructeur, nos \u00e9quipes peuvent identifier rapidement l&rsquo;origine d&rsquo;une anomalie et mettre en \u0153uvre les solutions adapt\u00e9es afin de remettre votre v\u00e9hicule en parfait \u00e9tat de fonctionnement.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Quand prendre rendez-vous pour une r\u00e9vision ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Certaines p\u00e9riodes de l&rsquo;ann\u00e9e sont particuli\u00e8rement propices \u00e0 l&rsquo;entretien de votre quad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un contr\u00f4le pr\u00e9ventif est notamment recommand\u00e9 :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Avant la saison des randonn\u00e9es et des loisirs tout-terrain<\/li>\n\n\n\n<li>Avant une utilisation intensive dans le cadre professionnel<\/li>\n\n\n\n<li>Apr\u00e8s plusieurs mois d&rsquo;immobilisation<\/li>\n\n\n\n<li>Apr\u00e8s une saison particuli\u00e8rement exigeante en termes de kilom\u00e9trage ou d&rsquo;heures moteur<\/li>\n\n\n\n<li>D\u00e8s l&rsquo;apparition d&rsquo;un comportement inhabituel du v\u00e9hicule<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Anticiper l&rsquo;entretien permet d&rsquo;\u00e9viter les mauvaises surprises au moment o\u00f9 vous avez le plus besoin de votre quad.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Confiez votre quad \u00e0 l&rsquo;atelier Can-Am Toulouse-Lab\u00e8ge<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un quad bien entretenu est un quad plus fiable, plus performant et plus agr\u00e9able \u00e0 utiliser au quotidien. Respecter les \u00e9ch\u00e9ances de r\u00e9vision permet de prot\u00e9ger votre investissement tout en profitant pleinement des capacit\u00e9s de votre v\u00e9hicule, quelles que soient les conditions d&rsquo;utilisation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pour l&rsquo;entretien, la r\u00e9vision ou la r\u00e9paration de votre Can-Am Outlander, Renegade, Traxter ou Outlander PRO, les \u00e9quipes de Can-Am Toulouse-Lab\u00e8ge vous accompagnent avec des prestations r\u00e9alis\u00e9es selon les standards du constructeur et l&rsquo;utilisation de pi\u00e8ces d&rsquo;origine.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Besoin d&rsquo;un conseil ou d&rsquo;un rendez-vous atelier ? Nos techniciens sont \u00e0 votre disposition pour vous aider \u00e0 pr\u00e9server durablement les performances et la fiabilit\u00e9 de votre quad.<\/p>\n\n\n\n<!-- Conteneur h\u00f4te pour le Shadow DOM -->\n<div\n    id=\"where-are-we-6a654a56c35b1\"\n    class=\"where-are-we-shadow-host\"\n    data-theme-url=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\"\n    data-display-mode=\"simple\"\n    data-is-mobile=\"false\"\n    data-locations='[{&quot;city_name&quot;:&quot;Toulouse&quot;,&quot;address&quot;:&quot;2721 Route de Bazi\\u00e8ge La Lauragaise, 31670 Lab\\u00e8ge&quot;,&quot;latitude&quot;:43.5449839,&quot;longitude&quot;:1.5170348,&quot;phone&quot;:&quot;0567800505&quot;,&quot;email&quot;:&quot;&quot;,&quot;google_maps_url&quot;:&quot;https:\\\/\\\/www.google.com\\\/maps\\\/place\\\/Can-Am+Toulouse\\\/@43.5449839,1.5144599,1099m\\\/data=!3m2!1e3!4b1!4m6!3m5!1s0x12aea33ac827def9:0x9e05c11dd74d563b!8m2!3d43.5449839!4d1.5170348!16s%2Fg%2F11g8wytbk3?entry=ttu&#038;g_ep=EgoyMDI2MDUwNi4wIKXMDSoASAFQAw%3D%3D&quot;,&quot;logo&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Can-Am-logo_Masthead_Top_RGB-scaled.png&quot;,&quot;alt&quot;:&quot;Logo Can-am Noir&quot;},&quot;brand&quot;:&quot;Can-AM&quot;,&quot;brand_color&quot;:&quot;#dd3333&quot;,&quot;hours_dealership&quot;:&quot;&quot;,&quot;hours_workshop&quot;:&quot;&quot;}]'\n    data-grouped-locations='[]'\n    data-brands-config='[]'\n    data-translations='{&quot;title&quot;:&quot;O\\u00f9 sommes-nous ?&quot;,&quot;google_maps&quot;:&quot;Google Maps&quot;,&quot;waze&quot;:&quot;Waze&quot;,&quot;view_on_map&quot;:&quot;Voir sur la carte&quot;,&quot;all_brands&quot;:&quot;Toutes les marques&quot;,&quot;others&quot;:&quot;Autres&quot;,&quot;view_fullscreen&quot;:&quot;Voir en plein \\u00e9cran&quot;}'\n    data-fullscreen-url=''\n    data-create-dedicated-page='false'\n    data-theme-primary-color='#E53E3E'\n    data-theme-titles-color='#1f2937'\n    data-theme-text-color='#4b5563'\n    data-theme-fonts='{&quot;regular&quot;:&quot;&quot;,&quot;bold&quot;:&quot;&quot;,&quot;italic&quot;:&quot;&quot;}'\n    data-agents='[]'\n    style=\"position: relative;\"\n>\n    <!-- Fallback pour les navigateurs sans support Shadow DOM -->\n    <noscript>\n        <div class=\"where-are-we-fallback\">\n        <h2 class=\"display: block; font-size: 1.5rem; font-weight: 700; color: #1F2937; \">O\u00f9 sommes-nous ?<\/h2>\n            \n                                                <div class=\"location-fallback\">\n                        <h3>Toulouse<\/h3>\n                        <p>2721 Route de Bazi\u00e8ge La Lauragaise, 31670 Lab\u00e8ge<\/p>\n                        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=2721+Route+de+Bazi%C3%A8ge+La+Lauragaise%2C+31670+Lab%C3%A8ge\" target=\"_blank\" rel=\"noopener\">\n                            Voir sur Google Maps\n                        <\/a>\n                    <\/div>\n                                    <\/div>\n    <\/noscript>\n<\/div>\n\n<script>\n\/\/ Initialisation imm\u00e9diate du Shadow DOM pour ce bloc\n(function() {\n    const host = document.getElementById('where-are-we-6a654a56c35b1');\n    if (!host || !host.attachShadow) {\n        console.warn('Shadow DOM non support\u00e9 pour le bloc o\u00f9-sommes-nous');\n        return;\n    }\n\n    \/\/ Cr\u00e9er le Shadow DOM\n    const shadowRoot = host.attachShadow({ mode: 'open' });\n    \n    \/\/ Marquer comme initialis\u00e9 pour \u00e9viter la double initialisation\n    host.dataset.shadowInitialized = 'true';\n    \n    \/\/ D\u00e9clencher l'initialisation personnalis\u00e9e\n    document.addEventListener('DOMContentLoaded', function() {\n        if (window.WhereAreWeShadow) {\n            new window.WhereAreWeShadow('where-are-we-6a654a56c35b1');\n        }\n    });\n})();\n<\/script>","protected":false},"excerpt":{"rendered":"<p>La r\u00e9vision d&rsquo;un quad est une \u00e9tape essentielle pour pr\u00e9server ses performances, sa fiabilit\u00e9 et sa s\u00e9curit\u00e9. Que vous utilisiez votre v\u00e9hicule pour les loisirs, le travail ou les randonn\u00e9es tout-terrain, un entretien r\u00e9gulier permet d&rsquo;\u00e9viter les pannes co\u00fbteuses et de prolonger sa dur\u00e9e de vie. D\u00e9couvrez quand r\u00e9aliser la r\u00e9vision de votre quad, les op\u00e9rations effectu\u00e9es lors d&rsquo;un entretien et pourquoi faire appel \u00e0 un atelier sp\u00e9cialis\u00e9 Can-Am \u00e0 Toulouse.<\/p>\n","protected":false},"author":4,"featured_media":1759,"parent":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-1757","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-mecanique"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/posts\/1757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/comments?post=1757"}],"version-history":[{"count":2,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/posts\/1757\/revisions"}],"predecessor-version":[{"id":1771,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/posts\/1757\/revisions\/1771"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/media\/1759"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/media?parent=1757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/categories?post=1757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/tags?post=1757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}