{"id":77,"date":"2025-08-12T17:29:54","date_gmt":"2025-08-12T15:29:54","guid":{"rendered":"https:\/\/groupe-grim.com\/can-am\/?page_id=77"},"modified":"2025-11-18T18:16:16","modified_gmt":"2025-11-18T17:16:16","slug":"gamme-3-roues","status":"publish","type":"page","link":"https:\/\/groupe-grim.com\/can-am\/gamme-3-roues\/","title":{"rendered":"Gamme 3-roues"},"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-3-roues.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 3-roues                        <\/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 v\u00e9hicules 3-roues Can-Am<\/h2>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">Stables, s\u00e9curis\u00e9s et performants, les v\u00e9hicules 3-roues Can-Am r\u00e9inventent le plaisir de conduire. Du simple trajet travail\/domicile aux escapades sportives dans les cols de montagne, ils s&rsquo;accordent \u00e0 tous type de pilotes et offrent des performances uniques, accessibles \u00e0 tous. Avec un Can-Am 3-roues, vivez la route autrement et laissez-vous porter par leurs sensations de conduite in\u00e9dites.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"vehicle-showcase-block w-full\" id=\"vehicle-showcase-6a35663051592\">\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=\"20\">\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                                            Canyon                                        <\/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                                                27 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                                                                                    <\/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-SPYDER-Canyon.png\" \n                                             alt=\"Canyon\" \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                                                                            <!-- Espace r\u00e9serv\u00e9 quand aucune caract\u00e9ristique -->\n                                        <div class=\"space-y-3\">\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=\"Canyon\"\n                                                data-model-price=\"27999\"\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\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/canyon.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=\"23\">\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                                            Spyder RT                                        <\/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                                                34 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                                                                                    <\/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-SPYDER-RT.png\" \n                                             alt=\"Spyder RT\" \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                                                                            <!-- Espace r\u00e9serv\u00e9 quand aucune caract\u00e9ristique -->\n                                        <div class=\"space-y-3\">\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=\"Spyder RT\"\n                                                data-model-price=\"34499\"\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\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-rt.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=\"28\">\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                                            Spyder F3                                        <\/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                                                26 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                                                                                    <\/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\/Can-Am-SPYDER-F3-2026.png\" \n                                             alt=\"Spyder F3\" \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                                                                            <!-- Espace r\u00e9serv\u00e9 quand aucune caract\u00e9ristique -->\n                                        <div class=\"space-y-3\">\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=\"Spyder F3\"\n                                                data-model-price=\"26499\"\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\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/spyder-f3.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=\"32\">\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                                            Ryker                                        <\/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                                                11 099 \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\/Can-Am-Ryker-2026.png\" \n                                             alt=\"Ryker\" \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                                                                            <!-- Espace r\u00e9serv\u00e9 quand aucune caract\u00e9ristique -->\n                                        <div class=\"space-y-3\">\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=\"Ryker\"\n                                                data-model-price=\"11099\"\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\/on-road\/fr\/fr\/modeles\/vehicules-3-roues\/ryker.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 4                    <\/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                    <\/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 Toulouse              <\/div>\n              <input type=\"hidden\" name=\"dealership\" value=\"Toulouse - Can-Am Toulouse\">\n                      <\/div>\n\n          <!-- Pr\u00e9nom et Nom -->\n          <div class=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label class=\"block text-sm font-medium text-gray-700 mb-2\">\n                Pr\u00e9nom <span class=\"text-red-500\">*<\/span>\n              <\/label>\n              <input type=\"text\" name=\"first_name\" required \n                     class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 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 = '588007e4a8';\n<\/script>\n\n\n<div class=\"accroche-block my-16\" id=\"accroche-6a3566305358e\">\n    <div class=\"container mx-auto px-4\">\n        <div class=\"relative overflow-hidden rounded-[30px] p-12 lg:p-16\" \n             style=\"background-color: rgb(244,34,33);\">\n            \n            <!-- Contenu principal en 2 colonnes -->\n            <div class=\"relative z-20 grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center\">\n                \n                <!-- Colonne gauche : Contenu textuel -->\n                <div class=\"order-2 lg:order-1 space-y-6\">\n                    <!-- Titre principal -->\n                    <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-bold leading-tight\" \n                        style=\"color: #ffffff;\">\n                        Nos derni\u00e8res offres 3-roues                    <\/h2>\n                    \n                    <!-- Sous-titre -->\n                                            <p class=\"text-lg md:text-xl leading-relaxed opacity-90\" \n                           style=\"color: #ffffff;\">\n                            D\u00e9couvrez les offres du moment pour l&rsquo;achat de votre 3-roues Can-Am                        <\/p>\n                                        \n                    <!-- Bouton CTA -->\n                    <div class=\"pt-4\">\n                        <a href=\"https:\/\/groupe-grim.com\/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                            <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025-1024x683.jpg\" alt=\"Gamme 3 roues can-am 2025\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full max-w-[400px] h-auto rounded-2xl transform scale-95\" title=\"Gamme 3 roues can-am 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025-768x512.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025.jpg 1199w\" sizes=\"auto, 100vw\"><\/picture>                        <\/div>\n\n                        <!-- Image principale -->\n                        <div class=\"relative z-20\">\n                            <picture><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025-1024x683.jpg\" alt=\"Gamme 3 roues can-am 2025\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full max-w-[400px] h-auto rounded-2xl shadow-2xl transform hover:scale-105 transition-transform duration-500\" title=\"Gamme 3 roues can-am 2025\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025-768x512.jpg 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Gamme-3-roues-can-am-2025.jpg 1199w\" sizes=\"auto, 100vw\"><\/picture>                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Image d\u00e9corative floue en bas -->\n                            <div class=\"absolute bottom-0 left-1\/2 transform -translate-x-1\/2 translate-y-1\/2 opacity-30 blur-[20px] z-10 pointer-events-none\">\n                    <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1-768x500.webp 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp 860w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp\" alt=\"Plan de travail 1\" width=\"860\" height=\"560\" loading=\"lazy\" decoding=\"async\" class=\"w-64 md:w-80 lg:w-96 h-auto\" title=\"Image transparence gamme\" srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1-768x500.webp 768w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Plan-de-travail-1.webp 860w\" sizes=\"auto, 100vw\"><\/picture>                <\/div>\n                        \n            <!-- \u00c9l\u00e9ments d\u00e9coratifs suppl\u00e9mentaires -->\n            <div class=\"absolute top-8 right-8 w-20 h-20 rounded-full opacity-10 z-5\" \n                 style=\"background-color: #ffffff;\"><\/div>\n            <div class=\"absolute bottom-8 left-8 w-12 h-12 rounded-full opacity-10 z-5\" \n                 style=\"background-color: #ffffff;\"><\/div>\n            \n            <!-- Gradient subtil overlay -->\n            <div class=\"absolute inset-0 bg-gradient-to-br from-white\/5 via-transparent to-black\/5 rounded-[30px] pointer-events-none z-5\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Quel 3-roues Can-Am est fait pour vous ?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Le Ryker<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le <strong>Can-Am Ryker<\/strong> est une moto 3 roues moderne et accessible, pens\u00e9e pour offrir plaisir, confort et s\u00e9curit\u00e9 sur tous types de routes. Disponible en motorisations <strong>Rotax 600 ACE et 900 ACE<\/strong>, il propose une conduite fluide et dynamique avec une acc\u00e9l\u00e9ration r\u00e9active et un couple \u00e9lev\u00e9. Sa transmission <strong>CVT automatique<\/strong> rend le pilotage simple et intuitif. Gr\u00e2ce \u00e0 sa position de conduite ergonomique et ajustable, son centre de gravit\u00e9 bas et sa grande stabilit\u00e9, le <strong>Ryker Can-Am<\/strong> est id\u00e9al pour les trajets urbains comme pour les balades du week-end. Sa large personnalisation, avec de nombreux accessoires et options de style, permet de cr\u00e9er un v\u00e9hicule unique adapt\u00e9 \u00e0 chaque pilote. Le <strong>Can-Am Ryker<\/strong> est donc le choix parfait pour ceux qui recherchent une <strong>moto accessible, s\u00e9curisante et fun<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Spyder F3<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le <strong>Can-Am Spyder F3<\/strong> est la moto 3 roues la plus sportive de la gamme, con\u00e7ue pour offrir des sensations de conduite puissantes et dynamiques. Son moteur <strong>Rotax 1330 ACE de 115 chevaux<\/strong> d\u00e9livre un couple \u00e9lev\u00e9 et des acc\u00e9l\u00e9rations franches, id\u00e9ales pour les amateurs de performances. Sa position de conduite basse et avanc\u00e9e accentue la sportivit\u00e9 et garantit une connexion directe avec la route. Avec sa suspension calibr\u00e9e pour la pr\u00e9cision et son ch\u00e2ssis rigide, le <strong>Spyder F3 Can-Am<\/strong> offre une tenue de route exceptionnelle, m\u00eame en conduite agressive. Sa transmission <strong>semi-automatique \u00e0 6 rapports avec mode Sport<\/strong> permet de repousser les limites et d\u2019exploiter tout le potentiel du moteur. Alliant style muscl\u00e9, puissance et stabilit\u00e9, le <strong>Can-Am Spyder F3<\/strong> s\u2019impose comme la <strong>r\u00e9f\u00e9rence des motos 3 roues sportives hautes performances<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Spyder RT<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le <strong>Can-Am Spyder RT<\/strong> est la r\u00e9f\u00e9rence des motos 3 roues de tourisme, pens\u00e9 pour les longs trajets et le confort absolu. \u00c9quip\u00e9 d\u2019un moteur <strong>Rotax 1330 ACE de 115 chevaux<\/strong>, il combine puissance fluide et efficacit\u00e9 \u00e9nerg\u00e9tique pour avaler les kilom\u00e8tres en toute s\u00e9r\u00e9nit\u00e9. Sa position de conduite droite, ses <strong>si\u00e8ges chauffants ergonomiques<\/strong> et sa protection optimale gr\u00e2ce au car\u00e9nage et au pare-brise r\u00e9glable garantissent un voyage sans fatigue. Avec ses <strong>coffres spacieux offrant jusqu\u2019\u00e0 177 L de rangement<\/strong>, le <strong>Spyder RT Can-Am<\/strong> est id\u00e9al pour partir \u00e0 deux sur de longues distances. Ses aides \u00e0 la conduite intelligentes (ABS, antipatinage, contr\u00f4le de stabilit\u00e9) renforcent la s\u00e9curit\u00e9, tandis que son syst\u00e8me audio haut de gamme et son \u00e9cran connect\u00e9 am\u00e9liorent l\u2019exp\u00e9rience de route. Le <strong>Can-Am Spyder RT<\/strong> est donc le choix ultime pour ceux qui recherchent une <strong>moto 3 roues haut de gamme, confortable et taill\u00e9e pour l\u2019aventure longue distance<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le Canyon<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le <strong>Can-Am Canyon 3 roues<\/strong> est un v\u00e9hicule d\u2019aventure puissant et polyvalent, id\u00e9al pour explorer routes et chemins. Son moteur <strong>Rotax 1330 ACE de 115 ch<\/strong> associ\u00e9 \u00e0 une transmission <strong>semi-automatique 6 rapports<\/strong> garantit des acc\u00e9l\u00e9rations fluides et une conduite dynamique. Avec ses suspensions \u00e0 grand d\u00e9battement (<strong>260 mm avant \/ 235 mm arri\u00e8re<\/strong>) et sa technologie <strong>Smart-Shox<\/strong>, le <strong>Canyon Can-Am<\/strong> assure confort et stabilit\u00e9, m\u00eame hors route. Sa garde au sol de <strong>160 mm<\/strong> et ses pneus <strong>XPS Adventure<\/strong> en font un <strong>v\u00e9hicule tout-terrain<\/strong> taill\u00e9 pour l\u2019exploration. Son cockpit moderne avec \u00e9cran <strong>10,25\u2033 CarPlay\/BRP Connect<\/strong> et le syst\u00e8me <strong>LinQ modulable<\/strong> renforcent son confort et sa personnalisation. Le <strong>Can-Am Canyon<\/strong> s\u2019impose comme la r\u00e9f\u00e9rence des <strong>motos 3 roues Can-Am d\u2019aventure<\/strong> pour voyager loin, longtemps et en toute s\u00e9curit\u00e9.<\/p>\n\n\n\n<!-- Styles dynamiques bas\u00e9s sur les couleurs du th\u00e8me -->\n<style>\n    \/* Utilisation de GrimCustomFont d\u00e9finie globalement avec fonts optimis\u00e9es *\/\n    #test-drive-6a35663071cb1 {\n                font-family: system-ui, sans-serif;\n            }\n\n    #test-drive-6a35663071cb1 h2,\n    #test-drive-6a35663071cb1 h3 {\n        color: #1f2937;\n                font-family: system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-6a35663071cb1 .separator-bar {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a35663071cb1 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-6a35663071cb1 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-6a35663071cb1 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-6a35663071cb1 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-6a35663071cb1 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-6a35663071cb1 .test-drive-progress-bar-fill {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a35663071cb1 .test-drive-model-card.selected,\n    #test-drive-6a35663071cb1 .test-drive-dealership-card.selected {\n        border-color: #d31e1c;\n        background-color: #d31e1c10;\n    }\n\n    #test-drive-6a35663071cb1 input:focus,\n    #test-drive-6a35663071cb1 textarea:focus {\n        border-color: #d31e1c;\n        ring-color: #d31e1c;\n    }\n\n    #test-drive-6a35663071cb1 input[type=\"checkbox\"]:checked {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a35663071cb1 .test-drive-back-button {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a35663071cb1 .dealer-signature a:hover {\n        color: #d31e1c;\n    }\n\n    #test-drive-6a35663071cb1 .dealer-signature a:hover i.fa-location-dot {\n        color: #d31e1c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-6a35663071cb1 .step-item.active .step-circle {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a35663071cb1 .step-item.active .step-label {\n        color: #d31e1c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-6a35663071cb1 .step-item.completed .step-circle {\n        background-color: #d31e1c;\n    }\n\n    #test-drive-6a35663071cb1 .step-line.completed {\n        background-color: #d31e1c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-6a35663071cb1 .btn-theme-primary,\n    #test-drive-6a35663071cb1 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-6a35663071cb1 .btn-theme-primary:hover,\n    #test-drive-6a35663071cb1 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-6a35663071cb1 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-6a35663071cb1 a[href^=\"tel:\"]:hover {\n        background-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    \/* Forcer toutes les ic\u00f4nes Font Awesome en style normal (pas italique) *\/\n    #test-drive-6a35663071cb1 i,\n    #test-drive-6a35663071cb1 .fa-solid,\n    #test-drive-6a35663071cb1 .fa-regular,\n    #test-drive-6a35663071cb1 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-6a35663071cb1\" class=\"test-drive-block bg-white py-12 my-12 rounded-lg shadow-sm border border-gray-100\">\n    <!-- Contenu principal -->\n    <div class=\"container mx-auto px-4\">\n        <div class=\"max-w-layout mx-auto\">\n            <!-- Titre avec s\u00e9parateur -->\n            <div class=\"text-center mb-8\">\n                <h2 class=\"text-2xl md:text-3xl font-bold\">\n                    R\u00c9SERVER UN ESSAI EN CONCESSION                <\/h2>\n                <div class=\"w-20 h-1 separator-bar mx-auto mt-4\"><\/div>\n            <\/div>\n            \n            <!-- Boutons d'action c\u00f4te \u00e0 c\u00f4te - style models-slider -->\n            <div class=\"flex flex-row justify-center items-stretch gap-3 mb-8 max-w-2xl mx-auto\">\n                <!-- Bouton Essayer (R\u00e9server un essai) -->\n                <button type=\"button\"\n                        id=\"open-test-drive-form\"\n                        class=\"group relative inline-flex items-center justify-center gap-2 px-4 md:px-6 h-[44px] btn-theme-primary text-sm md:text-base font-medium rounded-md hover:text-white transition-all duration-300 active:scale-95 transform flex-1 text-center cursor-pointer overflow-hidden\">\n                    <!-- Effet de brillance au survol -->\n                    <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                    <!-- Bordure brillante au survol -->\n                    <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                    <!-- Contenu du bouton avec ic\u00f4ne -->\n                    <span class=\"relative z-10 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-calendar-days\"><\/i>\n                        <span class=\"hidden md:inline\">R\u00e9server un essai<\/span>\n                        <span class=\"md:hidden\">R\u00e9server<\/span>\n                    <\/span>\n                <\/button>\n\n                <!-- Bouton Service Commercial (appel t\u00e9l\u00e9phonique) -->\n                <a href=\"tel:0805021414\"\n                   class=\"group relative inline-flex items-center justify-center gap-2 px-4 md:px-6 h-[44px] bg-white border-2 border-theme-primary text-theme-primary text-sm md:text-base font-medium rounded-md hover:bg-theme-primary hover:text-white transition-all duration-300 active:scale-95 transform flex-1 text-center no-underline overflow-hidden\">\n                    <!-- Effet de brillance au survol -->\n                    <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                    <!-- Contenu du bouton avec ic\u00f4ne -->\n                    <span class=\"relative z-10 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-phone\"><\/i>\n                        <span class=\"hidden md:inline\">Service Commercial<\/span>\n                        <span class=\"md:hidden\">Appeler<\/span>\n                    <\/span>\n                <\/a>\n            <\/div>\n            \n            <!-- Informations de contact -->\n            <div class=\"text-center space-y-3\">\n                <!-- Description -->\n                <p class=\"text-primary\">\n                    Pour tout renseignement, vous pouvez nous contacter du lundi au dimanche de 9h00 \u00e0 22h00                <\/p>\n            <\/div>\n            \n                        <!-- Formulaire de r\u00e9servation d'essai (cach\u00e9 initialement) -->\n            <div id=\"test-drive-form-container\" class=\"mt-12 border border-gray-200 rounded-lg overflow-hidden shadow-md hidden\">\n                <!-- Header du formulaire avec bouton fermer -->\n                <div class=\"form-header bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between\">\n                    <h3 class=\"text-lg font-semibold\" style=\"color: #1f2937;\">\n                        R\u00e9server votre essai\n                    <\/h3>\n                    <button type=\"button\" class=\"test-drive-close-button text-gray-400 hover:text-gray-600 transition-colors\" aria-label=\"Fermer la fen\u00eatre de r\u00e9servation\">\n                        <i class=\"fa-solid fa-times text-xl\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- Indicateur d'\u00e9tapes -->\n                <div class=\"test-drive-stepper bg-white px-6 py-4 border-b border-gray-200\">\n                    <div class=\"flex items-center justify-between max-w-md mx-auto\">\n                        <!-- \u00c9tape 1 -->\n                        <div class=\"step-item active\" data-step=\"1\">\n                            <div class=\"step-circle\">1<\/div>\n                            <div class=\"step-label\">Mod\u00e8le<\/div>\n                        <\/div>\n                        <div class=\"step-line\"><\/div>\n                        <!-- \u00c9tape 2 -->\n                        <div class=\"step-item\" data-step=\"2\">\n                            <div class=\"step-circle\">2<\/div>\n                            <div class=\"step-label\">Concession<\/div>\n                        <\/div>\n                        <div class=\"step-line\"><\/div>\n                        <!-- \u00c9tape 3 -->\n                        <div class=\"step-item\" data-step=\"3\">\n                            <div class=\"step-circle\">3<\/div>\n                            <div class=\"step-label\">Coordonn\u00e9es<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"test-drive-form\" class=\"p-6\">\n                <input type=\"hidden\" name=\"lead_source\" value=\"\">\n                                <input type=\"hidden\" name=\"source_page_url\" value=\"https:\/\/groupe-grim.com\/can-am\/gamme-3-roues\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Gamme 3-roues\">\n                <!-- Anti-bot : honeypot + timestamp -->\n                <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                <input type=\"hidden\" name=\"form_timestamp\" value=\"1781884464\">\n                    <!-- \u00c9tape 1: Choix du mod\u00e8le -->\n                    <div class=\"test-drive-step active\" data-step=\"1\">\n                        <h3 class=\"text-xl font-bold mb-6\">Choisissez votre mod\u00e8le<\/h3>\n\n                        <!-- Select avec recherche native -->\n                        <div class=\"model-select-wrapper mb-6\">\n                            <label for=\"model-select\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                S\u00e9lectionnez un mod\u00e8le <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select id=\"model-select\" name=\"model\" required\n                                    class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 text-lg transition-all duration-200\"\n                                    style=\"background-image: url('data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%228%22%3E%3Cpath fill=%22%23374151%22 d=%22M0 0l6 8 6-8z%22\/%3E%3C\/svg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\">\n                                <option value=\"\">&#8212; Choisissez un mod\u00e8le &#8212;<\/option>\n                                                                        <option\n                                            value=\"DS 250\"\n                                            data-model='{&quot;name&quot;:&quot;DS 250&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-DS-250-300x218.png&quot;,&quot;image_alt&quot;:&quot;DS 250&quot;}'>\n                                            DS 250                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 Backcountry 1000 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 Backcountry 1000 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-6x6-Backcountry-1000-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 Backcountry 1000 T&quot;}'>\n                                            Outlander 6X6 Backcountry 1000 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 DPS 850 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 DPS 850 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-DPS-850-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 DPS 850 T&quot;}'>\n                                            Outlander MAX 6X6 DPS 850 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 Backcountry 1000 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 Backcountry 1000 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-1000-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 Backcountry 1000 T&quot;}'>\n                                            Outlander MAX 6X6 Backcountry 1000 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 DPS 850 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 DPS 850 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-6x6-DPS-850-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 DPS 850 T&quot;}'>\n                                            Outlander 6X6 DPS 850 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX 6X6 DPS 700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX 6X6 DPS 700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/MY26-Can-Am-Outlander-MAX-6X6-DPS-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX 6X6 DPS 700 T&quot;}'>\n                                            Outlander MAX 6X6 DPS 700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6X6 DPS 700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6X6 DPS 700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-6X6-DPS-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6X6 DPS 700 T&quot;}'>\n                                            Outlander 6X6 DPS 700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 6x6\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 6x6&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-6X6-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 6x6&quot;}'>\n                                            Outlander 6&#215;6                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX Electric T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX Electric T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-MAX-Electric-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX Electric T&quot;}'>\n                                            Outlander MAX Electric T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Electric T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Electric T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-Electric-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Electric T&quot;}'>\n                                            Outlander Electric T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Electric\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Electric&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-Electric-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Electric&quot;}'>\n                                            Outlander Electric                                        <\/option>\n                                                                            <option\n                                            value=\"Origin Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Origin Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Origin-Standard-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin Standard&quot;}'>\n                                            Origin Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Pulse-Standard-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse Standard&quot;}'>\n                                            Pulse Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Origin&#039;73\"\n                                            data-model='{&quot;name&quot;:&quot;Origin&#039;73&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Origin-73-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin&#039;73&quot;}'>\n                                            Origin&#039;73                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse &#039;73\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse &#039;73&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Pulse-73-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse &#039;73&quot;}'>\n                                            Pulse &#039;73                                        <\/option>\n                                                                            <option\n                                            value=\"Origin\"\n                                            data-model='{&quot;name&quot;:&quot;Origin&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Origin-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Origin&quot;}'>\n                                            Origin                                        <\/option>\n                                                                            <option\n                                            value=\"Pulse\"\n                                            data-model='{&quot;name&quot;:&quot;Pulse&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/Pulse-2025-300x218.png&quot;,&quot;image_alt&quot;:&quot;Pulse&quot;}'>\n                                            Pulse                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon Redrock\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon Redrock&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-Redrock-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon Redrock&quot;}'>\n                                            Canyon Redrock                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon XT\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon XT&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-XT-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon XT&quot;}'>\n                                            Canyon XT                                        <\/option>\n                                                                            <option\n                                            value=\"Canyon\"\n                                            data-model='{&quot;name&quot;:&quot;Canyon&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-Canyon-300x218.png&quot;,&quot;image_alt&quot;:&quot;Canyon&quot;}'>\n                                            Canyon                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT Sea-to-Sky\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT Sea-to-Sky&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-SEA-TO-SKY-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT Sea-to-Sky&quot;}'>\n                                            Spyder RT Sea-to-Sky                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT Limited\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT Limited&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-Limited-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT Limited&quot;}'>\n                                            Spyder RT Limited                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder RT\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder RT&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-RT-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder RT&quot;}'>\n                                            Spyder RT                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3 Limited Special Series\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3 Limited Special Series&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-Limited-Special-Series-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3 Limited Special Series&quot;}'>\n                                            Spyder F3 Limited Special Series                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3 Limited\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3 Limited&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3 Limited&quot;}'>\n                                            Spyder F3 Limited                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3-T\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3-T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3-T&quot;}'>\n                                            Spyder F3-T                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3-S\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3-S&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SPYDER-F3-S-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3-S&quot;}'>\n                                            Spyder F3-S                                        <\/option>\n                                                                            <option\n                                            value=\"Spyder F3\"\n                                            data-model='{&quot;name&quot;:&quot;Spyder F3&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-SPYDER-F3-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Spyder F3&quot;}'>\n                                            Spyder F3                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Rally\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Rally&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Rally-900-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Rally&quot;}'>\n                                            Ryker Rally                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Sport\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Sport&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Sport-900-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Sport&quot;}'>\n                                            Ryker Sport                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker Standard\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker Standard&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Ryker-Standard-600-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker Standard&quot;}'>\n                                            Ryker Standard                                        <\/option>\n                                                                            <option\n                                            value=\"Ryker\"\n                                            data-model='{&quot;name&quot;:&quot;Ryker&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Ryker-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Ryker&quot;}'>\n                                            Ryker                                        <\/option>\n                                                                            <option\n                                            value=\"DS\"\n                                            data-model='{&quot;name&quot;:&quot;DS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-DS-250-300x218.png&quot;,&quot;image_alt&quot;:&quot;DS&quot;}'>\n                                            DS                                        <\/option>\n                                                                            <option\n                                            value=\"Renegade EFI\"\n                                            data-model='{&quot;name&quot;:&quot;Renegade EFI&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Renegade-70EFI-300x218.png&quot;,&quot;image_alt&quot;:&quot;Renegade EFI&quot;}'>\n                                            Renegade EFI                                        <\/option>\n                                                                            <option\n                                            value=\"Renegade\"\n                                            data-model='{&quot;name&quot;:&quot;Renegade&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Renegade-300x218.png&quot;,&quot;image_alt&quot;:&quot;Renegade&quot;}'>\n                                            Renegade                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 850\/1000R\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 850\\\/1000R&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-850-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 850\\\/1000R&quot;}'>\n                                            Outlander 850\/1000R                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX XT 700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX XT 700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-MAX-XT-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX XT 700&quot;}'>\n                                            Outlander MAX XT 700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander X MR 700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander X MR 700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-X-MR-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander X MR 700&quot;}'>\n                                            Outlander X MR 700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX DPS 500\/700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX DPS 500\\\/700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-MAX-DPS-500-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX DPS 500\\\/700 T&quot;}'>\n                                            Outlander MAX DPS 500\/700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander DPS 500\/700 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander DPS 500\\\/700 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-DPS-500-700-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander DPS 500\\\/700 T&quot;}'>\n                                            Outlander DPS 500\/700 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander 500\/700\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander 500\\\/700&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-ATV-Can-Am-Outlander-500-700-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander 500\\\/700&quot;}'>\n                                            Outlander 500\/700                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX PRO XU HD8\/HD10 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX PRO XU HD8\\\/HD10 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD8-HD10-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX PRO XU HD8\\\/HD10 T&quot;}'>\n                                            Outlander MAX PRO XU HD8\/HD10 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander MAX PRO XU HD7 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander MAX PRO XU HD7 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-MAX-XU-HD7-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander MAX PRO XU HD7 T&quot;}'>\n                                            Outlander MAX PRO XU HD7 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO XU HD7 ABS T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO XU HD7 ABS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-XU-HD7-ABS-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO XU HD7 ABS T&quot;}'>\n                                            Outlander PRO XU HD7 ABS T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO XU HD5\/HD7 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO XU HD5\\\/HD7 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Outlander-PRO-XU-HD5-HD7-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO XU HD5\\\/HD7 T&quot;}'>\n                                            Outlander PRO XU HD5\/HD7 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander PRO HD5 T\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander PRO HD5 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-HD5-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander PRO HD5 T&quot;}'>\n                                            Outlander PRO HD5 T                                        <\/option>\n                                                                            <option\n                                            value=\"Outlander Pro\"\n                                            data-model='{&quot;name&quot;:&quot;Outlander Pro&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Can-Am-Outlander-PRO-300x218.png&quot;,&quot;image_alt&quot;:&quot;Outlander Pro&quot;}'>\n                                            Outlander Pro                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R MAX X RS\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R MAX X RS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-MAX-X-RS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R MAX X RS&quot;}'>\n                                            Maverick R MAX X RS                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R X RC\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R X RC&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-X-RC-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R X RC&quot;}'>\n                                            Maverick R X RC                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R X RS\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R X RS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-Maverick-R-X-RS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R X RS&quot;}'>\n                                            Maverick R X RS                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick R\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick R&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-R-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick R&quot;}'>\n                                            Maverick R                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick MAX X RS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick MAX X RS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-MAX-X-RS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick MAX X RS Turbo RR&quot;}'>\n                                            Maverick MAX X RS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick X RC Turbo RR 72\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick X RC Turbo RR 72&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-X-RC-TURBO-RR-72-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick X RC Turbo RR 72&quot;}'>\n                                            Maverick X RC Turbo RR 72                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick X RS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick X RS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-RS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick X RS Turbo RR&quot;}'>\n                                            Maverick X RS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick DS Turbo RR\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick DS Turbo RR&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-X3-DS-TURBO-RR-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick DS Turbo RR&quot;}'>\n                                            Maverick DS Turbo RR                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick&quot;}'>\n                                            Maverick                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport MAX DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport MAX DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Sport-MAX-DPS-T-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport MAX DPS T&quot;}'>\n                                            Maverick Sport MAX DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Sport-DPS-T-1000R-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport DPS T&quot;}'>\n                                            Maverick Sport DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Sport\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Sport&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Maverick-Sport-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Sport&quot;}'>\n                                            Maverick Sport                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter 6x6 DPS\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter 6x6 DPS&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-6x6-DPS-HD10-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter 6x6 DPS&quot;}'>\n                                            Traxter 6&#215;6 DPS                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter PRO XU T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter PRO XU T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-PRO-XU-T-HD10-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter PRO XU T&quot;}'>\n                                            Traxter PRO XU T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU ABS T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU ABS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-ABS-T-HD9-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU ABS T&quot;}'>\n                                            Traxter XU ABS T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-T-HD7-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU T&quot;}'>\n                                            Traxter XU T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-T-HD7-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter T&quot;}'>\n                                            Traxter T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter MAX XU HD11 T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter MAX XU HD11 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-MAX-XU-HD11-T-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter MAX XU HD11 T&quot;}'>\n                                            Traxter MAX XU HD11 T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter XU HD11 T\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter XU HD11 T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/SSV-MY26-Traxter-XU-HD11-TR-ABS-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter XU HD11 T&quot;}'>\n                                            Traxter XU HD11 T                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter HD11\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter HD11&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Traxter-XU-HD11-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter HD11&quot;}'>\n                                            Traxter HD11                                        <\/option>\n                                                                            <option\n                                            value=\"Traxter\"\n                                            data-model='{&quot;name&quot;:&quot;Traxter&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Can-Am-Traxter-2026-300x218.png&quot;,&quot;image_alt&quot;:&quot;Traxter&quot;}'>\n                                            Traxter                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ORV-MY26-SSV-Maverick-Trail-T-700-Catalyst-Grey-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail T&quot;}'>\n                                            Maverick Trail T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail DPS T\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail DPS T&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/ORV-MY26-SSV-Maverick-Trail-DPS-T-700-Triple-Black-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail DPS T&quot;}'>\n                                            Maverick Trail DPS T                                        <\/option>\n                                                                            <option\n                                            value=\"Maverick Trail\"\n                                            data-model='{&quot;name&quot;:&quot;Maverick Trail&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/MY26-SSV-Maverick-Trail-300x218.png&quot;,&quot;image_alt&quot;:&quot;Maverick Trail&quot;}'>\n                                            Maverick Trail                                        <\/option>\n                                                                <\/select>\n                            <p class=\"mt-2 text-sm text-gray-500\">\n                                <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                Vous pouvez taper pour rechercher un mod\u00e8le\n                            <\/p>\n                        <\/div>\n\n                        <!-- Aper\u00e7u visuel du mod\u00e8le (toujours visible, \u00e9tats initial et s\u00e9lectionn\u00e9) -->\n                        <div id=\"model-preview\" class=\"mt-6\">\n                            <div class=\"border-2 rounded-lg p-6 bg-gradient-to-br from-gray-50 to-white transition-all duration-300\">\n                                <!-- \u00c9tat initial : Aucun mod\u00e8le s\u00e9lectionn\u00e9 -->\n                                <div id=\"model-preview-empty\">\n                                    <p class=\"text-sm font-medium text-gray-400 mb-3\">\n                                        <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                        Aucun mod\u00e8le s\u00e9lectionn\u00e9\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div class=\"flex-shrink-0 bg-gray-100 rounded-lg p-3 w-32 h-32 flex items-center justify-center\">\n                                            <i class=\"fa-solid fa-car text-4xl text-gray-300\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <span class=\"text-base text-gray-400 block\">Choisissez un mod\u00e8le<\/span>\n                                            <span class=\"text-sm text-gray-300 mt-1 block\">dans la liste ci-dessus<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- \u00c9tat s\u00e9lectionn\u00e9 : Mod\u00e8le choisi (cach\u00e9 initialement) -->\n                                <div id=\"model-preview-selected\" class=\"hidden\">\n                                    <p class=\"text-sm font-medium text-gray-600 mb-3\">\n                                        <i class=\"fa-solid fa-check-circle mr-1\" style=\"color: #d31e1c;\"><\/i>\n                                        Mod\u00e8le s\u00e9lectionn\u00e9 :\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div id=\"model-preview-image-wrapper\" class=\"flex-shrink-0 bg-white rounded-lg p-3 shadow-sm w-32 h-32 flex items-center justify-center\">\n                                            <img decoding=\"async\" id=\"model-preview-image\" src=\"\" alt=\"\" class=\"max-h-24 w-auto object-contain\">\n                                        <\/div>\n                                        <div>\n                                            <span id=\"model-preview-name\" class=\"font-bold text-xl block\"><\/span>\n                                            <span class=\"text-sm text-gray-500 mt-1 block\">Pr\u00eat pour votre essai<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Boutons de navigation \u00c9tape 1 -->\n                        <div class=\"step-navigation mt-8 flex justify-end gap-3\">\n                            <button type=\"button\" class=\"btn-next btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed\" disabled>\n                                Suivant\n                                <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 2: Choix de la concession -->\n                    <div class=\"test-drive-step\" data-step=\"2\">\n                        <h3 class=\"text-xl font-bold mb-6\">Choisissez votre concession<\/h3>\n\n                        <!-- Select avec recherche native -->\n                        <div class=\"dealership-select-wrapper mb-6\">\n                            <label for=\"dealership-select\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                S\u00e9lectionnez une concession <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select id=\"dealership-select\" name=\"dealership\" required\n                                    class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 text-lg transition-all duration-200\"\n                                    style=\"background-image: url('data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%228%22%3E%3Cpath fill=%22%23374151%22 d=%22M0 0l6 8 6-8z%22\/%3E%3C\/svg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\">\n                                <option value=\"\">&#8212; Choisissez une concession &#8212;<\/option>\n                                                                        <option\n                                            value=\"Toulouse - Can-Am Toulouse\"\n                                            data-dealership='{&quot;city&quot;:&quot;Toulouse&quot;,&quot;name&quot;:&quot;Can-Am Toulouse&quot;,&quot;full_name&quot;:&quot;Toulouse - Can-Am Toulouse&quot;}'>\n                                            Toulouse &#8211; Can-Am Toulouse                                        <\/option>\n                                                                <\/select>\n                            <p class=\"mt-2 text-sm text-gray-500\">\n                                <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                Vous pouvez taper pour rechercher une concession\n                            <\/p>\n                        <\/div>\n\n                        <!-- Aper\u00e7u visuel de la concession -->\n                        <div id=\"dealership-preview\" class=\"mt-6\">\n                            <div class=\"border-2 rounded-lg p-6 bg-gradient-to-br from-gray-50 to-white transition-all duration-300\">\n                                <!-- \u00c9tat initial : Aucune concession s\u00e9lectionn\u00e9e -->\n                                <div id=\"dealership-preview-empty\">\n                                    <p class=\"text-sm font-medium text-gray-400 mb-3\">\n                                        <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                        Aucune concession s\u00e9lectionn\u00e9e\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div class=\"flex-shrink-0 bg-gray-100 rounded-lg p-3 w-32 h-32 flex items-center justify-center\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Logo-site-Can-Am-Toulouse-GRIM.png\" alt=\"Logo\" class=\"max-h-20 w-auto object-contain opacity-30 grayscale\">\n                                                                                    <\/div>\n                                        <div>\n                                            <span class=\"text-base text-gray-400 block\">Choisissez une concession<\/span>\n                                            <span class=\"text-sm text-gray-300 mt-1 block\">dans la liste ci-dessus<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- \u00c9tat s\u00e9lectionn\u00e9 : Concession choisie -->\n                                <div id=\"dealership-preview-selected\" class=\"hidden\">\n                                    <p class=\"text-sm font-medium text-gray-600 mb-3\">\n                                        <i class=\"fa-solid fa-check-circle mr-1\" style=\"color: #ffc400;\"><\/i>\n                                        Concession s\u00e9lectionn\u00e9e :\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div id=\"dealership-preview-icon-wrapper\" class=\"flex-shrink-0 bg-white rounded-lg p-3 shadow-sm w-32 h-32 flex items-center justify-center\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/09\/Logo-site-Can-Am-Toulouse-GRIM.png\" alt=\"Logo\" class=\"max-h-20 w-auto object-contain\">\n                                                                                    <\/div>\n                                        <div>\n                                            <span id=\"dealership-preview-city\" class=\"font-bold text-xl block\"><\/span>\n                                            <span id=\"dealership-preview-name\" class=\"text-sm text-gray-500 mt-1 block\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Boutons de navigation \u00c9tape 2 -->\n                        <div class=\"step-navigation mt-8 flex justify-between gap-3\">\n                            <button type=\"button\" class=\"btn-back px-6 py-3 bg-white border-2 btn-secondary rounded-lg transition-all duration-300\">\n                                <i class=\"fa-solid fa-arrow-left mr-2\"><\/i>\n                                Retour\n                            <\/button>\n                            <button type=\"button\" class=\"btn-next btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300 disabled:opacity-50\" disabled>\n                                Suivant\n                                <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 3: Informations de contact -->\n                    <div class=\"test-drive-step\" data-step=\"3\">\n                        <h3 class=\"text-xl font-bold mb-4\">Vos coordonn\u00e9es<\/h3>\n                        \n                        <div class=\"space-y-4\">\n                            <!-- Nom complet -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Nom complet <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"text\" name=\"name\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"Jean Dupont\">\n                            <\/div>\n                            \n                            <!-- Email -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Email <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"email\" name=\"email\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"jean.dupont@example.com\">\n                            <\/div>\n                            \n                            <!-- T\u00e9l\u00e9phone -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    T\u00e9l\u00e9phone <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"tel\" name=\"phone\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"06 12 34 56 78\">\n                            <\/div>\n                            \n                            <!-- Message (optionnel) -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Message (facultatif)\n                                <\/label>\n                                <textarea name=\"message\" rows=\"3\" \n                                          class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                          placeholder=\"Informations compl\u00e9mentaires...\"><\/textarea>\n                            <\/div>\n                            \n                            <!-- Politique de confidentialit\u00e9 -->\n                            <div class=\"flex items-start\">\n                                <div class=\"flex items-center h-5\">\n                                    <input id=\"test-drive-privacy\" name=\"privacy\" type=\"checkbox\" required\n                                           class=\"w-4 h-4 border-gray-300 rounded\">\n                                <\/div>\n                                <label for=\"test-drive-privacy\" class=\"ml-3 text-sm text-primary privacy-label\">\n                                    J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"no-underline\" style=\"color: #d31e1c\">politique de confidentialit\u00e9<\/a>\n                                <\/label>\n                            <\/div>\n\n                            <!-- Boutons de navigation \u00c9tape 3 -->\n                            <div class=\"step-navigation mt-8 flex justify-between gap-3\">\n                                <button type=\"button\" class=\"btn-back px-6 py-3 bg-white border-2 btn-secondary rounded-lg transition-all duration-300\">\n                                    <i class=\"fa-solid fa-arrow-left mr-2\"><\/i>\n                                    Retour\n                                <\/button>\n                                <button type=\"submit\" class=\"btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300\">\n                                    Envoyer\n                                    <i class=\"fa-solid fa-paper-plane ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Message de succ\u00e8s (cach\u00e9 par d\u00e9faut) -->\n                    <div id=\"test-drive-success-message\" class=\"hidden text-center py-6\">\n                        <div class=\"rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\" style=\"background-color: #ffc40020;\">\n                            <i class=\"fa-solid fa-check text-2xl success-icon\" style=\"color: #ffc400;\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-2\">Demande envoy\u00e9e !<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-4\">\n                            Votre demande d&#039;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s. Nous vous recontacterons tr\u00e8s rapidement pour confirmer votre rendez-vous.                        <\/p>\n                        <div class=\"bg-gray-50 rounded-lg p-3\">\n                            <p class=\"text-sm text-gray-600\">\n                                <i class=\"fa-solid fa-clock mr-2\"><\/i>\n                                Disponibilit\u00e9 : Lun-Sam, 9h-19h\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<!-- Donn\u00e9es AJAX pour le formulaire test-drive -->\n<script>\n    window.testDriveData = {\n        ajaxUrl: 'https:\/\/groupe-grim.com\/can-am\/wp-admin\/admin-ajax.php',\n        nonce: '588007e4a8'\n    };\n<\/script>\n\n\n\n<div class=\"social-networks-block -my-12 mb-20 mt-20 \" id=\"social-networks-6a35663072cb8\" style=\"--theme-primary: #d31e1c;\">\n            <!-- Titre style Hero\/Brands -->\n        <div class=\"sm:w-1\/2 xl:w-1\/3 mx-auto text-center mb-6 md:mb-12\">\n                            <h2 class=\"block text-2xl font-bold text-gray-800 sm:text-3xl lg:text-4xl lg:leading-tight dark:text-white text-center\">\n                    Suivez-nous sur les r\u00e9seaux <span class=\"text-theme-primary\">sociaux<\/span>                <\/h2>\n                                        <p class=\"mt-3 text-lg text-gray-800 dark:text-neutral-400 text-center\">Actus, offres, bons plans\u2026 Soyez le premier au courant<\/p>\n                    <\/div>\n    \n            <!-- Style boutons horizontaux -->\n        <div class=\"flex flex-wrap justify-center gap-4\">\n                                                                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61580045841044\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #1877f2\">\n                        <i class=\"fab fa-facebook-f mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        Facebook                    <\/a>\n                                                                                <a href=\"https:\/\/www.instagram.com\/canam.groupegrim\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #E4405F\">\n                        <i class=\"fab fa-instagram mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        Instagram                    <\/a>\n                                                                                <a href=\"https:\/\/www.linkedin.com\/company\/108783992\/admin\/dashboard\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #0077B5\">\n                        <i class=\"fab fa-linkedin-in mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-theme-primary\"><\/i>\n                        LinkedIn                    <\/a>\n                                    <\/div>\n\n    <\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez les v\u00e9hicules 3-roues Can-Am Stables, s\u00e9curis\u00e9s et performants, les v\u00e9hicules 3-roues Can-Am r\u00e9inventent le plaisir de conduire. Du simple trajet travail\/domicile aux escapades sportives dans les cols de montagne, ils s&rsquo;accordent \u00e0 tous type de pilotes et offrent des performances uniques, accessibles \u00e0 tous. Avec un Can-Am 3-roues, vivez la route autrement et laissez-vous [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":8,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/77","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=77"}],"version-history":[{"count":37,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":1094,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/77\/revisions\/1094"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}