{"id":2,"date":"2025-08-11T16:08:36","date_gmt":"2025-08-11T14:08:36","guid":{"rendered":"https:\/\/groupe-grim.com\/can-am\/?page_id=2"},"modified":"2026-04-29T09:12:02","modified_gmt":"2026-04-29T07:12:02","slug":"page-d-exemple","status":"publish","type":"page","link":"https:\/\/groupe-grim.com\/can-am\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<hr class=\"wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\" id=\"offres\">D\u00e9couvrez nos offres du moment<\/h2>\n\n\n\n<div class=\"offres-slider-block\">\n\n    <!-- DESIGN ORIGINAL : Slider -->\n    <div class=\"relative w-full my-12\">\n        \n        <!-- Wrapper avec padding pour les fl\u00e8ches -->\n        <div class=\"overflow-hidden relative pb-[25px] px-[15px]\">\n            \n            <!-- Conteneur des positions fixes - FLEXBOX responsive -->\n            <div class=\"offres-container flex w-full gap-5\">\n                \n                <!-- Position fixe 1 - FLEXBOX responsive -->\n                <div class=\"offre-slide fixed-position flex-1 bg-white rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:translate-y-[-8px] opacity-0 translate-y-5\">\n                    <!-- Contenu sera inject\u00e9 par JavaScript -->\n                <\/div>\n                \n                <!-- Position fixe 2 - visible sur tablette+ -->\n                <div class=\"offre-slide fixed-position hidden md:flex flex-1 bg-white rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:translate-y-[-8px] opacity-0 translate-y-5\">\n                    <!-- Contenu sera inject\u00e9 par JavaScript -->\n                <\/div>\n                \n                <!-- Position fixe 3 - visible sur desktop+ -->\n                <div class=\"offre-slide fixed-position hidden lg:flex flex-1 bg-white rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:translate-y-[-8px] opacity-0 translate-y-5\">\n                    <!-- Contenu sera inject\u00e9 par JavaScript -->\n                <\/div>\n                \n                <!-- Position fixe 4 - visible sur grand \u00e9cran uniquement -->\n                <div class=\"offre-slide fixed-position hidden xl:flex flex-1 bg-white rounded-3xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform  hover:translate-y-[-8px] opacity-0 translate-y-5\">\n                    <!-- Contenu sera inject\u00e9 par JavaScript -->\n                <\/div>\n                \n            <\/div>\n        <\/div>\n        \n        <!-- Navigation avec les m\u00eames fl\u00e8ches SVG -->\n        <div class=\"flex items-center justify-between mt-8 px-5 relative z-[150]\">\n            \n            <!-- Barre de progression -->\n            <div class=\"flex-1 mx-5 relative z-[149]\">\n                <div class=\"h-[3px] bg-gray-200 rounded-full overflow-hidden relative\">\n                    <div class=\"offres-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 animate-pulse\"><\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- Boutons Can-Am -->\n            <div class=\"flex gap-2 relative z-[151]\">\n                <button class=\"offres-nav-button offres-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=\"Offre pr\u00e9c\u00e9dente\">\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=\"offres-nav-button offres-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=\"Offre suivante\">\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    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript - INVISIBLE -->\n    <script type=\"application\/json\" class=\"offres-data\">\n        [{\"id\":818,\"title\":\"Formation A1 offerte pour l\u2019achat d\u2019un 3-roues\",\"excerpt\":\"\",\"permalink\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/offres\\\/formation-a1-offerte-can-am-3-roues\\\/\",\"image\":{\"url\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/offre-formation-a1-trois-roues-can-am-1024x819.png\",\"sizes\":{\"large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/offre-formation-a1-trois-roues-can-am-1024x819.png\",\"medium_large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/offre-formation-a1-trois-roues-can-am-768x614.png\",\"medium\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/offre-formation-a1-trois-roues-can-am-300x240.png\"},\"alt\":\"Formation A1 offerte pour l\u2019achat d\u2019un 3-roues\"},\"date_debut\":null,\"date_fin\":null,\"periode_validite\":\"\",\"description\":null},{\"id\":1275,\"title\":\"Formation A1 offerte pour l\u2019achat d\u2019un 2-roues\",\"excerpt\":\"\",\"permalink\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/offres\\\/formation-a1-offerte-can-am-2-roues\\\/\",\"image\":{\"url\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Formation-offerte-pour-lachat-dun-deux-roues-1024x819.jpg\",\"sizes\":{\"large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Formation-offerte-pour-lachat-dun-deux-roues-1024x819.jpg\",\"medium_large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Formation-offerte-pour-lachat-dun-deux-roues-768x614.jpg\",\"medium\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Formation-offerte-pour-lachat-dun-deux-roues-300x240.jpg\"},\"alt\":\"Formation A1 offerte pour l\u2019achat d\u2019un 2-roues\"},\"date_debut\":null,\"date_fin\":null,\"periode_validite\":\"\",\"description\":null},{\"id\":1354,\"title\":\"R\u00e9servez votre essai du Can-am Outlander Electric\",\"excerpt\":\"D\u00e9couvrez le futur du tout-terrain. Passez \u00e0 l\u2019\u00e9lectrique d\u00e8s aujourd\u2019hui. Et si vous testiez une nouvelle fa\u00e7on de rouler, plus silencieuse, plus fluide\u2026 mais toujours aussi performante ? En mai, votre concession Can-Am Toulouse-Lab\u00e8ge vous offre une opportunit\u00e9 exclusive : essayez le tout nouvel Outlander Electric, un mod\u00e8le r\u00e9volutionnaire qui red\u00e9finit les standards du quad. ... <a title=\\\"R\u00e9servez votre essai du Can-am Outlander Electric\\\" class=\\\"read-more\\\" href=\\\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/offres\\\/essai-outlander-electric\\\/\\\" aria-label=\\\"En savoir plus sur R\u00e9servez votre essai du Can-am Outlander Electric\\\">Lire la suite<\\\/a>\",\"permalink\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/offres\\\/essai-outlander-electric\\\/\",\"image\":{\"url\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/offre-can-am-outlander-electric-essai-1024x819.jpg\",\"sizes\":{\"large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/offre-can-am-outlander-electric-essai-1024x819.jpg\",\"medium_large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/offre-can-am-outlander-electric-essai-768x614.jpg\",\"medium\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/offre-can-am-outlander-electric-essai-300x240.jpg\"},\"alt\":\"R\u00e9servez votre essai du Can-am Outlander Electric\"},\"date_debut\":null,\"date_fin\":null,\"periode_validite\":\"\",\"description\":null},{\"id\":1187,\"title\":\"Can-am Maverick Sport \u00e0 partir de 21.999\u20ac\",\"excerpt\":\"\",\"permalink\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/offres\\\/offre-du-mois-maverick-sport\\\/\",\"image\":{\"url\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Maverick-Sport-offre-decembre25-1024x820.jpg\",\"sizes\":{\"large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Maverick-Sport-offre-decembre25-1024x820.jpg\",\"medium_large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Maverick-Sport-offre-decembre25-768x615.jpg\",\"medium\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Maverick-Sport-offre-decembre25-300x240.jpg\"},\"alt\":\"Maverick Sport kit d\u00e9co\"},\"date_debut\":null,\"date_fin\":null,\"periode_validite\":\"\",\"description\":null},{\"id\":1267,\"title\":\"-20% sur votre kit huile Can-am\",\"excerpt\":\"\",\"permalink\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/offres\\\/offre-kit-huile-can-am\\\/\",\"image\":{\"url\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/offre-apv-kit-huile-can-am-1024x819.jpg\",\"sizes\":{\"large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/offre-apv-kit-huile-can-am-1024x819.jpg\",\"medium_large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/offre-apv-kit-huile-can-am-768x614.jpg\",\"medium\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/offre-apv-kit-huile-can-am-300x240.jpg\"},\"alt\":\"-20% sur votre kit huile Can-am\"},\"date_debut\":null,\"date_fin\":null,\"periode_validite\":\"\",\"description\":null},{\"id\":1278,\"title\":\"Payez votre \u00e9quipement Can-am en 4x\",\"excerpt\":\"\",\"permalink\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/offres\\\/payez-votre-equipement-can-am-en-4x\\\/\",\"image\":{\"url\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Payez-votre-equipement-en-4x-sans-frais-1024x819.jpg\",\"sizes\":{\"large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Payez-votre-equipement-en-4x-sans-frais-1024x819.jpg\",\"medium_large\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Payez-votre-equipement-en-4x-sans-frais-768x614.jpg\",\"medium\":\"https:\\\/\\\/groupe-grim.com\\\/can-am\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Payez-votre-equipement-en-4x-sans-frais-300x240.jpg\"},\"alt\":\"Payez votre \u00e9quipement Can-am en 4x\"},\"date_debut\":null,\"date_fin\":null,\"periode_validite\":\"\",\"description\":null}]    <\/script>\n\n    \n<\/div>\n\n\n<!-- Bloc Description et Ic\u00f4nes -->\n<div class=\"description-icons-block\">\n    <div class=\"max-w-[85rem] px-4 py-10 sm:px-6 lg:px-8 lg:py-14 mx-auto\">\n        <div class=\"max-w-2xl mx-auto\">\n            <!-- Grid principal -->\n            <div class=\"grid gap-12\">\n                \n                                <!-- Section titre et description -->\n                <div>\n                                            <h2 class=\"text-3xl text-gray-800 font-bold lg:text-4xl dark:text-white\">\n                            Can-Am Toulouse Lab\u00e8ge                        <\/h2>\n                                        \n                                            <p class=\"mt-3 text-gray-800 dark:text-neutral-400\">\n                            Nouvelle concession officielle Can-Am (BRP) du Groupe GRIM \u00e0 Toulouse-Lab\u00e8ge, nous vous accueillons dans des locaux enti\u00e8rement neufs pens\u00e9s pour le conseil, l\u2019\u00e9quipement et l\u2019entretien de votre Buggy, Quad, 3-roues et 2-roues Can-Am. Notre promesse : proximit\u00e9, expertise et qualit\u00e9 de service, au plus pr\u00e8s de vos usages pros et loisirs.                        <\/p>\n                                    <\/div>\n                                \n                                <!-- Sections avec ic\u00f4nes -->\n                <div class=\"space-y-6 lg:space-y-10\">\n                                        \n                    <!-- Section ic\u00f4ne -->\n                    <div class=\"flex gap-x-5 sm:gap-x-8\">\n                                                    <!-- Ic\u00f4ne Font Awesome -->\n                            <div class=\"shrink-0 mt-2\">\n                                <i class=\"fas fa-star text-2xl dark:text-white\" \n                                   style=\"color: #F42221\" \n                                   aria-hidden=\"true\"><\/i>\n                            <\/div>\n                                                \n                        <div class=\"grow\">\n                            <h3 class=\"text-base sm:text-lg font-semibold text-gray-800 dark:text-neutral-200\">\n                                Des locaux neufs, pens\u00e9s pour vous                            <\/h3>\n                            \n                                                            <p class=\"mt-1 text-gray-600 dark:text-neutral-400\">\n                                    Showroom d\u00e9di\u00e9 Buggys, Quads, 3-roues et 2-roues, espace accessoires LinQ, r\u00e9ception atelier, et stationnement facile devant la concession (y compris utilitaires). Tout est con\u00e7u pour vous faire gagner du temps et personnaliser votre Can-Am sereinement.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                    <!-- Fin section ic\u00f4ne -->\n                    \n                                        \n                    <!-- Section ic\u00f4ne -->\n                    <div class=\"flex gap-x-5 sm:gap-x-8\">\n                                                    <!-- Ic\u00f4ne Font Awesome -->\n                            <div class=\"shrink-0 mt-2\">\n                                <i class=\"fas fa-bolt text-2xl dark:text-white\" \n                                   style=\"color: #FFC400\" \n                                   aria-hidden=\"true\"><\/i>\n                            <\/div>\n                                                \n                        <div class=\"grow\">\n                            <h3 class=\"text-base sm:text-lg font-semibold text-gray-800 dark:text-neutral-200\">\n                                Expertise Can-Am &amp; solutions sur-mesure                            <\/h3>\n                            \n                                                            <p class=\"mt-1 text-gray-600 dark:text-neutral-400\">\n                                    Conseil par usage (agri, chantier, for\u00eat, loisirs), configurations personnalis\u00e9es, pr\u00e9paration et entretien selon le r\u00e9f\u00e9rentiel constructeur BRP. Essais et d\u00e9monstrations selon calendrier, financement et garanties : un accompagnement de A \u00e0 Z.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                    <!-- Fin section ic\u00f4ne -->\n                    \n                                        \n                    <!-- Section ic\u00f4ne -->\n                    <div class=\"flex gap-x-5 sm:gap-x-8\">\n                                                    <!-- Ic\u00f4ne Font Awesome -->\n                            <div class=\"shrink-0 mt-2\">\n                                <i class=\"fas fa-map-marker-alt text-2xl dark:text-white\" \n                                   style=\"color: #F42221\" \n                                   aria-hidden=\"true\"><\/i>\n                            <\/div>\n                                                \n                        <div class=\"grow\">\n                            <h3 class=\"text-base sm:text-lg font-semibold text-gray-800 dark:text-neutral-200\">\n                                Proximit\u00e9 &amp; respect \u2013 l\u2019ADN GRIM                            <\/h3>\n                            \n                                                            <p class=\"mt-1 text-gray-600 dark:text-neutral-400\">\n                                    Port\u00e9s par le Groupe GRIM, nous cultivons le respect, la transparence et la qualit\u00e9 de service. Engagement local, \u00e9coute et suivi dans la dur\u00e9e : autant de valeurs partag\u00e9es avec Can-Am, r\u00e9f\u00e9rence mondiale pour la performance, la fiabilit\u00e9 et l\u2019innovation.                                <\/p>\n                                                    <\/div>\n                    <\/div>\n                    <!-- Fin section ic\u00f4ne -->\n                    \n                                    <\/div>\n                                \n            <\/div>\n            <!-- Fin Grid principal -->\n        <\/div>\n    <\/div>\n<\/div>\n<!-- Fin Bloc Description et Ic\u00f4nes -->\n\n\n<div  class=\"image-collage dynamic-grid\">\n    <div class=\"grid-item large\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115217_can-am-labege.jpg\" alt=\"Can-Am Maverick R\" class=\"grid-image\" loading=\"lazy\"><\/div><div class=\"grid-item small\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115228_can-am-toulouse.jpg\" alt=\"\" class=\"grid-image\" loading=\"lazy\"><\/div><div class=\"grid-item small\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-franchissement.jpg\" alt=\"Can Am Outlander Electric 2026 avec remorque\" class=\"grid-image\" loading=\"lazy\"><\/div><div class=\"grid-item medium\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026.jpg\" alt=\"\" class=\"grid-image\" loading=\"lazy\"><\/div><div class=\"grid-item small\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115461_concession-can-am.jpg\" alt=\"\" class=\"grid-image\" loading=\"lazy\"><\/div><div class=\"grid-item large\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-defender-2026-pro.jpg\" alt=\"Chenilles sur un Can-am defender 2026\" class=\"grid-image\" loading=\"lazy\"><\/div><div class=\"grid-item medium\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/1756115378_moto-electrique-can-am.jpg\" alt=\"\" class=\"grid-image\" loading=\"lazy\"><\/div><div class=\"grid-item small\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/can-am-defender-2026-concessionnaire.jpg\" alt=\"can am defender 2026 chargement outils\" class=\"grid-image\" loading=\"lazy\"><\/div><div class=\"grid-item small\"><img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2025\/08\/Can-Am-Outlander-Electric-2026-agricole.jpg\" alt=\"\" class=\"grid-image\" loading=\"lazy\"><\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" id=\"prendre-rendez-vous\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"appointment-mobile bg-white mx-auto px-4 pb-6 min-h-0 \">   <!-- Barre de progression -->\n   <div class=\"progress-bar rounded-full overflow-hidden\">\n       <div class=\"progress-bar-fill w-0\"><\/div>\n   <\/div>\n\n   <!-- Formulaire -->\n   <form id=\"rdv-form-mobile\" class=\"relative\">\n       <!-- \u00c9tape 1: Type de demande -->\n       <div class=\"step-mobile active\" data-step=\"1\">\n           <div class=\"text-center mb-6\">\n           <h2 class=\"text-2xl md:text-4xl font-bold\">Prendre rendez-vous<\/h2>\n               <p class=\"text-gray-600 text-sm\">S\u00e9lectionnez votre besoin<\/p>\n           <\/div>\n\n           <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                  <label class=\"choice-card-mobile block\">\n                       <input type=\"radio\" name=\"request_type\" value=\"discover\" class=\"sr-only\">\n                       <div class=\"flex items-center\">\n                           <div class=\"flex-shrink-0 w-10 text-center\">\n                               <i class=\"fa-solid fa-car text-xl\"><\/i>\n                           <\/div>\n                           <div class=\"ml-3\">\n                               <span class=\"font-medium block\">D\u00e9couvrir nos mod\u00e8les<\/span>\n                               <span class=\"text-sm text-gray-500\">D\u00e9couvrez notre gamme<\/span>\n                           <\/div>\n                       <\/div>\n                   <\/label>\n                                  <label class=\"choice-card-mobile block\">\n                       <input type=\"radio\" name=\"request_type\" value=\"test_drive\" class=\"sr-only\">\n                       <div class=\"flex items-center\">\n                           <div class=\"flex-shrink-0 w-10 text-center\">\n                               <i class=\"fa-solid fa-key text-xl\"><\/i>\n                           <\/div>\n                           <div class=\"ml-3\">\n                               <span class=\"font-medium block\">Essai v\u00e9hicule<\/span>\n                               <span class=\"text-sm text-gray-500\">Testez un v\u00e9hicule<\/span>\n                           <\/div>\n                       <\/div>\n                   <\/label>\n                                  <label class=\"choice-card-mobile block\">\n                       <input type=\"radio\" name=\"request_type\" value=\"trade_in\" class=\"sr-only\">\n                       <div class=\"flex items-center\">\n                           <div class=\"flex-shrink-0 w-10 text-center\">\n                               <i class=\"fa-solid fa-exchange text-xl\"><\/i>\n                           <\/div>\n                           <div class=\"ml-3\">\n                               <span class=\"font-medium block\">Demande de reprise<\/span>\n                               <span class=\"text-sm text-gray-500\">Estimation de reprise<\/span>\n                           <\/div>\n                       <\/div>\n                   <\/label>\n                                  <label class=\"choice-card-mobile block\">\n                       <input type=\"radio\" name=\"request_type\" value=\"financing\" class=\"sr-only\">\n                       <div class=\"flex items-center\">\n                           <div class=\"flex-shrink-0 w-10 text-center\">\n                               <i class=\"fa-solid fa-coins text-xl\"><\/i>\n                           <\/div>\n                           <div class=\"ml-3\">\n                               <span class=\"font-medium block\">Financement<\/span>\n                               <span class=\"text-sm text-gray-500\">Solutions de financement<\/span>\n                           <\/div>\n                       <\/div>\n                   <\/label>\n                          <\/div>\n       <\/div>\n\n        <!-- \u00c9tape 2: Choix concession -->\n        <div class=\"step-mobile\" data-step=\"2\">\n        <div class=\"text-center mb-6\">\n            <h2 class=\"text-2xl md:text-4xl font-bold\">Choix de la concession<\/h2>\n            <p class=\"text-gray-600 text-sm\">S\u00e9lectionnez votre concession<\/p>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                            <label class=\"choice-card-mobile block mb-3 md:mb-0\">\n                    <input type=\"radio\" name=\"dealership\" \n                            value=\"Toulouse - Can-Am\" \n                            class=\"sr-only\">\n                    <div class=\"flex items-center\">\n                        <div class=\"flex-shrink-0 w-10 text-center\">\n                            <i class=\"fa-solid fa-location-dot text-xl\"><\/i>\n                        <\/div>\n                        <div class=\"ml-3\">\n                            <span class=\"font-medium block\">Toulouse<\/span>\n                            <span class=\"text-sm text-gray-500\">Can-Am<\/span>\n                        <\/div>\n                    <\/div>\n                <\/label>\n                    <\/div>\n        <\/div>\n\n       <!-- \u00c9tape 3: Contact -->\n       <div class=\"step-mobile\" data-step=\"3\">\n           <div class=\"text-center mb-6\">\n               <h2 class=\"text-2xl md:text-4xl font-bold\">Vos coordonn\u00e9es<\/h2>\n               <p class=\"text-gray-600 text-sm\">Pour vous recontacter<\/p>\n           <\/div>\n\n           <div class=\"space-y-4\">\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               <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               <!-- Nouveau champ 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                        pattern=\"[0-9]{2}[0-9]{2}[0-9]{2}[0-9]{2}[0-9]{2}\"\n                        title=\"Veuillez entrer un num\u00e9ro de t\u00e9l\u00e9phone valide (10 chiffres)\">\n                <\/div>\n\n               <div>\n                   <label class=\"block text-sm font-medium text-gray-700 mb-1\">Message<\/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               <div class=\"flex items-start\">\n                   <div class=\"flex items-center h-5\">\n                       <input id=\"privacy-mobile\" 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-mobile\" class=\"ml-3 text-sm text-gray-700\">\n                       J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"no-underline text-black\">politique de confidentialit\u00e9<\/a>\n                   <\/label>\n               <\/div>\n\n               <button type=\"submit\" class=\"w-full mt-4 px-6 py-3 bg-black text-white rounded-lg\">\n                   Envoyer ma demande\n               <\/button>\n           <\/div>\n       <\/div>\n\n       <!-- Message de succ\u00e8s -->\n       <div id=\"success-message-mobile\" class=\"hidden text-center py-6\">\n           <div class=\"bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n               <i class=\"fa-solid fa-check text-2xl text-green-500\"><\/i>\n           <\/div>\n           <h3 class=\"text-xl font-bold mb-2\">Demande envoy\u00e9e !<\/h3>\n           <p class=\"text-gray-600 text-sm mb-4\">\n               Nous vous recontacterons tr\u00e8s rapidement pour confirmer votre rendez-vous.\n           <\/p>\n           <div class=\"bg-gray-50 rounded-lg p-3\">\n               <p class=\"text-sm text-gray-600\">\n                   <i class=\"fa-solid fa-clock mr-2\"><\/i>\n                   Disponibilit\u00e9 : Lun-Sam, 9h-19h\n               <\/p>\n           <\/div>\n       <\/div>\n   <\/form>\n\n   <!-- Bouton retour -->\n    <button type=\"button\" class=\"back-button\">\n        <i class=\"fa-solid fa-arrow-left mr-2\"><\/i> Retour\n    <\/button>\n<\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide\" id=\"map\"\/>\n\n\n\n<!-- Conteneur h\u00f4te pour le Shadow DOM -->\n<div \n    id=\"where-are-we-69f96cce2acc9\" \n    class=\"where-are-we-shadow-host\"\n    data-display-mode=\"simple\"\n    data-is-mobile=\"false\"\n    data-locations='[{&quot;city_name&quot;:&quot;Toulouse-Lab\\u00e8ge&quot;,&quot;address&quot;:&quot;2721 Rte de Baziege la Lauragaise, 31670 Lab\\u00e8ge&quot;,&quot;latitude&quot;:43.544926,&quot;longitude&quot;:1.517161,&quot;phone&quot;:&quot;0 805 02 14 14&quot;,&quot;email&quot;:&quot;&quot;,&quot;opening_hours&quot;:&quot;9H00  \\u00e0 18H00, du Mardi au samedi. 17H pour le SAV le samedi.&quot;,&quot;google_maps_url&quot;:&quot;&quot;,&quot;logo&quot;:null,&quot;brand&quot;:&quot;&quot;,&quot;brand_color&quot;:&quot;#007cba&quot;}]'\n    data-grouped-locations='[]'\n    data-brands-config='[]'\n    data-translations='{&quot;title&quot;:&quot;O\\u00f9 sommes-nous ?&quot;,&quot;google_maps&quot;:&quot;Google Maps&quot;,&quot;waze&quot;:&quot;Waze&quot;,&quot;view_on_map&quot;:&quot;Voir sur la carte&quot;,&quot;all_brands&quot;:&quot;Toutes les marques&quot;,&quot;others&quot;:&quot;Autres&quot;,&quot;view_fullscreen&quot;:&quot;Voir en plein \\u00e9cran&quot;}'\n    data-fullscreen-url=''\n    data-create-dedicated-page='false'\n    data-primary-color='#f42221'\n    data-secondary-color='#ffc400'\n    style=\"position: relative; --where-are-we-primary-color: #f42221; --where-are-we-secondary-color: #ffc400;\"\n>\n    <!-- Fallback pour les navigateurs sans support Shadow DOM -->\n    <noscript>\n        <div class=\"where-are-we-fallback\">\n        <h2 class=\"display: block; font-size: 1.5rem; font-weight: 700; color: #1F2937; \">O\u00f9 sommes-nous ?<\/h2>\n            \n                                                <div class=\"location-fallback\">\n                        <h3>Toulouse-Lab\u00e8ge<\/h3>\n                        <p>2721 Rte de Baziege la Lauragaise, 31670 Lab\u00e8ge<\/p>\n                        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=43.544926,1.517161\" target=\"_blank\" rel=\"noopener\">\n                            Voir sur Google Maps\n                        <\/a>\n                    <\/div>\n                                    <\/div>\n    <\/noscript>\n<\/div>\n\n<script>\n\/\/ Initialisation imm\u00e9diate du Shadow DOM pour ce bloc\n(function() {\n    const host = document.getElementById('where-are-we-69f96cce2acc9');\n    if (!host || !host.attachShadow) {\n        console.warn('Shadow DOM non support\u00e9 pour le bloc o\u00f9-sommes-nous');\n        return;\n    }\n\n    \/\/ Cr\u00e9er le Shadow DOM\n    const shadowRoot = host.attachShadow({ mode: 'open' });\n    \n    \/\/ Marquer comme initialis\u00e9 pour \u00e9viter la double initialisation\n    host.dataset.shadowInitialized = 'true';\n    \n    \/\/ D\u00e9clencher l'initialisation personnalis\u00e9e\n    document.addEventListener('DOMContentLoaded', function() {\n        if (window.WhereAreWeShadow) {\n            new window.WhereAreWeShadow('where-are-we-69f96cce2acc9');\n        }\n    });\n})();\n<\/script>\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"social-networks-block -my-12 mb-20 mt-20 \" id=\"social-networks-69f96cce2b825\">\n            <!-- Titre style Hero\/Brands -->\n        <div class=\"sm:w-1\/2 xl:w-1\/3 mx-auto text-center mb-6 md:mb-12\">\n                            <h2 class=\"block text-2xl font-bold text-gray-800 sm:text-3xl lg:text-4xl lg:leading-tight dark:text-white text-center\">\n                    Suivez-nous sur les r\u00e9seaux <span class=\"text-red-500\">sociaux<\/span>                <\/h2>\n                                        <p class=\"mt-3 text-lg text-gray-800 dark:text-neutral-400 text-center\">Actus, offres, bons plans\u2026 Soyez le premier au courant<\/p>\n                    <\/div>\n    \n            <!-- Style boutons horizontaux -->\n        <div class=\"flex flex-wrap justify-center gap-4\">\n                                                                <a href=\"https:\/\/www.facebook.com\/profile.php?id=61580045841044\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #1877f2\">\n                        <i class=\"fab fa-facebook-f mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-yellow-400\"><\/i>\n                        Facebook                    <\/a>\n                                                                                <a href=\"https:\/\/www.instagram.com\/canam.groupegrim\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #E4405F\">\n                        <i class=\"fab fa-instagram mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-yellow-400\"><\/i>\n                        Instagram                    <\/a>\n                                                                                <a href=\"https:\/\/www.linkedin.com\/company\/108783992\/admin\/dashboard\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center px-6 py-3 text-gray-900 font-medium rounded-lg border border-gray-200 transition-all duration-300 hover:scale-105 hover:shadow-lg\" style=\"--network-color: #0077B5\">\n                        <i class=\"fab fa-linkedin-in mr-3 text-2xl text-gray-800 transition-all duration-300 hover:text-yellow-400\"><\/i>\n                        LinkedIn                    <\/a>\n                                    <\/div>\n\n    <\/div>\n\n\n<hr class=\"wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide\"\/>\n\n\n\n<div class=\"blog-grid px-4 md:px-6\">\n    <!-- En-t\u00eate du blog avec bouton stylis\u00e9 -->\n    <!-- Modification de l'en-t\u00eate du blog -->\n    <div class=\"flex flex-col md:flex-row justify-between items-start md:items-center gap-4 md:gap-0 mb-8\">\n    <h2 class=\"text-2xl md:text-4xl font-bold\">Actualit\u00e9s CAN-AM<\/h2>\n    <a href=\"https:\/\/groupe-grim.com\/can-am\/blog\/\" class=\"inline-flex items-center bg-black text-white px-4 md:px-6 py-2 md:py-2.5 rounded-full text-sm\n              hover:bg-gray-800 transition-all duration-300 group no-underline w-full md:w-auto justify-center\">\n        Lire notre blog\n        <span class=\"ml-2 transform group-hover:translate-x-1 transition-transform duration-300\"\n              aria-hidden=\"true\">\u2192<\/span>\n    <\/a>\n<\/div>\n\n    <!-- Grid avec tailles optimis\u00e9es -->\n    <div class=\"grid grid-cols-12 auto-rows-[240px] gap-4 md:gap-5\">\n                        \n                <article class=\"col-span-7 row-span-2 rounded-2xl overflow-hidden relative group \n                                hover:-translate-y-1 transition-all duration-300\">\n                    <!-- Ajout de l'indicateur de lien -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm \n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                                                            <img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/credit-agilor-financement-agriculteur-quad-ssv.jpg\"\n                                     srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/credit-agilor-financement-agriculteur-quad-ssv.jpg 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/credit-agilor-financement-agriculteur-quad-ssv-300x200.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/credit-agilor-financement-agriculteur-quad-ssv-1024x683.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/credit-agilor-financement-agriculteur-quad-ssv-768x512.jpg 768w\"\n                                     sizes=\"(max-width: 1280px) 100vw, 1280px\"\n                                     alt=\"Cr\u00e9dit AGILOR : la solution id\u00e9ale pour financer votre quad ou SSV agricole\"\n                                     class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                     loading=\"lazy\"\n                                     decoding=\"async\"\n                                \/>\n                                                        \n                                                            \n                                <!-- Badge emoji pour le premier article -->\n                                <div class=\"absolute top-4 left-4 flex items-center space-x-2\">\n                                    <span class=\"inline-flex items-center px-3 py-1 rounded-full bg-white\/10 backdrop-blur-md\n                                               border border-white\/20 text-white text-sm\">\n                                        <span class=\"mr-1.5\">\ud83d\udd25<\/span>\n                                        Hot\n                                    <\/span>\n                                <\/div>\n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                                                    <div class=\"flex items-center text-sm text-white\/90 mb-2\">\n                                        <span>Pro<\/span>\n                                    <\/div>\n                                                                \n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         md:text-2xl\">\n                                    Cr\u00e9dit AGILOR : la solution id\u00e9ale pour financer votre quad ou SSV agricole                                <\/h3>\n                                \n                                <time datetime=\"2026-05-01T10:00:00+02:00\" \n                                      class=\"text-sm text-white\/80\">\n                                    1 Mai                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/credit-agilor\/\" class=\"absolute inset-0 z-10\" aria-label=\"Cr\u00e9dit AGILOR : la solution id\u00e9ale pour financer votre quad ou SSV agricole\"><\/a>\n                <\/article>\n                \n                        \n                <article class=\"col-span-5 rounded-2xl overflow-hidden relative group \n                                hover:-translate-y-1 transition-all duration-300\">\n                    <!-- Ajout de l'indicateur de lien -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm \n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                                                            <img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/sorties-quad-toulouse.png\"\n                                     srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/sorties-quad-toulouse.png 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/sorties-quad-toulouse-300x200.png 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/sorties-quad-toulouse-1024x683.png 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/sorties-quad-toulouse-768x512.png 768w\"\n                                     sizes=\"(max-width: 1280px) 100vw, 1280px\"\n                                     alt=\"O\u00f9 faire du quad autour de Toulouse ? Les meilleurs spots autoris\u00e9s en Haute-Garonne\"\n                                     class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                     loading=\"lazy\"\n                                     decoding=\"async\"\n                                \/>\n                                                        \n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                                                    <div class=\"flex items-center text-sm text-white\/90 mb-2\">\n                                        <span>Sorties<\/span>\n                                    <\/div>\n                                                                \n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    O\u00f9 faire du quad autour de Toulouse ? Les meilleurs spots autoris\u00e9s en Haute-Garonne                                <\/h3>\n                                \n                                <time datetime=\"2026-04-24T08:00:00+02:00\" \n                                      class=\"text-sm text-white\/80\">\n                                    24 Avr                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/sortie-quad-toulouse\/\" class=\"absolute inset-0 z-10\" aria-label=\"O\u00f9 faire du quad autour de Toulouse ? Les meilleurs spots autoris\u00e9s en Haute-Garonne\"><\/a>\n                <\/article>\n                \n                        \n                <article class=\"col-span-5 rounded-2xl overflow-hidden relative group \n                                hover:-translate-y-1 transition-all duration-300\">\n                    <!-- Ajout de l'indicateur de lien -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm \n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                                                            <img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/Can-am-Fest-2026.png\"\n                                     srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/Can-am-Fest-2026.png 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/Can-am-Fest-2026-300x200.png 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/Can-am-Fest-2026-1024x682.png 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/Can-am-Fest-2026-768x512.png 768w\"\n                                     sizes=\"(max-width: 1280px) 100vw, 1280px\"\n                                     alt=\"Can-Am Fest 2026 : vivez 3 jours d\u2019essais et d\u2019aventure On-Road &amp; Off-Road en Auvergne\"\n                                     class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                     loading=\"lazy\"\n                                     decoding=\"async\"\n                                \/>\n                                                        \n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                                                    <div class=\"flex items-center text-sm text-white\/90 mb-2\">\n                                        <span>Actualit\u00e9 Can-Am<\/span>\n                                    <\/div>\n                                                                \n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    Can-Am Fest 2026 : vivez 3 jours d\u2019essais et d\u2019aventure On-Road &amp; Off-Road en Auvergne                                <\/h3>\n                                \n                                <time datetime=\"2026-04-17T08:00:00+02:00\" \n                                      class=\"text-sm text-white\/80\">\n                                    17 Avr                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/can-am-fest-2026\/\" class=\"absolute inset-0 z-10\" aria-label=\"Can-Am Fest 2026 : vivez 3 jours d\u2019essais et d\u2019aventure On-Road &amp; Off-Road en Auvergne\"><\/a>\n                <\/article>\n                \n                        \n                <article class=\"col-span-6 rounded-2xl overflow-hidden relative group \n                                hover:-translate-y-1 transition-all duration-300\">\n                    <!-- Ajout de l'indicateur de lien -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm \n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                                                            <img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/comment-transporter-son-quad-ou-son-ssv-en-toute-securite.jpg\"\n                                     srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/comment-transporter-son-quad-ou-son-ssv-en-toute-securite.jpg 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/comment-transporter-son-quad-ou-son-ssv-en-toute-securite-300x200.jpg 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/comment-transporter-son-quad-ou-son-ssv-en-toute-securite-1024x682.jpg 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/04\/comment-transporter-son-quad-ou-son-ssv-en-toute-securite-768x512.jpg 768w\"\n                                     sizes=\"(max-width: 1280px) 100vw, 1280px\"\n                                     alt=\"Comment transporter un quad ou un SSV en toute s\u00e9curit\u00e9 ?\"\n                                     class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                     loading=\"lazy\"\n                                     decoding=\"async\"\n                                \/>\n                                                        \n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                                                    <div class=\"flex items-center text-sm text-white\/90 mb-2\">\n                                        <span>Conseils<\/span>\n                                    <\/div>\n                                                                \n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    Comment transporter un quad ou un SSV en toute s\u00e9curit\u00e9 ?                                <\/h3>\n                                \n                                <time datetime=\"2026-04-10T08:00:00+02:00\" \n                                      class=\"text-sm text-white\/80\">\n                                    10 Avr                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/transport-quad-ssv\/\" class=\"absolute inset-0 z-10\" aria-label=\"Comment transporter un quad ou un SSV en toute s\u00e9curit\u00e9 ?\"><\/a>\n                <\/article>\n                \n                        \n                <article class=\"col-span-6 rounded-2xl overflow-hidden relative group \n                                hover:-translate-y-1 transition-all duration-300\">\n                    <!-- Ajout de l'indicateur de lien -->\n                    <div class=\"absolute top-4 right-4 w-8 h-8 rounded-full bg-white\/10 backdrop-blur-sm \n                                flex items-center justify-center opacity-0 transform translate-y-2\n                                group-hover:opacity-100 group-hover:translate-y-0 transition-all duration-300 z-20\n                                border border-white\/20\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                                                            <img src=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/03\/quel-quad-can-am-choisir-en-2026.png\"\n                                     srcset=\"https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/03\/quel-quad-can-am-choisir-en-2026.png 1280w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/03\/quel-quad-can-am-choisir-en-2026-300x200.png 300w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/03\/quel-quad-can-am-choisir-en-2026-1024x683.png 1024w, https:\/\/groupe-grim.com\/can-am\/wp-content\/uploads\/2026\/03\/quel-quad-can-am-choisir-en-2026-768x512.png 768w\"\n                                     sizes=\"(max-width: 1280px) 100vw, 1280px\"\n                                     alt=\"Quel quad Can-Am choisir en 2026 ? Comparatif des meilleurs mod\u00e8les\"\n                                     class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\"\n                                     loading=\"lazy\"\n                                     decoding=\"async\"\n                                \/>\n                                                        \n                                                        \n                            <!-- Overlay am\u00e9lior\u00e9 -->\n                            <div class=\"absolute inset-0 bg-gradient-to-b from-black\/0 via-black\/20 to-black\/80\"><\/div>\n                            \n                            <!-- Contenu -->\n                            <div class=\"absolute inset-0 p-5 flex flex-col justify-end transform transition-transform\n                                        duration-300 group-hover:translate-y-[-8px]\">\n                                                                    <div class=\"flex items-center text-sm text-white\/90 mb-2\">\n                                        <span>Guide d&#039;achat<\/span>\n                                    <\/div>\n                                                                \n                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    Quel quad Can-Am choisir en 2026 ? Comparatif des meilleurs mod\u00e8les                                <\/h3>\n                                \n                                <time datetime=\"2026-04-03T08:00:00+02:00\" \n                                      class=\"text-sm text-white\/80\">\n                                    3 Avr                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/can-am\/comparatif-quad-can-am-2026\/\" class=\"absolute inset-0 z-10\" aria-label=\"Quel quad Can-Am choisir en 2026 ? Comparatif des meilleurs mod\u00e8les\"><\/a>\n                <\/article>\n                \n            <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>D\u00e9couvrez nos offres du moment<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":3,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/2","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":100,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":1360,"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/pages\/2\/revisions\/1360"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/can-am\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}