{"id":75,"date":"2025-08-12T17:29:39","date_gmt":"2025-08-12T15:29:39","guid":{"rendered":"https:\/\/groupe-grim.com\/can-am\/?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\/can-am\/gamme-quad\/","title":{"rendered":"Gamme Quad"},"content":{"rendered":"\n<div class=\"hero-preline-block my-16\">\n    <div class=\"container mx-auto px-4\">\n        <!-- Hero Banni\u00e8re -->\n        <div class=\"hero-banner relative flex flex-col bg-cover bg-center bg-no-repeat rounded-t-2xl overflow-hidden\" style=\"background-image: url('https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Banniere-Gamme-Quad-2.jpg');\">\n            <!-- Bandes Can-Am en bas seulement -->\n            <div class=\"canam-stripes absolute bottom-0 left-0 right-0 z-10\">\n                <div class=\"h-[20px]\" style=\"background-color: #F42221;\"><\/div>\n                <div class=\"h-[20px]\" style=\"background-color: #FFC400;\"><\/div>\n            <\/div>\n            \n            <div class=\"h-full flex items-end p-8 md:p-12 lg:p-16 relative z-20\">\n                <div class=\"w-full md:w-2\/3 lg:max-w-2xl\">\n                                            <h1 class=\"text-2xl md:text-4xl lg:text-6xl text-white font-bold leading-tight\">\n                            Gamme Quad                        <\/h1>\n                                        \n                                    <\/div>\n            <\/div>\n        <\/div>\n        <!-- End Hero Banni\u00e8re -->\n    <\/div>\n<\/div>\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<div class=\"vehicle-showcase-block w-full\" id=\"vehicle-showcase-69f96ce94b48b\">\n        <!-- Carrousel des v\u00e9hicules -->\n    <div class=\"relative overflow-hidden mb-8\">\n        <div class=\"carousel-wrapper transition-transform duration-300 flex\">\n                            <div class=\"model-item flex-none w-full md:w-1\/2 h-full\" data-index=\"7\">\n                    <div class=\"mx-4 mb-8 h-full\">\n                        <div class=\"model-card bg-white p-6 rounded-2xl shadow-lg transform-gpu transition-all duration-300 relative overflow-hidden flex flex-col hover:shadow-xl hover:-translate-y-1\" style=\"height: 650px;\">\n                            <!-- En-t\u00eate avec badge et prix - hauteur fixe -->\n                            <div class=\"mb-4 flex-shrink-0\" style=\"min-height: 90px;\">\n                                <div class=\"flex justify-between items-start h-full\">\n                                    <!-- Colonne gauche : Nom + Version -->\n                                    <div class=\"flex-1 flex flex-col justify-start\">\n                                        <h2 class=\"text-2xl font-bold mb-2 text-gray-900 leading-tight\">\n                                            Outlander 6&#215;6                                        <\/h2>\n                                        \n                                        <!-- Version\/Description avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[20px]\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Colonne droite : Prix + Badge avec largeur fixe -->\n                                    <div class=\"text-right flex-shrink-0 flex flex-col justify-start\" style=\"min-width: 130px;\">\n                                        <!-- Prix avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[50px] flex flex-col justify-start\">\n                                                                                        <p class=\"text-xs text-gray-500 text-right price-right mb-1\">\u00c0 partir de<\/p>\n                                            <div class=\"text-xl font-bold text-gray-900 text-right price-right\">\n                                                17 499 \u20ac                                            <\/div>\n                                                                                    <\/div>\n                                        \n                                        <!-- Badge avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[30px] flex items-start justify-end mt-2\">\n                                                                                        <span class=\"bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap\">\n                                                Nouveau                                            <\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Image principale - hauteur fixe -->\n                            <div class=\"relative mb-6 flex-shrink-0\" style=\"height: 180px;\">\n                                <div class=\"h-full flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl overflow-hidden\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6.png\" \n                                             alt=\"Outlander 6x6\" \n                                             class=\"w-full h-full object-contain transition-transform duration-300 hover:scale-105\">\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Caract\u00e9ristiques dynamiques - zone flexible avec hauteur minimale -->\n                            <div class=\"flex-grow flex flex-col justify-evenly\">\n                                <!-- Section caract\u00e9ristiques avec hauteur adaptable -->\n                                <div class=\"mb-4\">\n                                                                            <!-- Limiter \u00e0 4 caract\u00e9ristiques maximum pour uniformit\u00e9 -->\n                                                                                <div class=\"space-y-3\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Puissance<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    50                                                                                                            <span class=\"text-gray-500 font-normal\"> ch<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Carburant<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    Essence                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Mill\u00e9sime<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    2026                                                                                                    <\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n\n                                <!-- Boutons d'action - position fixe en bas -->\n                                <div class=\"flex-shrink-0\">\n                                    <div class=\"flex gap-3\" style=\"height: 50px;\">\n                                                                                    <!-- Si on a un lien, on affiche les deux boutons -->\n                                                                                        <button type=\"button\" \n                                                class=\"test-drive-btn flex-1 text-center px-4 py-3 bg-black text-white text-sm font-semibold rounded-lg hover:bg-gray-800 transition-all duration-300 transform hover:scale-105 active:scale-95\"\n                                                data-model-name=\"Outlander 6x6\"\n                                                data-model-price=\"17499\"\n                                                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n                                                <i class=\"fa-solid fa-car mr-2\"><\/i>Essayer\n                                            <\/button>\n                                                                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-6x6.html\" class=\"flex-1 text-center px-4 py-3 border-2 border-black text-black text-sm font-semibold rounded-lg hover:bg-black hover:text-white transition-all duration-300 no-underline transform hover:scale-105 active:scale-95 flex items-center justify-center\" target=\"_blank\" rel=\"noopener\">\n                                                <i class=\"fa-solid fa-arrow-right mr-2\"><\/i>En savoir plus\n                                            <\/a>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"model-item flex-none w-full md:w-1\/2 h-full\" data-index=\"10\">\n                    <div class=\"mx-4 mb-8 h-full\">\n                        <div class=\"model-card bg-white p-6 rounded-2xl shadow-lg transform-gpu transition-all duration-300 relative overflow-hidden flex flex-col hover:shadow-xl hover:-translate-y-1\" style=\"height: 650px;\">\n                            <!-- En-t\u00eate avec badge et prix - hauteur fixe -->\n                            <div class=\"mb-4 flex-shrink-0\" style=\"min-height: 90px;\">\n                                <div class=\"flex justify-between items-start h-full\">\n                                    <!-- Colonne gauche : Nom + Version -->\n                                    <div class=\"flex-1 flex flex-col justify-start\">\n                                        <h2 class=\"text-2xl font-bold mb-2 text-gray-900 leading-tight\">\n                                            Outlander Electric                                        <\/h2>\n                                        \n                                        <!-- Version\/Description avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[20px]\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Colonne droite : Prix + Badge avec largeur fixe -->\n                                    <div class=\"text-right flex-shrink-0 flex flex-col justify-start\" style=\"min-width: 130px;\">\n                                        <!-- Prix avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[50px] flex flex-col justify-start\">\n                                                                                        <p class=\"text-xs text-gray-500 text-right price-right mb-1\">\u00c0 partir de<\/p>\n                                            <div class=\"text-xl font-bold text-gray-900 text-right price-right\">\n                                                17 679 \u20ac                                            <\/div>\n                                                                                    <\/div>\n                                        \n                                        <!-- Badge avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[30px] flex items-start justify-end mt-2\">\n                                                                                        <span class=\"bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap\">\n                                                Nouveau                                            <\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Image principale - hauteur fixe -->\n                            <div class=\"relative mb-6 flex-shrink-0\" style=\"height: 180px;\">\n                                <div class=\"h-full flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl overflow-hidden\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric.png\" \n                                             alt=\"Outlander Electric\" \n                                             class=\"w-full h-full object-contain transition-transform duration-300 hover:scale-105\">\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Caract\u00e9ristiques dynamiques - zone flexible avec hauteur minimale -->\n                            <div class=\"flex-grow flex flex-col justify-evenly\">\n                                <!-- Section caract\u00e9ristiques avec hauteur adaptable -->\n                                <div class=\"mb-4\">\n                                                                            <!-- Limiter \u00e0 4 caract\u00e9ristiques maximum pour uniformit\u00e9 -->\n                                                                                <div class=\"space-y-3\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Puissance<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    47                                                                                                            <span class=\"text-gray-500 font-normal\"> ch<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Carburant<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    Electrique                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Mill\u00e9sime<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    2026                                                                                                    <\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n\n                                <!-- Boutons d'action - position fixe en bas -->\n                                <div class=\"flex-shrink-0\">\n                                    <div class=\"flex gap-3\" style=\"height: 50px;\">\n                                                                                    <!-- Si on a un lien, on affiche les deux boutons -->\n                                                                                        <button type=\"button\" \n                                                class=\"test-drive-btn flex-1 text-center px-4 py-3 bg-black text-white text-sm font-semibold rounded-lg hover:bg-gray-800 transition-all duration-300 transform hover:scale-105 active:scale-95\"\n                                                data-model-name=\"Outlander Electric\"\n                                                data-model-price=\"17679\"\n                                                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n                                                <i class=\"fa-solid fa-car mr-2\"><\/i>Essayer\n                                            <\/button>\n                                                                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-electric.html\" class=\"flex-1 text-center px-4 py-3 border-2 border-black text-black text-sm font-semibold rounded-lg hover:bg-black hover:text-white transition-all duration-300 no-underline transform hover:scale-105 active:scale-95 flex items-center justify-center\" target=\"_blank\" rel=\"noopener\">\n                                                <i class=\"fa-solid fa-arrow-right mr-2\"><\/i>En savoir plus\n                                            <\/a>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"model-item flex-none w-full md:w-1\/2 h-full\" data-index=\"36\">\n                    <div class=\"mx-4 mb-8 h-full\">\n                        <div class=\"model-card bg-white p-6 rounded-2xl shadow-lg transform-gpu transition-all duration-300 relative overflow-hidden flex flex-col hover:shadow-xl hover:-translate-y-1\" style=\"height: 650px;\">\n                            <!-- En-t\u00eate avec badge et prix - hauteur fixe -->\n                            <div class=\"mb-4 flex-shrink-0\" style=\"min-height: 90px;\">\n                                <div class=\"flex justify-between items-start h-full\">\n                                    <!-- Colonne gauche : Nom + Version -->\n                                    <div class=\"flex-1 flex flex-col justify-start\">\n                                        <h2 class=\"text-2xl font-bold mb-2 text-gray-900 leading-tight\">\n                                            Renegade                                        <\/h2>\n                                        \n                                        <!-- Version\/Description avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[20px]\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Colonne droite : Prix + Badge avec largeur fixe -->\n                                    <div class=\"text-right flex-shrink-0 flex flex-col justify-start\" style=\"min-width: 130px;\">\n                                        <!-- Prix avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[50px] flex flex-col justify-start\">\n                                                                                        <p class=\"text-xs text-gray-500 text-right price-right mb-1\">\u00c0 partir de<\/p>\n                                            <div class=\"text-xl font-bold text-gray-900 text-right price-right\">\n                                                15 499 \u20ac                                            <\/div>\n                                                                                    <\/div>\n                                        \n                                        <!-- Badge avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[30px] flex items-start justify-end mt-2\">\n                                                                                        <span class=\"bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap\">\n                                                Loisir                                            <\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Image principale - hauteur fixe -->\n                            <div class=\"relative mb-6 flex-shrink-0\" style=\"height: 180px;\">\n                                <div class=\"h-full flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl overflow-hidden\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Renegade.png\" \n                                             alt=\"Renegade\" \n                                             class=\"w-full h-full object-contain transition-transform duration-300 hover:scale-105\">\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Caract\u00e9ristiques dynamiques - zone flexible avec hauteur minimale -->\n                            <div class=\"flex-grow flex flex-col justify-evenly\">\n                                <!-- Section caract\u00e9ristiques avec hauteur adaptable -->\n                                <div class=\"mb-4\">\n                                                                            <!-- Limiter \u00e0 4 caract\u00e9ristiques maximum pour uniformit\u00e9 -->\n                                                                                <div class=\"space-y-3\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Puissance<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    59                                                                                                            <span class=\"text-gray-500 font-normal\"> ch<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Mill\u00e9sime<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    2026                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Poids<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    364                                                                                                            <span class=\"text-gray-500 font-normal\"> kg<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n\n                                <!-- Boutons d'action - position fixe en bas -->\n                                <div class=\"flex-shrink-0\">\n                                    <div class=\"flex gap-3\" style=\"height: 50px;\">\n                                                                                    <!-- Si on a un lien, on affiche les deux boutons -->\n                                                                                        <button type=\"button\" \n                                                class=\"test-drive-btn flex-1 text-center px-4 py-3 bg-black text-white text-sm font-semibold rounded-lg hover:bg-gray-800 transition-all duration-300 transform hover:scale-105 active:scale-95\"\n                                                data-model-name=\"Renegade\"\n                                                data-model-price=\"15499\"\n                                                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n                                                <i class=\"fa-solid fa-car mr-2\"><\/i>Essayer\n                                            <\/button>\n                                                                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/sport\/renegade.html\" class=\"flex-1 text-center px-4 py-3 border-2 border-black text-black text-sm font-semibold rounded-lg hover:bg-black hover:text-white transition-all duration-300 no-underline transform hover:scale-105 active:scale-95 flex items-center justify-center\" target=\"_blank\" rel=\"noopener\">\n                                                <i class=\"fa-solid fa-arrow-right mr-2\"><\/i>En savoir plus\n                                            <\/a>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"model-item flex-none w-full md:w-1\/2 h-full\" data-index=\"37\">\n                    <div class=\"mx-4 mb-8 h-full\">\n                        <div class=\"model-card bg-white p-6 rounded-2xl shadow-lg transform-gpu transition-all duration-300 relative overflow-hidden flex flex-col hover:shadow-xl hover:-translate-y-1\" style=\"height: 650px;\">\n                            <!-- En-t\u00eate avec badge et prix - hauteur fixe -->\n                            <div class=\"mb-4 flex-shrink-0\" style=\"min-height: 90px;\">\n                                <div class=\"flex justify-between items-start h-full\">\n                                    <!-- Colonne gauche : Nom + Version -->\n                                    <div class=\"flex-1 flex flex-col justify-start\">\n                                        <h2 class=\"text-2xl font-bold mb-2 text-gray-900 leading-tight\">\n                                            Outlander 850\/1000R                                        <\/h2>\n                                        \n                                        <!-- Version\/Description avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[20px]\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Colonne droite : Prix + Badge avec largeur fixe -->\n                                    <div class=\"text-right flex-shrink-0 flex flex-col justify-start\" style=\"min-width: 130px;\">\n                                        <!-- Prix avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[50px] flex flex-col justify-start\">\n                                                                                        <p class=\"text-xs text-gray-500 text-right price-right mb-1\">\u00c0 partir de<\/p>\n                                            <div class=\"text-xl font-bold text-gray-900 text-right price-right\">\n                                                16 499 \u20ac                                            <\/div>\n                                                                                    <\/div>\n                                        \n                                        <!-- Badge avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[30px] flex items-start justify-end mt-2\">\n                                                                                        <span class=\"bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap\">\n                                                Loisir\/Comp\u00e9tition                                            <\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Image principale - hauteur fixe -->\n                            <div class=\"relative mb-6 flex-shrink-0\" style=\"height: 180px;\">\n                                <div class=\"h-full flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl overflow-hidden\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-850-1000R.png\" \n                                             alt=\"Outlander 850\/1000R\" \n                                             class=\"w-full h-full object-contain transition-transform duration-300 hover:scale-105\">\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Caract\u00e9ristiques dynamiques - zone flexible avec hauteur minimale -->\n                            <div class=\"flex-grow flex flex-col justify-evenly\">\n                                <!-- Section caract\u00e9ristiques avec hauteur adaptable -->\n                                <div class=\"mb-4\">\n                                                                            <!-- Limiter \u00e0 4 caract\u00e9ristiques maximum pour uniformit\u00e9 -->\n                                                                                <div class=\"space-y-3\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Puissance<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    101                                                                                                            <span class=\"text-gray-500 font-normal\"> ch<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Mill\u00e9sime<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    2026                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Poids<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    437                                                                                                            <span class=\"text-gray-500 font-normal\"> kg<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n\n                                <!-- Boutons d'action - position fixe en bas -->\n                                <div class=\"flex-shrink-0\">\n                                    <div class=\"flex gap-3\" style=\"height: 50px;\">\n                                                                                    <!-- Si on a un lien, on affiche les deux boutons -->\n                                                                                        <button type=\"button\" \n                                                class=\"test-drive-btn flex-1 text-center px-4 py-3 bg-black text-white text-sm font-semibold rounded-lg hover:bg-gray-800 transition-all duration-300 transform hover:scale-105 active:scale-95\"\n                                                data-model-name=\"Outlander 850\/1000R\"\n                                                data-model-price=\"16499\"\n                                                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n                                                <i class=\"fa-solid fa-car mr-2\"><\/i>Essayer\n                                            <\/button>\n                                                                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-850-1000r.html\" class=\"flex-1 text-center px-4 py-3 border-2 border-black text-black text-sm font-semibold rounded-lg hover:bg-black hover:text-white transition-all duration-300 no-underline transform hover:scale-105 active:scale-95 flex items-center justify-center\" target=\"_blank\" rel=\"noopener\">\n                                                <i class=\"fa-solid fa-arrow-right mr-2\"><\/i>En savoir plus\n                                            <\/a>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"model-item flex-none w-full md:w-1\/2 h-full\" data-index=\"42\">\n                    <div class=\"mx-4 mb-8 h-full\">\n                        <div class=\"model-card bg-white p-6 rounded-2xl shadow-lg transform-gpu transition-all duration-300 relative overflow-hidden flex flex-col hover:shadow-xl hover:-translate-y-1\" style=\"height: 650px;\">\n                            <!-- En-t\u00eate avec badge et prix - hauteur fixe -->\n                            <div class=\"mb-4 flex-shrink-0\" style=\"min-height: 90px;\">\n                                <div class=\"flex justify-between items-start h-full\">\n                                    <!-- Colonne gauche : Nom + Version -->\n                                    <div class=\"flex-1 flex flex-col justify-start\">\n                                        <h2 class=\"text-2xl font-bold mb-2 text-gray-900 leading-tight\">\n                                            Outlander 500\/700                                        <\/h2>\n                                        \n                                        <!-- Version\/Description avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[20px]\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Colonne droite : Prix + Badge avec largeur fixe -->\n                                    <div class=\"text-right flex-shrink-0 flex flex-col justify-start\" style=\"min-width: 130px;\">\n                                        <!-- Prix avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[50px] flex flex-col justify-start\">\n                                                                                        <p class=\"text-xs text-gray-500 text-right price-right mb-1\">\u00c0 partir de<\/p>\n                                            <div class=\"text-xl font-bold text-gray-900 text-right price-right\">\n                                                10 999 \u20ac                                            <\/div>\n                                                                                    <\/div>\n                                        \n                                        <!-- Badge avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[30px] flex items-start justify-end mt-2\">\n                                                                                        <span class=\"bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap\">\n                                                Loisir\/Travail                                            <\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Image principale - hauteur fixe -->\n                            <div class=\"relative mb-6 flex-shrink-0\" style=\"height: 180px;\">\n                                <div class=\"h-full flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl overflow-hidden\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-500-700.png\" \n                                             alt=\"Outlander 500\/700\" \n                                             class=\"w-full h-full object-contain transition-transform duration-300 hover:scale-105\">\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Caract\u00e9ristiques dynamiques - zone flexible avec hauteur minimale -->\n                            <div class=\"flex-grow flex flex-col justify-evenly\">\n                                <!-- Section caract\u00e9ristiques avec hauteur adaptable -->\n                                <div class=\"mb-4\">\n                                                                            <!-- Limiter \u00e0 4 caract\u00e9ristiques maximum pour uniformit\u00e9 -->\n                                                                                <div class=\"space-y-3\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Puissance<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    40                                                                                                            <span class=\"text-gray-500 font-normal\"> ch<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Mill\u00e9sime<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    2026                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Poids<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    348.2                                                                                                            <span class=\"text-gray-500 font-normal\"> kg<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n\n                                <!-- Boutons d'action - position fixe en bas -->\n                                <div class=\"flex-shrink-0\">\n                                    <div class=\"flex gap-3\" style=\"height: 50px;\">\n                                                                                    <!-- Si on a un lien, on affiche les deux boutons -->\n                                                                                        <button type=\"button\" \n                                                class=\"test-drive-btn flex-1 text-center px-4 py-3 bg-black text-white text-sm font-semibold rounded-lg hover:bg-gray-800 transition-all duration-300 transform hover:scale-105 active:scale-95\"\n                                                data-model-name=\"Outlander 500\/700\"\n                                                data-model-price=\"10999\"\n                                                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n                                                <i class=\"fa-solid fa-car mr-2\"><\/i>Essayer\n                                            <\/button>\n                                                                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/recreatif\/outlander-500-700.html\" class=\"flex-1 text-center px-4 py-3 border-2 border-black text-black text-sm font-semibold rounded-lg hover:bg-black hover:text-white transition-all duration-300 no-underline transform hover:scale-105 active:scale-95 flex items-center justify-center\" target=\"_blank\" rel=\"noopener\">\n                                                <i class=\"fa-solid fa-arrow-right mr-2\"><\/i>En savoir plus\n                                            <\/a>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"model-item flex-none w-full md:w-1\/2 h-full\" data-index=\"48\">\n                    <div class=\"mx-4 mb-8 h-full\">\n                        <div class=\"model-card bg-white p-6 rounded-2xl shadow-lg transform-gpu transition-all duration-300 relative overflow-hidden flex flex-col hover:shadow-xl hover:-translate-y-1\" style=\"height: 650px;\">\n                            <!-- En-t\u00eate avec badge et prix - hauteur fixe -->\n                            <div class=\"mb-4 flex-shrink-0\" style=\"min-height: 90px;\">\n                                <div class=\"flex justify-between items-start h-full\">\n                                    <!-- Colonne gauche : Nom + Version -->\n                                    <div class=\"flex-1 flex flex-col justify-start\">\n                                        <h2 class=\"text-2xl font-bold mb-2 text-gray-900 leading-tight\">\n                                            Outlander Pro                                        <\/h2>\n                                        \n                                        <!-- Version\/Description avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[20px]\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Colonne droite : Prix + Badge avec largeur fixe -->\n                                    <div class=\"text-right flex-shrink-0 flex flex-col justify-start\" style=\"min-width: 130px;\">\n                                        <!-- Prix avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[50px] flex flex-col justify-start\">\n                                                                                        <p class=\"text-xs text-gray-500 text-right price-right mb-1\">\u00c0 partir de<\/p>\n                                            <div class=\"text-xl font-bold text-gray-900 text-right price-right\">\n                                                9 999 \u20ac                                            <\/div>\n                                                                                    <\/div>\n                                        \n                                        <!-- Badge avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[30px] flex items-start justify-end mt-2\">\n                                                                                        <span class=\"bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap\">\n                                                Travail                                            <\/span>\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Image principale - hauteur fixe -->\n                            <div class=\"relative mb-6 flex-shrink-0\" style=\"height: 180px;\">\n                                <div class=\"h-full flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl overflow-hidden\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO.png\" \n                                             alt=\"Outlander Pro\" \n                                             class=\"w-full h-full object-contain transition-transform duration-300 hover:scale-105\">\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Caract\u00e9ristiques dynamiques - zone flexible avec hauteur minimale -->\n                            <div class=\"flex-grow flex flex-col justify-evenly\">\n                                <!-- Section caract\u00e9ristiques avec hauteur adaptable -->\n                                <div class=\"mb-4\">\n                                                                            <!-- Limiter \u00e0 4 caract\u00e9ristiques maximum pour uniformit\u00e9 -->\n                                                                                <div class=\"space-y-3\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Puissance<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    40                                                                                                            <span class=\"text-gray-500 font-normal\"> ch<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Mill\u00e9sime<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    2026                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Poids<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    362.9                                                                                                            <span class=\"text-gray-500 font-normal\"> kg<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n\n                                <!-- Boutons d'action - position fixe en bas -->\n                                <div class=\"flex-shrink-0\">\n                                    <div class=\"flex gap-3\" style=\"height: 50px;\">\n                                                                                    <!-- Si on a un lien, on affiche les deux boutons -->\n                                                                                        <button type=\"button\" \n                                                class=\"test-drive-btn flex-1 text-center px-4 py-3 bg-black text-white text-sm font-semibold rounded-lg hover:bg-gray-800 transition-all duration-300 transform hover:scale-105 active:scale-95\"\n                                                data-model-name=\"Outlander Pro\"\n                                                data-model-price=\"9999\"\n                                                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n                                                <i class=\"fa-solid fa-car mr-2\"><\/i>Essayer\n                                            <\/button>\n                                                                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/utilitaire-recreatif\/outlander-pro.html\" class=\"flex-1 text-center px-4 py-3 border-2 border-black text-black text-sm font-semibold rounded-lg hover:bg-black hover:text-white transition-all duration-300 no-underline transform hover:scale-105 active:scale-95 flex items-center justify-center\" target=\"_blank\" rel=\"noopener\">\n                                                <i class=\"fa-solid fa-arrow-right mr-2\"><\/i>En savoir plus\n                                            <\/a>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <!-- Navigation Desktop - DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation hidden md:flex items-center justify-between mt-8 px-5 py-2 relative z-[150]\">\n            \n            <!-- Barre de progression avec indicateur - DESIGN IDENTIQUE -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <!-- Indicateur de pagination -->\n                <div class=\"text-center mb-2\">\n                    <span class=\"models-pagination-indicator text-xs text-gray-500 font-medium\">\n                        Mod\u00e8le <span class=\"current-index\">1<\/span> sur 6                    <\/span>\n                <\/div>\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"models-progress-fill h-full bg-gradient-to-r from-gray-800 to-gray-600 rounded-full transition-all duration-600 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] w-0\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Boutons Can-Am style offres-slider -->\n            <div class=\"flex gap-2 relative z-[151] p-2\">\n                <button class=\"vehicle-nav-button vehicle-prev w-10 h-10 rounded-full flex items-center justify-center cursor-pointer transition-all duration-300 ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95\" \n                        style=\"background-color: #F42221; border: 2px solid #F42221;\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\" \n                         alt=\"Pr\u00e9c\u00e9dent\" \n                         class=\"arrow-icon w-6 h-6\"\n                         width=\"24\" \n                         height=\"24\">\n                <\/button>\n                \n                <button class=\"vehicle-nav-button vehicle-next w-10 h-10 rounded-full flex items-center justify-center cursor-pointer transition-all duration-300 ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95\" \n                        style=\"background-color: #F42221; border: 2px solid #F42221;\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\" \n                         alt=\"Suivant\" \n                         class=\"arrow-icon w-6 h-6\"\n                         width=\"24\" \n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n        \n        <!-- Pagination Mobile - Points -->\n        <div class=\"showcase-dots-container md:hidden flex justify-center items-center mt-2 gap-3 relative z-[150]\">\n                        <button class=\"showcase-dot w-2 h-2 rounded-full bg-gray-300 transition-all duration-300 cursor-pointer hover:bg-gray-400\" \n                    data-index=\"0\"\n                    aria-label=\"Aller au mod\u00e8le 1\">\n                <span class=\"sr-only\">Mod\u00e8le 1<\/span>\n            <\/button>\n                        <button class=\"showcase-dot w-2 h-2 rounded-full bg-gray-300 transition-all duration-300 cursor-pointer hover:bg-gray-400\" \n                    data-index=\"1\"\n                    aria-label=\"Aller au mod\u00e8le 2\">\n                <span class=\"sr-only\">Mod\u00e8le 2<\/span>\n            <\/button>\n                        <button class=\"showcase-dot w-2 h-2 rounded-full bg-gray-300 transition-all duration-300 cursor-pointer hover:bg-gray-400\" \n                    data-index=\"2\"\n                    aria-label=\"Aller au mod\u00e8le 3\">\n                <span class=\"sr-only\">Mod\u00e8le 3<\/span>\n            <\/button>\n                        <button class=\"showcase-dot w-2 h-2 rounded-full bg-gray-300 transition-all duration-300 cursor-pointer hover:bg-gray-400\" \n                    data-index=\"3\"\n                    aria-label=\"Aller au mod\u00e8le 4\">\n                <span class=\"sr-only\">Mod\u00e8le 4<\/span>\n            <\/button>\n                        <button class=\"showcase-dot w-2 h-2 rounded-full bg-gray-300 transition-all duration-300 cursor-pointer hover:bg-gray-400\" \n                    data-index=\"4\"\n                    aria-label=\"Aller au mod\u00e8le 5\">\n                <span class=\"sr-only\">Mod\u00e8le 5<\/span>\n            <\/button>\n                        <button class=\"showcase-dot w-2 h-2 rounded-full bg-gray-300 transition-all duration-300 cursor-pointer hover:bg-gray-400\" \n                    data-index=\"5\"\n                    aria-label=\"Aller au mod\u00e8le 6\">\n                <span class=\"sr-only\">Mod\u00e8le 6<\/span>\n            <\/button>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- Modal Test Drive -->\n<div id=\"hs-modal-test-drive-showcase\" \n     class=\"hs-overlay hidden size-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto\" \n     role=\"dialog\" \n     tabindex=\"-1\" \n     aria-labelledby=\"hs-modal-test-drive-showcase-label\">\n  <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-2xl sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n    <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto\" style=\"min-height: 700px; max-height: 95vh;\">\n      <!-- Header -->\n      <div class=\"flex justify-between items-center py-3 px-4 border-b flex-shrink-0\">\n        <h3 id=\"hs-modal-test-drive-showcase-label\" class=\"font-bold text-gray-800\">\n          <i class=\"fa-solid fa-car mr-2 text-black\"><\/i>Demande d&rsquo;essai\n        <\/h3>\n        <button type=\"button\" \n                class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200\" \n                aria-label=\"Close\"\n                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n          <span class=\"sr-only\">Fermer<\/span>\n          <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"m18 6-12 12\"><\/path>\n            <path d=\"m6 6 12 12\"><\/path>\n          <\/svg>\n        <\/button>\n      <\/div>\n      \n      <!-- Body with fixed height and smooth transitions -->\n      <div class=\"flex-1 relative overflow-hidden\">\n        <!-- \u00c9tat du formulaire - container avec hauteur fixe -->\n        <div class=\"absolute inset-0 p-6 overflow-y-auto\">\n          <div id=\"form-state-showcase\" class=\"transition-all duration-500 ease-in-out\">\n            \n            <!-- R\u00e9capitulatif du mod\u00e8le -->\n            <div id=\"model-recap-showcase\" class=\"mb-6 p-4 bg-gray-50 rounded-lg border\">\n              <h4 class=\"font-semibold text-gray-800 mb-2\">Mod\u00e8le s\u00e9lectionn\u00e9 :<\/h4>\n              <div class=\"flex justify-between items-center\">\n                <span id=\"selected-model-name-showcase\" class=\"text-lg font-bold text-black\"><\/span>\n                <span id=\"selected-model-price-showcase\" class=\"text-sm text-gray-600 font-medium\"><\/span>\n              <\/div>\n            <\/div>\n\n            <!-- Formulaire -->\n            <form id=\"test-drive-popup-form-showcase\" class=\"space-y-4\">\n          <!-- Concession -->\n          <div>\n            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n              Concession <span class=\"text-red-500\">*<\/span>\n            <\/label>\n                                        <div class=\"p-3 bg-gray-50 rounded-lg border text-gray-800\">\n                <i class=\"fa-solid fa-location-dot mr-2\"><\/i>\n                Toulouse &#8211; Can-Am              <\/div>\n              <input type=\"hidden\" name=\"dealership\" value=\"Toulouse - Can-Am\">\n                      <\/div>\n\n          <!-- Pr\u00e9nom et Nom -->\n          <div class=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                Pr\u00e9nom <span class=\"text-red-500\">*<\/span>\n              <\/label>\n              <input type=\"text\" name=\"first_name\" required \n                     class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black focus:border-black\"\n                     placeholder=\"Jean\">\n            <\/div>\n            <div>\n              <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                Nom <span class=\"text-red-500\">*<\/span>\n              <\/label>\n              <input type=\"text\" name=\"last_name\" required \n                     class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black focus:border-black\"\n                     placeholder=\"Dupont\">\n            <\/div>\n          <\/div>\n\n          <!-- Email -->\n          <div>\n            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n              Email <span class=\"text-red-500\">*<\/span>\n            <\/label>\n            <input type=\"email\" name=\"email\" required \n                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black focus:border-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-2\">\n              T\u00e9l\u00e9phone <span class=\"text-red-500\">*<\/span>\n            <\/label>\n            <input type=\"tel\" name=\"phone\" required \n                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black focus:border-black\"\n                   placeholder=\"06 12 34 56 78\">\n          <\/div>\n\n          <!-- Politique de confidentialit\u00e9 -->\n          <div class=\"flex items-start\">\n            <div class=\"flex items-center h-5\">\n              <input id=\"privacy-popup-showcase\" name=\"privacy\" type=\"checkbox\" required\n                     class=\"w-4 h-4 border-gray-300 rounded text-black focus:ring-black\">\n            <\/div>\n            <label for=\"privacy-popup-showcase\" class=\"ml-3 text-sm text-gray-700\">\n              J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"text-black hover:underline\" target=\"_blank\">politique de confidentialit\u00e9<\/a> <span class=\"text-red-500\">*<\/span>\n            <\/label>\n          <\/div>\n\n              <!-- Bouton d'envoi -->\n              <button type=\"submit\" id=\"submit-btn-showcase\"\n                      class=\"w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 transition-all duration-300 font-semibold\">\n                <i class=\"fa-solid fa-paper-plane mr-2\"><\/i>Envoyer ma demande d&rsquo;essai\n              <\/button>\n            <\/form>\n          <\/div>\n          \n          <!-- \u00c9tat de chargement -->\n          <div id=\"loading-state-showcase\" class=\"absolute inset-0 p-6 bg-white flex flex-col items-center justify-center transition-all duration-500 ease-in-out opacity-0 invisible\">\n            <div class=\"text-center\">\n              <div class=\"bg-blue-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                <svg class=\"animate-spin h-8 w-8 text-blue-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                  <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                  <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                <\/svg>\n              <\/div>\n              <h4 class=\"text-lg font-bold mb-2 text-gray-800\">Envoi en cours&#8230;<\/h4>\n              <p class=\"text-gray-600 text-sm\">Veuillez patienter pendant l&rsquo;envoi de votre demande<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- \u00c9tat de succ\u00e8s -->\n          <div id=\"success-state-showcase\" class=\"absolute inset-0 p-6 bg-white flex flex-col items-center justify-center transition-all duration-500 ease-in-out opacity-0 invisible\">\n            <div class=\"text-center\">\n              <div class=\"bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                <i class=\"fa-solid fa-check text-3xl text-green-600\"><\/i>\n              <\/div>\n              <h4 class=\"text-lg font-bold mb-2 text-green-700\">Demande envoy\u00e9e !<\/h4>\n              <p class=\"text-gray-600 text-sm mb-4\">\n                Votre demande d&rsquo;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s.<br>\n                Nous vous recontacterons rapidement pour confirmer votre rendez-vous.\n              <\/p>\n              <div class=\"bg-green-100 border border-green-200 rounded-lg p-3 text-sm text-green-800\">\n                <i class=\"fa-solid fa-info-circle mr-2\"><\/i>\n                Un email de confirmation vous a \u00e9t\u00e9 envoy\u00e9\n              <\/div>\n              <p class=\"text-xs text-gray-500 mt-4\">Cette fen\u00eatre se fermera automatiquement dans quelques secondes&#8230;<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- \u00c9tat d'erreur -->\n          <div id=\"error-state-showcase\" class=\"absolute inset-0 p-6 bg-white flex flex-col items-center justify-center transition-all duration-500 ease-in-out opacity-0 invisible\">\n            <div class=\"text-center\">\n              <div class=\"bg-red-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                <i class=\"fa-solid fa-exclamation-triangle text-3xl text-red-600\"><\/i>\n              <\/div>\n              <h4 class=\"text-lg font-bold mb-2 text-red-700\">Erreur d&rsquo;envoi<\/h4>\n              <p id=\"error-message-showcase\" class=\"text-gray-600 text-sm mb-4\">\n                Une erreur est survenue lors de l&rsquo;envoi de votre demande.\n              <\/p>\n              <button type=\"button\" id=\"retry-btn-showcase\" class=\"px-6 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-all duration-300 font-medium\">\n                <i class=\"fa-solid fa-redo mr-2\"><\/i>R\u00e9essayer\n              <\/button>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Configurer les variables globales pour le JavaScript externe\nwindow.ajaxurl = 'https:\/\/groupe-grim.com\/can-am\/wp-admin\/admin-ajax.php';\nwindow.vehicleShowcaseNonce = '31e87709d2';\n<\/script>\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<div class=\"vehicle-showcase-block w-full\" id=\"vehicle-showcase-69f96ce9594d5\">\n        <!-- Carrousel des v\u00e9hicules -->\n    <div class=\"relative overflow-hidden mb-8\">\n        <div class=\"carousel-wrapper transition-transform duration-300 flex\">\n                            <div class=\"model-item flex-none w-full md:w-1\/2 h-full\" data-index=\"34\">\n                    <div class=\"mx-4 mb-8 h-full\">\n                        <div class=\"model-card bg-white p-6 rounded-2xl shadow-lg transform-gpu transition-all duration-300 relative overflow-hidden flex flex-col hover:shadow-xl hover:-translate-y-1\" style=\"height: 650px;\">\n                            <!-- En-t\u00eate avec badge et prix - hauteur fixe -->\n                            <div class=\"mb-4 flex-shrink-0\" style=\"min-height: 90px;\">\n                                <div class=\"flex justify-between items-start h-full\">\n                                    <!-- Colonne gauche : Nom + Version -->\n                                    <div class=\"flex-1 flex flex-col justify-start\">\n                                        <h2 class=\"text-2xl font-bold mb-2 text-gray-900 leading-tight\">\n                                            DS                                        <\/h2>\n                                        \n                                        <!-- Version\/Description avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[20px]\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Colonne droite : Prix + Badge avec largeur fixe -->\n                                    <div class=\"text-right flex-shrink-0 flex flex-col justify-start\" style=\"min-width: 130px;\">\n                                        <!-- Prix avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[50px] flex flex-col justify-start\">\n                                                                                        <p class=\"text-xs text-gray-500 text-right price-right mb-1\">\u00c0 partir de<\/p>\n                                            <div class=\"text-xl font-bold text-gray-900 text-right price-right\">\n                                                6 399 \u20ac                                            <\/div>\n                                                                                    <\/div>\n                                        \n                                        <!-- Badge avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[30px] flex items-start justify-end mt-2\">\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Image principale - hauteur fixe -->\n                            <div class=\"relative mb-6 flex-shrink-0\" style=\"height: 180px;\">\n                                <div class=\"h-full flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl overflow-hidden\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.png\" \n                                             alt=\"DS\" \n                                             class=\"w-full h-full object-contain transition-transform duration-300 hover:scale-105\">\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Caract\u00e9ristiques dynamiques - zone flexible avec hauteur minimale -->\n                            <div class=\"flex-grow flex flex-col justify-evenly\">\n                                <!-- Section caract\u00e9ristiques avec hauteur adaptable -->\n                                <div class=\"mb-4\">\n                                                                            <!-- Limiter \u00e0 4 caract\u00e9ristiques maximum pour uniformit\u00e9 -->\n                                                                                <div class=\"space-y-3\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Mill\u00e9sime<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    2026                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Poids<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    195                                                                                                            <span class=\"text-gray-500 font-normal\"> kg<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n\n                                <!-- Boutons d'action - position fixe en bas -->\n                                <div class=\"flex-shrink-0\">\n                                    <div class=\"flex gap-3\" style=\"height: 50px;\">\n                                                                                    <!-- Si on a un lien, on affiche les deux boutons -->\n                                                                                        <button type=\"button\" \n                                                class=\"test-drive-btn flex-1 text-center px-4 py-3 bg-black text-white text-sm font-semibold rounded-lg hover:bg-gray-800 transition-all duration-300 transform hover:scale-105 active:scale-95\"\n                                                data-model-name=\"DS\"\n                                                data-model-price=\"6399\"\n                                                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n                                                <i class=\"fa-solid fa-car mr-2\"><\/i>Essayer\n                                            <\/button>\n                                                                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/ds.html\" class=\"flex-1 text-center px-4 py-3 border-2 border-black text-black text-sm font-semibold rounded-lg hover:bg-black hover:text-white transition-all duration-300 no-underline transform hover:scale-105 active:scale-95 flex items-center justify-center\" target=\"_blank\" rel=\"noopener\">\n                                                <i class=\"fa-solid fa-arrow-right mr-2\"><\/i>En savoir plus\n                                            <\/a>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                            <div class=\"model-item flex-none w-full md:w-1\/2 h-full\" data-index=\"35\">\n                    <div class=\"mx-4 mb-8 h-full\">\n                        <div class=\"model-card bg-white p-6 rounded-2xl shadow-lg transform-gpu transition-all duration-300 relative overflow-hidden flex flex-col hover:shadow-xl hover:-translate-y-1\" style=\"height: 650px;\">\n                            <!-- En-t\u00eate avec badge et prix - hauteur fixe -->\n                            <div class=\"mb-4 flex-shrink-0\" style=\"min-height: 90px;\">\n                                <div class=\"flex justify-between items-start h-full\">\n                                    <!-- Colonne gauche : Nom + Version -->\n                                    <div class=\"flex-1 flex flex-col justify-start\">\n                                        <h2 class=\"text-2xl font-bold mb-2 text-gray-900 leading-tight\">\n                                            Renegade EFI                                        <\/h2>\n                                        \n                                        <!-- Version\/Description avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[20px]\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Colonne droite : Prix + Badge avec largeur fixe -->\n                                    <div class=\"text-right flex-shrink-0 flex flex-col justify-start\" style=\"min-width: 130px;\">\n                                        <!-- Prix avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[50px] flex flex-col justify-start\">\n                                                                                        <p class=\"text-xs text-gray-500 text-right price-right mb-1\">\u00c0 partir de<\/p>\n                                            <div class=\"text-xl font-bold text-gray-900 text-right price-right\">\n                                                4 799 \u20ac                                            <\/div>\n                                                                                    <\/div>\n                                        \n                                        <!-- Badge avec hauteur r\u00e9serv\u00e9e -->\n                                        <div class=\"min-h-[30px] flex items-start justify-end mt-2\">\n                                                                                    <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <!-- Image principale - hauteur fixe -->\n                            <div class=\"relative mb-6 flex-shrink-0\" style=\"height: 180px;\">\n                                <div class=\"h-full flex items-center justify-center bg-gradient-to-br from-gray-50 to-gray-100 rounded-xl overflow-hidden\">\n                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Renegade-70EFI.png\" \n                                             alt=\"Renegade EFI\" \n                                             class=\"w-full h-full object-contain transition-transform duration-300 hover:scale-105\">\n                                                                    <\/div>\n                            <\/div>\n\n                            <!-- Caract\u00e9ristiques dynamiques - zone flexible avec hauteur minimale -->\n                            <div class=\"flex-grow flex flex-col justify-evenly\">\n                                <!-- Section caract\u00e9ristiques avec hauteur adaptable -->\n                                <div class=\"mb-4\">\n                                                                            <!-- Limiter \u00e0 4 caract\u00e9ristiques maximum pour uniformit\u00e9 -->\n                                                                                <div class=\"space-y-3\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Transmission<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    cvt                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Mill\u00e9sime<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    2026                                                                                                    <\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100 last:border-b-0\">\n                                                <span class=\"text-sm text-gray-600 font-medium\">Poids<\/span>\n                                                <span class=\"text-sm font-bold text-gray-900\">\n                                                    134                                                                                                            <span class=\"text-gray-500 font-normal\"> kg<\/span>\n                                                                                                    <\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                                                    <\/div>\n\n                                <!-- Boutons d'action - position fixe en bas -->\n                                <div class=\"flex-shrink-0\">\n                                    <div class=\"flex gap-3\" style=\"height: 50px;\">\n                                                                                    <!-- Si on a un lien, on affiche les deux boutons -->\n                                                                                        <button type=\"button\" \n                                                class=\"test-drive-btn flex-1 text-center px-4 py-3 bg-black text-white text-sm font-semibold rounded-lg hover:bg-gray-800 transition-all duration-300 transform hover:scale-105 active:scale-95\"\n                                                data-model-name=\"Renegade EFI\"\n                                                data-model-price=\"4799\"\n                                                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n                                                <i class=\"fa-solid fa-car mr-2\"><\/i>Essayer\n                                            <\/button>\n                                                                                        <a href=\"https:\/\/can-am.brp.com\/off-road\/fr\/fr\/modeles\/quad\/vehicules-tout-terrain-junior\/renegade-efi.html\" class=\"flex-1 text-center px-4 py-3 border-2 border-black text-black text-sm font-semibold rounded-lg hover:bg-black hover:text-white transition-all duration-300 no-underline transform hover:scale-105 active:scale-95 flex items-center justify-center\" target=\"_blank\" rel=\"noopener\">\n                                                <i class=\"fa-solid fa-arrow-right mr-2\"><\/i>En savoir plus\n                                            <\/a>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n\n        <!-- Navigation Desktop - DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation hidden md:flex items-center justify-between mt-8 px-5 py-2 relative z-[150]\">\n            \n            <!-- Barre de progression avec indicateur - DESIGN IDENTIQUE -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <!-- Indicateur de pagination -->\n                <div class=\"text-center mb-2\">\n                    <span class=\"models-pagination-indicator text-xs text-gray-500 font-medium\">\n                        Mod\u00e8le <span class=\"current-index\">1<\/span> sur 2                    <\/span>\n                <\/div>\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"models-progress-fill h-full bg-gradient-to-r from-gray-800 to-gray-600 rounded-full transition-all duration-600 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] w-0\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Boutons Can-Am style offres-slider -->\n            <div class=\"flex gap-2 relative z-[151] p-2\">\n                <button class=\"vehicle-nav-button vehicle-prev w-10 h-10 rounded-full flex items-center justify-center cursor-pointer transition-all duration-300 ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95\" \n                        style=\"background-color: #F42221; border: 2px solid #F42221;\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\" \n                         alt=\"Pr\u00e9c\u00e9dent\" \n                         class=\"arrow-icon w-6 h-6\"\n                         width=\"24\" \n                         height=\"24\">\n                <\/button>\n                \n                <button class=\"vehicle-nav-button vehicle-next w-10 h-10 rounded-full flex items-center justify-center cursor-pointer transition-all duration-300 ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95\" \n                        style=\"background-color: #F42221; border: 2px solid #F42221;\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\" \n                         alt=\"Suivant\" \n                         class=\"arrow-icon w-6 h-6\"\n                         width=\"24\" \n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n        \n        <!-- Pagination Mobile - Points -->\n        <div class=\"showcase-dots-container md:hidden flex justify-center items-center mt-2 gap-3 relative z-[150]\">\n                        <button class=\"showcase-dot w-2 h-2 rounded-full bg-gray-300 transition-all duration-300 cursor-pointer hover:bg-gray-400\" \n                    data-index=\"0\"\n                    aria-label=\"Aller au mod\u00e8le 1\">\n                <span class=\"sr-only\">Mod\u00e8le 1<\/span>\n            <\/button>\n                        <button class=\"showcase-dot w-2 h-2 rounded-full bg-gray-300 transition-all duration-300 cursor-pointer hover:bg-gray-400\" \n                    data-index=\"1\"\n                    aria-label=\"Aller au mod\u00e8le 2\">\n                <span class=\"sr-only\">Mod\u00e8le 2<\/span>\n            <\/button>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n\n<!-- Modal Test Drive -->\n<div id=\"hs-modal-test-drive-showcase\" \n     class=\"hs-overlay hidden size-full fixed top-0 start-0 z-[80] overflow-x-hidden overflow-y-auto\" \n     role=\"dialog\" \n     tabindex=\"-1\" \n     aria-labelledby=\"hs-modal-test-drive-showcase-label\">\n  <div class=\"hs-overlay-open:mt-7 hs-overlay-open:opacity-100 hs-overlay-open:duration-500 mt-0 opacity-0 ease-out transition-all sm:max-w-2xl sm:w-full m-3 sm:mx-auto min-h-[calc(100%-3.5rem)] flex items-center\">\n    <div class=\"w-full flex flex-col bg-white border shadow-sm rounded-xl pointer-events-auto\" style=\"min-height: 700px; max-height: 95vh;\">\n      <!-- Header -->\n      <div class=\"flex justify-between items-center py-3 px-4 border-b flex-shrink-0\">\n        <h3 id=\"hs-modal-test-drive-showcase-label\" class=\"font-bold text-gray-800\">\n          <i class=\"fa-solid fa-car mr-2 text-black\"><\/i>Demande d&rsquo;essai\n        <\/h3>\n        <button type=\"button\" \n                class=\"size-8 inline-flex justify-center items-center gap-x-2 rounded-full border border-transparent bg-gray-100 text-gray-800 hover:bg-gray-200 focus:outline-none focus:bg-gray-200\" \n                aria-label=\"Close\"\n                data-hs-overlay=\"#hs-modal-test-drive-showcase\">\n          <span class=\"sr-only\">Fermer<\/span>\n          <svg class=\"shrink-0 size-4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            <path d=\"m18 6-12 12\"><\/path>\n            <path d=\"m6 6 12 12\"><\/path>\n          <\/svg>\n        <\/button>\n      <\/div>\n      \n      <!-- Body with fixed height and smooth transitions -->\n      <div class=\"flex-1 relative overflow-hidden\">\n        <!-- \u00c9tat du formulaire - container avec hauteur fixe -->\n        <div class=\"absolute inset-0 p-6 overflow-y-auto\">\n          <div id=\"form-state-showcase\" class=\"transition-all duration-500 ease-in-out\">\n            \n            <!-- R\u00e9capitulatif du mod\u00e8le -->\n            <div id=\"model-recap-showcase\" class=\"mb-6 p-4 bg-gray-50 rounded-lg border\">\n              <h4 class=\"font-semibold text-gray-800 mb-2\">Mod\u00e8le s\u00e9lectionn\u00e9 :<\/h4>\n              <div class=\"flex justify-between items-center\">\n                <span id=\"selected-model-name-showcase\" class=\"text-lg font-bold text-black\"><\/span>\n                <span id=\"selected-model-price-showcase\" class=\"text-sm text-gray-600 font-medium\"><\/span>\n              <\/div>\n            <\/div>\n\n            <!-- Formulaire -->\n            <form id=\"test-drive-popup-form-showcase\" class=\"space-y-4\">\n          <!-- Concession -->\n          <div>\n            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n              Concession <span class=\"text-red-500\">*<\/span>\n            <\/label>\n                                        <div class=\"p-3 bg-gray-50 rounded-lg border text-gray-800\">\n                <i class=\"fa-solid fa-location-dot mr-2\"><\/i>\n                Toulouse &#8211; Can-Am              <\/div>\n              <input type=\"hidden\" name=\"dealership\" value=\"Toulouse - Can-Am\">\n                      <\/div>\n\n          <!-- Pr\u00e9nom et Nom -->\n          <div class=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                Pr\u00e9nom <span class=\"text-red-500\">*<\/span>\n              <\/label>\n              <input type=\"text\" name=\"first_name\" required \n                     class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black focus:border-black\"\n                     placeholder=\"Jean\">\n            <\/div>\n            <div>\n              <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                Nom <span class=\"text-red-500\">*<\/span>\n              <\/label>\n              <input type=\"text\" name=\"last_name\" required \n                     class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black focus:border-black\"\n                     placeholder=\"Dupont\">\n            <\/div>\n          <\/div>\n\n          <!-- Email -->\n          <div>\n            <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n              Email <span class=\"text-red-500\">*<\/span>\n            <\/label>\n            <input type=\"email\" name=\"email\" required \n                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black focus:border-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-2\">\n              T\u00e9l\u00e9phone <span class=\"text-red-500\">*<\/span>\n            <\/label>\n            <input type=\"tel\" name=\"phone\" required \n                   class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black focus:border-black\"\n                   placeholder=\"06 12 34 56 78\">\n          <\/div>\n\n          <!-- Politique de confidentialit\u00e9 -->\n          <div class=\"flex items-start\">\n            <div class=\"flex items-center h-5\">\n              <input id=\"privacy-popup-showcase\" name=\"privacy\" type=\"checkbox\" required\n                     class=\"w-4 h-4 border-gray-300 rounded text-black focus:ring-black\">\n            <\/div>\n            <label for=\"privacy-popup-showcase\" class=\"ml-3 text-sm text-gray-700\">\n              J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"text-black hover:underline\" target=\"_blank\">politique de confidentialit\u00e9<\/a> <span class=\"text-red-500\">*<\/span>\n            <\/label>\n          <\/div>\n\n              <!-- Bouton d'envoi -->\n              <button type=\"submit\" id=\"submit-btn-showcase\"\n                      class=\"w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 transition-all duration-300 font-semibold\">\n                <i class=\"fa-solid fa-paper-plane mr-2\"><\/i>Envoyer ma demande d&rsquo;essai\n              <\/button>\n            <\/form>\n          <\/div>\n          \n          <!-- \u00c9tat de chargement -->\n          <div id=\"loading-state-showcase\" class=\"absolute inset-0 p-6 bg-white flex flex-col items-center justify-center transition-all duration-500 ease-in-out opacity-0 invisible\">\n            <div class=\"text-center\">\n              <div class=\"bg-blue-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                <svg class=\"animate-spin h-8 w-8 text-blue-600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                  <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                  <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                <\/svg>\n              <\/div>\n              <h4 class=\"text-lg font-bold mb-2 text-gray-800\">Envoi en cours&#8230;<\/h4>\n              <p class=\"text-gray-600 text-sm\">Veuillez patienter pendant l&rsquo;envoi de votre demande<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- \u00c9tat de succ\u00e8s -->\n          <div id=\"success-state-showcase\" class=\"absolute inset-0 p-6 bg-white flex flex-col items-center justify-center transition-all duration-500 ease-in-out opacity-0 invisible\">\n            <div class=\"text-center\">\n              <div class=\"bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                <i class=\"fa-solid fa-check text-3xl text-green-600\"><\/i>\n              <\/div>\n              <h4 class=\"text-lg font-bold mb-2 text-green-700\">Demande envoy\u00e9e !<\/h4>\n              <p class=\"text-gray-600 text-sm mb-4\">\n                Votre demande d&rsquo;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s.<br>\n                Nous vous recontacterons rapidement pour confirmer votre rendez-vous.\n              <\/p>\n              <div class=\"bg-green-100 border border-green-200 rounded-lg p-3 text-sm text-green-800\">\n                <i class=\"fa-solid fa-info-circle mr-2\"><\/i>\n                Un email de confirmation vous a \u00e9t\u00e9 envoy\u00e9\n              <\/div>\n              <p class=\"text-xs text-gray-500 mt-4\">Cette fen\u00eatre se fermera automatiquement dans quelques secondes&#8230;<\/p>\n            <\/div>\n          <\/div>\n          \n          <!-- \u00c9tat d'erreur -->\n          <div id=\"error-state-showcase\" class=\"absolute inset-0 p-6 bg-white flex flex-col items-center justify-center transition-all duration-500 ease-in-out opacity-0 invisible\">\n            <div class=\"text-center\">\n              <div class=\"bg-red-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                <i class=\"fa-solid fa-exclamation-triangle text-3xl text-red-600\"><\/i>\n              <\/div>\n              <h4 class=\"text-lg font-bold mb-2 text-red-700\">Erreur d&rsquo;envoi<\/h4>\n              <p id=\"error-message-showcase\" class=\"text-gray-600 text-sm mb-4\">\n                Une erreur est survenue lors de l&rsquo;envoi de votre demande.\n              <\/p>\n              <button type=\"button\" id=\"retry-btn-showcase\" class=\"px-6 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-all duration-300 font-medium\">\n                <i class=\"fa-solid fa-redo mr-2\"><\/i>R\u00e9essayer\n              <\/button>\n            <\/div>\n          <\/div>\n          \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/\/ Configurer les variables globales pour le JavaScript externe\nwindow.ajaxurl = 'https:\/\/groupe-grim.com\/can-am\/wp-admin\/admin-ajax.php';\nwindow.vehicleShowcaseNonce = '31e87709d2';\n<\/script>\n\n\n<div class=\"accroche-block my-16\" id=\"accroche-69f96ce95a5a4\">\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\/can-am\/#offres\" 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\" 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                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1500-E-reduction-Can-Am-Renegade-ATV.jpg\" \n                                 alt=\"1500 \u20ac reduction Can-Am Renegade (ATV)\"\n                                 class=\"w-full max-w-[400px] h-auto rounded-2xl transform scale-95\"\n                                 loading=\"lazy\">\n                        <\/div>\n                        \n                        <!-- Image principale -->\n                        <div class=\"relative z-20\">\n                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1500-E-reduction-Can-Am-Renegade-ATV.jpg\" \n                                 alt=\"1500 \u20ac reduction Can-Am Renegade (ATV)\"\n                                 class=\"w-full max-w-[400px] h-auto rounded-2xl shadow-2xl transform hover:scale-105 transition-transform duration-500\"\n                                 loading=\"lazy\">\n                        <\/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                    <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp\" \n                         alt=\"\"\n                         class=\"w-64 md:w-80 lg:w-96 h-auto\"\n                         loading=\"lazy\">\n                <\/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<div id=\"test-drive-69f96ce967e1a\" 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 text-black\">\n                    R\u00c9SERVER UN ESSAI EN CONCESSION                <\/h2>\n                <div class=\"w-20 h-1 bg-black mx-auto mt-4\"><\/div>\n            <\/div>\n            \n            <!-- Boutons d'action c\u00f4te \u00e0 c\u00f4te avec style harmonis\u00e9 et taille identique -->\n            <div class=\"flex flex-col md:flex-row justify-center items-stretch gap-4 mb-8\">\n                <!-- Bouton r\u00e9server un essai -->\n                <a href=\"#open-test-drive-form\" \n                id=\"open-test-drive-form\"\n                class=\"btn-test-drive flex items-center justify-center px-6 py-4 bg-black text-white font-medium rounded-md\n                        hover:bg-gray-800 transition-all duration-300 text-center no-underline w-full whitespace-nowrap\">\n                    <span class=\"flex-grow text-center\">R\u00e9server un essai<\/span>\n                    <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                <\/a>\n\n                <!-- Bouton t\u00e9l\u00e9phone -->\n                <a href=\"tel:0805021414\" \n                class=\"btn-test-drive flex items-center justify-center px-6 py-4 bg-white border-2 border-gray-900 text-gray-900 font-medium rounded-md\n                        hover:bg-gray-50 transition-all duration-300 text-center no-underline w-full whitespace-nowrap\">\n                    <i class=\"fa-solid fa-phone text-xl mr-3\"><\/i>\n                    <div class=\"flex flex-col items-start\">\n                        <span class=\"font-bold\">0 805 02 14 14<\/span>\n                        <span class=\"text-xs text-gray-500\">(appel gratuit)<\/span>\n                    <\/div>\n                <\/a>\n            <\/div>\n            \n            <!-- Informations de contact -->\n            <div class=\"text-center space-y-3\">\n                <!-- Description -->\n                <p class=\"text-gray-700\">\n                    Pour tout renseignement, vous pouvez nous contacter du lundi au dimanche de 9h00 \u00e0 22h00                <\/p>\n                \n                <!-- Concessions avec liens -->\n                <div class=\"dealer-signature\" id=\"dealer-signature-rotator\">\n                    <a href=\"https:\/\/www.google.com\/maps\/place\/Can-Am+Toulouse\/@43.5448921,1.5165488,19z\/data=!3m1!4b1!4m6!3m5!1s0x12aebf7787dc5233:0x4eecfdfad585f575!8m2!3d43.5448911!4d1.5171925!16s%2Fg%2F11yj37jvcp?entry=ttu&#038;g_ep=EgoyMDI1MDgxNy4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener\" class=\"active\">\n                                    <i class=\"fa-solid fa-location-dot\" aria-hidden=\"true\"><\/i> Can-AM Toulouse\n                                <\/a>                <\/div>\n\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                <!-- Barre de progression -->\n                <div class=\"test-drive-progress-bar\">\n                    <div class=\"test-drive-progress-bar-fill w-0\"><\/div>\n                <\/div>\n                \n                <!-- Formulaire -->\n                <form id=\"test-drive-form\" class=\"p-6\">\n                <input type=\"hidden\" name=\"lead_source\" value=\"\">\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-4\">Choisissez votre mod\u00e8le<\/h3>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                            <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"DS 250\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">DS 250<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.png\" \n                                                 alt=\"DS 250\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander 6X6 Backcountry 1000 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander 6X6 Backcountry 1000 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T.png\" \n                                                 alt=\"Outlander 6X6 Backcountry 1000 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander MAX 6X6 DPS 850 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander MAX 6X6 DPS 850 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T.png\" \n                                                 alt=\"Outlander MAX 6X6 DPS 850 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander MAX 6X6 Backcountry 1000 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander MAX 6X6 Backcountry 1000 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-1000-T.png\" \n                                                 alt=\"Outlander MAX 6X6 Backcountry 1000 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander 6X6 DPS 850 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander 6X6 DPS 850 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-6x6-DPS-850-T.png\" \n                                                 alt=\"Outlander 6X6 DPS 850 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander MAX 6X6 DPS 700 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander MAX 6X6 DPS 700 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/12\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T.png\" \n                                                 alt=\"Outlander MAX 6X6 DPS 700 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander 6X6 DPS 700 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander 6X6 DPS 700 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6-DPS-700-T.png\" \n                                                 alt=\"Outlander 6X6 DPS 700 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander 6x6\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander 6&#215;6<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-6X6.png\" \n                                                 alt=\"Outlander 6x6\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander MAX Electric T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander MAX Electric T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-MAX-Electric-T.png\" \n                                                 alt=\"Outlander MAX Electric T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander Electric T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander Electric T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric-T.png\" \n                                                 alt=\"Outlander Electric T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander Electric\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander Electric<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-Electric.png\" \n                                                 alt=\"Outlander Electric\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Origin Standard\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Origin Standard<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Origin-Standard.png\" \n                                                 alt=\"Origin Standard\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Pulse Standard\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Pulse Standard<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Pulse-Standard.png\" \n                                                 alt=\"Pulse Standard\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Origin &#039;73\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Origin &#039;73<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Origin-73-2025.png\" \n                                                 alt=\"Origin &#039;73\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Pulse &#039;73\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Pulse &#039;73<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Pulse-73-2025.png\" \n                                                 alt=\"Pulse &#039;73\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Origin\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Origin<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Origin-2025.png\" \n                                                 alt=\"Origin\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Pulse\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Pulse<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Pulse-2025.png\" \n                                                 alt=\"Pulse\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Canyon Redrock\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Canyon Redrock<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-Redrock.png\" \n                                                 alt=\"Canyon Redrock\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Canyon XT\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Canyon XT<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon-XT.png\" \n                                                 alt=\"Canyon XT\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Canyon\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Canyon<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-Canyon.png\" \n                                                 alt=\"Canyon\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Spyder RT Sea-to-Sky\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Spyder RT Sea-to-Sky<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-SEA-TO-SKY.png\" \n                                                 alt=\"Spyder RT Sea-to-Sky\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Spyder RT Limited\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Spyder RT Limited<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT-Limited.png\" \n                                                 alt=\"Spyder RT Limited\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Spyder RT\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Spyder RT<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-RT.png\" \n                                                 alt=\"Spyder RT\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Spyder F3 Limited Special Series\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Spyder F3 Limited Special Series<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-Limited-Special-Series.png\" \n                                                 alt=\"Spyder F3 Limited Special Series\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Spyder F3 Limited\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Spyder F3 Limited<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T.png\" \n                                                 alt=\"Spyder F3 Limited\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Spyder F3-T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Spyder F3-T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-T.png\" \n                                                 alt=\"Spyder F3-T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Spyder F3-S\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Spyder F3-S<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SPYDER-F3-S.png\" \n                                                 alt=\"Spyder F3-S\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Spyder F3\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Spyder F3<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-SPYDER-F3-2026.png\" \n                                                 alt=\"Spyder F3\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Ryker Rally\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Ryker Rally<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Rally-900.png\" \n                                                 alt=\"Ryker Rally\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Ryker Sport\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Ryker Sport<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Sport-900.png\" \n                                                 alt=\"Ryker Sport\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Ryker Standard\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Ryker Standard<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Ryker-Standard-600.png\" \n                                                 alt=\"Ryker Standard\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Ryker\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Ryker<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Ryker-2026.png\" \n                                                 alt=\"Ryker\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"DS\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">DS<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-DS-250.png\" \n                                                 alt=\"DS\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Renegade EFI\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Renegade EFI<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Renegade-70EFI.png\" \n                                                 alt=\"Renegade EFI\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Renegade\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Renegade<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Renegade.png\" \n                                                 alt=\"Renegade\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander 850\/1000R\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander 850\/1000R<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-850-1000R.png\" \n                                                 alt=\"Outlander 850\/1000R\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander MAX XT 700\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander MAX XT 700<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-XT-700.png\" \n                                                 alt=\"Outlander MAX XT 700\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander X MR 700\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander X MR 700<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-X-MR-700.png\" \n                                                 alt=\"Outlander X MR 700\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander MAX DPS 500\/700 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander MAX DPS 500\/700 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T.png\" \n                                                 alt=\"Outlander MAX DPS 500\/700 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander DPS 500\/700 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander DPS 500\/700 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T.png\" \n                                                 alt=\"Outlander DPS 500\/700 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander 500\/700\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander 500\/700<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-ATV-Can-Am-Outlander-500-700.png\" \n                                                 alt=\"Outlander 500\/700\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander MAX PRO XU HD8\/HD10 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander MAX PRO XU HD8\/HD10 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T.png\" \n                                                 alt=\"Outlander MAX PRO XU HD8\/HD10 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander MAX PRO XU HD7 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander MAX PRO XU HD7 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T.png\" \n                                                 alt=\"Outlander MAX PRO XU HD7 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander PRO XU HD7 ABS T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander PRO XU HD7 ABS T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T.png\" \n                                                 alt=\"Outlander PRO XU HD7 ABS T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander PRO XU HD5\/HD7 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander PRO XU HD5\/HD7 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Outlander-PRO-XU-HD5-HD7-T.png\" \n                                                 alt=\"Outlander PRO XU HD5\/HD7 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander PRO HD5 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander PRO HD5 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO-HD5-T.png\" \n                                                 alt=\"Outlander PRO HD5 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Outlander Pro\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Outlander Pro<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Can-Am-Outlander-PRO.png\" \n                                                 alt=\"Outlander Pro\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick R MAX X RS\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick R MAX X RS<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-MAX-X-RS.png\" \n                                                 alt=\"Maverick R MAX X RS\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick R X RC\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick R X RC<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RC.png\" \n                                                 alt=\"Maverick R X RC\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick R X RS\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick R X RS<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-Maverick-R-X-RS.png\" \n                                                 alt=\"Maverick R X RS\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick R\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick R<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-R-2026.png\" \n                                                 alt=\"Maverick R\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick MAX X RS Turbo RR\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick MAX X RS Turbo RR<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR.png\" \n                                                 alt=\"Maverick MAX X RS Turbo RR\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick X RC Turbo RR 72\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick X RC Turbo RR 72<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72.png\" \n                                                 alt=\"Maverick X RC Turbo RR 72\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick X RS Turbo RR\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick X RS Turbo RR<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-RS-TURBO-RR.png\" \n                                                 alt=\"Maverick X RS Turbo RR\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick DS Turbo RR\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick DS Turbo RR<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-X3-DS-TURBO-RR.png\" \n                                                 alt=\"Maverick DS Turbo RR\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-2026.png\" \n                                                 alt=\"Maverick\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick Sport MAX DPS T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick Sport MAX DPS T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R.png\" \n                                                 alt=\"Maverick Sport MAX DPS T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick Sport DPS T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick Sport DPS T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Sport-DPS-T-1000R.png\" \n                                                 alt=\"Maverick Sport DPS T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick Sport\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick Sport<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Maverick-Sport-2026.png\" \n                                                 alt=\"Maverick Sport\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter 6x6 DPS\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter 6&#215;6 DPS<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-6x6-DPS-HD10.png\" \n                                                 alt=\"Traxter 6x6 DPS\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter PRO XU T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter PRO XU T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-PRO-XU-T-HD10.png\" \n                                                 alt=\"Traxter PRO XU T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter XU ABS T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter XU ABS T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-ABS-T-HD9.png\" \n                                                 alt=\"Traxter XU ABS T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter XU T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter XU T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-T-HD7.png\" \n                                                 alt=\"Traxter XU T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-T-HD7.png\" \n                                                 alt=\"Traxter T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter MAX XU HD11 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter MAX XU HD11 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-MAX-XU-HD11-T.png\" \n                                                 alt=\"Traxter MAX XU HD11 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter XU HD11 T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter XU HD11 T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/SSV-MY26-Traxter-XU-HD11-TR-ABS.png\" \n                                                 alt=\"Traxter XU HD11 T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter HD11\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter HD11<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-XU-HD11-2026.png\" \n                                                 alt=\"Traxter HD11\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Traxter\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Traxter<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/Can-Am-Traxter-2026.png\" \n                                                 alt=\"Traxter\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick Trail T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick Trail T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey.png\" \n                                                 alt=\"Maverick Trail T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick Trail DPS T\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick Trail DPS T<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black.png\" \n                                                 alt=\"Maverick Trail DPS T\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\n                                                                <label class=\"test-drive-model-card flex items-center\">\n                                    <input type=\"radio\" name=\"model\" value=\"Maverick Trail\" class=\"sr-only\">\n                                    \n                                    <div class=\"flex flex-col w-full\">\n                                        <span class=\"font-medium mb-2\">Maverick Trail<\/span>\n                                        \n                                                                                <div class=\"flex justify-center\">\n                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/11\/MY26-SSV-Maverick-Trail.png\" \n                                                 alt=\"Maverick Trail\" \n                                                 class=\"h-36 object-contain\">\n                                        <\/div>\n                                                                            <\/div>\n                                <\/label>\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-4\">Choisissez votre concession<\/h3>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                            <label class=\"test-drive-dealership-card flex items-center\">\n                                    <input type=\"radio\" name=\"dealership\" \n                                           value=\"Toulouse - Can-Am\" \n                                           class=\"sr-only\">\n                                    \n                                    <div class=\"flex items-center w-full\">\n                                        <i class=\"fa-solid fa-location-dot text-xl mr-3\"><\/i>\n                                        <div>\n                                            <span class=\"font-medium block\">Toulouse<\/span>\n                                            <span class=\"text-sm text-gray-500\">Can-Am<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\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 text-black focus:ring-black\">\n                                <\/div>\n                                <label for=\"test-drive-privacy\" class=\"ml-3 text-sm text-gray-700\">\n                                    J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"no-underline text-black\">politique de confidentialit\u00e9<\/a>\n                                <\/label>\n                            <\/div>\n                            \n                            <!-- Bouton d'envoi -->\n                            <button type=\"submit\" \n                                    class=\"w-full px-6 py-3 bg-black text-white rounded-lg hover:bg-gray-800 transition-all duration-300\">\n                                Envoyer ma demande d&rsquo;essai\n                            <\/button>\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=\"bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                            <i class=\"fa-solid fa-check text-2xl text-green-500 success-icon\"><\/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                \n                <!-- Bouton retour -->\n                <button type=\"button\" class=\"test-drive-back-button\">\n                    <i class=\"fa-solid fa-arrow-left mr-2\"><\/i> Retour\n                <\/button>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n\n<div class=\"social-networks-block -my-12 mb-20 mt-20 \" id=\"social-networks-69f96ce968a38\">\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-red-500\">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-yellow-400\"><\/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-yellow-400\"><\/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-yellow-400\"><\/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 &#8230; <a title=\"Gamme Quad\" class=\"read-more\" href=\"https:\/\/groupe-grim.com\/can-am\/gamme-quad\/\" aria-label=\"En savoir plus sur Gamme Quad\">Lire la suite<\/a><\/p>\n","protected":false},"author":3,"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"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":54,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":1096,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/75\/revisions\/1096"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/media?parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}