{"id":54539,"date":"2025-04-25T18:29:20","date_gmt":"2025-04-25T16:29:20","guid":{"rendered":"https:\/\/groupe-grim.com\/rendez-vous\/?page_id=54539"},"modified":"2025-04-29T14:50:37","modified_gmt":"2025-04-29T12:50:37","slug":"54539-2","status":"publish","type":"page","link":"https:\/\/groupe-grim.com\/rendez-vous\/","title":{"rendered":"Prendre rendez-vous Groupe GRIM"},"content":{"rendered":"        <div class=\"relative mx-auto max-w-5xl\" >\r\n            <!-- Barre de progression -->\r\n            <div class=\"absolute top-0 left-0 right-0 h-1 bg-gray-100 rounded-full overflow-hidden\">\r\n                <div id=\"progress-bar\" class=\"h-full bg-gradient-to-r from-violet-grim to-violet-grim w-0 transition-all duration-500 ease-out\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bg-white rounded-2xl shadow-xl p-6 md:p-10 mb-24 mt-8\">\r\n                <form id=\"rendez-vous-form\" class=\"relative\">\r\n                    <input type=\"hidden\" id=\"rendez_vous_nonce\" name=\"rendez_vous_nonce\" value=\"8998552a3a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/rendez-vous\/wp-json\/wp\/v2\/pages\/54539\" \/>                    \r\n\r\n                    <!-- \u00c9tape 1: S\u00e9lection de la marque -->\r\n                    <div class=\"form-step\" id=\"step-marque\">\r\n                        <div class=\"flex items-center justify-between mb-8\">\r\n                            <span class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-violet-grim text-white font-semibold text-lg\">1<\/span>\r\n                            <div class=\"flex space-x-2\">\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-gray-200\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-gray-200\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-gray-200\"><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-3\">Choisissez votre marque<\/h3>\r\n                    <p class=\"text-gray-500 mb-4\">S\u00e9lectionnez la marque pour laquelle vous souhaitez prendre rendez-vous<\/p>\r\n                       \r\n\r\n                        <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-5 mb-8\">\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"0\"\r\n                                    data-name=\"Ford\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/ford.png\" \r\n                                        alt=\"Ford\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Ford<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"1\"\r\n                                    data-name=\"BMW\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/bmw.png\" \r\n                                        alt=\"BMW\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>BMW<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"2\"\r\n                                    data-name=\"Mini\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/mini.png\" \r\n                                        alt=\"Mini\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Mini<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"3\"\r\n                                    data-name=\"Jaguar\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/jaguar.png\" \r\n                                        alt=\"Jaguar\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Jaguar<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"4\"\r\n                                    data-name=\"Land Rover\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/land.png\" \r\n                                        alt=\"Land Rover\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Land Rover<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"5\"\r\n                                    data-name=\"Volvo\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/volvo.png\" \r\n                                        alt=\"Volvo\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Volvo<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"6\"\r\n                                    data-name=\"BMW Motorrad\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/motorrad.png\" \r\n                                        alt=\"BMW Motorrad\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>BMW Motorrad<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"7\"\r\n                                    data-name=\"Seat\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/seat.png\" \r\n                                        alt=\"Seat\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Seat<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"8\"\r\n                                    data-name=\"Cupra\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/cupra.png\" \r\n                                        alt=\"Cupra\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Cupra<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"9\"\r\n                                    data-name=\"Skoda\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/skoda.png\" \r\n                                        alt=\"Skoda\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Skoda<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"10\"\r\n                                    data-name=\"XPENG\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/logoxpeng.png\" \r\n                                        alt=\"XPENG\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>XPENG<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"11\"\r\n                                    data-name=\"GRIM Occasion\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/04\/occasion.png\" \r\n                                        alt=\"GRIM Occasion\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>GRIM Occasion<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"12\"\r\n                                    data-name=\"CAN-AM\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2025\/10\/logocanam.png\" \r\n                                        alt=\"CAN-AM\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>CAN-AM<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"marque-item text-center border border-gray-200 hover:border-violet-grim rounded-lg py-6 px-4 transition-all duration-300 shadow-sm hover:shadow-md bg-white h-[120px] flex items-center justify-center\" \r\n                                    data-index=\"13\"\r\n                                    data-name=\"Omoda Jaecoo\">\r\n                                                                            <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/groupe-grim.com\/rendez-vous\/wp-content\/uploads\/2026\/03\/omoda-jaecoo-logo.png\" \r\n                                        alt=\"Omoda Jaecoo\"\r\n                                        width=\"300\"\r\n                                        height=\"300\"\r\n                                        class=\"h-24 md:h-24 w-auto object-contain max-w-[90%]\"\r\n                                        onerror=\"this.onerror=null; this.parentNode.innerHTML='<span class=\\'font-medium text-gray-800 text-lg\\'>Omoda Jaecoo<\/span>'; \">\r\n                                                                    <\/button>\r\n                                                    <\/div>\r\n                    <!-- Texte explicatif et num\u00e9ros de t\u00e9l\u00e9phone -->\r\n                    <div class=\"mb-8 p-4 bg-gray-50 rounded-lg border border-gray-200\">\r\n                                                <p class=\"text-gray-700 mb-2\">\r\n                            <span class=\"font-medium\">Ou bien par t\u00e9l\u00e9phone :<\/span>\r\n                        <\/p>\r\n                        <div class=\"flex flex-col sm:flex-row gap-3 sm:gap-6\">\r\n                            <!-- Service Commercial -->\r\n                            <div class=\"flex items-center\">\r\n                                <span class=\"text-sm text-gray-600 mr-2\">Service commercial :<\/span>\r\n                                <a href=\"tel:0805021414\" class=\"text-violet-grim font-bold no-underline hover:underline\">\r\n                                    0805021414                                 <\/a>\r\n                            <\/div>\r\n                            <!-- Service Atelier -->\r\n                            <div class=\"flex items-center\">\r\n                                <span class=\"text-sm text-gray-600 mr-2\">Service atelier :<\/span>\r\n                                <a href=\"tel:0428705975\" class=\"text-violet-grim font-bold no-underline hover:underline\">\r\n                                    0428705975                                <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <\/div>\r\n                    <!-- \u00c9tape 2: S\u00e9lection de la ville -->\r\n                    <div class=\"form-step hidden\" id=\"step-ville\">\r\n                        <div class=\"flex items-center justify-between mb-8\">\r\n                            <span class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-violet-grim text-white font-semibold text-lg\">2<\/span>\r\n                            <div class=\"flex space-x-2\">\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-gray-200\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-gray-200\"><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-3\">Choisissez votre concession<\/h3>\r\n                        <p class=\"text-gray-500 mb-8\">S\u00e9lectionnez l'\u00e9tablissement le plus proche de chez vous<\/p>\r\n\r\n                        <div class=\"villes-list mb-8\">\r\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n                                <div class=\"animate-pulse space-y-4\">\r\n                                    <div class=\"h-16 bg-gray-100 rounded-lg\"><\/div>\r\n                                    <div class=\"h-16 bg-gray-100 rounded-lg\"><\/div>\r\n                                    <div class=\"h-16 bg-gray-100 rounded-lg\"><\/div>\r\n                                    <div class=\"h-16 bg-gray-100 rounded-lg\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <button type=\"button\" class=\"btn-prev group flex items-center text-gray-500 hover:text-violet-grim font-medium transition-colors\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2 transform group-hover:-translate-x-1 transition-transform\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path fill-rule=\"evenodd\" d=\"M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z\" clip-rule=\"evenodd\" \/>\r\n                            <\/svg>\r\n                            Retour aux marques\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <!-- \u00c9tape 3: S\u00e9lection du motif de rendez-vous -->\r\n                    <div class=\"form-step hidden\" id=\"step-motif\">\r\n                        <div class=\"flex items-center justify-between mb-8\">\r\n                            <span class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-violet-grim text-white font-semibold text-lg\">3<\/span>\r\n                            <div class=\"flex space-x-2\">\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-gray-200\"><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-3\">Motif de votre demande<\/h3>\r\n                        <p class=\"text-gray-500 mb-8\">Quel est l'objet de votre rendez-vous ?<\/p>\r\n\r\n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5 mb-8\">\r\n                                                            <button type=\"button\" \r\n                                    class=\"motif-item text-left border border-gray-200 hover:border-violet-grim rounded-lg py-4 px-5 transition-all duration-300 shadow-sm hover:shadow-md bg-white relative\" \r\n                                    data-index=\"0\" \r\n                                    data-type=\"decouverte\">\r\n                                                                        <span class=\"block font-medium text-gray-800 transition-colors\">D\u00e9couvrir nos mod\u00e8les<\/span>\r\n                                <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"motif-item text-left border border-gray-200 hover:border-violet-grim rounded-lg py-4 px-5 transition-all duration-300 shadow-sm hover:shadow-md bg-white relative\" \r\n                                    data-index=\"1\" \r\n                                    data-type=\"essai\">\r\n                                                                        <span class=\"block font-medium text-gray-800 transition-colors\">Demande d&#039;essai<\/span>\r\n                                <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"motif-item text-left border border-gray-200 hover:border-violet-grim rounded-lg py-4 px-5 transition-all duration-300 shadow-sm hover:shadow-md bg-white relative\" \r\n                                    data-index=\"2\" \r\n                                    data-type=\"financement\">\r\n                                                                        <span class=\"block font-medium text-gray-800 transition-colors\">Demande de financement<\/span>\r\n                                <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"motif-item text-left border border-gray-200 hover:border-violet-grim rounded-lg py-4 px-5 transition-all duration-300 shadow-sm hover:shadow-md bg-white relative\" \r\n                                    data-index=\"3\" \r\n                                    data-type=\"reprise\">\r\n                                                                        <span class=\"block font-medium text-gray-800 transition-colors\">Demande de reprise<\/span>\r\n                                <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"motif-item text-left border border-gray-200 hover:border-violet-grim rounded-lg py-4 px-5 transition-all duration-300 shadow-sm hover:shadow-md bg-white relative\" \r\n                                    data-index=\"4\" \r\n                                    data-type=\"atelier\">\r\n                                                                        <span class=\"block font-medium text-gray-800 transition-colors\">Rendez-vous atelier<\/span>\r\n                                <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"motif-item text-left border border-gray-200 hover:border-violet-grim rounded-lg py-4 px-5 transition-all duration-300 shadow-sm hover:shadow-md bg-white relative\" \r\n                                    data-index=\"5\" \r\n                                    data-type=\"carrosserie\">\r\n                                                                            <span class=\"nouveau-badge\">NOUVEAU<\/span>\r\n                                                                        <span class=\"block font-medium text-gray-800 transition-colors\">Rendez-vous carrosserie<\/span>\r\n                                <\/button>\r\n                                                            <button type=\"button\" \r\n                                    class=\"motif-item text-left border border-gray-200 hover:border-violet-grim rounded-lg py-4 px-5 transition-all duration-300 shadow-sm hover:shadow-md bg-white relative\" \r\n                                    data-index=\"6\" \r\n                                    data-type=\"autre\">\r\n                                                                        <span class=\"block font-medium text-gray-800 transition-colors\">Autre demande<\/span>\r\n                                <\/button>\r\n                                                    <\/div>\r\n\r\n                        <button type=\"button\" class=\"btn-prev group flex items-center text-gray-500 hover:text-violet-grim font-medium transition-colors\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2 transform group-hover:-translate-x-1 transition-transform\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path fill-rule=\"evenodd\" d=\"M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z\" clip-rule=\"evenodd\" \/>\r\n                            <\/svg>\r\n                            Retour aux concessions\r\n                        <\/button>\r\n                    <\/div>\r\n                    <!-- \u00c9tape 4: Formulaire sp\u00e9cifique selon le motif -->\r\n                    <div class=\"form-step hidden\" id=\"step-form-specifique\">\r\n                        <div class=\"flex items-center justify-between mb-8\">\r\n                            <span class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-violet-grim text-white font-semibold text-lg\">4<\/span>\r\n                            <div class=\"flex space-x-2\">\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                                <span class=\"w-3 h-3 rounded-full bg-violet-grim\"><\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <h3 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-3\" id=\"form-specific-title\">Vos informations<\/h3>\r\n                        <p class=\"text-gray-500 mb-8\">Compl\u00e9tez vos coordonn\u00e9es pour finaliser votre demande<\/p>\r\n\r\n                                <div class=\"form-common-fields space-y-6\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"rv-nom\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">Nom *<\/label>\r\n                    <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                        <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path fill-rule=\"evenodd\" d=\"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z\" clip-rule=\"evenodd\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <input type=\"text\" id=\"rv-nom\" name=\"rv-nom\" required\r\n                               class=\"flex-grow h-12 px-4 py-3 focus:outline-none\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"rv-prenom\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">Pr\u00e9nom *<\/label>\r\n                    <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                        <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path fill-rule=\"evenodd\" d=\"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z\" clip-rule=\"evenodd\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <input type=\"text\" id=\"rv-prenom\" name=\"rv-prenom\" required\r\n                               class=\"flex-grow h-12 px-4 py-3 focus:outline-none\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"rv-email\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">Email *<\/label>\r\n                    <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                        <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path d=\"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z\" \/>\r\n                                <path d=\"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <input type=\"email\" id=\"rv-email\" name=\"rv-email\" required\r\n                               class=\"flex-grow h-12 px-4 py-3 focus:outline-none\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"rv-telephone\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">T\u00e9l\u00e9phone *<\/label>\r\n                    <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                        <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path d=\"M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <input type=\"tel\" id=\"rv-telephone\" name=\"rv-telephone\" required\r\n                               class=\"flex-grow h-12 px-4 py-3 focus:outline-none\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <div class=\"form-group\">\r\n                <label for=\"rv-societe\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">Soci\u00e9t\u00e9 (optionnel)<\/label>\r\n                <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                    <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                            <path fill-rule=\"evenodd\" d=\"M4 4a2 2 0 012-2h8a2 2 0 012 2v12a1 1 0 01-1 1h-2a1 1 0 01-1-1v-2a1 1 0 00-1-1H9a1 1 0 00-1 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V4zm3 1h2v2H7V5zm2 4H7v2h2V9zm2-4h2v2h-2V5zm2 4h-2v2h2V9z\" clip-rule=\"evenodd\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <input type=\"text\" id=\"rv-societe\" name=\"rv-societe\"\r\n                           class=\"flex-grow h-12 px-4 py-3 focus:outline-none\">\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n                                        <div class=\"form-specific-fields mt-8\">\r\n    \r\n            <!-- Champs pour D\u00e9couverte des mod\u00e8les -->\r\n            <div class=\"motif-fields motif-decouverte hidden\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"rv-modele-decouverte\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">\r\n                        Mod\u00e8le qui vous int\u00e9resse (optionnel)\r\n                    <\/label>\r\n                    <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                        <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path d=\"M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z\" \/>\r\n                                <path d=\"M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1v-1h3a1 1 0 00.8-.4l3-4a1 1 0 00.2-.6V8a1 1 0 00-1-1h-3.05A2.5 2.5 0 0011 4H3z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <input type=\"text\" id=\"rv-modele-decouverte\" name=\"rv-modele-decouverte\"\r\n                           class=\"flex-grow h-12 px-4 py-3 focus:outline-none\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <!-- Champs pour Demande d'essai -->\r\n            <div class=\"motif-fields motif-essai hidden\">\r\n                <div class=\"form-group mb-5\">\r\n                    <label for=\"rv-modele-essai\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">\r\n                        Mod\u00e8le \u00e0 essayer *\r\n                    <\/label>\r\n                    <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                        <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path d=\"M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z\" \/>\r\n                                <path d=\"M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1v-1h3a1 1 0 00.8-.4l3-4a1 1 0 00.2-.6V8a1 1 0 00-1-1h-3.05A2.5 2.5 0 0011 4H3z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <input type=\"text\" id=\"rv-modele-essai\" name=\"rv-modele-essai\" required\r\n                           class=\"flex-grow h-12 px-4 py-3 focus:outline-none\">\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-5\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"rv-date\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">\r\n                            Date souhait\u00e9e *\r\n                        <\/label>\r\n                        <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                            <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                    <path fill-rule=\"evenodd\" d=\"M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z\" clip-rule=\"evenodd\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <input type=\"date\" id=\"rv-date\" name=\"rv-date\" required min=\"2026-05-14\"\r\n                                class=\"flex-grow h-12 px-4 py-3 focus:outline-none date-picker-custom\"\r\n                                data-disable-weekends=\"true\" \r\n                                data-disable-holidays=\"true\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"rv-heure\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">\r\n                            Heure *\r\n                        <\/label>\r\n                        <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                            <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                    <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z\" clip-rule=\"evenodd\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <select id=\"rv-heure\" name=\"rv-heure\" required\r\n                                   class=\"flex-grow h-12 px-4 py-3 appearance-none bg-none focus:outline-none\">\r\n                                <option value=\"\">S\u00e9lectionner<\/option>\r\n                                <option value=\"09:00-10:00\">09:00 - 10:00<\/option>\r\n                                <option value=\"10:00-11:00\">10:00 - 11:00<\/option>\r\n                                <option value=\"11:00-12:00\">11:00 - 12:00<\/option>\r\n                                <option value=\"14:00-15:00\">14:00 - 15:00<\/option>\r\n                                <option value=\"15:00-16:00\">15:00 - 16:00<\/option>\r\n                                <option value=\"16:00-17:00\">16:00 - 17:00<\/option>\r\n                                <option value=\"17:00-18:00\">17:00 - 18:00<\/option>\r\n                                <option value=\"18:00-19:00\">18:00 - 19:00<\/option>\r\n                            <\/select>\r\n                            <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 text-gray-400 pointer-events-none\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                    <path fill-rule=\"evenodd\" d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\" clip-rule=\"evenodd\" \/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <!-- Champs pour Demande de reprise -->\r\n            <div class=\"motif-fields motif-reprise hidden\">\r\n                <div class=\"bg-violet-grim\/10 border border-violet-grim\/20 rounded-lg p-4 mb-5\">\r\n                    <p class=\"text-sm text-violet-grim\">\r\n                        Compl\u00e9tez le formulaire avec vos coordonn\u00e9es et nous vous contacterons rapidement pour discuter de votre demande de reprise.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <!-- Champs pour Demande de financement -->\r\n            <div class=\"motif-fields motif-financement hidden\">\r\n                <div class=\"form-group\">\r\n                    <label for=\"rv-modele-financement\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">\r\n                        Mod\u00e8le concern\u00e9 *\r\n                    <\/label>\r\n                    <div class=\"flex items-center border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                        <div class=\"flex-shrink-0 flex items-center justify-center w-10 h-12 bg-gray-50 text-gray-400\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                <path d=\"M8 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM15 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z\" \/>\r\n                                <path d=\"M3 4a1 1 0 00-1 1v10a1 1 0 001 1h1.05a2.5 2.5 0 014.9 0H10a1 1 0 001-1v-1h3a1 1 0 00.8-.4l3-4a1 1 0 00.2-.6V8a1 1 0 00-1-1h-3.05A2.5 2.5 0 0011 4H3z\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <input type=\"text\" id=\"rv-modele-financement\" name=\"rv-modele-financement\" required\r\n                           class=\"flex-grow h-12 px-4 py-3 focus:outline-none\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Champs pour Rendez-vous carrosserie -->\r\n            <div class=\"motif-fields motif-carrosserie hidden\">\r\n                <div class=\"bg-violet-grim\/10 border border-violet-grim\/20 rounded-lg p-4 mb-5\">\r\n                    <p class=\"text-sm text-violet-grim\">\r\n                        Compl\u00e9tez le formulaire avec vos coordonn\u00e9es et nous vous contacterons rapidement pour planifier votre rendez-vous carrosserie.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <!-- Champs pour Rendez-vous atelier -->\r\n            <div class=\"motif-fields motif-atelier hidden\">\r\n                <div class=\"bg-violet-grim\/10 border-l-4 border-violet-grim p-4 mb-5 rounded-r-lg\">\r\n                    <h3 class=\"text-sm font-medium text-violet-grim mb-1\">Information<\/h3>\r\n                    <p class=\"text-sm text-violet-grim\">Vous allez \u00eatre redirig\u00e9 vers l'interface de prise de rendez-vous en ligne pour notre atelier.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n    \r\n            <!-- Commentaire -->\r\n            <div class=\"form-group mt-6\">\r\n                <label for=\"rv-commentaire\" class=\"block text-sm font-medium text-gray-700 mb-1.5\">\r\n                    Commentaire (optionnel)\r\n                <\/label>\r\n                <div class=\"flex border border-gray-300 rounded-lg overflow-hidden focus-within:ring-2 focus-within:ring-violet-grim focus-within:border-violet-grim transition-colors\">\r\n                    <div class=\"flex-shrink-0 flex items-start justify-center pt-3 w-10 h-12 bg-gray-50 text-gray-400\">\r\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                            <path fill-rule=\"evenodd\" d=\"M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z\" clip-rule=\"evenodd\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <textarea id=\"rv-commentaire\" name=\"rv-commentaire\" rows=\"4\"\r\n                          class=\"flex-grow px-4 py-3 focus:outline-none\"><\/textarea>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <!-- Politique de confidentialit\u00e9 -->\r\n            <div class=\"form-group mt-6\">\r\n                <div class=\"flex items-start\">\r\n                    <div class=\"flex items-center h-5\">\r\n                        <input type=\"checkbox\" id=\"privacy\" name=\"privacy\" required \r\n                               class=\"h-5 w-5 text-violet-grim border-gray-300 rounded focus:ring-violet-grim\">\r\n                    <\/div>\r\n                    <div class=\"ml-3 text-sm\">\r\n                        <label for=\"privacy\" class=\"font-medium text-gray-700\">Politique de confidentialit\u00e9 *<\/label>\r\n                        <p class=\"text-gray-500\">\r\n                            J'accepte que mes donn\u00e9es personnelles soient trait\u00e9es conform\u00e9ment \u00e0 la \r\n                            <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"text-violet-grim hover:text-violet-grim underline\" target=\"_blank\">politique de confidentialit\u00e9<\/a>.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n        <\/div>\r\n        \r\n                        <div class=\"flex flex-col md:flex-row gap-4 mt-8\">\r\n                            <button type=\"button\" class=\"btn-prev order-2 md:order-1 flex items-center justify-center text-gray-700 font-medium transition-colors bg-gray-100 hover:bg-gray-200 rounded-lg px-8 py-3 md:w-auto w-full\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                    <path fill-rule=\"evenodd\" d=\"M9.707 16.707a1 1 0 01-1.414 0l-6-6a1 1 0 010-1.414l6-6a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l4.293 4.293a1 1 0 010 1.414z\" clip-rule=\"evenodd\" \/>\r\n                                <\/svg>\r\n                                Retour\r\n                            <\/button>\r\n                            <button type=\"submit\" class=\"btn-submit order-1 md:order-2 bg-gradient-to-r from-violet-grim to-violet-grim hover:from-violet-grim hover:to-violet-grim text-white font-semibold rounded-lg px-8 py-3 flex items-center justify-center transition-all duration-300 md:ml-auto md:w-auto w-full\">\r\n                                <span>Envoyer ma demande<\/span>\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\" \/>\r\n                                <\/svg>\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Message de succ\u00e8s -->\r\n                    <div id=\"success-message\" class=\"hidden form-step text-center py-12\">\r\n                        <div class=\"inline-flex items-center justify-center w-20 h-20 rounded-full bg-green-100 text-green-600 mb-6\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M5 13l4 4L19 7\" \/>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <h3 class=\"text-2xl md:text-3xl font-bold text-gray-900 mb-4\">Demande envoy\u00e9e !<\/h3>\r\n                        <p class=\"text-gray-600 max-w-md mx-auto mb-8\">Votre demande a \u00e9t\u00e9 transmise avec succ\u00e8s. Nous vous contacterons dans les meilleurs d\u00e9lais.<\/p>\r\n                        <div class=\"back-to-home\">\r\n                            <a href=\"https:\/\/groupe-grim.com\/rendez-vous\/\" class=\"inline-flex items-center justify-center px-6 py-3 bg-gray-100 hover:bg-gray-200 rounded-lg text-gray-700 font-medium transition-colors\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-5 w-5 mr-2\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                                    <path d=\"M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z\" \/>\r\n                                <\/svg>\r\n                                Retour \u00e0 l'accueil\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-feedback hidden mt-6 p-4 rounded-lg text-center\"><\/div>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-54539","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/rendez-vous\/wp-json\/wp\/v2\/pages\/54539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/rendez-vous\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/groupe-grim.com\/rendez-vous\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/rendez-vous\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/rendez-vous\/wp-json\/wp\/v2\/comments?post=54539"}],"version-history":[{"count":3,"href":"https:\/\/groupe-grim.com\/rendez-vous\/wp-json\/wp\/v2\/pages\/54539\/revisions"}],"predecessor-version":[{"id":54863,"href":"https:\/\/groupe-grim.com\/rendez-vous\/wp-json\/wp\/v2\/pages\/54539\/revisions\/54863"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/rendez-vous\/wp-json\/wp\/v2\/media?parent=54539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}