{"id":75,"date":"2025-08-12T17:29:39","date_gmt":"2025-08-12T15:29:39","guid":{"rendered":"https:\/\/groupe-grim.com\/preprod\/?page_id=75"},"modified":"2025-11-19T10:58:34","modified_gmt":"2025-11-19T09:58:34","slug":"gamme-quad","status":"publish","type":"page","link":"https:\/\/groupe-grim.com\/preprod\/gamme-quad\/","title":{"rendered":"Gamme Quad"},"content":{"rendered":"\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">D\u00e9couvrez les Quads Can-Am<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Puissance, agilit\u00e9 et polyvalence : les quads Can-Am repoussent toutes les limites. Performants et robustes, ils s\u2019adaptent aussi bien \u00e0 vos aventures qu\u2019\u00e0 vos besoins de travail. Avec leur motorisation et leur confort in\u00e9gal\u00e9, chaque sortie devient un moment d\u2019adr\u00e9naline et de plaisir pur.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">D\u00e9couvrez les Quads Junior Can-Am<\/h2>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n<div class=\"accroche-block my-16\" id=\"accroche-6a0c476ecac79\">\n    <div class=\"container mx-auto px-4\">\n        <div class=\"relative overflow-hidden rounded-[30px] p-12 lg:p-16\" \n             style=\"background-color: rgb(244,34,33);\">\n            \n            <!-- Contenu principal en 2 colonnes -->\n            <div class=\"relative z-20 grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center\">\n                \n                <!-- Colonne gauche : Contenu textuel -->\n                <div class=\"order-2 lg:order-1 space-y-6\">\n                    <!-- Titre principal -->\n                    <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold leading-tight\" \n                        style=\"color: #ffffff;\">\n                        Nos derni\u00e8res offres Quads                    <\/h2>\n                    \n                    <!-- Sous-titre -->\n                                            <p class=\"text-lg md:text-xl leading-relaxed opacity-90\" \n                           style=\"color: #ffffff;\">\n                            D\u00e9couvrez les offres du moment pour l&rsquo;achat de votre Quad Can-Am                        <\/p>\n                                        \n                    <!-- Bouton CTA -->\n                    <div class=\"pt-4\">\n                        <a href=\"https:\/\/groupe-grim.com\/preprod\/#offres\" \n                           class=\"inline-flex items-center justify-center px-8 py-4 bg-white rounded-full text-lg font-semibold transition-all duration-300 hover:scale-105 hover:shadow-lg transform no-underline\"\n                           style=\"color: rgb(244,34,33);\">\n                            D\u00e9couvrir                            <svg class=\"ml-2 w-5 h-5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5l7 7-7 7\"\/>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n                \n                <!-- Colonne droite : Images -->\n                <div class=\"order-1 lg:order-2 relative\">\n                    <div class=\"relative w-full max-w-md mx-auto lg:max-w-none lg:ml-auto\">\n                        \n                        <!-- Image secondaire (effet de profondeur) -->\n                        <div class=\"absolute -top-6 -left-6 opacity-50 blur-sm z-10\">\n                            <picture><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/1500-E-reduction-Can-Am-Renegade-ATV.jpg\" alt=\"1500 \u20ac reduction Can-Am Renegade (ATV)\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"w-full max-w-[400px] h-auto rounded-2xl transform scale-95\" title=\"1500 \u20ac reduction Can-Am Renegade (ATV)\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/1500-E-reduction-Can-Am-Renegade-ATV-768x432.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/1500-E-reduction-Can-Am-Renegade-ATV.jpg 1024w\" sizes=\"auto, 100vw\"><\/picture>                        <\/div>\n\n                        <!-- Image principale -->\n                        <div class=\"relative z-20\">\n                            <picture><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/1500-E-reduction-Can-Am-Renegade-ATV.jpg\" alt=\"1500 \u20ac reduction Can-Am Renegade (ATV)\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"w-full max-w-[400px] h-auto rounded-2xl shadow-2xl transform hover:scale-105 transition-transform duration-500\" title=\"1500 \u20ac reduction Can-Am Renegade (ATV)\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/1500-E-reduction-Can-Am-Renegade-ATV-768x432.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/1500-E-reduction-Can-Am-Renegade-ATV.jpg 1024w\" sizes=\"auto, 100vw\"><\/picture>                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Image d\u00e9corative floue en bas -->\n                            <div class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 translate-y-1\/2 opacity-30 blur-[20px] z-10 pointer-events-none\">\n                    <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1-768x500.webp 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp 860w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp\" alt=\"Plan de travail 1\" width=\"860\" height=\"560\" loading=\"lazy\" decoding=\"async\" class=\"w-64 md:w-80 lg:w-96 h-auto\" title=\"Image transparence gamme\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1-768x500.webp 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp 860w\" sizes=\"auto, 100vw\"><\/picture>                <\/div>\n                        \n            <!-- \u00c9l\u00e9ments d\u00e9coratifs suppl\u00e9mentaires -->\n            <div class=\"absolute top-8 right-8 w-20 h-20 rounded-full opacity-10 z-5\" \n                 style=\"background-color: #ffffff;\"><\/div>\n            <div class=\"absolute bottom-8 left-8 w-12 h-12 rounded-full opacity-10 z-5\" \n                 style=\"background-color: #ffffff;\"><\/div>\n            \n            <!-- Gradient subtil overlay -->\n            <div class=\"absolute inset-0 bg-gradient-to-br from-white\/5 via-transparent to-black\/5 rounded-[30px] pointer-events-none z-5\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Quel Quad Can-Am pour quelle utilisation ?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Le Outlander Pro<\/h3>\n\n\n\n<p>Le <strong>quad utilitaire Can-Am Outlander Pro<\/strong> est con\u00e7u pour offrir robustesse, fiabilit\u00e9 et confort aux professionnels comme aux particuliers. \u00c9quip\u00e9 d\u2019un moteur <strong>Rotax monocylindre de 650 cm\u00b3 d\u00e9veloppant 50 ch<\/strong>, il d\u00e9livre le couple n\u00e9cessaire pour tracter et transporter de lourdes charges sans effort. Ses suspensions assurent stabilit\u00e9 et confort sur tous types de terrains, m\u00eame accident\u00e9s. Gr\u00e2ce \u00e0 sa capacit\u00e9 de remorquage allant jusqu\u2019\u00e0 <strong>830 kg<\/strong> et ses porte-bagages renforc\u00e9s, l\u2019<strong>Outlander Pro Can-Am<\/strong> excelle dans les activit\u00e9s agricoles, foresti\u00e8res et de chasse. Fiable, durable et facile \u00e0 entretenir, il est pens\u00e9 pour une utilisation intensive au quotidien. Le <strong>Can-Am Outlander Pro<\/strong> s\u2019impose donc comme un <strong>quad agricole et utilitaire tout-terrain<\/strong> incontournable pour ceux qui recherchent endurance, puissance et polyvalence.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Outlander 500\/700<\/h3>\n\n\n\n<p>Le <strong>quad utilitaire Can-Am Outlander Pro 500\/700<\/strong> est con\u00e7u pour offrir puissance, confort et robustesse aux professionnels comme aux particuliers. Avec son moteur <strong>Rotax ACE monocylindre de 40 ch (500) ou 50 ch (700)<\/strong>, il garantit un couple \u00e9lev\u00e9 id\u00e9al pour tracter et transporter de lourdes charges. Sa suspension <strong>Arched A-Arm<\/strong> avec <strong>24,1 cm de d\u00e9battement<\/strong> assure stabilit\u00e9 et confort de conduite sur tous types de terrains. Gr\u00e2ce \u00e0 sa capacit\u00e9 de remorquage de <strong>830 kg<\/strong> et ses porte-bagages renforc\u00e9s, ce <strong>quad Can-Am utilitaire<\/strong> excelle dans les usages agricoles, forestiers ou pour l\u2019entretien de propri\u00e9t\u00e9s. Fiable, durable et facile \u00e0 entretenir, le <strong>Can-Am Outlander 500\/700<\/strong> est le choix incontournable pour ceux qui recherchent un <strong>quad agricole tout-terrain<\/strong> alliant polyvalence et endurance.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Outlander 850\/1000R<\/h3>\n\n\n\n<p>Le <strong>quad Can-Am Outlander 850\/1000R<\/strong> est le choix id\u00e9al pour les passionn\u00e9s de puissance et de tout-terrain extr\u00eame. Dot\u00e9 d\u2019un moteur <strong>Rotax bicylindre en V de 78 ch (850) ou 91 ch (1000R)<\/strong>, il offre des acc\u00e9l\u00e9rations explosives et un couple impressionnant pour affronter les terrains les plus difficiles. a suspension ind\u00e9pendante <strong>Arched A-Arm<\/strong> avec un d\u00e9battement de <strong>24,1 cm<\/strong> garantit confort, stabilit\u00e9 et ma\u00eetrise, m\u00eame sur les parcours accident\u00e9s. Con\u00e7u pour \u00eatre un <strong>quad sportif et utilitaire<\/strong>, il allie robustesse et polyvalence avec une capacit\u00e9 de remorquage allant jusqu\u2019\u00e0 <strong>750 kg<\/strong> et des porte-bagages renforc\u00e9s. Ergonomique et confortable, il permet de longues sorties sans fatigue tout en restant agile et pr\u00e9cis dans la conduite. Le <strong>Can-Am Outlander 850\/1000R<\/strong> est donc la r\u00e9f\u00e9rence pour ceux qui recherchent un <strong>quad Can-Am puissant, fiable et tout-terrain<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Renegade<\/h3>\n\n\n\n<p>Le <strong>quad Can-Am Renegade<\/strong> est pens\u00e9 pour les passionn\u00e9s de vitesse et de sensations fortes en tout-terrain. \u00c9quip\u00e9 d\u2019un moteur <strong>Rotax bicylindre en V jusqu\u2019\u00e0 91 ch<\/strong>, il se positionne comme l\u2019un des quads les plus puissants de sa cat\u00e9gorie. Le <strong>Renegade Can-Am<\/strong> excelle dans les randonn\u00e9es sportives, les dunes ou les parcours boueux gr\u00e2ce \u00e0 une garde au sol \u00e9lev\u00e9e et des suspensions avec un d\u00e9battement de <strong>24,1 cm<\/strong>. Sa conception ergonomique et son confort de conduite permettent de profiter pleinement de longues sorties sans fatigue. Le <strong>Can-Am Renegade<\/strong> est donc le quad id\u00e9al pour ceux qui recherchent un <strong>quad sportif Can-Am puissant, agile et pr\u00eat pour l\u2019aventure<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Renegade EFI et DS<\/h3>\n\n\n\n<p>Les <strong>quads Can-Am Renegade EFI et Can-Am DS<\/strong> sont con\u00e7us pour initier les enfants et adolescents \u00e0 la conduite tout-terrain en toute s\u00e9curit\u00e9. Le <strong>Renegade EFI<\/strong>, disponible en cylindr\u00e9es <strong>70, 110 et 150 cm\u00b3<\/strong>, propose une acc\u00e9l\u00e9ration progressive, une ergonomie adapt\u00e9e aux jeunes et un d\u00e9marreur \u00e9lectrique simple d\u2019utilisation. Le <strong>Can-Am DS<\/strong>, lui, se destine aux plus jeunes pilotes gr\u00e2ce \u00e0 son moteur <strong>4 temps fiable<\/strong>, sa transmission <strong>CVT sans vitesse \u00e0 passer<\/strong> et ses dispositifs de s\u00e9curit\u00e9 comme le limiteur de vitesse et le coupe-circuit. Avec leurs suspensions confortables et leur gabarit pens\u00e9 pour les enfants, ces <strong>quads Can-Am juniors<\/strong> offrent stabilit\u00e9, maniabilit\u00e9 et plaisir de pilotage d\u00e8s les premi\u00e8res sorties. Robustes et faciles \u00e0 entretenir, les Renegade EFI et DS sont les compagnons parfaits pour initier les plus jeunes aux joies du <strong>quad Can-Am tout-terrain pour enfants<\/strong>.<\/p>\n\n\n\n<!-- Styles dynamiques bas\u00e9s sur les couleurs du th\u00e8me -->\n<style>\n    \/* Utilisation de GrimCustomFont d\u00e9finie globalement avec fonts optimis\u00e9es *\/\n    #test-drive-6a0c476f37510 {\n                font-family: system-ui, sans-serif;\n            }\n\n    #test-drive-6a0c476f37510 h2,\n    #test-drive-6a0c476f37510 h3 {\n        color: #1f2937;\n                font-family: system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-6a0c476f37510 .separator-bar {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c476f37510 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-6a0c476f37510 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-6a0c476f37510 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-6a0c476f37510 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-6a0c476f37510 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-6a0c476f37510 .test-drive-progress-bar-fill {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c476f37510 .test-drive-model-card.selected,\n    #test-drive-6a0c476f37510 .test-drive-dealership-card.selected {\n        border-color: #d31e1c;\n        background-color: #d31e1c10;\n    }\n\n    #test-drive-6a0c476f37510 input:focus,\n    #test-drive-6a0c476f37510 textarea:focus {\n        border-color: #d31e1c;\n        ring-color: #d31e1c;\n    }\n\n    #test-drive-6a0c476f37510 input[type=\"checkbox\"]:checked {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c476f37510 .test-drive-back-button {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c476f37510 .dealer-signature a:hover {\n        color: #d31e1c;\n    }\n\n    #test-drive-6a0c476f37510 .dealer-signature a:hover i.fa-location-dot {\n        color: #d31e1c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-6a0c476f37510 .step-item.active .step-circle {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c476f37510 .step-item.active .step-label {\n        color: #d31e1c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-6a0c476f37510 .step-item.completed .step-circle {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c476f37510 .step-line.completed {\n        background-color: #d31e1c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-6a0c476f37510 .btn-theme-primary,\n    #test-drive-6a0c476f37510 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-6a0c476f37510 .btn-theme-primary:hover,\n    #test-drive-6a0c476f37510 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-6a0c476f37510 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-6a0c476f37510 a[href^=\"tel:\"]:hover {\n        background-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    \/* Forcer toutes les ic\u00f4nes Font Awesome en style normal (pas italique) *\/\n    #test-drive-6a0c476f37510 i,\n    #test-drive-6a0c476f37510 .fa-solid,\n    #test-drive-6a0c476f37510 .fa-regular,\n    #test-drive-6a0c476f37510 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-6a0c476f37510\" class=\"test-drive-block bg-white py-12 my-12 rounded-lg shadow-sm border border-gray-100\">\n    <!-- Contenu principal -->\n    <div class=\"container mx-auto px-4\">\n        <div class=\"max-w-layout mx-auto\">\n            <!-- Titre avec s\u00e9parateur -->\n            <div class=\"text-center mb-8\">\n                <h2 class=\"text-2xl md:text-3xl font-bold\">\n                    R\u00c9SERVER UN ESSAI EN CONCESSION                <\/h2>\n                <div class=\"w-20 h-1 separator-bar mx-auto mt-4\"><\/div>\n            <\/div>\n            \n            <!-- Boutons d'action c\u00f4te \u00e0 c\u00f4te - style models-slider -->\n            <div class=\"flex flex-row justify-center items-stretch gap-3 mb-8 max-w-2xl mx-auto\">\n                <!-- Bouton Essayer (R\u00e9server un essai) -->\n                <button type=\"button\"\n                        id=\"open-test-drive-form\"\n                        class=\"group relative inline-flex items-center justify-center gap-2 px-4 md:px-6 h-[44px] btn-theme-primary text-sm md:text-base font-medium rounded-md hover:text-white transition-all duration-300 active:scale-95 transform flex-1 text-center cursor-pointer overflow-hidden\">\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 brillante au survol -->\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                    <!-- Contenu du bouton avec ic\u00f4ne -->\n                    <span class=\"relative z-10 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-calendar-days\"><\/i>\n                        <span class=\"hidden md:inline\">R\u00e9server un essai<\/span>\n                        <span class=\"md:hidden\">R\u00e9server<\/span>\n                    <\/span>\n                <\/button>\n\n                <!-- Bouton Service Commercial (appel t\u00e9l\u00e9phonique) -->\n                <a href=\"tel:0805021414\"\n                   class=\"group relative inline-flex items-center justify-center gap-2 px-4 md:px-6 h-[44px] bg-white border-2 border-theme-primary text-theme-primary text-sm md:text-base font-medium rounded-md hover:bg-theme-primary hover:text-white transition-all duration-300 active:scale-95 transform flex-1 text-center no-underline overflow-hidden\">\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                    <!-- Contenu du bouton avec ic\u00f4ne -->\n                    <span class=\"relative z-10 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-phone\"><\/i>\n                        <span class=\"hidden md:inline\">Service Commercial<\/span>\n                        <span class=\"md:hidden\">Appeler<\/span>\n                    <\/span>\n                <\/a>\n            <\/div>\n            \n            <!-- Informations de contact -->\n            <div class=\"text-center space-y-3\">\n                <!-- Description -->\n                <p class=\"text-primary\">\n                    Pour tout renseignement, vous pouvez nous contacter du lundi au dimanche de 9h00 \u00e0 22h00                <\/p>\n            <\/div>\n            \n                        <!-- Formulaire de r\u00e9servation d'essai (cach\u00e9 initialement) -->\n            <div id=\"test-drive-form-container\" class=\"mt-12 border border-gray-200 rounded-lg overflow-hidden shadow-md hidden\">\n                <!-- Header du formulaire avec bouton fermer -->\n                <div class=\"form-header bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between\">\n                    <h3 class=\"text-lg font-semibold\" style=\"color: #1f2937;\">\n                        R\u00e9server votre essai\n                    <\/h3>\n                    <button type=\"button\" class=\"test-drive-close-button text-gray-400 hover:text-gray-600 transition-colors\" aria-label=\"Fermer la fen\u00eatre de r\u00e9servation\">\n                        <i class=\"fa-solid fa-times text-xl\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- Indicateur d'\u00e9tapes -->\n                <div class=\"test-drive-stepper bg-white px-6 py-4 border-b border-gray-200\">\n                    <div class=\"flex items-center justify-between max-w-md mx-auto\">\n                        <!-- \u00c9tape 1 -->\n                        <div class=\"step-item active\" data-step=\"1\">\n                            <div class=\"step-circle\">1<\/div>\n                            <div class=\"step-label\">Mod\u00e8le<\/div>\n                        <\/div>\n                        <div class=\"step-line\"><\/div>\n                        <!-- \u00c9tape 2 -->\n                        <div class=\"step-item\" data-step=\"2\">\n                            <div class=\"step-circle\">2<\/div>\n                            <div class=\"step-label\">Concession<\/div>\n                        <\/div>\n                        <div class=\"step-line\"><\/div>\n                        <!-- \u00c9tape 3 -->\n                        <div class=\"step-item\" data-step=\"3\">\n                            <div class=\"step-circle\">3<\/div>\n                            <div class=\"step-label\">Coordonn\u00e9es<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"test-drive-form\" class=\"p-6\">\n                <input type=\"hidden\" name=\"lead_source\" value=\"\">\n                                <input type=\"hidden\" name=\"source_page_url\" value=\"https:\/\/groupe-grim.com\/preprod\/gamme-quad\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Gamme Quad\">\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=\"1779189615\">\n                    <!-- \u00c9tape 1: Choix du mod\u00e8le -->\n                    <div class=\"test-drive-step active\" data-step=\"1\">\n                        <h3 class=\"text-xl font-bold mb-6\">Choisissez votre mod\u00e8le<\/h3>\n\n                        <!-- Select avec recherche native -->\n                        <div class=\"model-select-wrapper mb-6\">\n                            <label for=\"model-select\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                S\u00e9lectionnez un mod\u00e8le <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select id=\"model-select\" name=\"model\" required\n                                    class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 text-lg transition-all duration-200\"\n                                    style=\"background-image: url('data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%228%22%3E%3Cpath fill=%22%23374151%22 d=%22M0 0l6 8 6-8z%22\/%3E%3C\/svg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\">\n                                <option value=\"\">&#8212; Choisissez un mod\u00e8le &#8212;<\/option>\n                                                                        <option\n                                            value=\"DS 250\"\n                                            data-model='{&quot;name&quot;:&quot;DS 250&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-DS-250-300x218.png&quot;,&quot;image_alt&quot;:&quot;DS 250&quot;}'>\n                                            DS 250                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 Backcountry 1000 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 Backcountry 1000 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 Backcountry 1000 T&quot;}'>\n                                            Outlander 6X6 Backcountry 1000 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 DPS 850 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 DPS 850 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 DPS 850 T&quot;}'>\n                                            Outlander MAX 6X6 DPS 850 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 Backcountry 1000 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 Backcountry 1000 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-1000-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 Backcountry 1000 T&quot;}'>\n                                            Outlander MAX 6X6 Backcountry 1000 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 DPS 850 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 DPS 850 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-6x6-DPS-850-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 DPS 850 T&quot;}'>\n                                            Outlander 6X6 DPS 850 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 DPS 700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 DPS 700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 DPS 700 T&quot;}'>\n                                            Outlander MAX 6X6 DPS 700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 DPS 700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 DPS 700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-6X6-DPS-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 DPS 700 T&quot;}'>\n                                            Outlander 6X6 DPS 700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6x6\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6x6&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-6X6-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6x6&quot;}'>\n                                            Outlander 6&#215;6                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX Electric T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX Electric T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-MAX-Electric-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX Electric T&quot;}'>\n                                            Outlander MAX Electric T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Electric T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Electric T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-Electric-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Electric T&quot;}'>\n                                            Outlander Electric T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Electric\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Electric&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-Electric-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Electric&quot;}'>\n                                            Outlander Electric                                        <\/option>\n                                                                            <option\n                                            value=\"Origin Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Origin Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Origin-Standard-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin Standard&quot;}'>\n                                            Origin Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Pulse-Standard-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse Standard&quot;}'>\n                                            Pulse Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Origin &#039;73\"\n                                            data-model='{&quot;name&quot;:&quot;Origin &#039;73&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Origin-73-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin &#039;73&quot;}'>\n                                            Origin &#039;73                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse &#039;73\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse &#039;73&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Pulse-73-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse &#039;73&quot;}'>\n                                            Pulse &#039;73                                        <\/option>\n                                                                            <option\n                                            value=\"Origin\"\n                                            data-model='{&quot;name&quot;:&quot;Origin&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Origin-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin&quot;}'>\n                                            Origin                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Pulse-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse&quot;}'>\n                                            Pulse                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon Redrock\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon Redrock&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-Redrock-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon Redrock&quot;}'>\n                                            Canyon Redrock                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon XT\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon XT&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-XT-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon XT&quot;}'>\n                                            Canyon XT                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon&quot;}'>\n                                            Canyon                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT Sea-to-Sky\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT Sea-to-Sky&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-SEA-TO-SKY-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT Sea-to-Sky&quot;}'>\n                                            Spyder RT Sea-to-Sky                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT Limited\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT Limited&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-Limited-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT Limited&quot;}'>\n                                            Spyder RT Limited                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT&quot;}'>\n                                            Spyder RT                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3 Limited Special Series\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3 Limited Special Series&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-Limited-Special-Series-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3 Limited Special Series&quot;}'>\n                                            Spyder F3 Limited Special Series                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3 Limited\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3 Limited&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3 Limited&quot;}'>\n                                            Spyder F3 Limited                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3-T\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3-T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3-T&quot;}'>\n                                            Spyder F3-T                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3-S\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3-S&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-S-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3-S&quot;}'>\n                                            Spyder F3-S                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-SPYDER-F3-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3&quot;}'>\n                                            Spyder F3                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Rally\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Rally&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Rally-900-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Rally&quot;}'>\n                                            Ryker Rally                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Sport\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Sport&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Sport-900-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Sport&quot;}'>\n                                            Ryker Sport                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Standard-600-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Standard&quot;}'>\n                                            Ryker Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Ryker-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker&quot;}'>\n                                            Ryker                                        <\/option>\n                                                                            <option\n                                            value=\"DS\"\n                                            data-model='{&quot;name&quot;:&quot;DS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-DS-250-300x218.png&quot;,&quot;image_alt&quot;:&quot;DS&quot;}'>\n                                            DS                                        <\/option>\n                                                                            <option\n                                            value=\"Renegade EFI\"\n                                            data-model='{&quot;name&quot;:&quot;Renegade EFI&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Renegade-70EFI-300x218.png&quot;,&quot;image_alt&quot;:&quot;Renegade EFI&quot;}'>\n                                            Renegade EFI                                        <\/option>\n                                                                            <option\n                                            value=\"Renegade\"\n                                            data-model='{&quot;name&quot;:&quot;Renegade&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Renegade-300x218.png&quot;,&quot;image_alt&quot;:&quot;Renegade&quot;}'>\n                                            Renegade                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 850\/1000R\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 850\\\/1000R&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-850-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 850\\\/1000R&quot;}'>\n                                            Outlander 850\/1000R                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX XT 700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX XT 700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-MAX-XT-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX XT 700&quot;}'>\n                                            Outlander MAX XT 700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander X MR 700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander X MR 700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-X-MR-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander X MR 700&quot;}'>\n                                            Outlander X MR 700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX DPS 500\/700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX DPS 500\\\/700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX DPS 500\\\/700 T&quot;}'>\n                                            Outlander MAX DPS 500\/700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander DPS 500\/700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander DPS 500\\\/700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander DPS 500\\\/700 T&quot;}'>\n                                            Outlander DPS 500\/700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 500\/700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 500\\\/700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-500-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 500\\\/700&quot;}'>\n                                            Outlander 500\/700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX PRO XU HD8\/HD10 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX PRO XU HD8\\\/HD10 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX PRO XU HD8\\\/HD10 T&quot;}'>\n                                            Outlander MAX PRO XU HD8\/HD10 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX PRO XU HD7 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX PRO XU HD7 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX PRO XU HD7 T&quot;}'>\n                                            Outlander MAX PRO XU HD7 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO XU HD7 ABS T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO XU HD7 ABS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO XU HD7 ABS T&quot;}'>\n                                            Outlander PRO XU HD7 ABS T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO XU HD5\/HD7 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO XU HD5\\\/HD7 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-PRO-XU-HD5-HD7-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO XU HD5\\\/HD7 T&quot;}'>\n                                            Outlander PRO XU HD5\/HD7 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO HD5 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO HD5 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-HD5-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO HD5 T&quot;}'>\n                                            Outlander PRO HD5 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Pro\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Pro&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Pro&quot;}'>\n                                            Outlander Pro                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R MAX X RS\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R MAX X RS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-MAX-X-RS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R MAX X RS&quot;}'>\n                                            Maverick R MAX X RS                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R X RC\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R X RC&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-X-RC-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R X RC&quot;}'>\n                                            Maverick R X RC                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R X RS\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R X RS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-X-RS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R X RS&quot;}'>\n                                            Maverick R X RS                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-R-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R&quot;}'>\n                                            Maverick R                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick MAX X RS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick MAX X RS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick MAX X RS Turbo RR&quot;}'>\n                                            Maverick MAX X RS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick X RC Turbo RR 72\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick X RC Turbo RR 72&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick X RC Turbo RR 72&quot;}'>\n                                            Maverick X RC Turbo RR 72                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick X RS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick X RS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-RS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick X RS Turbo RR&quot;}'>\n                                            Maverick X RS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick DS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick DS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-DS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick DS Turbo RR&quot;}'>\n                                            Maverick DS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick&quot;}'>\n                                            Maverick                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport MAX DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport MAX DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport MAX DPS T&quot;}'>\n                                            Maverick Sport MAX DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Sport-DPS-T-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport DPS T&quot;}'>\n                                            Maverick Sport DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-Sport-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport&quot;}'>\n                                            Maverick Sport                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter 6x6 DPS\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter 6x6 DPS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-6x6-DPS-HD10-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter 6x6 DPS&quot;}'>\n                                            Traxter 6&#215;6 DPS                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter PRO XU T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter PRO XU T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-PRO-XU-T-HD10-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter PRO XU T&quot;}'>\n                                            Traxter PRO XU T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU ABS T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU ABS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-ABS-T-HD9-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU ABS T&quot;}'>\n                                            Traxter XU ABS T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-T-HD7-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU T&quot;}'>\n                                            Traxter XU T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-T-HD7-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter T&quot;}'>\n                                            Traxter T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter MAX XU HD11 T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter MAX XU HD11 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-MAX-XU-HD11-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter MAX XU HD11 T&quot;}'>\n                                            Traxter MAX XU HD11 T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU HD11 T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU HD11 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-HD11-TR-ABS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU HD11 T&quot;}'>\n                                            Traxter XU HD11 T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter HD11\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter HD11&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Traxter-XU-HD11-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter HD11&quot;}'>\n                                            Traxter HD11                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Traxter-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter&quot;}'>\n                                            Traxter                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail T&quot;}'>\n                                            Maverick Trail T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail DPS T&quot;}'>\n                                            Maverick Trail DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/preprod\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Trail-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail&quot;}'>\n                                            Maverick Trail                                        <\/option>\n                                                                <\/select>\n                            <p class=\"mt-2 text-sm text-gray-500\">\n                                <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                Vous pouvez taper pour rechercher un mod\u00e8le\n                            <\/p>\n                        <\/div>\n\n                        <!-- Aper\u00e7u visuel du mod\u00e8le (toujours visible, \u00e9tats initial et s\u00e9lectionn\u00e9) -->\n                        <div id=\"model-preview\" class=\"mt-6\">\n                            <div class=\"border-2 rounded-lg p-6 bg-gradient-to-br from-gray-50 to-white transition-all duration-300\">\n                                <!-- \u00c9tat initial : Aucun mod\u00e8le s\u00e9lectionn\u00e9 -->\n                                <div id=\"model-preview-empty\">\n                                    <p class=\"text-sm font-medium text-gray-400 mb-3\">\n                                        <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                        Aucun mod\u00e8le s\u00e9lectionn\u00e9\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div class=\"flex-shrink-0 bg-gray-100 rounded-lg p-3 w-32 h-32 flex items-center justify-center\">\n                                            <i class=\"fa-solid fa-car text-4xl text-gray-300\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <span class=\"text-base text-gray-400 block\">Choisissez un mod\u00e8le<\/span>\n                                            <span class=\"text-sm text-gray-300 mt-1 block\">dans la liste ci-dessus<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- \u00c9tat s\u00e9lectionn\u00e9 : Mod\u00e8le choisi (cach\u00e9 initialement) -->\n                                <div id=\"model-preview-selected\" class=\"hidden\">\n                                    <p class=\"text-sm font-medium text-gray-600 mb-3\">\n                                        <i class=\"fa-solid fa-check-circle mr-1\" style=\"color: #d31e1c;\"><\/i>\n                                        Mod\u00e8le s\u00e9lectionn\u00e9 :\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div id=\"model-preview-image-wrapper\" class=\"flex-shrink-0 bg-white rounded-lg p-3 shadow-sm w-32 h-32 flex items-center justify-center\">\n                                            <img decoding=\"async\" id=\"model-preview-image\" src=\"\" alt=\"\" class=\"max-h-24 w-auto object-contain\">\n                                        <\/div>\n                                        <div>\n                                            <span id=\"model-preview-name\" class=\"font-bold text-xl block\"><\/span>\n                                            <span class=\"text-sm text-gray-500 mt-1 block\">Pr\u00eat pour votre essai<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Boutons de navigation \u00c9tape 1 -->\n                        <div class=\"step-navigation mt-8 flex justify-end gap-3\">\n                            <button type=\"button\" class=\"btn-next btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed\" disabled>\n                                Suivant\n                                <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 2: Choix de la concession -->\n                    <div class=\"test-drive-step\" data-step=\"2\">\n                        <h3 class=\"text-xl font-bold mb-6\">Choisissez votre concession<\/h3>\n\n                        <!-- Select avec recherche native -->\n                        <div class=\"dealership-select-wrapper mb-6\">\n                            <label for=\"dealership-select\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                S\u00e9lectionnez une concession <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select id=\"dealership-select\" name=\"dealership\" required\n                                    class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 text-lg transition-all duration-200\"\n                                    style=\"background-image: url('data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%228%22%3E%3Cpath fill=%22%23374151%22 d=%22M0 0l6 8 6-8z%22\/%3E%3C\/svg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\">\n                                <option value=\"\">&#8212; Choisissez une concession &#8212;<\/option>\n                                                                        <option\n                                            value=\"Toulouse - Can-Am Toulouse\"\n                                            data-dealership='{&quot;city&quot;:&quot;Toulouse&quot;,&quot;name&quot;:&quot;Can-Am Toulouse&quot;,&quot;full_name&quot;:&quot;Toulouse - Can-Am Toulouse&quot;}'>\n                                            Toulouse &#8211; Can-Am Toulouse                                        <\/option>\n                                                                <\/select>\n                            <p class=\"mt-2 text-sm text-gray-500\">\n                                <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                Vous pouvez taper pour rechercher une concession\n                            <\/p>\n                        <\/div>\n\n                        <!-- Aper\u00e7u visuel de la concession -->\n                        <div id=\"dealership-preview\" class=\"mt-6\">\n                            <div class=\"border-2 rounded-lg p-6 bg-gradient-to-br from-gray-50 to-white transition-all duration-300\">\n                                <!-- \u00c9tat initial : Aucune concession s\u00e9lectionn\u00e9e -->\n                                <div id=\"dealership-preview-empty\">\n                                    <p class=\"text-sm font-medium text-gray-400 mb-3\">\n                                        <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                        Aucune concession s\u00e9lectionn\u00e9e\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div class=\"flex-shrink-0 bg-gray-100 rounded-lg p-3 w-32 h-32 flex items-center justify-center\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/09\/Logo-site-Can-Am-Toulouse-GRIM.png\" alt=\"Logo\" class=\"max-h-20 w-auto object-contain opacity-30 grayscale\">\n                                                                                    <\/div>\n                                        <div>\n                                            <span class=\"text-base text-gray-400 block\">Choisissez une concession<\/span>\n                                            <span class=\"text-sm text-gray-300 mt-1 block\">dans la liste ci-dessus<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- \u00c9tat s\u00e9lectionn\u00e9 : Concession choisie -->\n                                <div id=\"dealership-preview-selected\" class=\"hidden\">\n                                    <p class=\"text-sm font-medium text-gray-600 mb-3\">\n                                        <i class=\"fa-solid fa-check-circle mr-1\" style=\"color: #ffc400;\"><\/i>\n                                        Concession s\u00e9lectionn\u00e9e :\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div id=\"dealership-preview-icon-wrapper\" class=\"flex-shrink-0 bg-white rounded-lg p-3 shadow-sm w-32 h-32 flex items-center justify-center\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/09\/Logo-site-Can-Am-Toulouse-GRIM.png\" alt=\"Logo\" class=\"max-h-20 w-auto object-contain\">\n                                                                                    <\/div>\n                                        <div>\n                                            <span id=\"dealership-preview-city\" class=\"font-bold text-xl block\"><\/span>\n                                            <span id=\"dealership-preview-name\" class=\"text-sm text-gray-500 mt-1 block\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Boutons de navigation \u00c9tape 2 -->\n                        <div class=\"step-navigation mt-8 flex justify-between gap-3\">\n                            <button type=\"button\" class=\"btn-back px-6 py-3 bg-white border-2 btn-secondary rounded-lg transition-all duration-300\">\n                                <i class=\"fa-solid fa-arrow-left mr-2\"><\/i>\n                                Retour\n                            <\/button>\n                            <button type=\"button\" class=\"btn-next btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300 disabled:opacity-50\" disabled>\n                                Suivant\n                                <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 3: Informations de contact -->\n                    <div class=\"test-drive-step\" data-step=\"3\">\n                        <h3 class=\"text-xl font-bold mb-4\">Vos coordonn\u00e9es<\/h3>\n                        \n                        <div class=\"space-y-4\">\n                            <!-- Nom complet -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Nom complet <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"text\" name=\"name\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"Jean Dupont\">\n                            <\/div>\n                            \n                            <!-- Email -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\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 focus:ring-black\"\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-1\">\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 focus:ring-black\"\n                                       placeholder=\"06 12 34 56 78\">\n                            <\/div>\n                            \n                            <!-- Message (optionnel) -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Message (facultatif)\n                                <\/label>\n                                <textarea name=\"message\" rows=\"3\" \n                                          class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                          placeholder=\"Informations compl\u00e9mentaires...\"><\/textarea>\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=\"test-drive-privacy\" name=\"privacy\" type=\"checkbox\" required\n                                           class=\"w-4 h-4 border-gray-300 rounded\">\n                                <\/div>\n                                <label for=\"test-drive-privacy\" class=\"ml-3 text-sm text-primary privacy-label\">\n                                    J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"no-underline\" style=\"color: #d31e1c\">politique de confidentialit\u00e9<\/a>\n                                <\/label>\n                            <\/div>\n\n                            <!-- Boutons de navigation \u00c9tape 3 -->\n                            <div class=\"step-navigation mt-8 flex justify-between gap-3\">\n                                <button type=\"button\" class=\"btn-back px-6 py-3 bg-white border-2 btn-secondary rounded-lg transition-all duration-300\">\n                                    <i class=\"fa-solid fa-arrow-left mr-2\"><\/i>\n                                    Retour\n                                <\/button>\n                                <button type=\"submit\" class=\"btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300\">\n                                    Envoyer\n                                    <i class=\"fa-solid fa-paper-plane ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Message de succ\u00e8s (cach\u00e9 par d\u00e9faut) -->\n                    <div id=\"test-drive-success-message\" class=\"hidden text-center py-6\">\n                        <div class=\"rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\" style=\"background-color: #ffc40020;\">\n                            <i class=\"fa-solid fa-check text-2xl success-icon\" style=\"color: #ffc400;\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-2\">Demande envoy\u00e9e !<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-4\">\n                            Votre demande d&#039;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s. Nous vous recontacterons tr\u00e8s rapidement pour confirmer votre rendez-vous.                        <\/p>\n                        <div class=\"bg-gray-50 rounded-lg p-3\">\n                            <p class=\"text-sm text-gray-600\">\n                                <i class=\"fa-solid fa-clock mr-2\"><\/i>\n                                Disponibilit\u00e9 : Lun-Sam, 9h-19h\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<!-- Donn\u00e9es AJAX pour le formulaire test-drive -->\n<script>\n    window.testDriveData = {\n        ajaxUrl: 'https:\/\/groupe-grim.com\/preprod\/wp-admin\/admin-ajax.php',\n        nonce: '65b3077191'\n    };\n<\/script>\n\n\n\n<div class=\"social-networks-block -my-12 mb-20 mt-20 \" id=\"social-networks-6a0c476f38391\" style=\"--theme-primary: #d31e1c;\">\n            <!-- Titre style Hero\/Brands -->\n        <div class=\"sm:w-1\/2 xl:w-1\/3 mx-auto text-center mb-6 md:mb-12\">\n                            <h2 class=\"block text-2xl font-bold text-gray-800 sm:text-3xl lg:text-4xl lg:leading-tight dark:text-white text-center\">\n                    Suivez-nous sur les r\u00e9seaux <span class=\"text-theme-primary\">sociaux<\/span>                <\/h2>\n                                        <p class=\"mt-3 text-lg text-gray-800 dark:text-neutral-400 text-center\">Actus, offres, bons plans\u2026 Soyez le premier au courant<\/p>\n                    <\/div>\n    \n            <!-- Style boutons horizontaux -->\n        <div class=\"flex flex-wrap justify-center gap-4\">\n                                                                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61580045841044\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #1877f2\">\n                        <i class=\"fab fa-facebook-f mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        Facebook                    <\/a>\n                                                                                <a href=\"https:\/\/www.instagram.com\/canam.groupegrim\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #E4405F\">\n                        <i class=\"fab fa-instagram mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        Instagram                    <\/a>\n                                                                                <a href=\"https:\/\/www.linkedin.com\/company\/108783992\/admin\/dashboard\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #0077B5\">\n                        <i class=\"fab fa-linkedin-in mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        LinkedIn                    <\/a>\n                                    <\/div>\n\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez les Quads Can-Am Puissance, agilit\u00e9 et polyvalence : les quads Can-Am repoussent toutes les limites. Performants et robustes, ils s\u2019adaptent aussi bien \u00e0 vos aventures qu\u2019\u00e0 vos besoins de travail. Avec leur motorisation et leur confort in\u00e9gal\u00e9, chaque sortie devient un moment d\u2019adr\u00e9naline et de plaisir pur. D\u00e9couvrez les Quads Junior Can-Am Quel Quad [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":54,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":1096,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/75\/revisions\/1096"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}