{"id":1298,"date":"2026-03-20T08:00:00","date_gmt":"2026-03-20T07:00:00","guid":{"rendered":"https:\/\/groupe-grim.com\/preprod\/?p=1298"},"modified":"2026-04-02T12:28:36","modified_gmt":"2026-04-02T10:28:36","slug":"quad-agriculture","status":"publish","type":"post","link":"https:\/\/groupe-grim.com\/preprod\/quad-agriculture\/","title":{"rendered":"Les meilleurs quads pour travailler dans l\u2019agriculture : guide complet pour les professionnels"},"content":{"rendered":"\n<p>Dans le monde de l&rsquo;agriculture, la polyvalence et la r\u00e9activit\u00e9 sont essentielles pour assurer le bon fonctionnement d\u2019une exploitation. Surveillance des parcelles, d\u00e9placement rapide entre les b\u00e2timents, transport d\u2019outils ou travail avec une remorque : les t\u00e2ches quotidiennes sont nombreuses et n\u00e9cessitent des v\u00e9hicules \u00e0 la fois <strong>robustes, maniables et capables d\u2019\u00e9voluer sur tous types de terrains<\/strong>. C\u2019est dans ce contexte que le <strong><a href=\"https:\/\/groupe-grim.com\/preprod\/gamme-quad\/\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/preprod\/gamme-quad\/\">quad agricole<\/a><\/strong> s\u2019est progressivement impos\u00e9 comme un v\u00e9ritable outil de travail pour de nombreux agriculteurs.<\/p>\n\n\n\n<p>Plus compact et plus agile qu\u2019un tracteur, le quad permet d\u2019acc\u00e9der facilement aux chemins \u00e9troits, aux parcelles \u00e9loign\u00e9es ou aux zones difficiles d\u2019acc\u00e8s. Il offre \u00e9galement une grande polyvalence pour les activit\u00e9s d\u2019<strong>\u00e9levage, de viticulture ou de polyculture<\/strong>, tout en facilitant les d\u00e9placements sur l\u2019exploitation. Gr\u00e2ce \u00e0 sa capacit\u00e9 de traction et \u00e0 ses nombreux accessoires (remorque, pulv\u00e9risateur, coffre de transport\u2026), il peut rapidement devenir un <strong>v\u00e9hicule utilitaire indispensable au quotidien<\/strong>.<\/p>\n\n\n\n<p>Parmi les marques pr\u00e9sentes sur ce march\u00e9, <strong>Can-Am s\u2019est impos\u00e9e comme une r\u00e9f\u00e9rence dans l\u2019univers des quads utilitaires<\/strong>. R\u00e9put\u00e9s pour leur fiabilit\u00e9 et leurs performances, les mod\u00e8les de la marque sont \u00e9quip\u00e9s des c\u00e9l\u00e8bres <strong><a href=\"https:\/\/groupe-grim.com\/preprod\/rotax\/\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/preprod\/rotax\/\">moteurs Rotax<\/a><\/strong>, con\u00e7us pour offrir puissance, couple et durabilit\u00e9, m\u00eame dans des conditions de travail exigeantes. Ces caract\u00e9ristiques expliquent pourquoi de nombreux professionnels de l&rsquo;agriculture se tournent aujourd\u2019hui vers des mod\u00e8les comme l\u2019Outlander pour \u00e9quiper leur exploitation. Si vous souhaitez approfondir le sujet, nous avons d\u2019ailleurs consacr\u00e9 un article complet au <strong>fonctionnement et aux performances du moteur Rotax Can-Am<\/strong>.<\/p>\n\n\n\n<p>Choisir le bon quad reste cependant une \u00e9tape importante : puissance du moteur, capacit\u00e9 de remorquage, confort de conduite ou encore possibilit\u00e9s d\u2019\u00e9quipement peuvent fortement varier d\u2019un mod\u00e8le \u00e0 l\u2019autre. C\u2019est d\u2019autant plus vrai lorsque le quad est destin\u00e9 \u00e0 un usage professionnel. Pour aller plus loin sur ce point, vous pouvez \u00e9galement consulter notre <strong><a href=\"https:\/\/groupe-grim.com\/preprod\/quel-can-am-choisir-activite-pro\/\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/preprod\/quel-can-am-choisir-activite-pro\/\">guide pour choisir le v\u00e9hicule Can-Am adapt\u00e9 \u00e0 une activit\u00e9 professionnelle<\/a><\/strong>, qui d\u00e9taille les crit\u00e8res essentiels \u00e0 prendre en compte.<\/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=\"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\/preprod\/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\/preprod\/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=\"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\/preprod\/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\/preprod\/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=\"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\/preprod\/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\/preprod\/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=\"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\/preprod\/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\/preprod\/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=\"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\/preprod\/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\/preprod\/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                                        \n                <\/div>\n            <\/div>\n        <\/div>\n        \n                <!-- Navigation DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation flex items-center justify-between mt-8 px-5 relative z-[150] pointer-events-auto\">\n\n            <!-- Barre de progression - DESIGN IDENTIQUE -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"models-progress-fill h-full progress-theme rounded-full transition-all duration-600 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] w-0\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Boutons avec VOS fl\u00e8ches SVG - DESIGN IDENTIQUE -->\n            <div class=\"flex gap-2 relative z-[151] pointer-events-auto\">\n                <button class=\"models-nav-button models-prev w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-50 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\"\n                         alt=\"Pr\u00e9c\u00e9dent\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n\n                <button class=\"models-nav-button models-next w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\"\n                         alt=\"Suivant\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n                \n    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"models-slider-config\">\n        {\n            \"totalModels\": 5,\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 2,\n                \"desktop\": 3,\n                \"large\": 4\n            }\n        }\n    <\/script>\n\n    <!-- Donn\u00e9es AJAX pour le formulaire test-drive int\u00e9gr\u00e9 -->\n    <script>\n        window.sliderTestDriveData = {\n            ajaxUrl: \"https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"65b3077191\"        };\n\n        \/\/ R\u00e9initialiser Preline apr\u00e8s le chargement du DOM pour inclure notre modal\n        document.addEventListener('DOMContentLoaded', function() {\n            setTimeout(function() {\n                if (typeof HSStaticMethods !== 'undefined') {\n                    HSStaticMethods.autoInit();\n                    console.log('\u2705 Preline r\u00e9initialis\u00e9 pour le modal slider');\n                }\n            }, 500);\n        });\n    <\/script>\n\n    <!-- Modal Formulaire Test Drive Int\u00e9gr\u00e9 - Preline UI -->\n    <div id=\"hs-slider-test-drive-modal\"\n         class=\"hs-overlay hidden size-full fixed top-0 start-0 overflow-x-hidden overflow-y-auto\"\n         style=\"z-index: 2147483647 !important;\"\n         role=\"dialog\"\n         tabindex=\"-1\"\n         aria-labelledby=\"hs-slider-test-drive-modal-label\">\n        <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n            <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto dark:bg-neutral-900 dark:border-neutral-700\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700\">\n                <h3 id=\"hs-slider-test-drive-modal-label\" class=\"font-bold text-gray-800 dark:text-white\">\n                    R\u00e9server un essai\n                <\/h3>\n                <button type=\"button\"\n                        class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600\"\n                        aria-label=\"Close\"\n                        data-hs-overlay=\"#hs-slider-test-drive-modal\">\n                    <span class=\"sr-only\">Fermer<\/span>\n                    <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"m18 6-12 12\"><\/path>\n                        <path d=\"m6 6 12 12\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Body -->\n            <div class=\"p-6 overflow-y-auto\">\n                <!-- R\u00e9capitulatif du mod\u00e8le -->\n                                <div id=\"slider-model-recap\" class=\"mb-4 p-3 rounded-lg border-l-4\" style=\"background-color: rgba(211, 30, 28, 0.05); border-left-color: #d31e1c;\">\n                    <div class=\"flex items-center gap-2\">\n                        <i class=\"fa-solid fa-car text-sm\" style=\"color: #d31e1c;\"><\/i>\n                        <span class=\"text-sm text-gray-600\">Mod\u00e8le :<\/span>\n                        <span id=\"slider-selected-model-name\" class=\"font-semibold text-gray-800\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"slider-test-drive-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"slider-model-input\" name=\"model\" value=\"\">\n                    <!-- Anti-bot : honeypot + timestamp -->\n                    <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                    <input type=\"hidden\" name=\"form_timestamp\" value=\"1779187790\">\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\">Pourquoi utiliser un quad dans une exploitation agricole ?<\/h2>\n\n\n\n<p>Sur une exploitation agricole, la mobilit\u00e9 est un facteur cl\u00e9 pour gagner du temps et am\u00e9liorer l\u2019efficacit\u00e9 du travail. Entre les parcelles parfois \u00e9loign\u00e9es, les b\u00e2timents agricoles dispers\u00e9s et les terrains souvent difficiles d\u2019acc\u00e8s, les d\u00e9placements font partie int\u00e9grante du quotidien des agriculteurs. Dans ce contexte, le <strong>quad agricole<\/strong> s\u2019impose comme un v\u00e9hicule particuli\u00e8rement adapt\u00e9, capable de r\u00e9pondre \u00e0 de nombreux besoins professionnels.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Un v\u00e9hicule polyvalent pour les travaux du quotidien<\/h3>\n\n\n\n<p>Le principal atout d\u2019un quad dans une exploitation d\u00e9di\u00e9e \u00e0 l&rsquo;agriculture r\u00e9side dans sa <strong>grande polyvalence<\/strong>. Compact, agile et capable d\u2019\u00e9voluer sur des terrains vari\u00e9s, il permet d\u2019effectuer de nombreuses t\u00e2ches sans avoir \u00e0 mobiliser des engins plus lourds.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><picture><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/utilite-dun-quad-pour-une-activite-agricole-1-1024x683.jpg\" alt=\"avantages du quad sur votre exploitation agricole\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1300 size-full\" title=\"utilit\u00e9 d&rsquo;un quad pour une activit\u00e9 agricole\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/utilite-dun-quad-pour-une-activite-agricole-1-768x512.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/utilite-dun-quad-pour-une-activite-agricole-1.jpg 1280w\" sizes=\"100vw\"><\/picture><\/figure><div class=\"wp-block-media-text__content\">\n<p>Au quotidien, un quad peut notamment servir \u00e0 :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>surveiller les cultures et les parcelles<\/li>\n\n\n\n<li>contr\u00f4ler les cl\u00f4tures et les installations<\/li>\n\n\n\n<li>se d\u00e9placer rapidement entre diff\u00e9rents points de l\u2019exploitation<\/li>\n\n\n\n<li>transporter du petit mat\u00e9riel ou des outils<\/li>\n\n\n\n<li>accompagner les activit\u00e9s d\u2019\u00e9levage et la gestion des troupeaux<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>Dans certaines exploitations, le quad devient m\u00eame un <strong>v\u00e9ritable v\u00e9hicule principal pour les d\u00e9placements internes<\/strong>, notamment lorsqu\u2019il est \u00e9quip\u00e9 de coffres de rangement, de porte-bagages ou d\u2019une petite remorque.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Un gain de temps et d\u2019efficacit\u00e9 sur l\u2019exploitation<\/h3>\n\n\n\n<p>Compar\u00e9 \u00e0 d\u2019autres v\u00e9hicules agricoles, le quad offre un <strong>excellent compromis entre mobilit\u00e9 et capacit\u00e9 de travail<\/strong>. Sa taille compacte lui permet de circuler facilement sur des chemins \u00e9troits, dans les vignes, les vergers ou les p\u00e2turages.<\/p>\n\n\n\n<p>Il permet \u00e9galement de r\u00e9aliser rapidement des interventions ponctuelles sans devoir d\u00e9marrer un tracteur ou d\u00e9placer un v\u00e9hicule plus encombrant. Pour de nombreuses t\u00e2ches quotidiennes, le quad devient ainsi <strong>un v\u00e9ritable gain de temps pour les agriculteurs<\/strong>, en particulier sur les exploitations \u00e9tendues.<\/p>\n\n\n\n<p>Gr\u00e2ce \u00e0 leur conception robuste, les quads utilitaires modernes sont capables de supporter un usage intensif. Les mod\u00e8les Can-Am, par exemple, sont con\u00e7us pour offrir une <strong>grande fiabilit\u00e9 et une excellente motricit\u00e9<\/strong>, m\u00eame sur des terrains boueux, accident\u00e9s ou en pente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Une capacit\u00e9 de traction adapt\u00e9e aux besoins de l&rsquo;agriculture<\/h3>\n\n\n\n<p>Contrairement \u00e0 une id\u00e9e re\u00e7ue, un quad n\u2019est pas uniquement destin\u00e9 aux loisirs. Les mod\u00e8les utilitaires sont con\u00e7us pour offrir une <strong>capacit\u00e9 de traction et de charge particuli\u00e8rement int\u00e9ressante pour le travail agricole<\/strong>.<\/p>\n\n\n\n<p>Avec l\u2019ajout d\u2019une remorque adapt\u00e9e, un quad peut facilement transporter :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>des outils et du mat\u00e9riel agricole<\/li>\n\n\n\n<li>des sacs d\u2019aliments pour animaux<\/li>\n\n\n\n<li>du mat\u00e9riel de cl\u00f4ture<\/li>\n\n\n\n<li>des bidons ou petits \u00e9quipements<\/li>\n<\/ul>\n\n\n\n<p>Certains mod\u00e8les disposent \u00e9galement de <strong>porte-bagages renforc\u00e9s \u00e0 l\u2019avant et \u00e0 l\u2019arri\u00e8re<\/strong>, permettant de transporter directement du mat\u00e9riel sur le v\u00e9hicule.<\/p>\n\n\n\n<p>Pour tirer pleinement parti de ces capacit\u00e9s, il est toutefois essentiel de choisir un quad suffisamment puissant et bien \u00e9quip\u00e9. Les mod\u00e8les dot\u00e9s des moteurs Rotax, par exemple, offrent un couple important et une grande fiabilit\u00e9, deux \u00e9l\u00e9ments essentiels pour un usage professionnel. Si vous souhaitez en savoir plus sur cette technologie, vous pouvez consulter notre article d\u00e9di\u00e9 au <strong>moteur Rotax Can-Am et \u00e0 ses performances<\/strong>.<\/p>\n\n\n\n<p>Cependant, tous les quads ne sont pas con\u00e7us pour un usage agricole intensif. Puissance, transmission, capacit\u00e9 de remorquage ou confort de conduite sont autant de crit\u00e8res \u00e0 prendre en compte pour faire le bon choix. C\u2019est ce que nous allons voir dans la prochaine partie avec <strong>les crit\u00e8res essentiels pour choisir un quad agricole adapt\u00e9 \u00e0 votre exploitation<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les crit\u00e8res pour choisir un quad agricole adapt\u00e9 \u00e0 votre exploitation<\/h2>\n\n\n\n<p>Tous les quads ne sont pas con\u00e7us pour le m\u00eame usage. Si certains mod\u00e8les sont principalement destin\u00e9s au loisir, d\u2019autres sont sp\u00e9cifiquement d\u00e9velopp\u00e9s pour <strong>les professionnels de l\u2019agriculture, de l\u2019\u00e9levage ou de la for\u00eat<\/strong>. Pour choisir un quad capable de r\u00e9pondre aux contraintes d\u2019une exploitation agricole, plusieurs crit\u00e8res essentiels doivent \u00eatre pris en compte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La puissance et le couple du moteur<\/h3>\n\n\n\n<p>Le moteur est l\u2019un des \u00e9l\u00e9ments les plus importants dans le choix d\u2019un <strong><a href=\"https:\/\/groupe-grim.com\/preprod\/gamme-quad\/\" data-type=\"link\" data-id=\"https:\/\/groupe-grim.com\/preprod\/gamme-quad\/\" target=\"_blank\" rel=\"noreferrer noopener\">quad utilitaire agriculture<\/a><\/strong>. Sur une exploitation, le v\u00e9hicule est souvent amen\u00e9 \u00e0 tracter une remorque, transporter du mat\u00e9riel ou \u00e9voluer sur des terrains difficiles comme des chemins boueux, des prairies humides ou des zones en pente.<\/p>\n\n\n\n<p>Un moteur puissant et dot\u00e9 d\u2019un <strong>couple \u00e9lev\u00e9<\/strong> permettra de travailler plus facilement dans ces conditions. C\u2019est notamment pour cette raison que de nombreux agriculteurs se tournent vers les quads Can-Am \u00e9quip\u00e9s des <strong>moteurs Rotax<\/strong>, r\u00e9put\u00e9s pour leur robustesse et leurs performances. Ces moteurs offrent une excellente capacit\u00e9 de traction tout en conservant une grande fiabilit\u00e9, un point essentiel pour un usage professionnel intensif.<\/p>\n\n\n\n<p>Pour mieux comprendre les sp\u00e9cificit\u00e9s de cette technologie, vous pouvez consulter notre article d\u00e9di\u00e9 au <strong>fonctionnement et aux performances du moteur Rotax Can-Am<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La capacit\u00e9 de charge et de remorquage<\/h3>\n\n\n\n<p>Dans le cadre d\u2019une utilisation agricole, un quad doit \u00eatre capable de <strong>transporter du mat\u00e9riel et de tracter une remorque<\/strong> sans difficult\u00e9. La capacit\u00e9 de charge et de remorquage est donc un crit\u00e8re d\u00e9terminant.<\/p>\n\n\n\n<p>La plupart des quads utilitaires disposent de <strong>porte-bagages \u00e0 l\u2019avant et \u00e0 l\u2019arri\u00e8re<\/strong>, permettant d\u2019installer des coffres, des bidons ou des outils. Certains mod\u00e8les offrent \u00e9galement des capacit\u00e9s de remorquage importantes, particuli\u00e8rement utiles pour transporter du mat\u00e9riel, du fourrage ou des \u00e9quipements agricoles.<\/p>\n\n\n\n<p>Pour un usage professionnel, il est g\u00e9n\u00e9ralement conseill\u00e9 d\u2019opter pour un quad capable de tracter <strong>plusieurs centaines de kilos<\/strong>, afin de conserver une bonne polyvalence sur l\u2019exploitation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La transmission et la motricit\u00e9<\/h3>\n\n\n\n<p>Les exploitations agricoles pr\u00e9sentent souvent des terrains vari\u00e9s : chemins de terre, prairies, zones boueuses ou pentes. Dans ces conditions, la <strong>motricit\u00e9 du quad est un \u00e9l\u00e9ment essentiel<\/strong>.<\/p>\n\n\n\n<p>Les mod\u00e8les utilitaires sont g\u00e9n\u00e9ralement \u00e9quip\u00e9s d\u2019une <strong>transmission 4&#215;4 enclenchable<\/strong>, permettant d\u2019am\u00e9liorer l\u2019adh\u00e9rence lorsque les conditions deviennent difficiles. Certains quads proposent \u00e9galement des syst\u00e8mes de <strong>blocage de diff\u00e9rentiel<\/strong>, particuli\u00e8rement utiles pour franchir des obstacles ou \u00e9voluer sur des terrains glissants.<\/p>\n\n\n\n<p>Ces technologies permettent au quad de conserver une excellente traction, m\u00eame lorsqu\u2019il transporte du mat\u00e9riel ou tracte une remorque.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le confort et la maniabilit\u00e9<\/h3>\n\n\n\n<p>M\u00eame si le quad est un v\u00e9hicule compact, le confort de conduite reste un crit\u00e8re important, notamment lorsque le v\u00e9hicule est utilis\u00e9 <strong>plusieurs heures par jour sur l\u2019exploitation<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><picture><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/avantages-dun-quad-sur-une-exploitation-agricole-1024x682.jpg\" alt=\"d\u00e9couvrez les avantages d\" width=\"1024\" height=\"682\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1303 size-full\" title=\"avantages d&rsquo;un quad sur une exploitation agricole\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/avantages-dun-quad-sur-une-exploitation-agricole-768x512.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2026\/03\/avantages-dun-quad-sur-une-exploitation-agricole.jpg 1280w\" sizes=\"100vw\"><\/picture><\/figure><div class=\"wp-block-media-text__content\">\n<p>Certains \u00e9quipements peuvent consid\u00e9rablement am\u00e9liorer l\u2019exp\u00e9rience d\u2019utilisation :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>direction assist\u00e9e<\/li>\n\n\n\n<li>suspensions renforc\u00e9es<\/li>\n\n\n\n<li>selle confortable<\/li>\n\n\n\n<li>ergonomie des commandes<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>Un quad confortable et facile \u00e0 manier permet de r\u00e9duire la fatigue et d\u2019am\u00e9liorer la productivit\u00e9 au quotidien.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La fiabilit\u00e9 et l\u2019entretien<\/h3>\n\n\n\n<p>Dans le cadre d\u2019un usage li\u00e9 \u00e0 l&rsquo;agriculture, un quad doit avant tout \u00eatre <strong>robuste et fiable<\/strong>. Les conditions de travail peuvent \u00eatre exigeantes : poussi\u00e8re, boue, humidit\u00e9 ou utilisation intensive.<\/p>\n\n\n\n<p>Choisir une marque reconnue pour la qualit\u00e9 de ses v\u00e9hicules permet de limiter les immobilisations et les co\u00fbts d\u2019entretien. Les quads Can-Am sont par exemple r\u00e9put\u00e9s pour leur solidit\u00e9 et leur durabilit\u00e9, ce qui explique leur popularit\u00e9 dans les secteurs agricole et forestier.<\/p>\n\n\n\n<p>Pour prolonger la dur\u00e9e de vie de votre v\u00e9hicule, il est \u00e9galement important de respecter un entretien r\u00e9gulier. Nous avons d\u2019ailleurs publi\u00e9 un <strong><a href=\"https:\/\/groupe-grim.com\/preprod\/entretien-quad-can-am\/\" target=\"_blank\" data-type=\"post\" data-id=\"1191\" rel=\"noreferrer noopener\">guide complet pour bien entretenir son quad Can-Am<\/a><\/strong>, qui d\u00e9taille les bonnes pratiques pour maintenir votre machine en parfait \u00e9tat de fonctionnement.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les meilleurs quads Can-Am pour travailler dans l\u2019agriculture<\/h2>\n\n\n\n<p>Dans le monde de l&rsquo;agriculture, les professionnels recherchent avant tout des v\u00e9hicules <strong>fiables, puissants et capables de supporter un usage intensif<\/strong>. Gr\u00e2ce \u00e0 leur conception robuste et \u00e0 leurs motorisations performantes, les quads Can-Am se sont impos\u00e9s comme une r\u00e9f\u00e9rence aupr\u00e8s de nombreux agriculteurs, \u00e9leveurs et exploitants forestiers.<\/p>\n\n\n\n<p>La gamme utilitaire de la marque propose plusieurs mod\u00e8les particuli\u00e8rement adapt\u00e9s aux besoins du terrain. Voici <strong>trois quads Can-Am particuli\u00e8rement populaires dans le monde agricole<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can-Am Outlander HD5 \/ HD7 : le quad agricole polyvalent<\/h3>\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=\"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\/preprod\/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\/preprod\/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=\"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\/preprod\/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\/preprod\/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 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\/preprod\/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\/preprod\/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 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\/preprod\/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\/preprod\/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                                        \n                <\/div>\n            <\/div>\n        <\/div>\n        \n                <!-- Navigation DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation flex items-center justify-between mt-8 px-5 relative z-[150] pointer-events-auto\">\n\n            <!-- Barre de progression - DESIGN IDENTIQUE -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"models-progress-fill h-full progress-theme rounded-full transition-all duration-600 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] w-0\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Boutons avec VOS fl\u00e8ches SVG - DESIGN IDENTIQUE -->\n            <div class=\"flex gap-2 relative z-[151] pointer-events-auto\">\n                <button class=\"models-nav-button models-prev w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-50 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\"\n                         alt=\"Pr\u00e9c\u00e9dent\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n\n                <button class=\"models-nav-button models-next w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\"\n                         alt=\"Suivant\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n                \n    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"models-slider-config\">\n        {\n            \"totalModels\": 4,\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 2,\n                \"desktop\": 3,\n                \"large\": 4\n            }\n        }\n    <\/script>\n\n    <!-- Donn\u00e9es AJAX pour le formulaire test-drive int\u00e9gr\u00e9 -->\n    <script>\n        window.sliderTestDriveData = {\n            ajaxUrl: \"https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"65b3077191\"        };\n\n        \/\/ R\u00e9initialiser Preline apr\u00e8s le chargement du DOM pour inclure notre modal\n        document.addEventListener('DOMContentLoaded', function() {\n            setTimeout(function() {\n                if (typeof HSStaticMethods !== 'undefined') {\n                    HSStaticMethods.autoInit();\n                    console.log('\u2705 Preline r\u00e9initialis\u00e9 pour le modal slider');\n                }\n            }, 500);\n        });\n    <\/script>\n\n    <!-- Modal Formulaire Test Drive Int\u00e9gr\u00e9 - Preline UI -->\n    <div id=\"hs-slider-test-drive-modal\"\n         class=\"hs-overlay hidden size-full fixed top-0 start-0 overflow-x-hidden overflow-y-auto\"\n         style=\"z-index: 2147483647 !important;\"\n         role=\"dialog\"\n         tabindex=\"-1\"\n         aria-labelledby=\"hs-slider-test-drive-modal-label\">\n        <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n            <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto dark:bg-neutral-900 dark:border-neutral-700\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700\">\n                <h3 id=\"hs-slider-test-drive-modal-label\" class=\"font-bold text-gray-800 dark:text-white\">\n                    R\u00e9server un essai\n                <\/h3>\n                <button type=\"button\"\n                        class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600\"\n                        aria-label=\"Close\"\n                        data-hs-overlay=\"#hs-slider-test-drive-modal\">\n                    <span class=\"sr-only\">Fermer<\/span>\n                    <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"m18 6-12 12\"><\/path>\n                        <path d=\"m6 6 12 12\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Body -->\n            <div class=\"p-6 overflow-y-auto\">\n                <!-- R\u00e9capitulatif du mod\u00e8le -->\n                                <div id=\"slider-model-recap\" class=\"mb-4 p-3 rounded-lg border-l-4\" style=\"background-color: rgba(211, 30, 28, 0.05); border-left-color: #d31e1c;\">\n                    <div class=\"flex items-center gap-2\">\n                        <i class=\"fa-solid fa-car text-sm\" style=\"color: #d31e1c;\"><\/i>\n                        <span class=\"text-sm text-gray-600\">Mod\u00e8le :<\/span>\n                        <span id=\"slider-selected-model-name\" class=\"font-semibold text-gray-800\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"slider-test-drive-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"slider-model-input\" name=\"model\" value=\"\">\n                    <!-- Anti-bot : honeypot + timestamp -->\n                    <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                    <input type=\"hidden\" name=\"form_timestamp\" value=\"1779187790\">\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<p>Les <strong>Outlander HD5 et HD7<\/strong> sont souvent consid\u00e9r\u00e9s comme d\u2019excellents quads pour les exploitations agricoles de taille moyenne. Polyvalents, robustes et faciles \u00e0 prendre en main, ils permettent de r\u00e9aliser la majorit\u00e9 des t\u00e2ches quotidiennes sur une exploitation.<\/p>\n\n\n\n<p>Gr\u00e2ce \u00e0 leur moteur Rotax fiable et \u00e9conomique, ces mod\u00e8les offrent <strong>un bon \u00e9quilibre entre puissance, maniabilit\u00e9 et co\u00fbt d\u2019utilisation<\/strong>. Ils sont particuli\u00e8rement appr\u00e9ci\u00e9s pour les d\u00e9placements rapides sur l\u2019exploitation et les travaux l\u00e9gers \u00e0 interm\u00e9diaires.<\/p>\n\n\n\n<p>Parmi leurs principaux avantages :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>moteur Rotax performant et fiable<\/li>\n\n\n\n<li>excellente maniabilit\u00e9 sur chemins agricoles<\/li>\n\n\n\n<li>capacit\u00e9 de traction adapt\u00e9e aux remorques l\u00e9g\u00e8res<\/li>\n\n\n\n<li>consommation ma\u00eetris\u00e9e<\/li>\n<\/ul>\n\n\n\n<p>Ces quads sont particuli\u00e8rement adapt\u00e9s pour :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>la surveillance des parcelles<\/li>\n\n\n\n<li>le suivi des troupeaux<\/li>\n\n\n\n<li>le transport d\u2019outils ou de petits \u00e9quipements<\/li>\n\n\n\n<li>les d\u00e9placements quotidiens sur l\u2019exploitation<\/li>\n<\/ul>\n\n\n\n<p>Pour de nombreux agriculteurs, l\u2019Outlander HD5 ou HD7 repr\u00e9sente <strong>une excellente porte d\u2019entr\u00e9e dans l\u2019univers des quads utilitaires professionnels<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can-Am Outlander HD9 \/ HD10 : puissance et performance pour les exploitations exigeantes<\/h3>\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=\"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\/preprod\/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\/preprod\/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                                        \n                <\/div>\n            <\/div>\n        <\/div>\n        \n                \n    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"models-slider-config\">\n        {\n            \"totalModels\": 1,\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 2,\n                \"desktop\": 3,\n                \"large\": 4\n            }\n        }\n    <\/script>\n\n    <!-- Donn\u00e9es AJAX pour le formulaire test-drive int\u00e9gr\u00e9 -->\n    <script>\n        window.sliderTestDriveData = {\n            ajaxUrl: \"https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"65b3077191\"        };\n\n        \/\/ R\u00e9initialiser Preline apr\u00e8s le chargement du DOM pour inclure notre modal\n        document.addEventListener('DOMContentLoaded', function() {\n            setTimeout(function() {\n                if (typeof HSStaticMethods !== 'undefined') {\n                    HSStaticMethods.autoInit();\n                    console.log('\u2705 Preline r\u00e9initialis\u00e9 pour le modal slider');\n                }\n            }, 500);\n        });\n    <\/script>\n\n    <!-- Modal Formulaire Test Drive Int\u00e9gr\u00e9 - Preline UI -->\n    <div id=\"hs-slider-test-drive-modal\"\n         class=\"hs-overlay hidden size-full fixed top-0 start-0 overflow-x-hidden overflow-y-auto\"\n         style=\"z-index: 2147483647 !important;\"\n         role=\"dialog\"\n         tabindex=\"-1\"\n         aria-labelledby=\"hs-slider-test-drive-modal-label\">\n        <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n            <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto dark:bg-neutral-900 dark:border-neutral-700\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700\">\n                <h3 id=\"hs-slider-test-drive-modal-label\" class=\"font-bold text-gray-800 dark:text-white\">\n                    R\u00e9server un essai\n                <\/h3>\n                <button type=\"button\"\n                        class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600\"\n                        aria-label=\"Close\"\n                        data-hs-overlay=\"#hs-slider-test-drive-modal\">\n                    <span class=\"sr-only\">Fermer<\/span>\n                    <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"m18 6-12 12\"><\/path>\n                        <path d=\"m6 6 12 12\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Body -->\n            <div class=\"p-6 overflow-y-auto\">\n                <!-- R\u00e9capitulatif du mod\u00e8le -->\n                                <div id=\"slider-model-recap\" class=\"mb-4 p-3 rounded-lg border-l-4\" style=\"background-color: rgba(211, 30, 28, 0.05); border-left-color: #d31e1c;\">\n                    <div class=\"flex items-center gap-2\">\n                        <i class=\"fa-solid fa-car text-sm\" style=\"color: #d31e1c;\"><\/i>\n                        <span class=\"text-sm text-gray-600\">Mod\u00e8le :<\/span>\n                        <span id=\"slider-selected-model-name\" class=\"font-semibold text-gray-800\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"slider-test-drive-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"slider-model-input\" name=\"model\" value=\"\">\n                    <!-- Anti-bot : honeypot + timestamp -->\n                    <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                    <input type=\"hidden\" name=\"form_timestamp\" value=\"1779187790\">\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<p>Pour les exploitations qui n\u00e9cessitent davantage de puissance, les <strong>Outlander HD9 et HD10<\/strong> repr\u00e9sentent une solution particuli\u00e8rement int\u00e9ressante. Ces mod\u00e8les sont con\u00e7us pour offrir <strong>une capacit\u00e9 de traction \u00e9lev\u00e9e et une grande robustesse<\/strong>, m\u00eame dans des conditions difficiles.<\/p>\n\n\n\n<p>Gr\u00e2ce \u00e0 leur moteur Rotax plus puissant et \u00e0 leur ch\u00e2ssis renforc\u00e9, ils sont capables de tracter des charges plus importantes et de travailler efficacement sur des terrains accident\u00e9s ou boueux.<\/p>\n\n\n\n<p>Parmi leurs points forts :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>moteur Rotax puissant avec un couple \u00e9lev\u00e9<\/li>\n\n\n\n<li>direction assist\u00e9e am\u00e9liorant le confort de conduite<\/li>\n\n\n\n<li>excellente motricit\u00e9 gr\u00e2ce \u00e0 la transmission 4&#215;4<\/li>\n\n\n\n<li>forte capacit\u00e9 de remorquage<\/li>\n<\/ul>\n\n\n\n<p>Ces mod\u00e8les sont particuli\u00e8rement adapt\u00e9s pour :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>tracter des remorques agricoles plus lourdes<\/li>\n\n\n\n<li>transporter du mat\u00e9riel sur l\u2019exploitation<\/li>\n\n\n\n<li>travailler dans des terrains difficiles<\/li>\n\n\n\n<li>effectuer des travaux quotidiens intensifs<\/li>\n<\/ul>\n\n\n\n<p>Pour les exploitations agricoles qui utilisent leur quad <strong>comme v\u00e9ritable outil de travail<\/strong>, l\u2019Outlander HD9 ou HD10 constitue souvent un choix tr\u00e8s pertinent.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Can-Am Outlander 6&#215;6 : la r\u00e9f\u00e9rence pour les travaux agricoles les plus exigeants<\/h3>\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=\"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\/preprod\/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\/preprod\/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=\"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                                                                            <\/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\/preprod\/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\/preprod\/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=\"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\/preprod\/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\/preprod\/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 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\/preprod\/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\/preprod\/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\/preprod\/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\/preprod\/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\/preprod\/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\/preprod\/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                                                                            <\/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\/preprod\/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\/preprod\/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                                        \n                <\/div>\n            <\/div>\n        <\/div>\n        \n                <!-- Navigation DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation flex items-center justify-between mt-8 px-5 relative z-[150] pointer-events-auto\">\n\n            <!-- Barre de progression - DESIGN IDENTIQUE -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"models-progress-fill h-full progress-theme rounded-full transition-all duration-600 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] w-0\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Boutons avec VOS fl\u00e8ches SVG - DESIGN IDENTIQUE -->\n            <div class=\"flex gap-2 relative z-[151] pointer-events-auto\">\n                <button class=\"models-nav-button models-prev w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-50 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\"\n                         alt=\"Pr\u00e9c\u00e9dent\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n\n                <button class=\"models-nav-button models-next w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\"\n                         alt=\"Suivant\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n                \n    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"models-slider-config\">\n        {\n            \"totalModels\": 7,\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 2,\n                \"desktop\": 3,\n                \"large\": 4\n            }\n        }\n    <\/script>\n\n    <!-- Donn\u00e9es AJAX pour le formulaire test-drive int\u00e9gr\u00e9 -->\n    <script>\n        window.sliderTestDriveData = {\n            ajaxUrl: \"https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"65b3077191\"        };\n\n        \/\/ R\u00e9initialiser Preline apr\u00e8s le chargement du DOM pour inclure notre modal\n        document.addEventListener('DOMContentLoaded', function() {\n            setTimeout(function() {\n                if (typeof HSStaticMethods !== 'undefined') {\n                    HSStaticMethods.autoInit();\n                    console.log('\u2705 Preline r\u00e9initialis\u00e9 pour le modal slider');\n                }\n            }, 500);\n        });\n    <\/script>\n\n    <!-- Modal Formulaire Test Drive Int\u00e9gr\u00e9 - Preline UI -->\n    <div id=\"hs-slider-test-drive-modal\"\n         class=\"hs-overlay hidden size-full fixed top-0 start-0 overflow-x-hidden overflow-y-auto\"\n         style=\"z-index: 2147483647 !important;\"\n         role=\"dialog\"\n         tabindex=\"-1\"\n         aria-labelledby=\"hs-slider-test-drive-modal-label\">\n        <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-lg sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n            <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto dark:bg-neutral-900 dark:border-neutral-700\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700\">\n                <h3 id=\"hs-slider-test-drive-modal-label\" class=\"font-bold text-gray-800 dark:text-white\">\n                    R\u00e9server un essai\n                <\/h3>\n                <button type=\"button\"\n                        class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600\"\n                        aria-label=\"Close\"\n                        data-hs-overlay=\"#hs-slider-test-drive-modal\">\n                    <span class=\"sr-only\">Fermer<\/span>\n                    <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                        <path d=\"m18 6-12 12\"><\/path>\n                        <path d=\"m6 6 12 12\"><\/path>\n                    <\/svg>\n                <\/button>\n            <\/div>\n\n            <!-- Body -->\n            <div class=\"p-6 overflow-y-auto\">\n                <!-- R\u00e9capitulatif du mod\u00e8le -->\n                                <div id=\"slider-model-recap\" class=\"mb-4 p-3 rounded-lg border-l-4\" style=\"background-color: rgba(211, 30, 28, 0.05); border-left-color: #d31e1c;\">\n                    <div class=\"flex items-center gap-2\">\n                        <i class=\"fa-solid fa-car text-sm\" style=\"color: #d31e1c;\"><\/i>\n                        <span class=\"text-sm text-gray-600\">Mod\u00e8le :<\/span>\n                        <span id=\"slider-selected-model-name\" class=\"font-semibold text-gray-800\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"slider-test-drive-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"slider-model-input\" name=\"model\" value=\"\">\n                    <!-- Anti-bot : honeypot + timestamp -->\n                    <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                    <input type=\"hidden\" name=\"form_timestamp\" value=\"1779187791\">\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<p>Pour les exploitations qui ont besoin d\u2019une <strong>capacit\u00e9 de transport et de traction encore plus importante<\/strong>, le <strong><a href=\"https:\/\/groupe-grim.com\/preprod\/outlander-max-6x6-le-quad-utilitaire-par-excellence\/\" data-type=\"post\" data-id=\"1098\">Can-Am Outlander 6&#215;6<\/a><\/strong> est souvent consid\u00e9r\u00e9 comme l\u2019un des v\u00e9hicules les plus efficaces de sa cat\u00e9gorie.<\/p>\n\n\n\n<p>Comme son nom l\u2019indique, ce mod\u00e8le dispose de <strong>six roues motrices<\/strong>, ce qui lui permet d\u2019offrir une motricit\u00e9 exceptionnelle sur les terrains difficiles. Il est \u00e9galement \u00e9quip\u00e9 d\u2019une <strong>benne basculante<\/strong>, particuli\u00e8rement pratique pour transporter du mat\u00e9riel, des outils ou des charges agricoles.<\/p>\n\n\n\n<p>Ses principaux atouts :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>transmission 6&#215;6 offrant une traction exceptionnelle<\/li>\n\n\n\n<li>benne basculante pour le transport de mat\u00e9riel<\/li>\n\n\n\n<li>capacit\u00e9 de charge \u00e9lev\u00e9e<\/li>\n\n\n\n<li>stabilit\u00e9 remarquable sur les terrains accident\u00e9s<\/li>\n<\/ul>\n\n\n\n<p>Le Outlander 6&#215;6 est particuli\u00e8rement appr\u00e9ci\u00e9 dans :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>les exploitations agricoles de grande taille<\/li>\n\n\n\n<li>l\u2019\u00e9levage<\/li>\n\n\n\n<li>les travaux forestiers<\/li>\n\n\n\n<li>les terrains boueux ou tr\u00e8s accident\u00e9s<\/li>\n<\/ul>\n\n\n\n<p>Pour certains professionnels, il constitue <strong>une alternative tr\u00e8s int\u00e9ressante entre un quad classique et un petit v\u00e9hicule utilitaire pour l&rsquo;agriculture<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Les accessoires indispensables pour un quad agricole<\/h2>\n\n\n\n<p>Pour exploiter pleinement le potentiel d\u2019un <strong>quad agricole<\/strong>, il est souvent n\u00e9cessaire de l\u2019\u00e9quiper avec des accessoires adapt\u00e9s aux besoins de l\u2019exploitation. Bien \u00e9quip\u00e9, un quad peut devenir un <strong>v\u00e9ritable outil utilitaire polyvalent<\/strong>, capable de transporter du mat\u00e9riel, de faciliter certains travaux ou d\u2019am\u00e9liorer la s\u00e9curit\u00e9 sur le terrain.<\/p>\n\n\n\n<p>Les fabricants comme Can-Am proposent une large gamme d\u2019accessoires sp\u00e9cialement con\u00e7us pour les usages professionnels. Voici les \u00e9quipements les plus utiles dans le cadre d\u2019une utilisation agricole.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La remorque agricole : un indispensable pour transporter du mat\u00e9riel<\/h3>\n\n\n\n<p>La remorque est sans doute <strong>l\u2019accessoire le plus utilis\u00e9 avec un quad dans le monde de l&rsquo;agriculture<\/strong>. Elle permet de transporter facilement du mat\u00e9riel ou des charges l\u00e9g\u00e8res sans mobiliser un v\u00e9hicule plus imposant.<\/p>\n\n\n\n<p>Selon les besoins de l\u2019exploitation, une remorque peut servir \u00e0 transporter :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>des outils agricoles<\/li>\n\n\n\n<li>des sacs d\u2019aliments pour animaux<\/li>\n\n\n\n<li>du mat\u00e9riel de cl\u00f4ture<\/li>\n\n\n\n<li>du petit fourrage<\/li>\n\n\n\n<li>du mat\u00e9riel d\u2019entretien<\/li>\n<\/ul>\n\n\n\n<p>Associ\u00e9e \u00e0 un quad puissant comme un Outlander, une remorque permet de <strong>multiplier les usages du v\u00e9hicule au quotidien<\/strong>. C\u2019est un \u00e9quipement particuli\u00e8rement utile pour les d\u00e9placements rapides sur l\u2019exploitation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le treuil : un alli\u00e9 pr\u00e9cieux sur les terrains difficiles<\/h3>\n\n\n\n<p>Pour les professionnels de l&rsquo;agriculture, les conditions de terrain peuvent parfois \u00eatre compliqu\u00e9es : boue, orni\u00e8res, pentes ou zones humides. Dans ces situations, un <strong>treuil \u00e9lectrique<\/strong> peut s\u2019av\u00e9rer extr\u00eamement utile.<\/p>\n\n\n\n<p>Install\u00e9 \u00e0 l\u2019avant du quad, le treuil permet par exemple de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>sortir un v\u00e9hicule enlis\u00e9<\/li>\n\n\n\n<li>d\u00e9placer du mat\u00e9riel lourd<\/li>\n\n\n\n<li>d\u00e9gager un obstacle<\/li>\n\n\n\n<li>tirer une remorque bloqu\u00e9e<\/li>\n<\/ul>\n\n\n\n<p>Cet accessoire est particuli\u00e8rement appr\u00e9ci\u00e9 par les agriculteurs travaillant sur des terrains accident\u00e9s ou dans des zones foresti\u00e8res.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les coffres et rangements : pour transporter les outils facilement<\/h3>\n\n\n\n<p>Pour les travaux agricoles quotidiens, il est souvent n\u00e9cessaire d\u2019emporter diff\u00e9rents outils : pinces, marteaux, fils de cl\u00f4ture, \u00e9quipements de r\u00e9paration ou petits accessoires.<\/p>\n\n\n\n<p>Les <strong>coffres de rangement pour quad<\/strong> permettent de transporter ces \u00e9quipements de mani\u00e8re s\u00e9curis\u00e9e et organis\u00e9e. Ils se fixent g\u00e9n\u00e9ralement sur les porte-bagages avant ou arri\u00e8re du v\u00e9hicule.<\/p>\n\n\n\n<p>Leur utilisation pr\u00e9sente plusieurs avantages :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>garder les outils \u00e0 port\u00e9e de main<\/li>\n\n\n\n<li>prot\u00e9ger le mat\u00e9riel de la pluie et de la poussi\u00e8re<\/li>\n\n\n\n<li>\u00e9viter les allers-retours inutiles vers les b\u00e2timents<\/li>\n<\/ul>\n\n\n\n<p>Certains mod\u00e8les de coffres sont sp\u00e9cialement con\u00e7us pour les quads utilitaires et offrent <strong>une grande capacit\u00e9 de rangement<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les protections et pare-buffles : prot\u00e9ger son v\u00e9hicule<\/h3>\n\n\n\n<p>Dans un usage agricole, un quad peut \u00eatre amen\u00e9 \u00e0 circuler dans des environnements exigeants : branches, cl\u00f4tures, chemins accident\u00e9s ou obstacles naturels.<\/p>\n\n\n\n<p>Les <strong>pare-buffles et protections de ch\u00e2ssis<\/strong> permettent de prot\u00e9ger les \u00e9l\u00e9ments les plus expos\u00e9s du v\u00e9hicule et d\u2019\u00e9viter certains dommages lors des travaux.<\/p>\n\n\n\n<p>Ces \u00e9quipements sont particuli\u00e8rement recommand\u00e9s pour les professionnels qui utilisent leur quad de mani\u00e8re intensive, notamment dans les exploitations agricoles ou foresti\u00e8res.<\/p>\n\n\n\n<p>Si vous souhaitez d\u00e9couvrir d\u2019autres \u00e9quipements utiles pour am\u00e9liorer la polyvalence de votre v\u00e9hicule, nous avons \u00e9galement publi\u00e9 un article d\u00e9di\u00e9 aux <strong><a href=\"https:\/\/groupe-grim.com\/preprod\/top-10-des-meilleurs-accessoires-can-am\/\" data-type=\"post\" data-id=\"889\">meilleurs accessoires Can-Am pour le travail et le loisir<\/a><\/strong>.<\/p>\n\n\n<div id=\"rank-math-faq\" class=\"rank-math-block\">\n<div class=\"rank-math-list \">\n<div id=\"faq-question-1773069877204\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Quel est le meilleur quad pour l\u2019agriculture ?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Le meilleur quad pour l\u2019agriculture d\u00e9pend principalement de la taille de l\u2019exploitation et des travaux \u00e0 r\u00e9aliser. Pour un usage polyvalent, des mod\u00e8les comme le u003cstrongu003eCan-Am Outlander HD5 ou HD7u003c\/strongu003e offrent un excellent compromis entre puissance, maniabilit\u00e9 et co\u00fbt d\u2019utilisation.u003cbru003ePour des travaux plus exigeants ou une utilisation intensive avec remorque, les u003cstrongu003eOutlander HD9 et HD10u003c\/strongu003e sont particuli\u00e8rement adapt\u00e9s gr\u00e2ce \u00e0 leur moteur plus puissant et leur capacit\u00e9 de traction \u00e9lev\u00e9e.u003cbru003eEnfin, pour les exploitations qui n\u00e9cessitent une grande capacit\u00e9 de transport ou qui \u00e9voluent sur des terrains difficiles, le u003cstrongu003eCan-Am Outlander 6x6u003c\/strongu003e constitue l\u2019une des r\u00e9f\u00e9rences du march\u00e9 gr\u00e2ce \u00e0 ses six roues motrices et \u00e0 sa benne basculante.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1773069889787\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Quelle puissance choisir pour un quad agricole ?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Pour une exploitation agricole, il est g\u00e9n\u00e9ralement recommand\u00e9 de choisir un quad d\u2019au moins u003cstrongu003e500 \u00e0 700 cm\u00b3u003c\/strongu003e, afin de b\u00e9n\u00e9ficier d\u2019un couple suffisant pour tracter une remorque ou transporter du mat\u00e9riel.u003cbru003eLes quads \u00e9quip\u00e9s de moteurs plus puissants, comme les mod\u00e8les dot\u00e9s des u003cstrongu003emoteurs Rotax Can-Amu003c\/strongu003e, offrent une meilleure capacit\u00e9 de traction et un meilleur confort de travail sur les terrains difficiles. Si vous souhaitez en savoir plus sur cette technologie, vous pouvez consulter notre article consacr\u00e9 au u003cstrongu003emoteur Rotax Can-Am et \u00e0 ses performancesu003c\/strongu003e.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1773069910616\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Un quad peut-il tracter une remorque agricole ?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Oui, la plupart des quads utilitaires sont con\u00e7us pour u003cstrongu003etracter une remorque agricoleu003c\/strongu003e. La capacit\u00e9 de remorquage d\u00e9pend cependant du mod\u00e8le et de sa puissance.u003cbru003eLes quads utilitaires modernes peuvent g\u00e9n\u00e9ralement tracter u003cstrongu003eplusieurs centaines de kilosu003c\/strongu003e, ce qui permet de transporter du mat\u00e9riel, des outils ou des sacs d\u2019aliments pour animaux sur l\u2019exploitation.u003cbru003ePour garantir une utilisation efficace et s\u00e9curis\u00e9e, il est important de choisir une remorque adapt\u00e9e et de respecter les capacit\u00e9s de traction recommand\u00e9es par le constructeur.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1773069922721\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Quad ou SSV : quel v\u00e9hicule choisir pour une exploitation agricole ?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Le choix entre un quad et un SSV d\u00e9pend principalement de l\u2019usage pr\u00e9vu.u003cbru003eLe u003cstrongu003equad agricoleu003c\/strongu003e est souvent privil\u00e9gi\u00e9 pour :u003cbru003eles d\u00e9placements rapides sur l\u2019exploitationu003cbru003ela surveillance des parcelles ou des troupeauxu003cbru003eles travaux l\u00e9gers et les interventions rapidesu003cbru003eLe u003cstrongu003eSSV (buggy utilitaire)u003c\/strongu003e est quant \u00e0 lui plus adapt\u00e9 lorsque l\u2019on souhaite :u003cbru003etransporter plusieurs personnesu003cbru003edisposer d\u2019une benne de chargementu003cbru003etravailler avec davantage de mat\u00e9rielu003cbru003ePour mieux comprendre les diff\u00e9rences entre ces v\u00e9hicules, vous pouvez \u00e9galement consulter notre u003cstrongu003eguide complet sur les buggys tout-terrainu003c\/strongu003e.<\/p>\n\n<\/div>\n<\/div>\n<div id=\"faq-question-1773069933227\" class=\"rank-math-list-item\">\n<h3 class=\"rank-math-question \">Comment entretenir un quad utilis\u00e9 dans l\u2019agriculture ?<\/h3>\n<div class=\"rank-math-answer \">\n\n<p>Un quad utilis\u00e9 dans un environnement agricole peut \u00eatre expos\u00e9 \u00e0 des conditions difficiles : poussi\u00e8re, boue, humidit\u00e9 ou utilisation intensive. Un entretien r\u00e9gulier est donc indispensable pour garantir sa fiabilit\u00e9 et prolonger sa dur\u00e9e de vie.u003cbru003eLes op\u00e9rations les plus importantes comprennent :u003cbru003ela v\u00e9rification et le remplacement de l\u2019huile moteuru003cbru003ele nettoyage r\u00e9gulier du v\u00e9hiculeu003cbru003ele contr\u00f4le des filtres et des pneusu003cbru003ela v\u00e9rification du syst\u00e8me de transmissionu003cbru003ePour aller plus loin, vous pouvez consulter notre u003cstrongu003eguide complet pour bien entretenir son quad Can-Amu003c\/strongu003e, qui d\u00e9taille toutes les bonnes pratiques pour pr\u00e9server les performances de votre v\u00e9hicule.<\/p>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Sur une exploitation agricole, disposer d\u2019un v\u00e9hicule polyvalent et fiable est essentiel pour gagner du temps au quotidien. Entre la surveillance des parcelles, le transport de mat\u00e9riel ou le travail avec remorque, le quad agricole s\u2019impose aujourd\u2019hui comme un outil indispensable pour de nombreux agriculteurs.<\/p>\n<p>Gr\u00e2ce \u00e0 leur robustesse et \u00e0 leurs moteurs puissants, les quads Can-Am se sont impos\u00e9s comme une r\u00e9f\u00e9rence dans le monde agricole et forestier. Dans ce guide, d\u00e9couvrez comment choisir le quad adapt\u00e9 \u00e0 votre exploitation ainsi qu\u2019une s\u00e9lection des meilleurs mod\u00e8les Can-Am pour travailler dans l\u2019agriculture.<\/p>\n","protected":false},"author":4,"featured_media":1302,"parent":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1298","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pro"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/posts\/1298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/comments?post=1298"}],"version-history":[{"count":5,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/posts\/1298\/revisions"}],"predecessor-version":[{"id":1351,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/posts\/1298\/revisions\/1351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/media\/1302"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/media?parent=1298"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/categories?post=1298"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/tags?post=1298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}