{"id":2119,"date":"2025-02-28T09:14:14","date_gmt":"2025-02-28T08:14:14","guid":{"rendered":"https:\/\/jecampeenvoitureelectrique.com\/registration\/"},"modified":"2026-03-24T22:47:27","modified_gmt":"2026-03-24T21:47:27","slug":"registration","status":"publish","type":"page","link":"https:\/\/jecampeenvoitureelectrique.com\/en\/registration\/","title":{"rendered":"Registration"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2119\" class=\"elementor elementor-2119 elementor-1476\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d9d6a1 e-con-full e-flex e-con e-parent\" data-id=\"2d9d6a1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b8d316 elementor-widget elementor-widget-shortcode\" data-id=\"9b8d316\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <div id=\"subscribe-view\" class=\"flex flex-col w-full mx-auto\">\n        \n    <div class=\"form-step current w-full\" data-role=\"step-slide\">\n\n        <div class=\"mb-10\">\n                <section class=\"w-full bg-[#e0f0ff] py-20 text-gray-800\">\n        <div class=\"max-w-6xl mx-auto px-4 sm:px-6\">\n            <h2 class=\"text-4xl font-bold text-center mb-16 leading-snug\">\n                Why list your campsite on<br>\n                <span class=\"text-[#008BFB] whitespace-nowrap\">Camping in an electric car<\/span>&nbsp;?\n            <\/h2>\n\n            <div class=\"grid gap-10 md:grid-cols-2\">\n                                    <div class=\"flex items-start gap-4\">\n                        <span class=\"material-symbols-outlined text-blue-500 text-3xl mt-1 flex-shrink-0\">rocket_launch<\/span>\n                        <p class=\"text-lg leading-relaxed\">\n                            <strong>Increase your sales<\/strong> by making your campsite visible to a targeted, curious and committed clientele.                        <\/p>\n                    <\/div>\n                                    <div class=\"flex items-start gap-4\">\n                        <span class=\"material-symbols-outlined text-blue-500 text-3xl mt-1 flex-shrink-0\">public<\/span>\n                        <p class=\"text-lg leading-relaxed\">\n                            <strong>Attract electric and hybrid car drivers<\/strong> de France et d&#039;Europe, en qu\u00eate de s\u00e9jours adapt\u00e9s \u00e0 leur mobilit\u00e9 durable.                        <\/p>\n                    <\/div>\n                                    <div class=\"flex items-start gap-4\">\n                        <span class=\"material-symbols-outlined text-blue-500 text-3xl mt-1 flex-shrink-0\">query_stats<\/span>\n                        <p class=\"text-lg leading-relaxed\">\n                            <strong>Pay for your charging stations faster<\/strong> thanks to increased visitor numbers.                        <\/p>\n                    <\/div>\n                                    <div class=\"flex items-start gap-4\">\n                        <span class=\"material-symbols-outlined text-blue-500 text-3xl mt-1 flex-shrink-0\">travel_explore<\/span>\n                        <p class=\"text-lg leading-relaxed\">\n                            <strong>Optimized visibility<\/strong> on a site referenced in many electric traveler communities.                        <\/p>\n                    <\/div>\n                                    <div class=\"flex items-start gap-4\">\n                        <span class=\"material-symbols-outlined text-blue-500 text-3xl mt-1 flex-shrink-0\">eco<\/span>\n                        <p class=\"text-lg leading-relaxed\">\n                            <strong>Join a network of committed campsites<\/strong> pour l&#039;accueil, l&#039;innovation et le tourisme durable.                        <\/p>\n                    <\/div>\n                                    <div class=\"flex items-start gap-4\">\n                        <span class=\"material-symbols-outlined text-blue-500 text-3xl mt-1 flex-shrink-0\">bolt<\/span>\n                        <p class=\"text-lg leading-relaxed\">\n                            <strong>Add value to your installations<\/strong> thanks to our exclusive &quot;\u00c9clair&quot; label, a guarantee of comfort and refill quality.                        <\/p>\n                    <\/div>\n                            <\/div>\n\n            <div class=\"mt-16 text-center max-w-3xl mx-auto\">\n                <div class=\"flex items-start justify-center gap-3 mb-8\">\n                    <span class=\"material-symbols-outlined text-blue-500 text-3xl flex-shrink-0\">arrow_right_alt<\/span>\n                    <p class=\"text-xl font-medium text-gray-800 leading-relaxed\">\n                        <strong>\n                            Join us today and give your campground the visibility it deserves among a qualified, eco-conscious, and rapidly growing audience.                        <\/strong>\n                    <\/p>\n                <\/div>\n\n                <a href=\"\/index.php\/inscription\"\n                   class=\"inline-block bg-blue-600 hover:bg-blue-700 text-white hover:text-white font-semibold px-8 py-4 rounded-xl shadow-md transition duration-200\">\n                    Join us                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n            <\/div>\n\n        <div class=\"relative isolate bg-white py-8 sm:py-12 w-full\">\n            \n<div class=\"w-full\" id=\"jcve-pricing-root\">\n\n    <!-- ============================================================\n         SECTION 1 : Cartes tarifaires OPTIMUM\n         ============================================================ -->\n    <div class=\"bg-white px-4 sm:px-8 py-10\">\n\n        <div class=\"max-w-6xl mx-auto\">\n\n            <div class=\"text-center mb-10\">\n                <p class=\"inline-block text-xs font-semibold tracking-widest uppercase text-[#008BFB] mb-3\">\n                    Offres de lancement                <\/p>\n                <h2 class=\"text-3xl sm:text-4xl font-bold text-gray-900 leading-snug\">\n                    Un abonnement fixe,                    <span class=\"text-[#008BFB]\">sans commission<\/span>\n                    sur vos r\u00e9servations                <\/h2>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 items-start\">\n\n                <!-- Colonne gauche : bullet points -->\n                <div>\n                    <p class=\"text-base text-gray-700 mb-4\">\n                        <strong>Our OPTIMUM packages<\/strong>\n                        A basic rate adapted to the size of the campsite, without compromising on services:                    <\/p>\n                                        <div class=\"space-y-4\">\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-[#008BFB] text-2xl flex-shrink-0\">calendar_month<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Commission-free booking page                                <\/p>\n                            <\/div>\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-[#008BFB] text-2xl flex-shrink-0\">ev_station<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Detailed description of terminals and services                                <\/p>\n                            <\/div>\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-[#008BFB] text-2xl flex-shrink-0\">verified<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Self-certification to obtain the label                                <\/p>\n                            <\/div>\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-[#008BFB] text-2xl flex-shrink-0\">settings<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Connection to your IT tools                                <\/p>\n                            <\/div>\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-[#008BFB] text-2xl flex-shrink-0\">handshake<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Partners&#039; Club                                <\/p>\n                            <\/div>\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-[#008BFB] text-2xl flex-shrink-0\">analytics<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Visibility statistics                                <\/p>\n                            <\/div>\n                                                <p class=\"text-base text-gray-400 pl-8\">...<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Colonne droite : cartes de prix -->\n                <div>\n                    <div class=\"grid grid-cols-3 gap-3 mb-5\">\n\n                                                    <div\n                                class=\"jcve-price-card flex flex-col items-center text-center rounded-xl border-2 p-4 cursor-pointer transition-all\n                                       border-[#008BFB] bg-blue-50 shadow-md ring-2 ring-[#008BFB]\/30\"\n                                data-offer=\"optimum\"\n                                data-price=\"200\"\n                                data-original-price=\"350\"                            >\n                                <span class=\"text-xs font-bold tracking-wide text-[#008BFB] mb-1\">OPTIMUM<\/span>\n\n                                \n                                                                    <span class=\"text-xs line-through text-gray-400 leading-none mb-0.5\">\n                                        350\u20ac HT\n                                    <\/span>\n                                \n                                <span class=\"text-2xl font-extrabold text-gray-900 leading-none\">\n                                    200\u20ac\n                                <\/span>\n                                <span class=\"text-[10px] text-gray-500 mt-0.5\">HT \/ an<\/span>\n                            <\/div>\n                                                    <div\n                                class=\"jcve-price-card flex flex-col items-center text-center rounded-xl border-2 p-4 cursor-pointer transition-all\n                                       border-gray-200 bg-white hover:border-gray-300\"\n                                data-offer=\"optimum-plus\"\n                                data-price=\"350\"\n                                data-original-price=\"500\"                            >\n                                <span class=\"text-xs font-bold tracking-wide text-[#008BFB] mb-1\">OPTIMUM PLUS<\/span>\n\n                                \n                                                                    <span class=\"text-xs line-through text-gray-400 leading-none mb-0.5\">\n                                        500\u20ac HT\n                                    <\/span>\n                                \n                                <span class=\"text-2xl font-extrabold text-gray-900 leading-none\">\n                                    350\u20ac\n                                <\/span>\n                                <span class=\"text-[10px] text-gray-500 mt-0.5\">HT \/ an<\/span>\n                            <\/div>\n                                                    <div\n                                class=\"jcve-price-card flex flex-col items-center text-center rounded-xl border-2 p-4 cursor-pointer transition-all\n                                       border-gray-200 bg-white hover:border-gray-300\"\n                                data-offer=\"optimum-max\"\n                                data-price=\"500\"\n                                data-original-price=\"750\"                            >\n                                <span class=\"text-xs font-bold tracking-wide text-[#008BFB] mb-1\">OPTIMUM MAX<\/span>\n\n                                \n                                                                    <span class=\"text-xs line-through text-gray-400 leading-none mb-0.5\">\n                                        750\u20ac HT\n                                    <\/span>\n                                \n                                <span class=\"text-2xl font-extrabold text-gray-900 leading-none\">\n                                    500\u20ac\n                                <\/span>\n                                <span class=\"text-[10px] text-gray-500 mt-0.5\">HT \/ an<\/span>\n                            <\/div>\n                        \n                    <\/div>\n\n                    <!-- Frais d'installation -->\n                    <div class=\"flex flex-wrap items-center gap-2 text-sm text-gray-600\">\n                        <span class=\"material-symbols-outlined text-gray-400 text-base\">add_circle<\/span>\n                        installation costs\n                                                    <span class=\"line-through text-gray-400\">\n                                150\u20ac HT\n                            <\/span>\n                            the first year                            <span class=\"inline-flex items-center gap-1 bg-orange-500 text-white text-[10px] font-bold px-2 py-0.5 rounded-full tracking-wide uppercase\">\n                                <span class=\"material-symbols-outlined text-[11px]\">star<\/span>\n                                Available in 2026                            <\/span>\n                                            <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n        <!-- ============================================================\n         SECTION 2 : Formule PREMIUM (addon dynamique)\n         ============================================================ -->\n        <div class=\"bg-amber-50 border-t border-amber-200 px-4 sm:px-8 py-10\">\n\n        <div class=\"max-w-6xl mx-auto\">\n\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10 items-center\">\n\n                <!-- Colonne gauche : avantages PREMIUM -->\n                <div>\n                    <p class=\"text-xs font-semibold tracking-widest uppercase text-amber-600 mb-2\">\n                        Maximum visibility                    <\/p>\n                    <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\n                        PREMIUM package for greater visibility                    <\/h3>\n                                        <div class=\"space-y-4\">\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-amber-500 text-2xl flex-shrink-0\">home<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Home page presence                                <\/p>\n                            <\/div>\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-amber-500 text-2xl flex-shrink-0\">mail<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Presence in our newsletters sent to campers                                <\/p>\n                            <\/div>\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-amber-500 text-2xl flex-shrink-0\">arrow_upward<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Priority display in search results                                <\/p>\n                            <\/div>\n                                                    <div class=\"flex items-center gap-2\">\n                                <span class=\"material-symbols-outlined text-amber-500 text-2xl flex-shrink-0\">campaign<\/span>\n                                <p class=\"text-base font-medium text-gray-700\">\n                                    Prominence in our partner communications                                <\/p>\n                            <\/div>\n                                                <p class=\"text-base text-gray-400 pl-8\">...<\/p>\n                    <\/div>\n                <\/div>\n\n                <!-- Colonne droite : carte PREMIUM -->\n                <div class=\"flex justify-center lg:justify-end\">\n                    <div\n                        class=\"jcve-price-card w-full max-w-xs flex flex-col items-center text-center rounded-xl border-2 border-amber-400 bg-white shadow-md p-6 cursor-pointer transition-all hover:shadow-lg\"\n                        data-offer=\"premium\"\n                        data-addon-price=\"300\"\n                        data-original-addon-price=\"500\"                    >\n                        <span class=\"text-xs font-bold tracking-widest uppercase text-amber-600 mb-1\">PREMIUM<\/span>\n\n                        <span class=\"text-xs text-gray-500 mb-4\">\n                            Your OPTIMUM offer +\n                        <\/span>\n\n                        <div class=\"mb-1\">\n                                                            <span class=\"text-sm line-through text-gray-400 block leading-none mb-0.5\">\n                                    500\u20ac HT\n                                <\/span>\n                                                        <span class=\"text-2xl font-extrabold text-gray-900 leading-none\">\n                                300\u20ac\n                            <\/span>\n                            <span class=\"text-xs text-gray-500 ml-1\">HT \/ an<\/span>\n                        <\/div>\n\n                        <!-- Total dynamique (mis \u00e0 jour par le JS quand un OPTIMUM est s\u00e9lectionn\u00e9) -->\n                        <div id=\"premium-total-display\" class=\"hidden mt-3 w-full pt-3 border-t border-amber-200\">\n                            <span class=\"text-xs text-gray-500\">Total :<\/span>\n                            <span class=\"font-bold text-gray-900\" id=\"premium-total-amount\">\u2014<\/span>\n                            <span class=\"text-xs text-gray-500\">\u20ac HT \/ an<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <!-- ============================================================\n         SECTION 3 : Tableau comparatif d\u00e9taill\u00e9\n         ============================================================ -->\n    <div class=\"w-full\">\n        <div class=\"shadow-lg bg-white overflow-hidden\">\n\n            <div class=\"bg-gradient-to-bl from-blue-50 via-white to-white px-6 py-10 text-center\">\n                <h2 class=\"text-3xl font-bold mb-2\">Criteria &amp; Comparison<\/h2>\n                <p class=\"text-sm text-gray-500 max-w-xl mx-auto\">\n                    Compare our offers to find the ideal solution tailored to your technical and commercial needs.                <\/p>\n            <\/div>\n\n            <!-- Navigation mobile par pills -->\n            <div class=\"md:hidden px-4 pt-4 mb-6 relative z-10\">\n                <div class=\"flex gap-3 overflow-x-auto no-scrollbar\">\n                                            <button\n                            type=\"button\"\n                            class=\"offer-pill shrink-0 px-5 py-2.5 rounded-full text-sm font-medium border transition-colors\n                                   bg-blue-600 text-white\"\n                            data-offer=\"optimum\"\n                        >\n                            Optimum                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"offer-pill shrink-0 px-5 py-2.5 rounded-full text-sm font-medium border transition-colors\n                                   bg-gray-100 text-gray-700\"\n                            data-offer=\"optimum-plus\"\n                        >\n                            Optimum plus                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"offer-pill shrink-0 px-5 py-2.5 rounded-full text-sm font-medium border transition-colors\n                                   bg-gray-100 text-gray-700\"\n                            data-offer=\"optimum-max\"\n                        >\n                            Optimum max                        <\/button>\n                                            <button\n                            type=\"button\"\n                            class=\"offer-pill shrink-0 px-5 py-2.5 rounded-full text-sm font-medium border transition-colors\n                                   bg-gray-100 text-gray-700\"\n                            data-offer=\"premium\"\n                        >\n                            Premium                        <\/button>\n                                    <\/div>\n            <\/div>\n\n            <div class=\"bg-white px-4 md:px-6 pb-8 mt-4\">\n\n                <div class=\"mx-auto max-w-[80rem] rounded-xl shadow-md bg-white overflow-hidden\">\n\n                    <div class=\"grid text-sm\n                                grid-cols-[3fr_1fr]\n                                md:grid-cols-[3fr_repeat(4,1fr)]\">\n\n                        <div class=\"border-r border-gray-100\">\n                            <div class=\"h-16 flex items-center px-6 font-medium text-blue-600\">\n                                Plans                            <\/div>\n\n                                                            <div class=\"h-8 flex items-center px-6 text-xs font-bold uppercase text-gray-400 bg-gray-50 border-t\">\n                                    Technical specifications                                <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Number of locations                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Number of terminals                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Number of recharging outlets                                    <\/div>\n                                                                                            <div class=\"h-8 flex items-center px-6 text-xs font-bold uppercase text-gray-400 bg-gray-50 border-t\">\n                                    Presence                                <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Your camping page on the JCVE website                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Detailed description terminals                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Publication by you                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Published by our team                                    <\/div>\n                                                                                            <div class=\"h-8 flex items-center px-6 text-xs font-bold uppercase text-gray-400 bg-gray-50 border-t\">\n                                    Sales                                <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Online booking referral                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        JCVE self-certification                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Label display                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        POS kit with label                                    <\/div>\n                                                                                            <div class=\"h-8 flex items-center px-6 text-xs font-bold uppercase text-gray-400 bg-gray-50 border-t\">\n                                    Benefits                                <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Partner club access                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        Invitation to webinars                                    <\/div>\n                                                                    <div class=\"h-12 flex items-center px-6 border-t text-gray-700\">\n                                        JCVE statistics access                                    <\/div>\n                                                                                    <\/div>\n\n                                                    <div\n                                class=\"col-wrapper\n                                       block md:block\n                                       text-center\"\n                                data-col=\"optimum\"\n                            >\n                                <div class=\"plan-header h-16 flex items-center justify-center border-b\">\n                                    <span class=\"offer-title font-semibold text-gray-900\">\n                                        Optimum                                    <\/span>\n                                <\/div>\n\n                                                                    <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    Less than 50                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    1                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    3                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-gray-300\">\n                                                    cancel                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                    \n                            <\/div>\n                                                    <div\n                                class=\"col-wrapper\n                                       hidden md:block\n                                       text-center\"\n                                data-col=\"optimum-plus\"\n                            >\n                                <div class=\"plan-header h-16 flex items-center justify-center border-b\">\n                                    <span class=\"offer-title font-semibold text-gray-900\">\n                                        Optimum plus                                    <\/span>\n                                <\/div>\n\n                                                                    <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    50 \u00e0 100                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    2                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    10                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-gray-300\">\n                                                    cancel                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                    \n                            <\/div>\n                                                    <div\n                                class=\"col-wrapper\n                                       hidden md:block\n                                       text-center\"\n                                data-col=\"optimum-max\"\n                            >\n                                <div class=\"plan-header h-16 flex items-center justify-center border-b\">\n                                    <span class=\"offer-title font-semibold text-gray-900\">\n                                        Optimum max                                    <\/span>\n                                <\/div>\n\n                                                                    <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    More than 100                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    5                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    20                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-gray-300\">\n                                                    cancel                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                    \n                            <\/div>\n                                                    <div\n                                class=\"col-wrapper\n                                       hidden md:block\n                                       text-center\"\n                                data-col=\"premium\"\n                            >\n                                <div class=\"plan-header h-16 flex items-center justify-center border-b\">\n                                    <span class=\"offer-title font-semibold text-gray-900\">\n                                        Premium                                    <\/span>\n                                <\/div>\n\n                                                                    <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    Indifferent                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-blue-600 font-bold\">\n                                                    Unlimited                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-blue-600 font-bold\">\n                                                    Unlimited                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"offer-text text-gray-700\">\n                                                    Possible                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                        <div class=\"h-8 bg-gray-50 border-t\"><\/div>\n\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                                                                    <div class=\"h-12 flex items-center justify-center border-t border-gray-200 offer-cell\">\n                                                                                            <span class=\"material-symbols-outlined is-filled text-xl\n                                                    text-green-600\">\n                                                    check_circle                                                <\/span>\n                                                                                    <\/div>\n                                                                    \n                            <\/div>\n                        \n                    <\/div>\n                <\/div>\n\n                <!-- Boutons \"Choisir\" desktop -->\n                <div class=\"hidden md:grid grid-cols-[3fr_repeat(4,1fr)] max-w-[80rem] mx-auto mt-6\">\n                    <div><\/div>\n                                            <div class=\"flex justify-center\">\n                            <button\n                                class=\"choose-offer-btn w-[160px] h-11 rounded-lg font-semibold text-sm border bg-white text-gray-700 hover:bg-gray-50 transition\"\n                                data-offer=\"optimum\"\n                            >\n                                Choose                            <\/button>\n                        <\/div>\n                                            <div class=\"flex justify-center\">\n                            <button\n                                class=\"choose-offer-btn w-[160px] h-11 rounded-lg font-semibold text-sm border bg-white text-gray-700 hover:bg-gray-50 transition\"\n                                data-offer=\"optimum-plus\"\n                            >\n                                Choose                            <\/button>\n                        <\/div>\n                                            <div class=\"flex justify-center\">\n                            <button\n                                class=\"choose-offer-btn w-[160px] h-11 rounded-lg font-semibold text-sm border bg-white text-gray-700 hover:bg-gray-50 transition\"\n                                data-offer=\"optimum-max\"\n                            >\n                                Choose                            <\/button>\n                        <\/div>\n                                            <div class=\"flex justify-center\">\n                            <button\n                                class=\"choose-offer-btn w-[160px] h-11 rounded-lg font-semibold text-sm border bg-white text-gray-700 hover:bg-gray-50 transition\"\n                                data-offer=\"premium\"\n                            >\n                                Choose                            <\/button>\n                        <\/div>\n                                    <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n<\/div>\n\n<!-- Config installation accessible au JS (pas visible) -->\n<div id=\"jcve-pricing-config\"\n     class=\"hidden\"\n     data-installation-price=\"150\"\n     data-installation-offered=\"1\"\n     data-installation-offered-year=\"2026\">\n<\/div>\n\n        <\/div>\n\n        <div class=\"mt-12 mx-auto w-full max-w-3xl px-4 sm:px-0\">\n\n            <div class=\"mb-8\">\n\n                <div class=\"flex items-center gap-3 mb-3 leading-none\">\n\n                    <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-[#008BFB] text-white text-sm font-semibold\">\n                        1\n                    <\/span>\n\n                    <span class=\"text-lg font-semibold text-gray-900\">\n                        Legal information                    <\/span>\n\n                    <span class=\"ml-auto text-sm font-medium text-[#008BFB]\">\n                        Step 1\/3                    <\/span>\n                <\/div>\n\n                <div class=\"w-full h-1 bg-gray-200 rounded-full overflow-hidden\">\n                    <div class=\"h-full w-1\/3 bg-[#008BFB] rounded-full\"><\/div>\n                <\/div>\n\n            <\/div>\n\n            <div class=\"bg-white rounded-xl shadow-lg border border-gray-100 px-6 py-8 sm:px-8 space-y-8\">\n\n                <div class=\"flex items-center bg-gray-50 rounded-lg p-4\">\n                    <div class=\"flex items-center gap-4\">\n                        <div class=\"w-9 h-9 flex items-center justify-center rounded-lg bg-blue-100 text-[#008BFB]\">\n                            <span class=\"material-symbols-outlined text-lg\">bolt<\/span>\n                        <\/div>\n                        <div>\n                            <p class=\"text-xs uppercase tracking-wide text-gray-500\">\n                                Selected plan                            <\/p>\n                            <div class=\"flex items-baseline gap-2 flex-wrap\">\n                                <p class=\"font-semibold text-gray-900\" id=\"selected-offer-label\">\u2014<\/p>\n                                <span class=\"text-sm text-[#008BFB] font-medium\" id=\"selected-offer-price\"><\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div>\n                    <h3 class=\"text-base font-semibold text-gray-900 mb-2\">\n                        Legal information                    <\/h3>\n                    <p class=\"text-sm text-gray-600 mb-6\">\n                        Please enter your establishment's SIRET number to begin verification.                    <\/p>\n\n                    <form id=\"form1\" class=\"space-y-6\">\n\n                        <div>\n                            <label for=\"siret\" class=\"block text-sm font-medium text-gray-800 mb-2\">\n                                SIRET number <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n                            <div class=\"flex items-center gap-2 px-4 h-11 bg-white rounded-lg border border-gray-300 focus-within:border-[#008BFB]\">\n\n                                <span class=\"material-symbols-outlined is-filled text-gray-400 text-[22px] leading-none shrink-0 flex items-center\">\n                                    badge\n                                <\/span>\n\n                                <input\n                                        type=\"text\"\n                                        id=\"siret\"\n                                        name=\"siret\"\n                                        required\n                                        placeholder=\"Ex : 123 456 789 00012\"\n                                        style=\"all: unset; display: block; width: 100%; font-size: 0.875rem; color: #374151;\"\n                                        class=\"placeholder-gray-400\"\n                                \/>\n                            <\/div>\n\n                            <p class=\"mt-2 text-xs text-gray-500 flex items-center gap-1\">\n                                <span class=\"material-symbols-outlined is-filled text-gray-400 text-sm leading-none\">\n                                    info\n                                <\/span>\n                                The number must be 14 digits long.                            <\/p>\n                        <\/div>\n\n                        <div class=\"flex gap-3 items-start bg-blue-50 rounded-lg p-4 text-sm text-[#005FCC]\">\n                            <span class=\"material-symbols-outlined text-base\">verified_user<\/span>\n                            <p>\n                                Your details are secure and will only be used to verify your eligibility for career opportunities.                            <\/p>\n                        <\/div>\n\n                        <button type=\"button\"\n                                class=\"next-step w-full bg-[#008BFB] text-white py-3 rounded-lg font-semibold hover:bg-[#0072CC] transition flex items-center justify-center gap-2\">\n                            Next                            <span class=\"material-symbols-outlined\">arrow_forward<\/span>\n                        <\/button>\n\n                    <\/form>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n\n    \n    <div class=\"form-step\" data-role=\"step-slide\">\n        <div class=\"mt-12 mx-auto w-full max-w-3xl px-4 sm:px-0\">\n\n            <div class=\"mb-8\">\n                <div class=\"flex items-center gap-3 mb-3\">\n                    <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-[#008BFB] text-white text-sm font-semibold\">\n                        2\n                    <\/span>\n                    <span class=\"text-lg font-semibold text-gray-900\">\n                        Your data                    <\/span>\n                    <span class=\"ml-auto text-sm font-medium text-[#008BFB]\">\n                        Step 2\/3                    <\/span>\n                <\/div>\n\n                <div class=\"w-full h-1 bg-gray-200 rounded-full overflow-hidden\">\n                    <div class=\"h-full w-2\/3 bg-[#008BFB] rounded-full\"><\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"bg-white rounded-xl shadow-lg border border-gray-100 px-6 py-8 sm:px-8\">\n\n                <form id=\"form2\" class=\"space-y-8 max-w-3xl mx-auto\">\n\n                    <section class=\"grid grid-cols-1 md:grid-cols-[220px_1fr] gap-8 py-6 border-b\">\n\n                        <div>\n                            <h3 class=\"flex items-center gap-2 text-xl font-semibold text-[#008BFB]\">\n                                <span class=\"material-symbols-outlined text-xl\">domain<\/span>\n                                L'\u00e9tablissement                            <\/h3>\n                            <p class=\"text-sm text-gray-500 mt-1\">\n                                Ces informations nous permettent de configurer votre compte professionnel et d'\u00e9diter vos factures.                            <\/p>\n                        <\/div>\n\n                        <div class=\"space-y-4\">\n\n                            \n        <div>\n            <label for=\"raison_sociale\" class=\"block text-sm font-medium mb-1\">\n                Company name                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                    <span class=\"material-symbols-outlined text-gray-400 text-[20px]\">\n                        business                    <\/span>\n                \n                <input\n                        type=\"text\"\n                        id=\"raison_sociale\"\n                        name=\"raison_sociale\"\n                    required                        placeholder=\"Ex : SAS Camping Paradise\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n        \n                            <div class=\"grid md:grid-cols-2 gap-4\">\n                                <div>\n                                    <label class=\"block text-sm font-medium mb-1\">\n                                        SIRET number <span class=\"text-red-500\">*<\/span>\n                                    <\/label>\n                                    <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-100 rounded-lg border border-gray-200\">\n                                        <span class=\"material-symbols-outlined text-gray-400 text-[20px]\">badge<\/span>\n                                        <input\n                                                type=\"text\"\n                                                id=\"siret_pre\"\n                                                name=\"siret_pre\"\n                                                readonly\n                                                placeholder=\"Self-filled SIRET\"\n                                                style=\"all:unset;width:100%;font-size:14px;color:#6B7280;\"\n                                        \/>\n                                    <\/div>\n                                <\/div>\n\n                                \n        <div>\n            <label for=\"ville\" class=\"block text-sm font-medium mb-1\">\n                City                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                \n                <input\n                        type=\"text\"\n                        id=\"ville\"\n                        name=\"ville\"\n                    required                        placeholder=\"Ex : La Rochelle\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n                                    <\/div>\n\n                            \n        <div>\n            <label for=\"adresse\" class=\"block text-sm font-medium mb-1\">\n                Full address                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                \n                <input\n                        type=\"text\"\n                        id=\"adresse\"\n                        name=\"adresse\"\n                    required                        placeholder=\"Ex : 12 rue des Pins, 17000 La Rochelle\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n        \n                        <\/div>\n                    <\/section>\n\n                    <section class=\"grid grid-cols-1 md:grid-cols-[220px_1fr] gap-8 py-6 border-b\">\n\n                        <div>\n                            <h3 class=\"flex items-center gap-3 text-xl font-semibold text-[#008BFB]\">\n                                <span class=\"material-symbols-outlined text-xl\">person<\/span>\n                                The manager                            <\/h3>\n                            <p class=\"text-sm text-gray-500 mt-1\">\n                                Details of the person in charge of the account.                            <\/p>\n                        <\/div>\n\n                        <div class=\"space-y-4\">\n\n                            <div class=\"grid md:grid-cols-2 gap-4\">\n                                \n        <div>\n            <label for=\"nom\" class=\"block text-sm font-medium mb-1\">\n                Name                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                    <span class=\"material-symbols-outlined text-gray-400 text-[20px]\">\n                        person                    <\/span>\n                \n                <input\n                        type=\"text\"\n                        id=\"nom\"\n                        name=\"nom\"\n                    required                        placeholder=\"Ex : Dupont\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n        \n                                \n        <div>\n            <label for=\"prenom\" class=\"block text-sm font-medium mb-1\">\n                First name                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                    <span class=\"material-symbols-outlined text-gray-400 text-[20px]\">\n                        person                    <\/span>\n                \n                <input\n                        type=\"text\"\n                        id=\"prenom\"\n                        name=\"prenom\"\n                    required                        placeholder=\"Ex : Jean\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n                                    <\/div>\n\n                            \n        <div>\n            <label for=\"email\" class=\"block text-sm font-medium mb-1\">\n                Email address                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                    <span class=\"material-symbols-outlined text-gray-400 text-[20px]\">\n                        mail                    <\/span>\n                \n                <input\n                        type=\"email\"\n                        id=\"email\"\n                        name=\"email\"\n                    required                        placeholder=\"exemple@domaine.fr\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n        \n                            <div class=\"grid md:grid-cols-2 gap-4\">\n                                \n        <div>\n            <label for=\"tel_fixe\" class=\"block text-sm font-medium mb-1\">\n                Landline telephone                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                    <span class=\"material-symbols-outlined text-gray-400 text-[20px]\">\n                        call                    <\/span>\n                \n                <input\n                        type=\"tel\"\n                        id=\"tel_fixe\"\n                        name=\"tel_fixe\"\n                                            placeholder=\"Ex : 05 46 00 00 00\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n        \n                                \n        <div>\n            <label for=\"tel_portable\" class=\"block text-sm font-medium mb-1\">\n                Cell phone                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                    <span class=\"material-symbols-outlined text-gray-400 text-[20px]\">\n                        smartphone                    <\/span>\n                \n                <input\n                        type=\"tel\"\n                        id=\"tel_portable\"\n                        name=\"tel_portable\"\n                    required                        placeholder=\"Ex : 06 12 34 56 78\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n                                    <\/div>\n\n                        <\/div>\n                    <\/section>\n\n                    <section class=\"grid grid-cols-1 md:grid-cols-[220px_1fr] gap-8 py-6\">\n\n                        <div>\n                            <h3 class=\"flex items-center gap-2 text-xl font-semibold text-[#008BFB]\">\n                                <span class=\"material-symbols-outlined text-xl\">settings<\/span>\n                                Configuration                            <\/h3>\n                            <p class=\"text-sm text-gray-500 mt-1\">\n                                How many campsites would you like to manage via this interface?                            <\/p>\n                        <\/div>\n\n                        <div class=\"space-y-6\">\n\n                            <div class=\"bg-gray-100 rounded-lg p-1 grid grid-cols-3 gap-1 h-12\">\n                                                                    <label class=\"h-full\">\n                                        <input\n                                                type=\"radio\"\n                                                name=\"camping_count\"\n                                                value=\"1\"\n                                                class=\"sr-only peer\"\n                                            checked                                        >\n                                        <span class=\"\n                                            w-full h-full\n                                            flex items-center justify-center\n                                            rounded-md text-sm font-semibold\n                                            text-gray-700\n                                            transition\n                                            peer-checked:bg-white\n                                            peer-checked:text-[#008BFB]\n                                            peer-checked:shadow\n                                            cursor-pointer\n                                            whitespace-nowrap\n                                        \">\n                                            1 Camping                                        <\/span>\n                                    <\/label>\n                                                                    <label class=\"h-full\">\n                                        <input\n                                                type=\"radio\"\n                                                name=\"camping_count\"\n                                                value=\"2\"\n                                                class=\"sr-only peer\"\n                                                                                    >\n                                        <span class=\"\n                                            w-full h-full\n                                            flex items-center justify-center\n                                            rounded-md text-sm font-semibold\n                                            text-gray-700\n                                            transition\n                                            peer-checked:bg-white\n                                            peer-checked:text-[#008BFB]\n                                            peer-checked:shadow\n                                            cursor-pointer\n                                            whitespace-nowrap\n                                        \">\n                                            2 Campsites                                        <\/span>\n                                    <\/label>\n                                                                    <label class=\"h-full\">\n                                        <input\n                                                type=\"radio\"\n                                                name=\"camping_count\"\n                                                value=\"3\"\n                                                class=\"sr-only peer\"\n                                                                                    >\n                                        <span class=\"\n                                            w-full h-full\n                                            flex items-center justify-center\n                                            rounded-md text-sm font-semibold\n                                            text-gray-700\n                                            transition\n                                            peer-checked:bg-white\n                                            peer-checked:text-[#008BFB]\n                                            peer-checked:shadow\n                                            cursor-pointer\n                                            whitespace-nowrap\n                                        \">\n                                            3 Campsites                                        <\/span>\n                                    <\/label>\n                                                            <\/div>\n\n                            <div id=\"wrapper_camping_info\"\n                                 class=\"wrapper_camping_info_instance hidden bg-[#F5F9FF] border border-[#E3EDFF] rounded-xl p-6 space-y-5\"\n                            >\n\n                                <div class=\"relative pl-16\">\n\n                                    <div class=\"absolute left-0 top-1\/2 -translate-y-1\/2\n                                                w-11 h-11 flex items-center justify-center\n                                                rounded-xl bg-[#E0ECFF]\">\n                                        <span class=\"material-symbols-outlined text-[#008BFB]\">\n                                            camping\n                                        <\/span>\n                                    <\/div>\n\n                                    <div>\n                                        <h4 class=\"font-semibold text-gray-900 text-sm leading-snug mb-0.5\">\n                                            Camping information                                        <\/h4>\n                                        <p class=\"text-xs text-gray-500 leading-snug mt-0\">\n                                            Technical details for synchronization                                        <\/p>\n                                    <\/div>\n\n                                <\/div>\n\n                                \n        <div>\n            <label for=\"nom_camping\" class=\"block text-sm font-medium mb-1\">\n                Campsite name                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-white rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                \n                <input\n                        type=\"text\"\n                        id=\"nom_camping\"\n                        name=\"nom_camping\"\n                    required                        placeholder=\"Your campsite&#039;s trade name\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n        \n                                <div class=\"grid md:grid-cols-2 gap-4\">\n\n                                    <div>\n                                        <label class=\"block text-sm font-medium mb-1\">\n                                            Booking engine                                            <span class=\"text-red-500\">*<\/span>\n                                        <\/label>\n                                        <div class=\"flex items-center gap-2 px-3 h-10 bg-white rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                            <select name=\"moteur_resa\" required style=\"all:unset;width:100%;font-size:14px;color:#374151;\">\n                                                <option value=\"\">- Select -<\/option>\n                                                <option value=\"ctoutvert\">Ctoutvert<\/option>\n                                                <option value=\"eseason\">eSeason<\/option>\n                                            <\/select>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div>\n                                        \n        <div>\n            <label for=\"nombre_emplacements\" class=\"block text-sm font-medium mb-1\">\n                Nombre d'emplacements                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-white rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                \n                <input\n                        type=\"number\"\n                        id=\"nombre_emplacements\"\n                        name=\"nombre_emplacements\"\n                    required                        placeholder=\"\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n                                            <\/div>\n\n                                <\/div>\n\n                                <div>\n\n                                    \n        <div>\n            <label for=\"identifiant_resa\" class=\"block text-sm font-medium mb-1\">\n                Technical identifier                                    <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n            <div class=\"flex items-center gap-2 px-3 h-10 bg-white rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                    <span class=\"material-symbols-outlined text-gray-400 text-[20px]\">\n                        key                    <\/span>\n                \n                <input\n                        type=\"text\"\n                        id=\"identifiant_resa\"\n                        name=\"identifiant_resa\"\n                    required                        placeholder=\"ID provided by your booking engine\"\n                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                        class=\"placeholder:text-gray-400\"\n                \/>\n            <\/div>\n        <\/div>\n\n        \n                                    <p class=\"text-xs text-gray-500 leading-relaxed mt-1.5\">\n                                        This login enables you to connect to your schedule.                                    <\/p>\n\n                                <\/div>\n\n                            <\/div>\n\n                            <div id=\"camping_info_container\"><\/div>\n\n                        <\/div>\n\n                    <\/section>\n\n                    <div class=\"flex justify-between pt-8\">\n                        <button type=\"button\"\n                                class=\"prev-step px-5 h-10 rounded-lg bg-gray-200 text-sm flex items-center gap-2\">\n                            <span class=\"material-symbols-outlined text-lg\">\n                                arrow_back\n                            <\/span>\n                            Back                        <\/button>\n\n                        <button type=\"button\"\n                                class=\"next-step px-6 h-10 rounded-lg bg-[#008BFB] text-white text-sm font-medium flex items-center gap-2\">\n                            Next                            <span class=\"material-symbols-outlined text-lg\">\n                                arrow_forward\n                            <\/span>\n                        <\/button>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    \n    <div class=\"form-step\" data-role=\"step-slide\">\n\n        <div class=\"mt-12 mx-auto w-full max-w-6xl px-4 sm:px-0\">\n\n            <!-- Header \u00e9tape -->\n            <div class=\"mb-8\">\n                <div class=\"flex items-center gap-3 mb-3\">\n                    <span class=\"flex items-center justify-center w-8 h-8 rounded-full bg-[#008BFB] text-white text-sm font-semibold\">\n                        3\n                    <\/span>\n\n                    <span class=\"text-lg font-semibold text-gray-900\">\n                        Secure payment                    <\/span>\n\n                    <span class=\"ml-auto text-sm font-medium text-[#008BFB]\">\n                        Step 3\/3                    <\/span>\n                <\/div>\n\n                <div class=\"w-full h-1 bg-gray-200 rounded-full overflow-hidden\">\n                    <div class=\"h-full w-full bg-[#008BFB] rounded-full\"><\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Carte principale -->\n            <div class=\"bg-white rounded-xl shadow-lg border border-gray-100 p-6 sm:p-8\">\n\n                <form id=\"payment-form\" class=\"grid grid-cols-1 lg:grid-cols-3 gap-10\">\n\n                    <!-- Colonne gauche -->\n                    <div class=\"lg:col-span-2 space-y-6\">\n\n                        <!-- Nom titulaire -->\n                        <div>\n                            <label for=\"card-holder-name\" class=\"block text-sm font-medium mb-1\">\n                                Holder&#039;s name <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n                            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                <span class=\"material-symbols-outlined text-gray-400 text-[20px]\" aria-hidden=\"true\">\n                                    person\n                                <\/span>\n\n                                <input\n                                        type=\"text\"\n                                        id=\"card-holder-name\"\n                                        name=\"card_holder_name\"\n                                        required\n                                        placeholder=\"Ex : Jean Dupont\"\n                                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                                        class=\"placeholder:text-gray-400\"\n                                \/>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Email -->\n                        <div>\n                            <label for=\"email\" class=\"block text-sm font-medium mb-1\">\n                                Email address <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n\n                            <div class=\"flex items-center gap-2 px-3 h-10 bg-gray-50 rounded-lg border border-gray-200 focus-within:border-[#008BFB]\">\n                                <span class=\"material-symbols-outlined text-gray-400 text-[20px]\" aria-hidden=\"true\">\n                                    mail\n                                <\/span>\n\n                                <input\n                                        type=\"email\"\n                                        id=\"email\"\n                                        name=\"email\"\n                                        required\n                                        placeholder=\"exemple@domaine.fr\"\n                                        style=\"all:unset;width:100%;font-size:14px;color:#374151;\"\n                                        class=\"placeholder:text-gray-400\"\n                                \/>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Bloc paiement -->\n                        <div class=\"pt-2\">\n                            <div class=\"flex items-center gap-3 mb-6\">\n                                <span\n                                        class=\"material-symbols-outlined text-[#008BFB] text-3xl leading-none\n                                           flex items-center justify-center relative top-[1px]\"\n                                        aria-hidden=\"true\">\n                                    credit_card\n                                <\/span>\n\n                                <h3 class=\"text-lg font-semibold text-gray-900 leading-none m-0\">\n                                    Payment information                                <\/h3>\n                            <\/div>\n\n                            <div class=\"space-y-4\">\n\n                                <!-- Num\u00e9ro de carte -->\n                                <div>\n                                    <label for=\"card-number\" class=\"block text-sm font-medium mb-1\">\n                                        Card number <span class=\"text-red-500\">*<\/span>\n                                    <\/label>\n\n                                    <div class=\"flex items-center gap-3 p-3 h-10 bg-white rounded-lg border border-gray-200\">\n                                        <div id=\"card-number\" class=\"flex-1\"><\/div>\n\n                                        <span id=\"card-brand-logo\"\n                                              class=\"material-symbols-outlined text-gray-400 text-[22px] leading-none\"\n                                              aria-hidden=\"true\">\n                                            credit_card\n                                        <\/span>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- Expiration + CVC -->\n                                <div class=\"grid grid-cols-2 gap-4\">\n\n                                    <!-- Expiration -->\n                                    <div>\n                                        <label for=\"card-expiry\" class=\"block text-sm font-medium mb-1\">\n                                            Date d&#039;expiration <span class=\"text-red-500\">*<\/span>\n                                        <\/label>\n\n                                        <div class=\"p-3 h-10 bg-white rounded-lg border border-gray-200\">\n                                            <div id=\"card-expiry\"><\/div>\n                                        <\/div>\n                                    <\/div>\n\n                                    <!-- CVC -->\n                                    <div>\n                                        <label for=\"card-cvc\" class=\"block text-sm font-medium mb-1\">\n                                            CVC <span class=\"text-red-500\">*<\/span>\n                                        <\/label>\n\n                                        <div class=\"p-3 h-10 bg-white rounded-lg border border-gray-200\">\n                                            <div id=\"card-cvc\"><\/div>\n                                        <\/div>\n                                    <\/div>\n\n                                <\/div>\n                            <\/div>\n\n                            <div id=\"card-errors\" class=\"text-red-500 text-sm mt-2\" aria-live=\"polite\"><\/div>\n                        <\/div>\n\n                        <!-- S\u00e9curit\u00e9 -->\n                        <div class=\"flex items-start gap-3 bg-green-50 border border-green-200 rounded-lg p-4\">\n                            <span class=\"material-symbols-outlined text-green-600 mt-0.5\" aria-hidden=\"true\">\n                                verified\n                            <\/span>\n                            <div>\n                                <p class=\"text-sm font-semibold text-green-700\">\n                                    100% secure payment                                <\/p>\n                                <p class=\"text-xs text-green-700\">\n                                    All transactions are encrypted and secured by SSL protocol.                                    We do not store your bank details.                                <\/p>\n                            <\/div>\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- Colonne droite : r\u00e9sum\u00e9 -->\n                    <div class=\"bg-gray-50 border rounded-xl p-6 space-y-4\">\n\n                        <h3 class=\"text-base font-semibold text-gray-900\">\n                            Summary of your order                        <\/h3>\n\n                        <!-- Offre -->\n                        <div class=\"flex justify-between text-sm text-gray-700\">\n                            <span>Selected offer<\/span>\n                            <span id=\"selected-plan\" class=\"font-medium text-right\">\n                                No offers                            <\/span>\n                        <\/div>\n\n                        <!-- Prix unitaire (mis \u00e0 jour par cart-popup.js) -->\n                        <div class=\"flex justify-between text-sm text-gray-700\">\n                            <span>Price per unit<\/span>\n                            <span id=\"step3-unit-price\" class=\"font-medium\">\u2014<\/span>\n                        <\/div>\n\n                        <!-- Nombre de campings (mis \u00e0 jour par cart-popup.js) -->\n                        <div class=\"flex justify-between text-sm text-gray-700\">\n                            <span>Number of campsites<\/span>\n                            <span id=\"step3-camping-count\" class=\"font-medium\">\u2014<\/span>\n                        <\/div>\n\n                        <div class=\"w-full border-t border-dashed border-gray-300\"><\/div>\n\n                        <!-- Frais d'installation (mis \u00e0 jour par cart-popup.js) -->\n                        <div class=\"flex justify-between items-center text-sm text-gray-700\">\n                            <span>Installation costs<\/span>\n                            <span id=\"step3-installation-value\" class=\"font-medium text-right\">\n                                <!-- Rempli dynamiquement : prix barr\u00e9 + badge si offert -->\n                                <span class=\"line-through text-gray-400 mr-1\">150\u20ac HT<\/span>\n                                <span class=\"inline-flex items-center gap-0.5 bg-orange-500 text-white text-[10px] font-bold px-1.5 py-0.5 rounded-full\">\n                                    <span class=\"material-symbols-outlined text-[11px]\">star<\/span>\n                                    2026\n                                <\/span>\n                            <\/span>\n                        <\/div>\n\n                        <div class=\"w-full border-t border-dashed border-gray-300\"><\/div>\n\n                        <!-- Total -->\n                        <div class=\"flex justify-between items-end\">\n                            <span class=\"text-sm font-medium text-gray-700\">\n                                Total payable                            <\/span>\n                            <div class=\"text-right\">\n                                <span id=\"total-price\" class=\"text-2xl font-bold text-[#008BFB]\">\n                                    0 \u20ac\n                                <\/span>\n                                <span class=\"block text-xs text-gray-400\">\n                                    VAT \/ year                                <\/span>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Bouton Payer et finaliser -->\n                        <button\n                                id=\"submit-button\"\n                                type=\"submit\"\n                                class=\"w-full h-14 bg-[#0B6FE3] text-white text-base font-semibold rounded-xl\n                                       flex items-center justify-center gap-3 shadow-[0_8px_24px_rgba(11,111,227,0.35)]\n                                       transition-all duration-200 hover:bg-[#095FCC] hover:text-white focus:outline-none\"\n                        >\n                            <!-- Ic\u00f4ne lock -->\n                            <span class=\"material-symbols-outlined text-[22px] leading-none submit-lock\" aria-hidden=\"true\">\n                                lock\n                            <\/span>\n\n                            <!-- Texte -->\n                            <span class=\"submit-text\">\n                                Pay and finalize                            <\/span>\n\n                            <!-- Fl\u00e8che (conserv\u00e9e) -->\n                            <span class=\"material-symbols-outlined text-[22px] leading-none submit-arrow\" aria-hidden=\"true\">\n                                arrow_forward\n                            <\/span>\n\n                            <!-- Loader (ajout\u00e9, cach\u00e9 par d\u00e9faut) -->\n                            <span\n                                    id=\"loader\"\n                                    class=\"material-symbols-outlined text-[22px] leading-none hidden animate-spin\"\n                                    aria-hidden=\"true\"\n                            >\n                                progress_activity\n                            <\/span>\n                        <\/button>\n\n                        <!-- Bouton Retour -->\n                        <button\n                                type=\"button\"\n                                class=\"prev-step w-full h-14 bg-white text-gray-700 text-base font-medium rounded-xl\n                                       flex items-center justify-center gap-3 border border-gray-200\n                                       shadow-[0_6px_16px_rgba(0,0,0,0.06)]\n                                       transition-all duration-200 hover:bg-gray-50 hover:text-gray-700 focus:outline-none\"\n                        >\n                            <span class=\"material-symbols-outlined text-[22px] leading-none\" aria-hidden=\"true\">\n                                arrow_back\n                            <\/span>\n\n                            <span>Back<\/span>\n                        <\/button>\n\n                        <p class=\"text-xs text-center text-gray-500 pt-2\">\n                            Besoin d&#039;aide ?                            <a href=\"https:\/\/jecampeenvoitureelectrique.com\/en\/index.php\/contact\/\"\n                               class=\"text-[#008BFB] hover:underline\">\n                                Contact us                            <\/a>\n                        <\/p>\n\n                    <\/div>\n\n                <\/form>\n            <\/div>\n        <\/div>\n    <\/div>\n\n        <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2119","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","1d03c0975884bb3313cce6dd2f1b30f2":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"297f415109f6d68645364fc3ee8b300d":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","fd7b944a1016f6997ff05cca28a86507":"","hero_structure":"narrow","725835a220a806d2dede541683191d01":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"b75289ee406e0a1a57fb3394b341d4b2":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"52e632a4882fbb110ac4f3f941ac88e6":"","page_structure_type":"default","3e83552c4a6b912d9fa29eff61d1cc2c":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"62eb854e9eef5c3ecdd8032d26f48ece":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/jecampeenvoitureelectrique.com\/en\/wp-json\/wp\/v2\/pages\/2119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jecampeenvoitureelectrique.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jecampeenvoitureelectrique.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jecampeenvoitureelectrique.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jecampeenvoitureelectrique.com\/en\/wp-json\/wp\/v2\/comments?post=2119"}],"version-history":[{"count":1,"href":"https:\/\/jecampeenvoitureelectrique.com\/en\/wp-json\/wp\/v2\/pages\/2119\/revisions"}],"predecessor-version":[{"id":2120,"href":"https:\/\/jecampeenvoitureelectrique.com\/en\/wp-json\/wp\/v2\/pages\/2119\/revisions\/2120"}],"wp:attachment":[{"href":"https:\/\/jecampeenvoitureelectrique.com\/en\/wp-json\/wp\/v2\/media?parent=2119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}