{"id":2,"date":"2026-02-03T11:43:51","date_gmt":"2026-02-03T10:43:51","guid":{"rendered":"https:\/\/groupe-grim.com\/omoda-jaecoo\/?page_id=2"},"modified":"2026-03-17T09:49:47","modified_gmt":"2026-03-17T08:49:47","slug":"accueil","status":"publish","type":"page","link":"https:\/\/groupe-grim.com\/omoda-jaecoo\/","title":{"rendered":"Accueil"},"content":{"rendered":"\n<!-- Styles dynamiques bas\u00e9s sur les couleurs du th\u00e8me -->\n<style>\n    \/* Utilisation de la font personnalis\u00e9e (GrimCustomFont d\u00e9finie globalement avec fonts optimis\u00e9es) *\/\n    #title-subtitle-69e1a4f4b61ba {\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n            }\n\n    #title-subtitle-69e1a4f4b61ba .title-main {\n        color: #1f2937;\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #title-subtitle-69e1a4f4b61ba .subtitle-text {\n        color: #4b5563;\n    }\n\n    #title-subtitle-69e1a4f4b61ba .title-underline {\n        background-color: #000000;\n    }\n<\/style>\n\n<div id=\"title-subtitle-69e1a4f4b61ba\" class=\"title-subtitle-block max-w-layout mx-auto px-4 pt-12 pb-2\">\n    <div class=\"text-center\">\n        <h2 class=\"title-main text-3xl md:text-4xl font-bold mb-2\">D\u00e9couvrir la gamme<\/h2>\n                <div class=\"title-underline w-20 h-1 mt-4 mb-4 mx-auto\"><\/div>\n        \n            <\/div>\n<\/div>\n\n\n<!-- Styles dynamiques pour les couleurs du th\u00e8me -->\n<style>\n    \/* Variables CSS dynamiques pour ce bloc *\/\n    .models-slider-block {\n        --theme-primary: #000000;\n        --theme-primary-dark: #000000;\n        --theme-primary-rgb: 0, 0, 0;\n    }\n\n    \/* Couleur principale du th\u00e8me *\/\n    .models-slider-block .bg-theme-primary { background-color: #000000 !important; }\n    .models-slider-block .text-theme-primary { color: #000000 !important; }\n    .models-slider-block .border-theme-primary { border-color: #000000 !important; }\n\n    \/* Couleur texte du th\u00e8me avec diff\u00e9rentes intensit\u00e9s *\/\n    .models-slider-block .text-theme-text-subtle { color: #4b5563 !important; opacity: 0.5; }\n    .models-slider-block .text-theme-text-light { color: #4b5563 !important; opacity: 0.7; }\n    .models-slider-block .text-theme-text { color: #4b5563 !important; opacity: 0.85; }\n    .models-slider-block .text-theme-text-dark { color: #4b5563 !important; opacity: 1; }\n\n    \/* Badge avec couleur primaire *\/\n    .models-slider-block .badge-theme {\n        background-color: #0000001a !important;\n        color: #000000 !important;\n    }\n\n    \/* Bouton avec couleur primaire *\/\n    .models-slider-block .btn-theme-primary {\n        background-color: #000000 !important;\n        color: white !important;\n    }\n    .models-slider-block .btn-theme-primary:hover {\n        background-color: #000000 !important;\n        filter: brightness(0.9);\n    }\n\n    \/* Bouton dans la modal - surcharge le CSS global *\/\n    #hs-slider-test-drive-modal button[type=\"submit\"],\n    #hs-slider-test-drive-modal .btn-theme-primary {\n        background-color: #000000 !important;\n        color: white !important;\n    }\n    #hs-slider-test-drive-modal button[type=\"submit\"]:hover,\n    #hs-slider-test-drive-modal .btn-theme-primary:hover {\n        background-color: #000000 !important;\n        filter: brightness(0.9);\n    }\n\n    \/* Emp\u00eacher les ic\u00f4nes d'\u00eatre en italique *\/\n    .models-slider-block i,\n    .models-slider-block .fa-solid,\n    .models-slider-block .fa-regular,\n    #hs-slider-test-drive-modal i,\n    #hs-slider-test-drive-modal .fa-solid,\n    #hs-slider-test-drive-modal .fa-regular {\n        font-style: normal !important;\n    }\n\n    \/* Barre de progression avec couleur primaire *\/\n    .models-slider-block .progress-theme {\n        background: linear-gradient(to right, #000000, #000000cc) !important;\n    }\n<\/style>\n\n\n<div class=\"models-slider-block\" data-brand-switch=\"true\" data-default-brand=\"jaecoo\">\n    <div class=\"brand-switch-container flex justify-center my-8\">\n        <div class=\"brand-switch-wrapper inline-flex items-center p-1.5 bg-white border-2 border-gray-800 rounded-full shadow-lg\">\n            <button type=\"button\"\n                    class=\"brand-switch-btn \"\n                    data-brand=\"omoda\"\n                    data-gradient=\"linear-gradient(45deg, #6A33FF 0%, #181E29 100%)\"\n                    aria-pressed=\"false\"\n                    style=\"background: transparent; color: #1a1a1a;\">\n                <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/themes\/grim\/brands\/omoda-jaecoo\/assets\/images\/logos\/omoda-logo.avif\"\n                     alt=\"OMODA\"\n                     class=\"brand-switch-logo\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='inline';\">\n                <span class=\"brand-switch-text\" style=\"display: none;\">OMODA<\/span>\n            <\/button>\n            <button type=\"button\"\n                    class=\"brand-switch-btn active\"\n                    data-brand=\"jaecoo\"\n                    data-gradient=\"linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%)\"\n                    aria-pressed=\"true\"\n                    style=\"background: linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%); color: white;\">\n                <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/themes\/grim\/brands\/omoda-jaecoo\/assets\/images\/logos\/jaecoo-logo.avif\"\n                     alt=\"JAECOO\"\n                     class=\"brand-switch-logo\"\n                     onerror=\"this.style.display='none';this.nextElementSibling.style.display='inline';\">\n                <span class=\"brand-switch-text\" style=\"display: none;\">JAECOO<\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n    \n            \n<div class=\"models-filter-container\" data-filter-style=\"tabs\">\n            <!-- Onglets (desktop uniquement) -->\n        <div class=\"models-filter-tabs flex flex-wrap gap-0 border-b-2 border-gray-200 mb-4\">\n            <div class=\"filter-tab active px-8 py-4 text-sm font-semibold text-gray-500 cursor-pointer transition-all duration-300 border-b-3 border-transparent relative -bottom-0.5 hover:text-gray-700 hover:bg-gray-50\" data-category=\"all\" style=\"border-bottom-color: #000000;\">\n                Tous les mod\u00e8les\n            <\/div>\n                            <div class=\"filter-tab px-8 py-4 text-sm font-semibold text-gray-500 cursor-pointer transition-all duration-300 border-b-3 border-transparent relative -bottom-0.5 hover:text-gray-700 hover:bg-gray-50\" data-category=\"3\" style=\"border-bottom-color: #000000;\">\n                    Hybride                <\/div>\n                            <div class=\"filter-tab px-8 py-4 text-sm font-semibold text-gray-500 cursor-pointer transition-all duration-300 border-b-3 border-transparent relative -bottom-0.5 hover:text-gray-700 hover:bg-gray-50\" data-category=\"2\" style=\"border-bottom-color: #000000;\">\n                    Hybride rechargeable                <\/div>\n                    <\/div>\n\n    \n                <!-- Menu d\u00e9roulant personnalis\u00e9 -->\n        <div class=\"models-filter-dropdown flex flex-col md:flex-row items-stretch md:items-center gap-2 md:gap-6 justify-center px-4 py-4 bg-gradient-to-br from-gray-50 to-white rounded-2xl shadow-sm\">\n            <label for=\"models-category-select-69e1a4f4be849\" class=\"text-sm md:text-base font-bold text-gray-800 flex items-center gap-2 justify-center md:justify-start\">Filtrer par gamme :<\/label>\n\n            <!-- Custom Select moderne -->\n            <div class=\"custom-select-wrapper relative w-full md:min-w-[300px]\">\n                <div class=\"custom-select relative\" data-select-id=\"models-category-select-69e1a4f4be849\">\n                    <div class=\"custom-select-trigger flex items-center gap-3 px-4 md:px-6 py-3 md:py-4 bg-white border-2 border-gray-200 rounded-xl cursor-pointer transition-all duration-[400ms] shadow-sm select-none\">\n                        <span class=\"custom-select-icon flex items-center justify-center w-9 h-9 rounded-lg text-white flex-shrink-0 text-base\">\n                            <i class=\"fa-solid fa-grip\"><\/i>\n                        <\/span>\n                        <span class=\"custom-select-text flex-1 text-sm font-semibold text-gray-800\">Tous les mod\u00e8les <small class=\"model-count text-xs font-normal text-gray-400 ml-1\">(<span class=\"count-value\">6<\/span> mod\u00e8les)<\/small><\/span>\n                        <span class=\"custom-select-arrow flex items-center flex-shrink-0 text-sm transition-transform duration-300\">\n                            <i class=\"fa-solid fa-chevron-down\"><\/i>\n                        <\/span>\n                    <\/div>\n                    <div class=\"custom-select-dropdown absolute top-full left-0 right-0 bg-white max-h-0 overflow-hidden opacity-0 z-[1000]\">\n                        <div class=\"custom-select-option active flex items-center gap-3 px-6 py-3.5 cursor-pointer transition-all duration-200 border-l-3 border-transparent\" data-value=\"all\" data-icon=\"fa-solid fa-grip\" data-base-count=\"6\">\n                            <span class=\"flex items-center justify-center w-8 h-8 bg-gray-100 rounded-lg flex-shrink-0 transition-all duration-200\">\n                                <i class=\"fa-solid fa-grip text-gray-600 text-sm\"><\/i>\n                            <\/span>\n                            <span class=\"text-sm font-medium text-gray-700\">Tous les mod\u00e8les <small class=\"model-count text-xs font-normal text-gray-400 ml-1\">(<span class=\"count-value\">6<\/span> mod\u00e8les)<\/small><\/span>\n                        <\/div>\n                                                    <div class=\"custom-select-option flex items-center gap-3 px-6 py-3.5 cursor-pointer transition-all duration-200 border-l-3 border-transparent\" data-value=\"3\" data-icon=\"fa-solid fa-leaf\" data-base-count=\"3\">\n                                <span class=\"flex items-center justify-center w-8 h-8 bg-gray-100 rounded-lg flex-shrink-0 transition-all duration-200\">\n                                    <i class=\"fa-solid fa-leaf text-gray-600 text-sm\"><\/i>\n                                <\/span>\n                                <span class=\"text-sm font-medium text-gray-700\">Hybride <small class=\"model-count text-xs font-normal text-gray-400 ml-1\">(<span class=\"count-value\">3<\/span> mod\u00e8les)<\/small><\/span>\n                            <\/div>\n                                                    <div class=\"custom-select-option flex items-center gap-3 px-6 py-3.5 cursor-pointer transition-all duration-200 border-l-3 border-transparent\" data-value=\"2\" data-icon=\"fa-solid fa-leaf\" data-base-count=\"3\">\n                                <span class=\"flex items-center justify-center w-8 h-8 bg-gray-100 rounded-lg flex-shrink-0 transition-all duration-200\">\n                                    <i class=\"fa-solid fa-leaf text-gray-600 text-sm\"><\/i>\n                                <\/span>\n                                <span class=\"text-sm font-medium text-gray-700\">Hybride rechargeable <small class=\"model-count text-xs font-normal text-gray-400 ml-1\">(<span class=\"count-value\">3<\/span> mod\u00e8les)<\/small><\/span>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n\n                <!-- Select natif cach\u00e9 pour l'accessibilit\u00e9 et la compatibilit\u00e9 -->\n                <select id=\"models-category-select-69e1a4f4be849\" class=\"filter-select filter-select-native\" style=\"display: none;\">\n                    <option value=\"all\">Tous les mod\u00e8les (6 mod\u00e8les)<\/option>\n                                            <option value=\"3\">\n                            Hybride (3 mod\u00e8les)                        <\/option>\n                                            <option value=\"2\">\n                            Hybride rechargeable (3 mod\u00e8les)                        <\/option>\n                                    <\/select>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Conteneur principal - DESIGN IDENTIQUE -->\n    <div class=\"relative w-full my-12\">\n        \n        <!-- Wrapper avec padding pour les fl\u00e8ches - DESIGN IDENTIQUE -->\n        <div class=\"overflow-hidden relative pb-[25px] px-[15px]\">\n            \n            <!-- Conteneur des slides - RENDU PHP DIRECT -->\n            <div class=\"models-container-new overflow-hidden pb-8 w-full max-w-full\">\n                <div class=\"models-track flex transition-transform duration-500 ease-out\" style=\"transform: translateX(0%);\">\n\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] brand-omoda\" data-categories=\"2\" data-vehicle-brand=\"omoda\" data-brand-gradient=\"linear-gradient(45deg, #6A33FF 0%, #181E29 100%)\" data-brand-color=\"#6A33FF\">\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">OMODA 9<\/h3>\n                                                                                        <p class=\"text-sm text-theme-text truncate\">Crossover Familial<\/p>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau !<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">49 990 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Omoda-9-4-320x172.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Omoda-9-4-640x345.webp 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Omoda-9-4.webp 700w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Omoda-9-4-300x162.png\" alt=\"OMODA 9\" width=\"300\" height=\"162\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Omoda 9\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Omoda-9-4-320x172.png 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Omoda-9-4-640x345.png 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Omoda-9-4.png 700w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">49 990 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">4,9s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">1 100 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/vehicule\/omoda-9\/\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background: linear-gradient(45deg, #6A33FF 0%, #181E29 100%);\"\n                                           >\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 lumineuse -->\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #6A33FF; color: #6A33FF;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"OMODA 9\"\n                                                data-price=\"49 990\u20ac\"\n                                                data-version=\"Crossover Familial\"\n                                                data-brand-color=\"#6A33FF\"\n                                                data-brand-gradient=\"linear-gradient(45deg, #6A33FF 0%, #181E29 100%)\">\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] brand-jaecoo\" data-categories=\"2\" data-vehicle-brand=\"jaecoo\" data-brand-gradient=\"linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%)\" data-brand-color=\"#4A8C7B\">\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">JAECOO 7 SHS-P<\/h3>\n                                                                                        <p class=\"text-sm text-theme-text truncate\">SUV Compact<\/p>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau !<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">35 990 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/Jaecoo-7-1-320x172.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/Jaecoo-7-1-640x345.webp 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/Jaecoo-7-1.webp 700w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/Jaecoo-7-1-300x162.png\" alt=\"JAECOO 7 SHS-P\" width=\"300\" height=\"162\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Jaecoo 7\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/Jaecoo-7-1-320x172.png 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/Jaecoo-7-1-640x345.png 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/Jaecoo-7-1.png 700w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">35 990 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">8,5s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">1 200 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/vehicule\/jaecoo-7\/\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background: linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%);\"\n                                           >\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 lumineuse -->\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #4A8C7B; color: #4A8C7B;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"JAECOO 7 SHS-P\"\n                                                data-price=\"35990\"\n                                                data-version=\"SUV Compact\"\n                                                data-brand-color=\"#4A8C7B\"\n                                                data-brand-gradient=\"linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%)\">\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] brand-jaecoo\" data-categories=\"3\" data-vehicle-brand=\"jaecoo\" data-brand-gradient=\"linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%)\" data-brand-color=\"#4A8C7B\">\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">JAECOO 7  SHS-H<\/h3>\n                                                                                        <p class=\"text-sm text-theme-text truncate\">SUV Compact<\/p>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau !<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">29 990 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-7-suv-320x172.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-7-suv-640x345.webp 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-7-suv.webp 700w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-7-suv-300x162.png\" alt=\"JAECOO 7  SHS-H\" width=\"300\" height=\"162\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Jaecoo 7 suv\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-7-suv-320x172.png 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-7-suv-640x345.png 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-7-suv.png 700w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">29 990 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">8,3s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">900 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/vehicule\/jaecoo-7-shs-h\/\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background: linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%);\"\n                                           >\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 lumineuse -->\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #4A8C7B; color: #4A8C7B;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"JAECOO 7  SHS-H\"\n                                                data-price=\"29990\"\n                                                data-version=\"SUV Compact\"\n                                                data-brand-color=\"#4A8C7B\"\n                                                data-brand-gradient=\"linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%)\">\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] brand-jaecoo\" data-categories=\"3\" data-vehicle-brand=\"jaecoo\" data-brand-gradient=\"linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%)\" data-brand-color=\"#4A8C7B\">\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">JAECOO 5 SHS-H<\/h3>\n                                                                                        <p class=\"text-sm text-theme-text truncate\">SUV Urbain<\/p>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Nouveau !<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-xs text-gray-500 uppercase tracking-wide mb-1\">\u00c0 partir de<\/p>\n                                        <div class=\"flex items-baseline gap-2\">\n                                            <span class=\"text-lg font-bold\" style=\"color: #1f2937;\">26 990 \u20ac<\/span>\n                                                                                    <\/div>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-5-1-320x172.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-5-1-640x345.webp 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-5-1.webp 700w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-5-1-300x162.png\" alt=\"JAECOO 5 SHS-H\" width=\"300\" height=\"162\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"Jaecoo 5\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-5-1-320x172.png 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-5-1-640x345.png 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/Jaecoo-5-1.png 700w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Prix \u00e0 partir de<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">26 990 \u20ac<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Acc\u00e9l\u00e9ration<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">7,9s<\/span>\n                                            <\/div>\n                                                                                        <div class=\"flex justify-between items-center py-2 border-b border-gray-100\">\n                                                <span class=\"text-sm text-theme-text\">Autonomie max.<\/span>\n                                                <span class=\"text-sm font-semibold text-theme-text-dark\">980 km<\/span>\n                                            <\/div>\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/vehicule\/jaecoo-5\/\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background: linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%);\"\n                                           >\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 lumineuse -->\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Bouton Essayer - avec bordure de marque -->\n                                        <button type=\"button\"\n                                                class=\"open-test-drive-slider group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] bg-white border-2 text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center model-btn overflow-hidden model-btn-try\"\n                                                style=\"border-color: #4A8C7B; color: #4A8C7B;\"\n                                                data-hs-overlay=\"#hs-slider-test-drive-modal\"\n                                                data-model=\"JAECOO 5 SHS-H\"\n                                                data-price=\"26990\"\n                                                data-version=\"SUV Urbain\"\n                                                data-brand-color=\"#4A8C7B\"\n                                                data-brand-gradient=\"linear-gradient(30deg, #4A8C7B 0%, #292929 96.51%)\">\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">Essayer<\/span>\n                                        <\/button>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                                            <div class=\"model-slide flex-none w-full md:w-1\/2 lg:w-1\/3 xl:w-1\/4 px-2.5 transition-all duration-[400ms] brand-omoda coming-soon\" data-categories=\"3,2\" data-vehicle-brand=\"omoda\" data-coming-soon=\"true\" data-brand-gradient=\"linear-gradient(45deg, #6A33FF 0%, #181E29 100%)\" data-brand-color=\"#6A33FF\">\n                        <div class=\"bg-white rounded-2xl overflow-hidden shadow-lg transition-all duration-300 ease-out transform hover:-translate-y-2 opacity-100 h-[600px]\">\n                            <div class=\"model-card bg-white relative z-[120] h-full flex flex-col pt-[1vh] overflow-hidden\">\n                                                                <div class=\"relative z-[130] p-6 pt-8 h-full flex flex-col\">\n                                    <!-- En-t\u00eate - hauteur fixe -->\n                                    <div class=\"flex justify-between items-start mb-3 min-h-[60px]\">\n                                        <div class=\"flex-1 mr-2\">\n                                            <h3 class=\"model-title-autofit text-xl font-bold text-theme-text-dark mb-1 uppercase leading-tight\" data-min-size=\"14\" data-max-lines=\"2\">OMODA 7<\/h3>\n                                                                                        <p class=\"text-sm text-theme-text truncate\">Crossover Compact<\/p>\n                                                                                    <\/div>\n                                                                                <span class=\"badge-theme text-xs font-medium px-2.5 py-0.5 rounded whitespace-nowrap flex-shrink-0\">Bient\u00f4t disponible<\/span>\n                                                                            <\/div>\n                                    \n                                    <!-- Prix - hauteur fixe -->\n                                                                        <div class=\"mb-3 min-h-[50px] flex flex-col justify-center\">\n                                                                                <p class=\"text-sm font-medium uppercase text-gray-400\">Tarif bient\u00f4t communiqu\u00e9<\/p>\n                                                                            <\/div>\n\n\n                                    <!-- Image - hauteur fixe -->\n                                    <div class=\"mb-4 h-48 md:h-[180px] flex items-center justify-center transition-transform duration-300 relative\">\n                                                                                <picture><source type=\"image\/avif\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7-320x172.avif 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7-640x345.avif 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7.avif 700w\" sizes=\"100vw\"><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7-320x172.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7-640x345.webp 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7.webp 700w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7-300x162.png\" alt=\"OMODA 7\" width=\"300\" height=\"162\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-contain relative z-10\" title=\"OMODA-7\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7-320x172.png 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7-640x345.png 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/OMODA-7.png 700w\" sizes=\"auto, 100vw\"><\/picture>                                                                            <\/div>\n                                    \n                                    <!-- Sp\u00e9cifications - flex grow pour remplir l'espace -->\n                                    <div class=\"flex-grow\">\n                                        <div class=\"grid grid-cols-1 gap-1 mb-4\">\n                                                                                    <\/div>\n                                    <\/div>\n                                    \n                                    <!-- Boutons - toujours en bas, stylis\u00e9s selon la marque -->\n                                    <div class=\"relative z-[140] mt-auto space-y-2\">\n                                        <!-- Bouton D\u00e9couvrir - avec gradient de marque -->\n                                        <a href=\"\"\n                                           class=\"group relative inline-flex items-center justify-center px-4 md:px-6 h-[44px] text-white text-sm md:text-base font-medium rounded-md transition-all duration-300 active:scale-95 transform w-full text-center no-underline model-btn overflow-hidden will-change-transform model-btn-discover\"\n                                           style=\"background: linear-gradient(45deg, #6A33FF 0%, #181E29 100%);\"\n                                           onclick=\"return false;\">\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 lumineuse -->\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                                            <!-- Texte du bouton -->\n                                            <span class=\"relative z-10\">D\u00e9couvrir<\/span>\n                                        <\/a>\n\n                                                                                <!-- Placeholder invisible pour garder la m\u00eame hauteur -->\n                                        <div class=\"h-[44px] w-full pointer-events-none opacity-0\" aria-hidden=\"true\"><\/div>\n                                                                            <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                                        \n                <\/div>\n            <\/div>\n        <\/div>\n        \n                <!-- Navigation DESIGN IDENTIQUE avec vos fl\u00e8ches SVG -->\n        <div class=\"models-navigation flex items-center justify-between mt-8 px-5 relative z-[150] pointer-events-auto\">\n\n            <!-- Barre de progression - DESIGN IDENTIQUE -->\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=\"models-progress-fill h-full progress-theme 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 avec VOS fl\u00e8ches SVG - DESIGN IDENTIQUE -->\n            <div class=\"flex gap-2 relative z-[151] pointer-events-auto\">\n                <button class=\"models-nav-button models-prev w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-50 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le pr\u00e9c\u00e9dent\" disabled>\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/themes\/grim\/assets\/img\/arrow-left.svg\"\n                         alt=\"Pr\u00e9c\u00e9dent\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n\n                <button class=\"models-nav-button models-next w-12 h-12 min-w-[48px] min-h-[48px] md:w-12 md:h-12 rounded-full flex items-center justify-center cursor-pointer transition-all duration-[400ms] ease-out opacity-80 relative z-[152] hover:opacity-100 hover:scale-105 active:scale-95 pointer-events-auto select-none\"\n                        aria-label=\"Mod\u00e8le suivant\">\n                    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/themes\/grim\/assets\/img\/arrow-right.svg\"\n                         alt=\"Suivant\"\n                         class=\"arrow-icon w-6 h-6 min-w-[24px] min-h-[24px] block transition-all duration-300 opacity-90 object-contain pointer-events-none\"\n                         width=\"24\"\n                         height=\"24\">\n                <\/button>\n            <\/div>\n        <\/div>\n                \n    <\/div>\n    \n    <!-- Donn\u00e9es pour JavaScript -->\n    <script type=\"application\/json\" class=\"models-slider-config\">\n        {\n            \"totalModels\": 5,\n            \"visibleCards\": {\n                \"mobile\": 1,\n                \"tablet\": 2,\n                \"desktop\": 3,\n                \"large\": 4\n            }\n        }\n    <\/script>\n\n    <!-- Donn\u00e9es AJAX pour le formulaire test-drive int\u00e9gr\u00e9 -->\n    <script>\n        window.sliderTestDriveData = {\n            ajaxUrl: \"https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-admin\\\/admin-ajax.php\",\n            nonce: \"8ad2ba23cb\"        };\n\n        \/\/ R\u00e9initialiser Preline apr\u00e8s le chargement du DOM pour inclure notre modal\n        document.addEventListener('DOMContentLoaded', function() {\n            setTimeout(function() {\n                if (typeof HSStaticMethods !== 'undefined') {\n                    HSStaticMethods.autoInit();\n                    console.log('\u2705 Preline r\u00e9initialis\u00e9 pour le modal slider');\n                }\n            }, 500);\n        });\n    <\/script>\n\n    <!-- Modal Formulaire Test Drive Int\u00e9gr\u00e9 - Preline UI -->\n    <div id=\"hs-slider-test-drive-modal\"\n         class=\"hs-overlay hidden size-full fixed top-0 start-0 overflow-x-hidden overflow-y-auto\"\n         style=\"z-index: 2147483647 !important;\"\n         role=\"dialog\"\n         tabindex=\"-1\"\n         aria-labelledby=\"hs-slider-test-drive-modal-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-lg 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 dark:bg-neutral-900 dark:border-neutral-700\">\n            <!-- Header -->\n            <div class=\"flex justify-between items-center py-3 px-4 border-b dark:border-neutral-700\">\n                <h3 id=\"hs-slider-test-drive-modal-label\" class=\"font-bold text-gray-800 dark:text-white\">\n                    R\u00e9server un 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 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-700 dark:hover:bg-neutral-600 dark:text-neutral-400 dark:focus:bg-neutral-600\"\n                        aria-label=\"Close\"\n                        data-hs-overlay=\"#hs-slider-test-drive-modal\">\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 -->\n            <div class=\"p-6 overflow-y-auto\">\n                <!-- R\u00e9capitulatif du mod\u00e8le -->\n                                <div id=\"slider-model-recap\" class=\"mb-4 p-3 rounded-lg border-l-4\" style=\"background-color: rgba(0, 0, 0, 0.05); border-left-color: #000000;\">\n                    <div class=\"flex items-center gap-2\">\n                        <i class=\"fa-solid fa-car text-sm\" style=\"color: #000000;\"><\/i>\n                        <span class=\"text-sm text-gray-600\">Mod\u00e8le :<\/span>\n                        <span id=\"slider-selected-model-name\" class=\"font-semibold text-gray-800\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"slider-test-drive-form\" class=\"space-y-4\">\n                    <input type=\"hidden\" id=\"slider-model-input\" name=\"model\" value=\"\">\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=\"1776395508\">\n\n                    \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                                                    <!-- Custom Select moderne pour les concessions -->\n                                                        <div class=\"custom-select-wrapper-dealership\">\n                                <div class=\"custom-select-dealership\" data-select-id=\"dealership-select\">\n                                    <div class=\"custom-select-trigger-dealership\">\n                                        <span class=\"custom-select-icon-dealership\">\n                                                                                            <i class=\"fa-solid fa-location-dot\"><\/i>\n                                                                                    <\/span>\n                                        <span class=\"custom-select-text-dealership\">Choisissez une concession<\/span>\n                                        <span class=\"custom-select-arrow-dealership\">\n                                            <i class=\"fa-solid fa-chevron-down\"><\/i>\n                                        <\/span>\n                                    <\/div>\n                                    <div class=\"custom-select-dropdown-dealership\">\n                                                                                    <div class=\"custom-select-option-dealership\" data-value=\"Montpellier - Omoda Jaecoo Montpellier\">\n                                                                                                    <i class=\"fa-solid fa-location-dot\"><\/i>\n                                                                                                <span>Montpellier &#8211; Omoda Jaecoo Montpellier<\/span>\n                                            <\/div>\n                                                                                    <div class=\"custom-select-option-dealership\" data-value=\"Valence - Omoda Jaecoo Valence\">\n                                                                                                    <i class=\"fa-solid fa-location-dot\"><\/i>\n                                                                                                <span>Valence &#8211; Omoda Jaecoo Valence<\/span>\n                                            <\/div>\n                                                                                    <div class=\"custom-select-option-dealership\" data-value=\"Rodez - Omoda Jaecoo Rodez\">\n                                                                                                    <i class=\"fa-solid fa-location-dot\"><\/i>\n                                                                                                <span>Rodez &#8211; Omoda Jaecoo Rodez<\/span>\n                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <!-- Select natif cach\u00e9 pour l'accessibilit\u00e9 et la validation -->\n                                <select name=\"dealership\" id=\"dealership-select\" required class=\"dealership-select-native\" style=\"display: none;\">\n                                    <option value=\"\">Choisissez une concession<\/option>\n                                                                            <option value=\"Montpellier - Omoda Jaecoo Montpellier\">\n                                            Montpellier &#8211; Omoda Jaecoo Montpellier                                        <\/option>\n                                                                            <option value=\"Valence - Omoda Jaecoo Valence\">\n                                            Valence &#8211; Omoda Jaecoo Valence                                        <\/option>\n                                                                            <option value=\"Rodez - Omoda Jaecoo Rodez\">\n                                            Rodez &#8211; Omoda Jaecoo Rodez                                        <\/option>\n                                                                    <\/select>\n                            <\/div>\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\"\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\"\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\"\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\"\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=\"slider-privacy\" name=\"privacy\" type=\"checkbox\" required\n                                   class=\"w-4 h-4 border-gray-300 rounded\" style=\"color: #000000;\">\n                        <\/div>\n                        <label for=\"slider-privacy\" class=\"ml-3 text-sm text-gray-700\">\n                            J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"hover:underline\" style=\"color: #000000;\" target=\"_blank\">politique de confidentialit\u00e9<\/a> <span class=\"text-red-500\">*<\/span>\n                        <\/label>\n                    <\/div>\n\n                    <!-- Message de chargement -->\n                    <div id=\"slider-loading-message\" class=\"hidden text-center py-4\">\n                        <div class=\"inline-flex items-center\">\n                            <svg class=\"animate-spin -ml-1 mr-3 h-5 w-5\" style=\"color: #000000;\" 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                            Envoi en cours&#8230;\n                        <\/div>\n                    <\/div>\n\n                    <!-- Bouton d'envoi -->\n                    <button type=\"submit\" id=\"slider-submit-btn\"\n                            class=\"w-full px-6 py-3 btn-theme-primary rounded-lg 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\n                <!-- Message de succ\u00e8s (EN DEHORS du formulaire pour rester visible) -->\n                <div id=\"slider-success-message\" class=\"hidden text-center py-6\">\n                    <div class=\"bg-green-50 rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\">\n                        <i class=\"fa-solid fa-check text-2xl text-green-500\"><\/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\">\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                    <p class=\"text-xs text-gray-500 mt-3\">Cette fen\u00eatre se fermera automatiquement&#8230;<\/p>\n                <\/div>\n            <\/div>\n            <!-- End Body -->\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- End Modal -->\n\n    \n\n<\/div>\n\n\n<div class=\"accroche-block my-16\" id=\"accroche-69e1a4f4cff5b\">\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(0,0,0);\">\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                        7 ans de garantie                    <\/h2>\n                    \n                    <!-- Sous-titre -->\n                                            <p class=\"text-lg md:text-xl leading-relaxed opacity-90\" \n                           style=\"color: #ffffff;\">\n                            Garantie 7 ans ou 150 000 km, assistance incluse, pour des v\u00e9hicules fiables, s\u00fbrs et pens\u00e9s pour offrir une s\u00e9r\u00e9nit\u00e9 totale au quotidien sur toute la gamme.                        <\/p>\n                                        \n                    <!-- Bouton CTA -->\n                    <div class=\"pt-4\">\n                        <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/garantie-omoda-jaecoo\" \n                           class=\"inline-flex items-center justify-center px-8 py-4 bg-white rounded-full text-lg font-semibold transition-all duration-300 hover:scale-105 hover:shadow-lg transform no-underline\"\n                           style=\"color: rgb(0,0,0);\">\n                            En savoir plus                            <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><source type=\"image\/avif\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie-320x180.avif 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie.avif 500w\" sizes=\"100vw\"><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie-320x180.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie.webp 500w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie.jpg\" alt=\"7-ans-de-garantie\" width=\"500\" height=\"281\" loading=\"lazy\" decoding=\"async\" class=\"w-full max-w-[400px] h-auto rounded-2xl transform scale-95\" title=\"7-ans-de-garantie\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie-320x180.jpg 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie.jpg 500w\" sizes=\"auto, 100vw\"><\/picture>                        <\/div>\n\n                        <!-- Image principale -->\n                        <div class=\"relative z-20\">\n                            <picture><source type=\"image\/avif\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie-320x180.avif 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie.avif 500w\" sizes=\"100vw\"><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie-320x180.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie.webp 500w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie.jpg\" alt=\"7-ans-de-garantie\" width=\"500\" height=\"281\" 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=\"7-ans-de-garantie\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie-320x180.jpg 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/7-ans-de-garantie.jpg 500w\" 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\/avif\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/gradient-8-320x320.avif 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/gradient-8.avif 500w\" sizes=\"100vw\"><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/gradient-8-320x320.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/gradient-8.webp 500w\" sizes=\"100vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/gradient-8.jpg\" alt=\"gradient-8\" width=\"500\" height=\"500\" loading=\"lazy\" decoding=\"async\" class=\"w-64 md:w-80 lg:w-96 h-auto\" title=\"gradient-8\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/gradient-8-320x320.jpg 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/gradient-8.jpg 500w\" 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\n\n<!-- Conteneur h\u00f4te pour le Shadow DOM -->\n<div\n    id=\"where-are-we-69e1a4f4db79f\"\n    class=\"where-are-we-shadow-host\"\n    data-theme-url=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/themes\/grim\"\n    data-display-mode=\"simple\"\n    data-is-mobile=\"false\"\n    data-locations='[{&quot;city_name&quot;:&quot;Montpellier&quot;,&quot;address&quot;:&quot;94 Rue Commandant Massoud, 34070 Montpellier&quot;,&quot;latitude&quot;:43.5761698,&quot;longitude&quot;:3.8699964,&quot;phone&quot;:&quot;04 67 64 59 10&quot;,&quot;email&quot;:&quot;contactezmoi@groupe-grim.com&quot;,&quot;google_maps_url&quot;:&quot;https:\\\/\\\/www.google.com\\\/maps\\\/place\\\/Omoda+Jaecoo+Montpellier\\\/@43.5761737,3.8674215,17z\\\/data=!3m1!4b1!4m6!3m5!1s0x12b6affa10ee549b:0xe378f2223d4b241a!8m2!3d43.5761698!4d3.8699964!16s%2Fg%2F11z2dlvn7v?entry=ttu&#038;g_ep=EgoyMDI2MDMxNS4wIKXMDSoASAFQAw%3D%3D&quot;,&quot;logo&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-OJ.png&quot;,&quot;alt&quot;:&quot;logo-OJ&quot;},&quot;brand&quot;:&quot;Omoda Jaecoo&quot;,&quot;brand_color&quot;:&quot;#007cba&quot;},{&quot;city_name&quot;:&quot;Rodez&quot;,&quot;address&quot;:&quot;100 Rue des Enlumineurs, 12850 Onet-le-Ch\\u00e2teau&quot;,&quot;latitude&quot;:44.3754552,&quot;longitude&quot;:2.5411,&quot;phone&quot;:&quot;&quot;,&quot;email&quot;:&quot;contactezmoi@groupe-grim.com&quot;,&quot;google_maps_url&quot;:&quot;https:\\\/\\\/www.google.com\\\/maps\\\/place\\\/Omoda+Jaecoo+Rodez\\\/@44.3754552,2.5411,17z\\\/data=!3m1!4b1!4m6!3m5!1s0x12b287a758866321:0x6380c631c6a30f23!8m2!3d44.3754552!4d2.5436749!16s%2Fg%2F11w9yh18n5?entry=ttu&#038;g_ep=EgoyMDI2MDIxMS4wIKXMDSoASAFQAw%3D%3D&quot;,&quot;logo&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-OJ.png&quot;,&quot;alt&quot;:&quot;logo-OJ&quot;},&quot;brand&quot;:&quot;Omoda Jaecoo&quot;,&quot;brand_color&quot;:&quot;#007cba&quot;},{&quot;city_name&quot;:&quot;Valence&quot;,&quot;address&quot;:&quot;509 Route de Chabeuil, 26000 Valence&quot;,&quot;latitude&quot;:44.9221382,&quot;longitude&quot;:4.9345798,&quot;phone&quot;:&quot;0426940040&quot;,&quot;email&quot;:&quot;contactezmoi@groupe-grim.com&quot;,&quot;google_maps_url&quot;:&quot;https:\\\/\\\/www.google.com\\\/maps\\\/place\\\/Omoda+Jaecoo+Valence\\\/@44.922142,4.9320049,17z\\\/data=!3m1!4b1!4m6!3m5!1s0x47f557d62d74aae5:0x3afbc02baafbd284!8m2!3d44.9221382!4d4.9345798!16s%2Fg%2F11z2h5rp1w?entry=ttu&#038;g_ep=EgoyMDI2MDMxNS4wIKXMDSoASAFQAw%3D%3D&quot;,&quot;logo&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/logo-OJ.png&quot;,&quot;alt&quot;:&quot;logo-OJ&quot;},&quot;brand&quot;:&quot;Omoda Jaecoo&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-theme-primary-color='#000000'\n    data-theme-titles-color='#1f2937'\n    data-theme-text-color='#4b5563'\n    data-theme-fonts='{&quot;regular&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Manrope-Regular.ttf&quot;,&quot;bold&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Manrope-ExtraBold.ttf&quot;,&quot;italic&quot;:&quot;&quot;}'\n    style=\"position: relative;\"\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>Montpellier<\/h3>\n                        <p>94 Rue Commandant Massoud, 34070 Montpellier<\/p>\n                        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=94+Rue+Commandant+Massoud%2C+34070+Montpellier\" target=\"_blank\" rel=\"noopener\">\n                            Voir sur Google Maps\n                        <\/a>\n                    <\/div>\n                                    <div class=\"location-fallback\">\n                        <h3>Rodez<\/h3>\n                        <p>100 Rue des Enlumineurs, 12850 Onet-le-Ch\u00e2teau<\/p>\n                        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=100+Rue+des+Enlumineurs%2C+12850+Onet-le-Ch%C3%A2teau\" target=\"_blank\" rel=\"noopener\">\n                            Voir sur Google Maps\n                        <\/a>\n                    <\/div>\n                                    <div class=\"location-fallback\">\n                        <h3>Valence<\/h3>\n                        <p>509 Route de Chabeuil, 26000 Valence<\/p>\n                        <a href=\"https:\/\/www.google.com\/maps\/dir\/?api=1&#038;destination=509+Route+de+Chabeuil%2C+26000+Valence\" 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-69e1a4f4db79f');\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-69e1a4f4db79f');\n        }\n    });\n})();\n<\/script>\n\n\n<style>\n    .latest-posts-block .blog-grid h2 {\n        color: #1f2937;\n    }\n\n    .latest-posts-block .blog-grid .read-blog-btn {\n        background-color: #1f2937;\n        border-color: #1f2937;\n        color: #ffffff !important; \/* Force le texte blanc *\/\n    }\n\n    \/* Hover du bouton - reste lisible avec texte blanc forc\u00e9 *\/\n    .latest-posts-block .blog-grid .read-blog-btn:hover,\n    .latest-posts-block .blog-grid .read-blog-btn:focus,\n    .latest-posts-block .blog-grid .read-blog-btn:active {\n        opacity: 0.9;\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n        color: #ffffff !important; \/* Force le texte blanc au hover *\/\n    }\n\n    \/* Effet de zoom sur les titres au hover *\/\n    .latest-posts-block .blog-grid article:hover h3 {\n        transform: scale(1.02);\n        transition: transform 0.3s ease;\n    }\n<\/style>\n\n<div class=\"latest-posts-block mt-12 md:mt-0\">\n<div class=\"blog-grid px-4 md:px-6\">\n    <!-- Titre centr\u00e9 - Desktop -->\n    <h2 class=\"hidden md:block text-4xl font-bold text-center mb-6\">Actualit\u00e9s Omoda Jaecoo<\/h2>\n\n    <!-- Bouton - Desktop uniquement -->\n    <div class=\"hidden md:flex justify-end mb-8\">\n        <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/actualites\/\" class=\"read-blog-btn inline-flex items-center text-white px-6 py-2.5 rounded-lg text-sm\n                  transition-all duration-300 group no-underline\">\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    <!-- Titre mobile seul -->\n    <h2 class=\"md:hidden text-2xl font-bold text-center mb-6\">Actualit\u00e9s Omoda Jaecoo<\/h2>\n\n    <!-- Carrousel horizontal mobile \/ Grille desktop -->\n    <div class=\"blog-posts-carousel md:grid md:grid-cols-12 md:auto-rows-[240px] md:gap-5\n                flex md:flex-none overflow-x-auto md:overflow-visible\n                gap-4 snap-x snap-mandatory scroll-smooth\n                px-4 md:px-0\n                scrollbar-hide\"\n         data-total-posts=\"3\">\n        \n                <article class=\"flex-shrink-0 w-[82%] md:w-auto md:col-span-7 md:row-span-2 snap-center rounded-2xl overflow-hidden relative group\n                                hover:-translate-y-1 transition-all duration-300\n                               h-[400px] md:h-auto\">\n                    <!-- Ajout de l'indicateur de lien - pointer-events-none pour ne pas bloquer les clics -->\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 pointer-events-none\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-320x208.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-640x417.webp 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-768x500.webp 768w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-1280x834.webp 1280w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier.webp 1300w\" sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-1024x667.jpg\" alt=\"Omoda Jaecoo Montpellier\" width=\"1024\" height=\"667\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" title=\"Omoda Jaecoo Montpellier\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-320x208.jpg 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-640x417.jpg 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-768x500.jpg 768w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier-1280x834.jpg 1280w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/concession-omoda-jaecoo-montpellier.jpg 1300w\" sizes=\"auto, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><\/picture>                            \n                            \n                                <!-- Badge pour le premier article (dernier publi\u00e9) -->\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\">\u2728<\/span>\n                                        Nouveau\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                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         md:text-2xl\">\n                                    Omoda Jaecoo Montpellier : votre concession du Groupe GRIM au c\u0153ur de l&rsquo;H\u00e9rault                                <\/h3>\n                                \n                                <time datetime=\"2026-04-14T14:27:00+02:00\"\n                                      class=\"text-sm text-white\/80\">\n                                    14 Avr 2026                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/omoda-jaecoo-montpellier\/\" class=\"absolute inset-0 z-10\" aria-label=\"Omoda Jaecoo Montpellier : votre concession du Groupe GRIM au c\u0153ur de l&rsquo;H\u00e9rault\"><\/a>\n                <\/article>\n                \n        \n                <article class=\"flex-shrink-0 w-[82%] md:w-auto md:col-span-5 snap-center rounded-2xl overflow-hidden relative group\n                                hover:-translate-y-1 transition-all duration-300\n                               h-[400px] md:h-auto\">\n                    <!-- Ajout de l'indicateur de lien - pointer-events-none pour ne pas bloquer les clics -->\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 pointer-events-none\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                            <picture><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-320x213.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-640x427.webp 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-768x512.webp 768w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-1280x854.webp 1280w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable.webp 1600w\" sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-1024x683.jpg\" alt=\"Jaecoo 7 hybride rechargeable SUV vue avant trois-quarts\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" title=\"Jaecoo 7 hybride rechargeable SUV vue avant trois-quarts\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-320x213.jpg 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-640x427.jpg 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-768x512.jpg 768w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable-1280x854.jpg 1280w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/04\/jaecoo-7-hybride-rechargeable.jpg 1600w\" sizes=\"auto, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><\/picture>                            \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                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    Jaecoo 7 Hybride Rechargeable : 5 atouts majeurs du nouveau SUV SHS-P                                <\/h3>\n                                \n                                <time datetime=\"2026-03-31T10:04:00+02:00\"\n                                      class=\"text-sm text-white\/80\">\n                                    31 Mar 2026                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/jaecoo-7-hybride-rechargeable\/\" class=\"absolute inset-0 z-10\" aria-label=\"Jaecoo 7 Hybride Rechargeable : 5 atouts majeurs du nouveau SUV SHS-P\"><\/a>\n                <\/article>\n                \n        \n                <article class=\"flex-shrink-0 w-[82%] md:w-auto md:col-span-5 snap-center rounded-2xl overflow-hidden relative group\n                                hover:-translate-y-1 transition-all duration-300\n                               h-[400px] md:h-auto\">\n                    <!-- Ajout de l'indicateur de lien - pointer-events-none pour ne pas bloquer les clics -->\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 pointer-events-none\">\n                        <span class=\"text-white\">\u2192<\/span>\n                    <\/div>\n\n                                            <!-- Version avec image -->\n                        <div class=\"relative h-full\">\n                            <picture><source type=\"image\/avif\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-320x213.avif 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-640x427.avif 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-768x512.avif 768w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris.avif 1200w\" sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><source type=\"image\/webp\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-320x213.webp 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-640x427.webp 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-768x512.webp 768w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris.webp 1200w\" sizes=\"(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><img src=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-1024x683.jpg\" alt=\"groupe chery paris\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"w-full h-full object-cover transition-transform duration-500 group-hover:scale-105\" title=\"groupe chery paris\" srcset=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-320x213.jpg 320w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-640x427.jpg 640w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris-768x512.jpg 768w, https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-content\/uploads\/2026\/03\/groupe-chery-paris.jpg 1200w\" sizes=\"auto, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, 40vw\"><\/picture>                            \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                                <h3 class=\"text-xl font-bold text-white mb-2 line-clamp-2 \n                                         \">\n                                    \u00c0 Paris, le Groupe Chery va concevoir la nouvelle g\u00e9n\u00e9ration de v\u00e9hicules compacts OMODA &amp; JAECOO pour l\u2019Europe                                <\/h3>\n                                \n                                <time datetime=\"2026-03-11T10:04:55+01:00\"\n                                      class=\"text-sm text-white\/80\">\n                                    11 Mar 2026                                <\/time>\n                            <\/div>\n                        <\/div>\n                    \n                    <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/groupe-chery-paris\/\" class=\"absolute inset-0 z-10\" aria-label=\"\u00c0 Paris, le Groupe Chery va concevoir la nouvelle g\u00e9n\u00e9ration de v\u00e9hicules compacts OMODA &amp; JAECOO pour l\u2019Europe\"><\/a>\n                <\/article>\n                \n            <\/div>\n\n    <!-- Navigation mobile : compteur + barre de progression -->\n        <div class=\"md:hidden mt-6 px-4\">\n        <!-- Compteur d'articles -->\n        <div class=\"flex items-center justify-center gap-2 mb-3\">\n            <span class=\"posts-counter-current text-lg font-semibold\" style=\"color: #1f2937;\">1<\/span>\n            <span class=\"text-gray-400\">\/<\/span>\n            <span class=\"posts-counter-total text-lg font-semibold text-gray-600\">3<\/span>\n            <span class=\"text-sm text-gray-500 ml-1\">articles<\/span>\n        <\/div>\n\n        <!-- Barre de progression -->\n        <div class=\"posts-progress-bar h-1 bg-gray-200 rounded-full overflow-hidden\">\n            <div class=\"posts-progress-fill h-full transition-all duration-300 rounded-full\"\n                 style=\"width: 33.333333333333%; background-color: #1f2937;\"><\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- Bouton CTA mobile centr\u00e9 -->\n    <div class=\"md:hidden flex justify-center mt-8\">\n        <a href=\"https:\/\/groupe-grim.com\/omoda-jaecoo\/actualites\/\" class=\"read-blog-btn inline-flex items-center text-white px-8 py-3 rounded-lg text-sm\n                  transition-all duration-300 group no-underline shadow-lg\">\n            Voir tous nos articles\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<\/div>\n<\/div>\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-69e1a4f4e6d36 {\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n            }\n\n    #test-drive-69e1a4f4e6d36 h2,\n    #test-drive-69e1a4f4e6d36 h3 {\n        color: #1f2937;\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-69e1a4f4e6d36 .separator-bar {\n        background-color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-69e1a4f4e6d36 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-69e1a4f4e6d36 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-69e1a4f4e6d36 .test-drive-progress-bar-fill {\n        background-color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .test-drive-model-card.selected,\n    #test-drive-69e1a4f4e6d36 .test-drive-dealership-card.selected {\n        border-color: #000000;\n        background-color: #00000010;\n    }\n\n    #test-drive-69e1a4f4e6d36 input:focus,\n    #test-drive-69e1a4f4e6d36 textarea:focus {\n        border-color: #000000;\n        ring-color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 input[type=\"checkbox\"]:checked {\n        background-color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .test-drive-back-button {\n        background-color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .dealer-signature a:hover {\n        color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .dealer-signature a:hover i.fa-location-dot {\n        color: #000000;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-69e1a4f4e6d36 .step-item.active .step-circle {\n        background-color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .step-item.active .step-label {\n        color: #000000;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-69e1a4f4e6d36 .step-item.completed .step-circle {\n        background-color: #000000;\n    }\n\n    #test-drive-69e1a4f4e6d36 .step-line.completed {\n        background-color: #000000;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-69e1a4f4e6d36 .btn-theme-primary,\n    #test-drive-69e1a4f4e6d36 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-69e1a4f4e6d36 .btn-theme-primary:hover,\n    #test-drive-69e1a4f4e6d36 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-69e1a4f4e6d36 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-69e1a4f4e6d36 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-69e1a4f4e6d36 i,\n    #test-drive-69e1a4f4e6d36 .fa-solid,\n    #test-drive-69e1a4f4e6d36 .fa-regular,\n    #test-drive-69e1a4f4e6d36 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-69e1a4f4e6d36\" 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 sur Omoda &amp; Jaecoo 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\/omoda-jaecoo\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Accueil\">\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=\"1776395508\">\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=\"OMODA 9\"\n                                            data-model='{&quot;name&quot;:&quot;OMODA 9&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Omoda-9-4-300x162.png&quot;,&quot;image_alt&quot;:&quot;OMODA 9&quot;}'>\n                                            OMODA 9                                        <\/option>\n                                                                            <option\n                                            value=\"JAECOO 7 SHS-P\"\n                                            data-model='{&quot;name&quot;:&quot;JAECOO 7 SHS-P&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/Jaecoo-7-1-300x162.png&quot;,&quot;image_alt&quot;:&quot;JAECOO 7 SHS-P&quot;}'>\n                                            JAECOO 7 SHS-P                                        <\/option>\n                                                                            <option\n                                            value=\"JAECOO 7  SHS-H\"\n                                            data-model='{&quot;name&quot;:&quot;JAECOO 7  SHS-H&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Jaecoo-7-suv-300x162.png&quot;,&quot;image_alt&quot;:&quot;JAECOO 7  SHS-H&quot;}'>\n                                            JAECOO 7  SHS-H                                        <\/option>\n                                                                            <option\n                                            value=\"JAECOO 5 SHS-H\"\n                                            data-model='{&quot;name&quot;:&quot;JAECOO 5 SHS-H&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/omoda-jaecoo\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/Jaecoo-5-1-300x162.png&quot;,&quot;image_alt&quot;:&quot;JAECOO 5 SHS-H&quot;}'>\n                                            JAECOO 5 SHS-H                                        <\/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: #000000;\"><\/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=\"Montpellier - Omoda Jaecoo Montpellier\"\n                                            data-dealership='{&quot;city&quot;:&quot;Montpellier&quot;,&quot;name&quot;:&quot;Omoda Jaecoo Montpellier&quot;,&quot;full_name&quot;:&quot;Montpellier - Omoda Jaecoo Montpellier&quot;}'>\n                                            Montpellier &#8211; Omoda Jaecoo Montpellier                                        <\/option>\n                                                                            <option\n                                            value=\"Valence - Omoda Jaecoo Valence\"\n                                            data-dealership='{&quot;city&quot;:&quot;Valence&quot;,&quot;name&quot;:&quot;Omoda Jaecoo Valence&quot;,&quot;full_name&quot;:&quot;Valence - Omoda Jaecoo Valence&quot;}'>\n                                            Valence &#8211; Omoda Jaecoo Valence                                        <\/option>\n                                                                            <option\n                                            value=\"Rodez - Omoda Jaecoo Rodez\"\n                                            data-dealership='{&quot;city&quot;:&quot;Rodez&quot;,&quot;name&quot;:&quot;Omoda Jaecoo Rodez&quot;,&quot;full_name&quot;:&quot;Rodez - Omoda Jaecoo Rodez&quot;}'>\n                                            Rodez &#8211; Omoda Jaecoo Rodez                                        <\/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\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/logo-OJ.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: #10b981;\"><\/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\/omoda-jaecoo\/wp-content\/uploads\/2026\/02\/logo-OJ.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: #000000\">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: #10b98120;\">\n                            <i class=\"fa-solid fa-check text-2xl success-icon\" style=\"color: #10b981;\"><\/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\/omoda-jaecoo\/wp-admin\/admin-ajax.php',\n        nonce: '8ad2ba23cb'\n    };\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":27,"href":"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":248,"href":"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-json\/wp\/v2\/pages\/2\/revisions\/248"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/omoda-jaecoo\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}