{"id":77,"date":"2025-08-12T17:29:54","date_gmt":"2025-08-12T15:29:54","guid":{"rendered":"https:\/\/groupe-grim.com\/preprod\/?page_id=77"},"modified":"2025-11-18T18:16:16","modified_gmt":"2025-11-18T17:16:16","slug":"gamme-3-roues","status":"publish","type":"page","link":"https:\/\/groupe-grim.com\/preprod\/gamme-3-roues\/","title":{"rendered":"Gamme 3-roues"},"content":{"rendered":"\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">D\u00e9couvrez les v\u00e9hicules 3-roues Can-Am<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Stables, s\u00e9curis\u00e9s et performants, les v\u00e9hicules 3-roues Can-Am r\u00e9inventent le plaisir de conduire. Du simple trajet travail\/domicile aux escapades sportives dans les cols de montagne, ils s&rsquo;accordent \u00e0 tous type de pilotes et offrent des performances uniques, accessibles \u00e0 tous. Avec un Can-Am 3-roues, vivez la route autrement et laissez-vous porter par leurs sensations de conduite in\u00e9dites.<\/p>\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-6a0c40616760a\">\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 3-roues                    <\/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 3-roues 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\/Gamme-3-roues-can-am-2025-1024x683.jpg\" alt=\"Gamme 3 roues can-am 2025\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full max-w-[400px] h-auto rounded-2xl transform scale-95\" title=\"Gamme 3 roues can-am 2025\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025-768x512.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025.jpg 1199w\" 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\/Gamme-3-roues-can-am-2025-1024x683.jpg\" alt=\"Gamme 3 roues can-am 2025\" width=\"1024\" height=\"683\" 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=\"Gamme 3 roues can-am 2025\" srcset=\"https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025-768x512.jpg 768w, https:\/\/groupe-grim.com\/preprod\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025.jpg 1199w\" 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<h2 class=\"wp-block-heading\">Quel 3-roues Can-Am est fait pour vous ?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Le Ryker<\/h3>\n\n\n\n<p>Le <strong>Can-Am Ryker<\/strong> est une moto 3 roues moderne et accessible, pens\u00e9e pour offrir plaisir, confort et s\u00e9curit\u00e9 sur tous types de routes. Disponible en motorisations <strong>Rotax 600 ACE et 900 ACE<\/strong>, il propose une conduite fluide et dynamique avec une acc\u00e9l\u00e9ration r\u00e9active et un couple \u00e9lev\u00e9. Sa transmission <strong>CVT automatique<\/strong> rend le pilotage simple et intuitif. Gr\u00e2ce \u00e0 sa position de conduite ergonomique et ajustable, son centre de gravit\u00e9 bas et sa grande stabilit\u00e9, le <strong>Ryker Can-Am<\/strong> est id\u00e9al pour les trajets urbains comme pour les balades du week-end. Sa large personnalisation, avec de nombreux accessoires et options de style, permet de cr\u00e9er un v\u00e9hicule unique adapt\u00e9 \u00e0 chaque pilote. Le <strong>Can-Am Ryker<\/strong> est donc le choix parfait pour ceux qui recherchent une <strong>moto accessible, s\u00e9curisante et fun<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Spyder F3<\/h3>\n\n\n\n<p>Le <strong>Can-Am Spyder F3<\/strong> est la moto 3 roues la plus sportive de la gamme, con\u00e7ue pour offrir des sensations de conduite puissantes et dynamiques. Son moteur <strong>Rotax 1330 ACE de 115 chevaux<\/strong> d\u00e9livre un couple \u00e9lev\u00e9 et des acc\u00e9l\u00e9rations franches, id\u00e9ales pour les amateurs de performances. Sa position de conduite basse et avanc\u00e9e accentue la sportivit\u00e9 et garantit une connexion directe avec la route. Avec sa suspension calibr\u00e9e pour la pr\u00e9cision et son ch\u00e2ssis rigide, le <strong>Spyder F3 Can-Am<\/strong> offre une tenue de route exceptionnelle, m\u00eame en conduite agressive. Sa transmission <strong>semi-automatique \u00e0 6 rapports avec mode Sport<\/strong> permet de repousser les limites et d\u2019exploiter tout le potentiel du moteur. Alliant style muscl\u00e9, puissance et stabilit\u00e9, le <strong>Can-Am Spyder F3<\/strong> s\u2019impose comme la <strong>r\u00e9f\u00e9rence des motos 3 roues sportives hautes performances<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Spyder RT<\/h3>\n\n\n\n<p>Le <strong>Can-Am Spyder RT<\/strong> est la r\u00e9f\u00e9rence des motos 3 roues de tourisme, pens\u00e9 pour les longs trajets et le confort absolu. \u00c9quip\u00e9 d\u2019un moteur <strong>Rotax 1330 ACE de 115 chevaux<\/strong>, il combine puissance fluide et efficacit\u00e9 \u00e9nerg\u00e9tique pour avaler les kilom\u00e8tres en toute s\u00e9r\u00e9nit\u00e9. Sa position de conduite droite, ses <strong>si\u00e8ges chauffants ergonomiques<\/strong> et sa protection optimale gr\u00e2ce au car\u00e9nage et au pare-brise r\u00e9glable garantissent un voyage sans fatigue. Avec ses <strong>coffres spacieux offrant jusqu\u2019\u00e0 177 L de rangement<\/strong>, le <strong>Spyder RT Can-Am<\/strong> est id\u00e9al pour partir \u00e0 deux sur de longues distances. Ses aides \u00e0 la conduite intelligentes (ABS, antipatinage, contr\u00f4le de stabilit\u00e9) renforcent la s\u00e9curit\u00e9, tandis que son syst\u00e8me audio haut de gamme et son \u00e9cran connect\u00e9 am\u00e9liorent l\u2019exp\u00e9rience de route. Le <strong>Can-Am Spyder RT<\/strong> est donc le choix ultime pour ceux qui recherchent une <strong>moto 3 roues haut de gamme, confortable et taill\u00e9e pour l\u2019aventure longue distance<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Canyon<\/h3>\n\n\n\n<p>Le <strong>Can-Am Canyon 3 roues<\/strong> est un v\u00e9hicule d\u2019aventure puissant et polyvalent, id\u00e9al pour explorer routes et chemins. Son moteur <strong>Rotax 1330 ACE de 115 ch<\/strong> associ\u00e9 \u00e0 une transmission <strong>semi-automatique 6 rapports<\/strong> garantit des acc\u00e9l\u00e9rations fluides et une conduite dynamique. Avec ses suspensions \u00e0 grand d\u00e9battement (<strong>260 mm avant \/ 235 mm arri\u00e8re<\/strong>) et sa technologie <strong>Smart-Shox<\/strong>, le <strong>Canyon Can-Am<\/strong> assure confort et stabilit\u00e9, m\u00eame hors route. Sa garde au sol de <strong>160 mm<\/strong> et ses pneus <strong>XPS Adventure<\/strong> en font un <strong>v\u00e9hicule tout-terrain<\/strong> taill\u00e9 pour l\u2019exploration. Son cockpit moderne avec \u00e9cran <strong>10,25\u2033 CarPlay\/BRP Connect<\/strong> et le syst\u00e8me <strong>LinQ modulable<\/strong> renforcent son confort et sa personnalisation. Le <strong>Can-Am Canyon<\/strong> s\u2019impose comme la r\u00e9f\u00e9rence des <strong>motos 3 roues Can-Am d\u2019aventure<\/strong> pour voyager loin, longtemps et en toute s\u00e9curit\u00e9.<\/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-6a0c4061ccdb9 {\n                font-family: system-ui, sans-serif;\n            }\n\n    #test-drive-6a0c4061ccdb9 h2,\n    #test-drive-6a0c4061ccdb9 h3 {\n        color: #1f2937;\n                font-family: system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-6a0c4061ccdb9 .separator-bar {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c4061ccdb9 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-6a0c4061ccdb9 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-6a0c4061ccdb9 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-6a0c4061ccdb9 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-6a0c4061ccdb9 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-6a0c4061ccdb9 .test-drive-progress-bar-fill {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c4061ccdb9 .test-drive-model-card.selected,\n    #test-drive-6a0c4061ccdb9 .test-drive-dealership-card.selected {\n        border-color: #d31e1c;\n        background-color: #d31e1c10;\n    }\n\n    #test-drive-6a0c4061ccdb9 input:focus,\n    #test-drive-6a0c4061ccdb9 textarea:focus {\n        border-color: #d31e1c;\n        ring-color: #d31e1c;\n    }\n\n    #test-drive-6a0c4061ccdb9 input[type=\"checkbox\"]:checked {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c4061ccdb9 .test-drive-back-button {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c4061ccdb9 .dealer-signature a:hover {\n        color: #d31e1c;\n    }\n\n    #test-drive-6a0c4061ccdb9 .dealer-signature a:hover i.fa-location-dot {\n        color: #d31e1c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-6a0c4061ccdb9 .step-item.active .step-circle {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c4061ccdb9 .step-item.active .step-label {\n        color: #d31e1c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-6a0c4061ccdb9 .step-item.completed .step-circle {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a0c4061ccdb9 .step-line.completed {\n        background-color: #d31e1c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-6a0c4061ccdb9 .btn-theme-primary,\n    #test-drive-6a0c4061ccdb9 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-6a0c4061ccdb9 .btn-theme-primary:hover,\n    #test-drive-6a0c4061ccdb9 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-6a0c4061ccdb9 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-6a0c4061ccdb9 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-6a0c4061ccdb9 i,\n    #test-drive-6a0c4061ccdb9 .fa-solid,\n    #test-drive-6a0c4061ccdb9 .fa-regular,\n    #test-drive-6a0c4061ccdb9 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-6a0c4061ccdb9\" 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-3-roues\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Gamme 3-roues\">\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=\"1779187809\">\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-6a0c4061cdbc2\" 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 v\u00e9hicules 3-roues Can-Am Stables, s\u00e9curis\u00e9s et performants, les v\u00e9hicules 3-roues Can-Am r\u00e9inventent le plaisir de conduire. Du simple trajet travail\/domicile aux escapades sportives dans les cols de montagne, ils s&rsquo;accordent \u00e0 tous type de pilotes et offrent des performances uniques, accessibles \u00e0 tous. Avec un Can-Am 3-roues, vivez la route autrement et laissez-vous [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/77","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=77"}],"version-history":[{"count":37,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":1094,"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/pages\/77\/revisions\/1094"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/preprod\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}