{"id":1458,"date":"2025-09-01T17:23:21","date_gmt":"2025-09-01T15:23:21","guid":{"rendered":"https:\/\/groupe-grim.com\/xpeng\/?p=1458"},"modified":"2026-02-03T15:03:25","modified_gmt":"2026-02-03T14:03:25","slug":"couleurs-nouveau-xpeng-g9","status":"publish","type":"post","link":"https:\/\/groupe-grim.com\/xpeng\/nouveau-xpeng-g9-2025\/couleurs-nouveau-xpeng-g9\/","title":{"rendered":"Couleurs nouveau XPENG G9 : un \u00e9l\u00e9ment cl\u00e9 dans l&rsquo;univers des SUV \u00e9lectriques"},"content":{"rendered":"\n<p>Dans le secteur automobile, le choix de la couleur n\u2019est jamais anodin. Il refl\u00e8te non seulement une pr\u00e9f\u00e9rence esth\u00e9tique, mais aussi un mode de vie et une image de soi. Pour un mod\u00e8le premium comme le <a href=\"https:\/\/groupe-grim.com\/xpeng\/nouveau-xpeng-g9-2025\/\">nouveau XPENG G9<\/a>, la couleur devient un \u00e9l\u00e9ment identitaire fort. Elle permet au v\u00e9hicule de se distinguer sur la route et au conducteur d\u2019affirmer son style.<\/p>\n\n\n\n<p>Dans l\u2019univers des SUV \u00e9lectriques, cette dimension prend encore plus d\u2019importance. Ces v\u00e9hicules symbolisent l\u2019innovation et le futur de la mobilit\u00e9. Les teintes choisies doivent donc traduire cette modernit\u00e9, tout en restant \u00e9l\u00e9gantes et intemporelles. En limitant son G9 \u00e0 cinq finitions exclusives, <a href=\"https:\/\/groupe-grim.com\/xpeng\/la-marque-xpeng\/\">XPENG<\/a> propose une lecture claire et coh\u00e9rente de son positionnement : offrir \u00e0 la fois <strong>raffinement, originalit\u00e9 <\/strong>et<strong> sobri\u00e9t\u00e9<\/strong>.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>COULEURS NOUVEAU XPENG G9 : LAQUELLE CHOISIR ?<\/strong><\/h2>\n\n\n\n<p>Le choix de la couleur de votre SUV d\u00e9pend de vos go\u00fbts, mais aussi de votre style de vie.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>L\u2019<strong>Arctic White<\/strong> conviendra aux conducteurs qui aiment la puret\u00e9 et la modernit\u00e9, et qui souhaitent une teinte intemporelle.<\/li>\n\n\n\n<li>Le <strong>Silver Frost<\/strong> s\u00e9duira ceux qui recherchent la sobri\u00e9t\u00e9 et la polyvalence, avec une touche high-tech.<\/li>\n\n\n\n<li>Le <strong>Graphite Gray<\/strong> sera parfait pour un usage professionnel ou pour les amateurs d\u2019\u00e9l\u00e9gance discr\u00e8te.<\/li>\n\n\n\n<li>Le <strong>Kaitoke Green Matte<\/strong> s\u2019adresse aux personnalit\u00e9s audacieuses, qui veulent un v\u00e9hicule unique et imm\u00e9diatement reconnaissable.<\/li>\n\n\n\n<li>Le <strong>Midnight Black<\/strong> plaira \u00e0 ceux qui privil\u00e9gient le luxe, la distinction et la sobri\u00e9t\u00e9.<\/li>\n<\/ul>\n\n\n\n<p>Ainsi, le nouveau XPENG G9 n\u2019est pas qu\u2019un SUV \u00e9lectrique performant : il devient le reflet de la personnalit\u00e9 de son propri\u00e9taire.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>COULEURS NOUVEAU XPENG G9 : L&rsquo;ARTIC WHITE<\/strong><\/h2>\n\n\n\n<p>Parmi les finitions disponibles, l\u2019<strong>Arctic White<\/strong> est celle qui met le plus en avant les contrastes du SUV. Avec son \u00e9clat lumineux, ce blanc pur souligne les d\u00e9tails du design et accentue la fluidit\u00e9 des lignes. Sur la route, il \u00e9voque une \u00e9l\u00e9gance intemporelle, tout en refl\u00e9tant l\u2019image d\u2019un SUV technologique et avant-gardiste.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><picture><img src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-arctic-white-edited-1024x576.jpg\" alt=\"couleurs-nouveau-xpeng-g9-arctic-white\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1469\" title=\"couleurs-nouveau-xpeng-g9-arctic-white\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-arctic-white-edited-768x432.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-arctic-white-edited.jpg 1300w\" sizes=\"100vw\"><\/picture><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>COULEURS NOUVEAU XPENG G9 : LE SILVER FROST<\/strong><\/h2>\n\n\n\n<p>Le <strong>Silver Frost<\/strong> ne se contente pas d\u2019\u00eatre un gris argent\u00e9. Avec ses reflets l\u00e9g\u00e8rement glac\u00e9s, cette teinte \u00e9voque le monde de la haute technologie. Elle donne au nouveau XPENG G9 une allure sobre mais futuriste, comme si le v\u00e9hicule avait \u00e9t\u00e9 taill\u00e9 dans un mat\u00e9riau innovant. C\u2019est une couleur qui convient parfaitement \u00e0 un SUV \u00e9lectrique premium : moderne, raffin\u00e9e et polyvalente.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><picture><img src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-silver-frost-edited-1024x576.jpg\" alt=\"couleurs-nouveau-xpeng-g9-silver-frost\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1471\" title=\"couleurs-nouveau-xpeng-g9-silver-frost\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-silver-frost-edited-768x432.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-silver-frost-edited.jpg 1300w\" sizes=\"100vw\"><\/picture><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>COULEURS NOUVEAU XPENG G9 : LE GRAPHITE GRAY<\/strong><\/h2>\n\n\n\n<p>Le <strong>Graphite Gray<\/strong> apporte au nouveau G9 une pr\u00e9sence plus affirm\u00e9e. Plus profond que l\u2019argent, mais moins radical que le noir, ce gris fonc\u00e9 conf\u00e8re au SUV une allure statutaire. C\u2019est une teinte qui inspire la confiance et met en avant la robustesse du v\u00e9hicule. Elle s\u2019adresse aux conducteurs qui veulent conjuguer \u00e9l\u00e9gance et discr\u00e9tion, sans renoncer \u00e0 la distinction.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><picture><img src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-graphite-gray-edited-1024x576.jpg\" alt=\"couleurs-nouveau-xpeng-g9-graphite-gray\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1474\" title=\"couleurs-nouveau-xpeng-g9-graphite-gray\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-graphite-gray-edited-768x432.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-graphite-gray-edited.jpg 1300w\" sizes=\"100vw\"><\/picture><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>COULEURS NOUVEAU XPENG G9 : LE KAITOKE GREEN MATTE<\/strong><\/h2>\n\n\n\n<p>Couleurs nouveau XPENG G9 : la couleur la plus surprenante de la gamme est sans conteste le <strong>Kaitoke Green Matte<\/strong>. Rare sur le march\u00e9 automobile, ce vert profond au fini mat transforme le G9 en un SUV imm\u00e9diatement reconnaissable. Il illustre parfaitement la volont\u00e9 de XPENG de sortir des sentiers battus.<\/p>\n\n\n\n<p>En choisissant cette teinte, les conducteurs affirment un style audacieux et exclusif. Le Kaitoke Green Matte fait du nouveau G9 bien plus qu\u2019un v\u00e9hicule \u00e9lectrique : un objet de design \u00e0 part enti\u00e8re.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><picture><img src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-kaitoke-green-matte-1024x437.jpg\" alt=\"couleurs-nouveau-xpeng-g9-kaitoke-green-matte\" width=\"1024\" height=\"437\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1475\" title=\"couleurs-nouveau-xpeng-g9-kaitoke-green-matte\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-kaitoke-green-matte-768x328.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-kaitoke-green-matte.jpg 1300w\" sizes=\"100vw\"><\/picture><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>COULEURS NOUVEAU XPENG G9 : LE MIDNIGHT BLACK<\/strong><\/h2>\n\n\n\n<p>Enfin, le <strong>Midnight Black<\/strong> reste une valeur s\u00fbre, symbole de prestige et de sobri\u00e9t\u00e9. Cette teinte sombre met en relief les signatures lumineuses du G9, notamment ses feux \u00e0 LED, qui cr\u00e9ent un contraste puissant avec la carrosserie noire. Le Midnight Black incarne le raffinement absolu, id\u00e9al pour ceux qui privil\u00e9gient la discr\u00e9tion et le luxe.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><picture><img src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-midnight-black-edited-1024x576.jpg\" alt=\"couleurs-nouveau-xpeng-g9-midnight-black\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1479\" title=\"couleurs-nouveau-xpeng-g9-midnight-black\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-midnight-black-edited-768x432.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/09\/couleurs-nouveau-xpeng-g9-midnight-black-edited.jpg 1300w\" sizes=\"100vw\"><\/picture><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>COULEURS NOUVEAU XPENG G9 : UNE PALETTE R\u00c9DUITE, UN IMPACT RENFORC\u00c9<\/strong><\/h2>\n\n\n\n<p>Le choix de limiter le G9 \u00e0 seulement cinq couleurs traduit une volont\u00e9 claire de la part de <a href=\"https:\/\/www.xpeng.com\/fr\" target=\"_blank\" rel=\"noopener\">XPENG<\/a> : cr\u00e9er une identit\u00e9 forte et coh\u00e9rente. Chaque teinte a \u00e9t\u00e9 pens\u00e9e pour refl\u00e9ter un univers particulier, tout en s\u2019int\u00e9grant parfaitement au design du SUV. Cette approche \u00e9vite la dispersion et renforce l\u2019image premium du mod\u00e8le.<\/p>\n\n\n\n<p>L\u2019<strong>Arctic White<\/strong> et le <strong>Silver Frost<\/strong> expriment la modernit\u00e9 et la lumi\u00e8re, le <strong>Graphite Gray<\/strong> et le <strong>Midnight Black<\/strong> incarnent la puissance et la distinction, tandis que le <strong>Kaitoke Green Matte<\/strong> introduit une dose d\u2019originalit\u00e9 et d\u2019exclusivit\u00e9. Ensemble, ces teintes offrent aux conducteurs la possibilit\u00e9 de choisir un G9 qui correspond \u00e0 leur personnalit\u00e9, sans jamais trahir l\u2019esprit haut de gamme du SUV.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>COULEURS NOUVEAU XPENG G9 : 5 COULEURS POUR AFFIRMER LE CARACT\u00c8RE DU NOUVEAU XPENG G9<\/strong><\/h2>\n\n\n\n<p>Le <strong>nouveau XPENG G9<\/strong> n\u2019est pas qu\u2019un concentr\u00e9 de technologie \u00e9lectrique. C\u2019est aussi un v\u00e9hicule qui s\u2019exprime par son style. En proposant uniquement cinq teintes \u2013 <strong>Arctic White, Silver Frost, Graphite Gray, Kaitoke Green Matte et Midnight Black<\/strong> \u2013 XPENG a fait le choix de la coh\u00e9rence et de l\u2019\u00e9l\u00e9gance.<\/p>\n\n\n\n<p>Chaque couleur refl\u00e8te une facette du SUV, qu\u2019il s\u2019agisse de puret\u00e9, de modernit\u00e9, de distinction, d\u2019audace ou de raffinement. Le G9 devient ainsi bien plus qu\u2019un moyen de transport : un SUV \u00e9lectrique qui se vit aussi comme une d\u00e9claration de style et de personnalit\u00e9.<\/p>\n\n\n\n<!-- Styles dynamiques bas\u00e9s sur les couleurs du th\u00e8me -->\n<style>\n    \/* Utilisation de GrimCustomFont d\u00e9finie globalement avec fonts optimis\u00e9es *\/\n    #test-drive-6a04813dc8e5c {\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n            }\n\n    #test-drive-6a04813dc8e5c h2,\n    #test-drive-6a04813dc8e5c h3 {\n        color: #1f2937;\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-6a04813dc8e5c .separator-bar {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a04813dc8e5c .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-6a04813dc8e5c .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-6a04813dc8e5c .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-6a04813dc8e5c .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-6a04813dc8e5c .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-6a04813dc8e5c .test-drive-progress-bar-fill {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a04813dc8e5c .test-drive-model-card.selected,\n    #test-drive-6a04813dc8e5c .test-drive-dealership-card.selected {\n        border-color: #a4ce4c;\n        background-color: #a4ce4c10;\n    }\n\n    #test-drive-6a04813dc8e5c input:focus,\n    #test-drive-6a04813dc8e5c textarea:focus {\n        border-color: #a4ce4c;\n        ring-color: #a4ce4c;\n    }\n\n    #test-drive-6a04813dc8e5c input[type=\"checkbox\"]:checked {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a04813dc8e5c .test-drive-back-button {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a04813dc8e5c .dealer-signature a:hover {\n        color: #a4ce4c;\n    }\n\n    #test-drive-6a04813dc8e5c .dealer-signature a:hover i.fa-location-dot {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-6a04813dc8e5c .step-item.active .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a04813dc8e5c .step-item.active .step-label {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-6a04813dc8e5c .step-item.completed .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a04813dc8e5c .step-line.completed {\n        background-color: #a4ce4c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-6a04813dc8e5c .btn-theme-primary,\n    #test-drive-6a04813dc8e5c button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-6a04813dc8e5c .btn-theme-primary:hover,\n    #test-drive-6a04813dc8e5c button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-6a04813dc8e5c a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-6a04813dc8e5c 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-6a04813dc8e5c i,\n    #test-drive-6a04813dc8e5c .fa-solid,\n    #test-drive-6a04813dc8e5c .fa-regular,\n    #test-drive-6a04813dc8e5c .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-6a04813dc8e5c\" 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 XPENG 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=\"Article couleurs nouveau G9\">\n                                <input type=\"hidden\" name=\"source_page_url\" value=\"https:\/\/groupe-grim.com\/xpeng\/nouveau-xpeng-g9-2025\/couleurs-nouveau-xpeng-g9\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Couleurs nouveau XPENG G9 : un \u00e9l\u00e9ment cl\u00e9 dans l&rsquo;univers des SUV \u00e9lectriques\">\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=\"1778680125\">\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=\"P7+\"\n                                            data-model='{&quot;name&quot;:&quot;P7+&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/xpeng\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/xpeng-p7-modele-300x140.png&quot;,&quot;image_alt&quot;:&quot;P7+&quot;}'>\n                                            P7+                                        <\/option>\n                                                                            <option\n                                            value=\"Nouveau G9\"\n                                            data-model='{&quot;name&quot;:&quot;Nouveau G9&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/xpeng\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/1752739910_nouveau-xpeng-g9-modele-300x140.png&quot;,&quot;image_alt&quot;:&quot;Nouveau G9&quot;}'>\n                                            Nouveau G9                                        <\/option>\n                                                                            <option\n                                            value=\"Nouveau G6\"\n                                            data-model='{&quot;name&quot;:&quot;Nouveau G6&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/xpeng\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/1752739914_nouveau-xpeng-g6-modele-300x140.png&quot;,&quot;image_alt&quot;:&quot;Nouveau G6&quot;}'>\n                                            Nouveau G6                                        <\/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: #a4ce4c;\"><\/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=\"N\u00eemes - XPENG N\u00eemes\"\n                                            data-dealership='{&quot;city&quot;:&quot;N\\u00eemes&quot;,&quot;name&quot;:&quot;XPENG N\\u00eemes&quot;,&quot;full_name&quot;:&quot;N\\u00eemes - XPENG N\\u00eemes&quot;}'>\n                                            N\u00eemes &#8211; XPENG N\u00eemes                                        <\/option>\n                                                                            <option\n                                            value=\"B\u00e9ziers - XPENG B\u00e9ziers\"\n                                            data-dealership='{&quot;city&quot;:&quot;B\\u00e9ziers&quot;,&quot;name&quot;:&quot;XPENG B\\u00e9ziers&quot;,&quot;full_name&quot;:&quot;B\\u00e9ziers - XPENG B\\u00e9ziers&quot;}'>\n                                            B\u00e9ziers &#8211; XPENG B\u00e9ziers                                        <\/option>\n                                                                            <option\n                                            value=\"Montpellier - XPENG Montpellier\"\n                                            data-dealership='{&quot;city&quot;:&quot;Montpellier&quot;,&quot;name&quot;:&quot;XPENG Montpellier&quot;,&quot;full_name&quot;:&quot;Montpellier - XPENG Montpellier&quot;}'>\n                                            Montpellier &#8211; XPENG Montpellier                                        <\/option>\n                                                                            <option\n                                            value=\"Avignon - XPENG Avignon\"\n                                            data-dealership='{&quot;city&quot;:&quot;Avignon&quot;,&quot;name&quot;:&quot;XPENG Avignon&quot;,&quot;full_name&quot;:&quot;Avignon - XPENG Avignon&quot;}'>\n                                            Avignon &#8211; XPENG Avignon                                        <\/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\/xpeng\/wp-content\/uploads\/2024\/12\/x-peng.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\/xpeng\/wp-content\/uploads\/2024\/12\/x-peng.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: #a4ce4c\">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\/xpeng\/wp-admin\/admin-ajax.php',\n        nonce: 'ab81e164de'\n    };\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Dans le secteur automobile, le choix de la couleur n\u2019est jamais anodin. Il refl\u00e8te non seulement une pr\u00e9f\u00e9rence esth\u00e9tique, mais aussi un mode de vie et une image de soi. Pour un mod\u00e8le premium comme le nouveau XPENG G9, la couleur devient un \u00e9l\u00e9ment identitaire fort. Elle permet au v\u00e9hicule de se distinguer sur la [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1474,"parent":1159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12,16],"tags":[],"class_list":["post-1458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gamme-xpeng","category-xpeng-g9-gamme-xpeng"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/comments?post=1458"}],"version-history":[{"count":19,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1458\/revisions"}],"predecessor-version":[{"id":1996,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1458\/revisions\/1996"}],"up":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1159"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media\/1474"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media?parent=1458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/categories?post=1458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/tags?post=1458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}