{"id":694,"date":"2026-02-24T09:45:31","date_gmt":"2026-02-24T08:45:31","guid":{"rendered":"https:\/\/new-site-ppd.wechalleng.com\/?page_id=694"},"modified":"2026-03-24T12:34:33","modified_gmt":"2026-03-24T11:34:33","slug":"panier","status":"publish","type":"page","link":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/","title":{"rendered":"Panier"},"content":{"rendered":"\n<!-- ============================================================\n     PAGE PANIER \u2014 Layout deux colonnes\n     Formulaire tunnel 2 \u00e9tapes :\n     \u00c9tape 1 : Email\n     \u00c9tape 2a : Login (client existant)\n     \u00c9tape 2b : Inscription + infos (nouveau client)\n     ============================================================ -->\n\n<style>\n.cart-page-wrapper {\n    font-family:-apple-system,'Helvetica Neue',sans-serif;\n    padding:clamp(20px,3vw,40px) clamp(14px,3vw,24px) 80px;\n    box-sizing:border-box; width:100%;\n}\n.cart-two-col {\n    display:grid; grid-template-columns:1fr 1fr;\n    gap:clamp(16px,2.5vw,28px); width:100%; align-items:center;\n}\n.cart-section-title {\n    font-size:11px; font-weight:700; color:var(--gray-400);\n    text-transform:uppercase; letter-spacing:.10em; margin-bottom:12px;\n}\n.cart-col-items { display:flex; flex-direction:column; gap:12px; min-width:0; }\n.cart-col-items .items-wrapper { margin-bottom:0; }\n.cart-col-items .cart-footer-premium { border-radius:clamp(16px,2vw,22px); }\n.cart-col-form { min-width:0; }\n.cart-form-card {\n    background:var(--white); border-radius:clamp(18px,2.5vw,26px);\n    border:1px solid var(--border-teal); box-shadow:var(--shadow-card); overflow:visible;\n}\n.form-card-header {\n    background:linear-gradient(160deg,var(--teal) 0%,var(--teal-dark) 100%);\n    padding:clamp(16px,2vw,22px) clamp(20px,2.5vw,28px);\n    position:relative; overflow:hidden;\n    border-radius:clamp(18px,2.5vw,26px) clamp(18px,2.5vw,26px) 0 0;\n}\n.form-card-header::before {\n    content:''; position:absolute; top:0; left:0; right:0; height:2px;\n    background:linear-gradient(90deg,var(--amber),var(--amber-light));\n}\n.form-card-header::after {\n    content:''; position:absolute; inset:0;\n    background:radial-gradient(ellipse at top right,rgba(255,255,255,.08),transparent 60%);\n    pointer-events:none;\n}\n.form-card-header-inner { display:flex; align-items:center; gap:12px; position:relative; z-index:1; }\n.form-header-icon {\n    width:38px; height:38px; background:rgba(255,255,255,.15);\n    border:1px solid rgba(255,255,255,.25); border-radius:11px;\n    display:flex; align-items:center; justify-content:center; flex-shrink:0;\n}\n.form-card-header h2 { font-size:clamp(15px,1.8vw,17px); font-weight:700; color:var(--white); margin:0 0 2px; }\n.form-card-header p  { font-size:12px; color:rgba(255,255,255,.70); margin:0; }\n.step-indicator { display:flex; gap:8px; align-items:center; padding:14px clamp(20px,2.5vw,28px) 0; position:relative; z-index:1; }\n.step-dot { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.3); transition:all .3s; }\n.step-dot.active { background:var(--white); width:20px; border-radius:4px; }\n.step-dot.done   { background:rgba(255,255,255,.7); }\n.form-card-body { padding:clamp(18px,2.5vw,26px); }\n.field-group { display:flex; flex-direction:column; gap:5px; margin-bottom:14px; }\n.field-label { font-size:12px; font-weight:600; color:var(--text-dark); }\n.field-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:10px; }\n.field-input {\n    padding:11px 13px; border:1.5px solid var(--gray-200); border-radius:10px;\n    font-size:14px; font-family:inherit; color:var(--text-dark); background:var(--white);\n    outline:none; transition:border-color .15s,box-shadow .15s;\n    width:100%; box-sizing:border-box; -webkit-appearance:none;\n}\n.field-input:focus { border-color:var(--teal); box-shadow:0 0 0 3px rgba(107,193,183,.15); }\n.field-input.error { border-color:#ff3b30; box-shadow:0 0 0 3px rgba(255,59,48,.08); }\n.field-input[readonly] { background:var(--gray-50); color:var(--text-mid); cursor:not-allowed; }\n.field-error { font-size:11px; color:#ff3b30; min-height:14px; }\n.password-wrapper { position:relative; }\n.password-wrapper .field-input { padding-right:40px; }\n.password-toggle {\n    position:absolute; right:10px; top:50%; transform:translateY(-50%);\n    background:none; border:none; cursor:pointer; color:var(--gray-400); padding:4px;\n    display:flex; align-items:center;\n}\n.address-suggestion-item {\n    padding:11px 14px; font-size:13px; color:var(--text-dark);\n    cursor:pointer; border-bottom:1px solid var(--gray-100); transition:background .1s; line-height:1.4;\n}\n.address-suggestion-item:last-child { border-bottom:none; }\n.address-suggestion-item:hover { background:var(--teal-soft); }\n.address-suggestion-item .suggestion-main { font-weight:500; }\n.address-suggestion-item .suggestion-sub  { font-size:11px; color:var(--text-light); margin-top:1px; }\n.existing-banner {\n    background:var(--teal-soft); border:1px solid var(--border-teal);\n    border-radius:12px; padding:12px 14px; margin-bottom:16px;\n    display:flex; align-items:center; gap:10px;\n    font-size:13px; color:var(--teal-dark); line-height:1.4;\n}\n.btn-back {\n    background:none; border:none; cursor:pointer; color:var(--text-mid);\n    font-size:13px; font-family:inherit; display:flex; align-items:center; gap:5px;\n    padding:0; margin-bottom:16px; text-decoration:underline; text-underline-offset:3px;\n}\n.btn-back:hover { color:var(--text-dark); }\n.btn-forgot {\n    background:none; border:none; cursor:pointer; color:var(--teal);\n    font-size:12px; font-family:inherit; text-decoration:underline;\n    text-underline-offset:3px; padding:0; text-align:right;\n    width:100%; margin-top:-8px; margin-bottom:14px;\n}\n.btn-pay-main {\n    width:100%; background:linear-gradient(135deg,var(--amber),var(--amber-dark));\n    color:var(--white); border:none; padding:clamp(14px,1.8vw,18px);\n    border-radius:clamp(12px,1.5vw,14px); font-size:clamp(14px,1.5vw,16px);\n    font-weight:700; font-family:inherit; letter-spacing:.02em; cursor:pointer;\n    display:flex; align-items:center; justify-content:center; gap:10px;\n    box-shadow:0 3px 0 var(--amber-dark); transition:transform .18s,box-shadow .18s; margin-top:4px;\n}\n.btn-pay-main:hover   { transform:translateY(-2px); box-shadow:0 5px 0 var(--amber-dark),0 12px 30px rgba(244,152,25,.28); }\n.btn-pay-main:active  { transform:translateY(1px); box-shadow:0 1px 0 var(--amber-dark); }\n.btn-pay-main:disabled { opacity:.65; cursor:not-allowed; transform:none; box-shadow:none; }\n.secure-mention {\n    text-align:center; font-size:11px; color:var(--text-light);\n    margin-top:10px; display:flex; align-items:center; justify-content:center; gap:5px;\n}\n@media (max-width:768px) {\n    .cart-page-wrapper { padding:16px 12px 100px; }\n    .cart-two-col { grid-template-columns:1fr; }\n    .cart-col-form { position:static; }\n    .field-grid-2 { grid-template-columns:1fr; }\n    .mobile-sticky-bar { display:flex !important; }\n}\n@media (min-width:769px) { .mobile-sticky-bar { display:none !important; } }\n.mobile-sticky-bar {\n    display:none; position:fixed; bottom:0; left:0; right:0;\n    background:var(--white); border-top:1px solid var(--border-teal);\n    padding:12px 16px; z-index:9999;\n    box-shadow:0 -4px 20px rgba(107,193,183,.12);\n    gap:12px; align-items:center;\n}\n.mobile-sticky-total { font-size:18px; font-weight:700; color:var(--text-dark); white-space:nowrap; }\n.mobile-sticky-total small { display:block; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.08em; color:var(--text-light); }\n.mobile-sticky-bar .btn-pay-main { flex:1; padding:14px; font-size:15px; margin-top:0; }\n@keyframes spin-pay { to { transform:rotate(360deg); } }\n@keyframes fadeIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }\n.step-anim { animation:fadeIn .25s ease; }\n\n\/* Section profil b\u00e9n\u00e9ficiaire *\/\n.profile-section {\n    display:none; background:var(--teal-soft); border:1px solid var(--border-teal);\n    border-radius:14px; padding:16px; margin-bottom:14px;\n}\n.profile-section-title {\n    font-size:12px; font-weight:700; color:var(--teal-dark);\n    text-transform:uppercase; letter-spacing:.08em; margin-bottom:12px;\n    display:flex; align-items:center; gap:6px;\n}\n.profile-option {\n    display:flex; align-items:center; gap:10px;\n    padding:10px 12px; border-radius:10px; cursor:pointer;\n    transition:background .15s; margin-bottom:6px;\n    border:1.5px solid transparent;\n}\n.profile-option:hover { background:rgba(107,193,183,.1); }\n.profile-option.selected { background:var(--white); border-color:var(--teal); }\n.profile-option input[type=\"radio\"] { display:none; }\n.profile-radio {\n    width:18px; height:18px; border-radius:50%; border:2px solid var(--gray-200);\n    flex-shrink:0; display:flex; align-items:center; justify-content:center;\n    transition:border-color .15s;\n}\n.profile-option.selected .profile-radio { border-color:var(--teal); }\n.profile-radio-dot {\n    width:8px; height:8px; border-radius:50%; background:var(--teal);\n    opacity:0; transition:opacity .15s;\n}\n.profile-option.selected .profile-radio-dot { opacity:1; }\n.profile-option-label { font-size:14px; font-weight:500; color:var(--text-dark); }\n.profile-option-sub   { font-size:11px; color:var(--text-light); margin-top:1px; }\n.new-profile-fields { display:none; margin-top:10px; padding-top:10px; border-top:1px solid var(--border-teal); }\n.pwd-rule { font-size:11px; color:var(--text-light); display:flex; align-items:center; gap:5px; transition:color .2s; }\n.pwd-rule.ok { color:var(--teal-dark); }\n.pwd-rule-icon { font-size:13px; line-height:1; flex-shrink:0; }\n<\/style>\n\n<div class=\"cart-page-wrapper premium-cart-container\">\n    <div class=\"cart-two-col\">\n\n        <!-- Colonne gauche -->\n        <div class=\"cart-col-items\">\n            <div class=\"cart-section-title\">Votre s\u00e9lection<\/div>\n            <div class=\"items-wrapper\"><div id=\"cart-items-list\"><\/div><\/div>\n            <div class=\"cart-footer-premium\">\n                <div class=\"summary-line\" id=\"page-onetime-row\">\n                    <span>Articles uniques<\/span><span id=\"page-onetime-amount\">0,00 \u20ac<\/span>\n                <\/div>\n                <div class=\"summary-line monthly-page-line\" id=\"page-monthly-row\">\n                    <span>Abonnements r\u00e9currents <span class=\"monthly-tag-page\">Mensuel<\/span><\/span>\n                    <span class=\"monthly-amount-page\" id=\"page-monthly-amount\">0,00 \u20ac\/mois<\/span>\n                <\/div>\n                <div class=\"summary-line\"><span>Livraison<\/span><span>0,00 \u20ac<\/span><\/div>\n                <div class=\"total-line\">\n                    <span class=\"total-label-page\">\n                        Total \u00e0 r\u00e9gler\n                        <small style=\"display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-top:2px;\">Aujourd&rsquo;hui<\/small>\n                    <\/span>\n                    <span class=\"total-value-page\" id=\"cart-total-amount\">0,00 \u20ac<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Colonne droite \u2014 Tunnel -->\n        <div class=\"cart-col-form\">\n            <div class=\"cart-form-card\">\n\n                <!-- Header -->\n                <div class=\"form-card-header\">\n                    <div class=\"step-indicator\">\n                        <div class=\"step-dot active\" id=\"dot-1\"><\/div>\n                        <div class=\"step-dot\" id=\"dot-2\"><\/div>\n                    <\/div>\n                    <div class=\"form-card-header-inner\" style=\"margin-top:12px;\">\n                        <div class=\"form-header-icon\">\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n                                <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n                                <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div>\n                            <h2 id=\"form-title\">Vos informations<\/h2>\n                            <p id=\"form-subtitle\">Entrez votre email pour commencer<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-card-body\">\n\n                    <!-- \u00c9TAPE 1 \u2014 Email -->\n                    <div id=\"step-email\" class=\"step-anim\">\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Adresse email *<\/label>\n                            <input type=\"email\" id=\"cf-email\" class=\"field-input\"\n                                   placeholder=\"jean.dupont@email.com\" autocomplete=\"email\"\n                                   onkeydown=\"if(event.key==='Enter') checkEmail()\">\n                            <span class=\"field-error\" id=\"err-email\"><\/span>\n                        <\/div>\n                        <button id=\"btn-check-email\" class=\"btn-pay-main\" onclick=\"checkEmail()\">\n                            Continuer\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\n                        <\/button>\n                    <\/div>\n\n                    <!-- \u00c9TAPE 2A \u2014 Login -->\n                    <div id=\"step-login\" style=\"display:none;\" class=\"step-anim\">\n                        <button class=\"btn-back\" onclick=\"goToStepEmail()\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n                            Changer d&#8217;email\n                        <\/button>\n                        <div class=\"existing-banner\">\n                            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4DA39A\" stroke-width=\"2.5\" stroke-linecap=\"round\" style=\"flex-shrink:0;\">\n                                <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n                                <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n                            <\/svg>\n                            <span>Bienvenue <strong id=\"login-firstname\"><\/strong> ! Connectez-vous pour finaliser votre commande.<\/span>\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Mot de passe *<\/label>\n                            <div class=\"password-wrapper\">\n                                <input type=\"password\" id=\"cf-password-login\" class=\"field-input\"\n                                       placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" autocomplete=\"current-password\"\n                                       onkeydown=\"if(event.key==='Enter') submitLogin()\">\n                                <button type=\"button\" class=\"password-toggle\" onclick=\"togglePwd('cf-password-login',this)\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                            <span class=\"field-error\" id=\"err-password-login\"><\/span>\n                        <\/div>\n                        <button class=\"btn-forgot\" onclick=\"submitForgotPassword()\">Mot de passe oubli\u00e9 ?<\/button>\n                        <button id=\"btn-login\" class=\"btn-pay-main\" onclick=\"submitLogin()\">\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n                                <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/>\n                                <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n                            <\/svg>\n                            Se connecter et payer\n                        <\/button>\n                    <\/div>\n\n                    <!-- \u00c9TAPE 2B \u2014 Nouveau client -->\n                    <div id=\"step-register\" style=\"display:none;\" class=\"step-anim\">\n                        <button class=\"btn-back\" onclick=\"goToStepEmail()\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\n                            Changer d&#8217;email\n                        <\/button>\n                        <div class=\"field-grid-2\">\n                            <div class=\"field-group\">\n                                <label class=\"field-label\">Pr\u00e9nom *<\/label>\n                                <input type=\"text\" id=\"cf-firstname\" class=\"field-input\" placeholder=\"Jean\" autocomplete=\"given-name\">\n                                <span class=\"field-error\" id=\"err-firstname\"><\/span>\n                            <\/div>\n                            <div class=\"field-group\">\n                                <label class=\"field-label\">Nom *<\/label>\n                                <input type=\"text\" id=\"cf-lastname\" class=\"field-input\" placeholder=\"Dupont\" autocomplete=\"family-name\">\n                                <span class=\"field-error\" id=\"err-lastname\"><\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">T\u00e9l\u00e9phone *<\/label>\n                            <input type=\"tel\" id=\"cf-phone\" class=\"field-input\" placeholder=\"06 12 34 56 78\" autocomplete=\"tel\">\n                            <span class=\"field-error\" id=\"err-phone\"><\/span>\n                        <\/div>\n                        <div class=\"field-group\" style=\"position:relative;\">\n                            <label class=\"field-label\">Adresse *<\/label>\n                            <input type=\"text\" id=\"cf-address\" class=\"field-input\"\n                                   placeholder=\"Commencez \u00e0 taper votre adresse...\"\n                                   autocomplete=\"off\"\n                                   oninput=\"searchAddress(this.value)\"\n                                   onblur=\"setTimeout(hideAddressSuggestions,200)\">\n                            <span class=\"field-error\" id=\"err-address\"><\/span>\n                            <div id=\"address-suggestions\" style=\"display:none;position:absolute;top:calc(100% - 12px);left:0;right:0;background:#fff;border:1.5px solid var(--teal);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 8px 24px rgba(107,193,183,.15);z-index:1000;max-height:220px;overflow-y:auto;\"><\/div>\n                        <\/div>\n                        <div class=\"field-grid-2\">\n                            <div class=\"field-group\">\n                                <label class=\"field-label\">Ville *<\/label>\n                                <input type=\"text\" id=\"cf-city\" class=\"field-input\" placeholder=\"Rempli automatiquement\" readonly>\n                                <span class=\"field-error\" id=\"err-city\"><\/span>\n                            <\/div>\n                            <div class=\"field-group\">\n                                <label class=\"field-label\">Code postal *<\/label>\n                                <input type=\"text\" id=\"cf-zip\" class=\"field-input\" placeholder=\"Rempli automatiquement\" readonly>\n                                <span class=\"field-error\" id=\"err-zip\"><\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Pays<\/label>\n                            <div class=\"field-input\" style=\"background:var(--gray-50);color:var(--text-mid);display:flex;align-items:center;gap:8px;cursor:not-allowed;\">\n                                \ud83c\uddeb\ud83c\uddf7 France \u2014 Service disponible en France uniquement\n                            <\/div>\n                            <input type=\"hidden\" id=\"cf-country\" value=\"FR\">\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Mot de passe *<\/label>\n                            <div class=\"password-wrapper\">\n                                <input type=\"password\" id=\"cf-password\" class=\"field-input\"\n                                       placeholder=\"8 caract\u00e8res minimum\" autocomplete=\"new-password\"\n                                       oninput=\"checkPasswordStrength(this.value)\">\n                                <button type=\"button\" class=\"password-toggle\" onclick=\"togglePwd('cf-password',this)\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                            <div id=\"pwd-strength-bar\" style=\"display:none;margin-top:8px;\">\n                                <div style=\"display:flex;gap:4px;margin-bottom:8px;\">\n                                    <div id=\"pwd-s1\" style=\"height:4px;flex:1;border-radius:2px;background:var(--gray-200);transition:background .2s;\"><\/div>\n                                    <div id=\"pwd-s2\" style=\"height:4px;flex:1;border-radius:2px;background:var(--gray-200);transition:background .2s;\"><\/div>\n                                    <div id=\"pwd-s3\" style=\"height:4px;flex:1;border-radius:2px;background:var(--gray-200);transition:background .2s;\"><\/div>\n                                    <div id=\"pwd-s4\" style=\"height:4px;flex:1;border-radius:2px;background:var(--gray-200);transition:background .2s;\"><\/div>\n                                <\/div>\n                                <div style=\"display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;\">\n                                    <div class=\"pwd-rule\" id=\"rule-length\"><span class=\"pwd-rule-icon\">\u25cb<\/span> 8 caract\u00e8res minimum<\/div>\n                                    <div class=\"pwd-rule\" id=\"rule-upper\"><span class=\"pwd-rule-icon\">\u25cb<\/span> Une majuscule<\/div>\n                                    <div class=\"pwd-rule\" id=\"rule-number\"><span class=\"pwd-rule-icon\">\u25cb<\/span> Un chiffre<\/div>\n                                    <div class=\"pwd-rule\" id=\"rule-special\"><span class=\"pwd-rule-icon\">\u25cb<\/span> Un caract\u00e8re sp\u00e9cial<\/div>\n                                <\/div>\n                            <\/div>\n                            <span class=\"field-error\" id=\"err-password\"><\/span>\n                        <\/div>\n                        <div class=\"field-group\">\n                            <label class=\"field-label\">Confirmer le mot de passe *<\/label>\n                            <div class=\"password-wrapper\">\n                                <input type=\"password\" id=\"cf-password-confirm\" class=\"field-input\"\n                                       placeholder=\"\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022\" autocomplete=\"new-password\"\n                                       onkeydown=\"if(event.key==='Enter') submitCheckout()\">\n                                <button type=\"button\" class=\"password-toggle\" onclick=\"togglePwd('cf-password-confirm',this)\">\n                                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\n                                <\/button>\n                            <\/div>\n                            <span class=\"field-error\" id=\"err-password-confirm\"><\/span>\n                        <\/div>\n                        <!-- Section profil b\u00e9n\u00e9ficiaire (affich\u00e9 si abonnement dans le panier) -->\n                        <div class=\"profile-section\" id=\"profile-section\">\n                            <div class=\"profile-section-title\">\n                                <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n                                    <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"\/>\n                                    <circle cx=\"12\" cy=\"7\" r=\"4\"\/>\n                                <\/svg>\n                                Pour qui est cet abonnement ?\n                            <\/div>\n                            <!-- Options profils (remplies dynamiquement par JS) -->\n                            <div id=\"profile-options\"><\/div>\n                            <!-- Champs nouvelle personne -->\n                            <div class=\"new-profile-fields\" id=\"new-profile-fields\">\n                                <div class=\"field-grid-2\">\n                                    <div class=\"field-group\" style=\"margin-bottom:8px;\">\n                                        <label class=\"field-label\">Pr\u00e9nom *<\/label>\n                                        <input type=\"text\" id=\"np-firstname\" class=\"field-input\" placeholder=\"Marie\">\n                                        <span class=\"field-error\" id=\"err-np-firstname\"><\/span>\n                                    <\/div>\n                                    <div class=\"field-group\" style=\"margin-bottom:8px;\">\n                                        <label class=\"field-label\">Nom *<\/label>\n                                        <input type=\"text\" id=\"np-lastname\" class=\"field-input\" placeholder=\"Dupont\">\n                                        <span class=\"field-error\" id=\"err-np-lastname\"><\/span>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"field-group\" style=\"margin-bottom:8px;\">\n                                    <label class=\"field-label\">Email *<\/label>\n                                    <input type=\"email\" id=\"np-email\" class=\"field-input\" placeholder=\"marie.dupont@email.com\">\n                                    <span class=\"field-error\" id=\"err-np-email\"><\/span>\n                                <\/div>\n                                <div class=\"field-group\" style=\"margin-bottom:0;\">\n                                    <label class=\"field-label\">T\u00e9l\u00e9phone *<\/label>\n                                    <input type=\"tel\" id=\"np-phone\" class=\"field-input\" placeholder=\"06 12 34 56 78\">\n                                    <span class=\"field-error\" id=\"err-np-phone\"><\/span>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <button id=\"btn-pay\" class=\"btn-pay-main\" onclick=\"submitCheckout()\">\n                            <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n                                <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/>\n                                <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n                            <\/svg>\n                            Cr\u00e9er mon compte et payer\n                        <\/button>\n                        <div class=\"secure-mention\">\n                            <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n                                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/>\n                                <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n                            <\/svg>\n                            Paiement s\u00e9curis\u00e9 par Stripe \u00b7 Donn\u00e9es chiffr\u00e9es\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<!-- Barre sticky mobile -->\n<div class=\"mobile-sticky-bar\" id=\"mobile-sticky-bar\" style=\"display:none;\">\n    <div class=\"mobile-sticky-total\">\n        <small>Total aujourd&rsquo;hui<\/small>\n        <span id=\"sticky-total\">0,00 \u20ac<\/span>\n    <\/div>\n    <button class=\"btn-pay-main\" onclick=\"submitCheckout()\">\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\">\n            <rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/>\n            <line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/>\n        <\/svg>\n        Payer et s&rsquo;abonner\n    <\/button>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Votre s\u00e9lection Articles uniques0,00 \u20ac Abonnements r\u00e9currents Mensuel 0,00 \u20ac\/mois Livraison0,00 \u20ac Total \u00e0 r\u00e9gler Aujourd&rsquo;hui 0,00 \u20ac Vos informations Entrez votre email pour commencer Adresse email * Continuer Changer d&#8217;email Bienvenue ! Connectez-vous pour finaliser votre commande. Mot de passe * Mot de passe oubli\u00e9 ? Se connecter et payer Changer d&#8217;email Pr\u00e9nom * [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-694","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Panier - WEchalleng<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Panier - WEchalleng\" \/>\n<meta property=\"og:description\" content=\"Votre s\u00e9lection Articles uniques0,00 \u20ac Abonnements r\u00e9currents Mensuel 0,00 \u20ac\/mois Livraison0,00 \u20ac Total \u00e0 r\u00e9gler Aujourd&rsquo;hui 0,00 \u20ac Vos informations Entrez votre email pour commencer Adresse email * Continuer Changer d&#8217;email Bienvenue ! Connectez-vous pour finaliser votre commande. Mot de passe * Mot de passe oubli\u00e9 ? Se connecter et payer Changer d&#8217;email Pr\u00e9nom * [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/\" \/>\n<meta property=\"og:site_name\" content=\"WEchalleng\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61581220022272&amp;name=xhp_nt__fb__action__open_user\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-24T11:34:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/\",\"url\":\"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/\",\"name\":\"Panier - WEchalleng\",\"isPartOf\":{\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/#website\"},\"datePublished\":\"2026-02-24T08:45:31+00:00\",\"dateModified\":\"2026-03-24T11:34:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/new-site-ppd.wechalleng.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Panier\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/#website\",\"url\":\"https:\/\/new-site-ppd.wechalleng.com\/\",\"name\":\"WeChalleng\",\"description\":\"Ma\u00e9\u00ae by WEchalleng\",\"publisher\":{\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/new-site-ppd.wechalleng.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/#organization\",\"name\":\"WeChalleng\",\"url\":\"https:\/\/new-site-ppd.wechalleng.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/new-site-ppd.wechalleng.com\/wp-content\/uploads\/2026\/01\/Mexercer-2.png\",\"contentUrl\":\"https:\/\/new-site-ppd.wechalleng.com\/wp-content\/uploads\/2026\/01\/Mexercer-2.png\",\"width\":1862,\"height\":500,\"caption\":\"WeChalleng\"},\"image\":{\"@id\":\"https:\/\/new-site-ppd.wechalleng.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=61581220022272&name=xhp_nt__fb__action__open_user\",\"https:\/\/www.instagram.com\/wechalleng_\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Panier - WEchalleng","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"fr_FR","og_type":"article","og_title":"Panier - WEchalleng","og_description":"Votre s\u00e9lection Articles uniques0,00 \u20ac Abonnements r\u00e9currents Mensuel 0,00 \u20ac\/mois Livraison0,00 \u20ac Total \u00e0 r\u00e9gler Aujourd&rsquo;hui 0,00 \u20ac Vos informations Entrez votre email pour commencer Adresse email * Continuer Changer d&#8217;email Bienvenue ! Connectez-vous pour finaliser votre commande. Mot de passe * Mot de passe oubli\u00e9 ? Se connecter et payer Changer d&#8217;email Pr\u00e9nom * [&hellip;]","og_url":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/","og_site_name":"WEchalleng","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61581220022272&name=xhp_nt__fb__action__open_user","article_modified_time":"2026-03-24T11:34:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/","url":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/","name":"Panier - WEchalleng","isPartOf":{"@id":"https:\/\/new-site-ppd.wechalleng.com\/#website"},"datePublished":"2026-02-24T08:45:31+00:00","dateModified":"2026-03-24T11:34:33+00:00","breadcrumb":{"@id":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/panier\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/new-site-ppd.wechalleng.com\/"},{"@type":"ListItem","position":2,"name":"Panier"}]},{"@type":"WebSite","@id":"https:\/\/new-site-ppd.wechalleng.com\/#website","url":"https:\/\/new-site-ppd.wechalleng.com\/","name":"WeChalleng","description":"Ma\u00e9\u00ae by WEchalleng","publisher":{"@id":"https:\/\/new-site-ppd.wechalleng.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/new-site-ppd.wechalleng.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/new-site-ppd.wechalleng.com\/#organization","name":"WeChalleng","url":"https:\/\/new-site-ppd.wechalleng.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/new-site-ppd.wechalleng.com\/#\/schema\/logo\/image\/","url":"https:\/\/new-site-ppd.wechalleng.com\/wp-content\/uploads\/2026\/01\/Mexercer-2.png","contentUrl":"https:\/\/new-site-ppd.wechalleng.com\/wp-content\/uploads\/2026\/01\/Mexercer-2.png","width":1862,"height":500,"caption":"WeChalleng"},"image":{"@id":"https:\/\/new-site-ppd.wechalleng.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61581220022272&name=xhp_nt__fb__action__open_user","https:\/\/www.instagram.com\/wechalleng_\/"]}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Loris Prabel","author_link":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/author\/loris\/"},"uagb_comment_info":0,"uagb_excerpt":"Votre s\u00e9lection Articles uniques0,00 \u20ac Abonnements r\u00e9currents Mensuel 0,00 \u20ac\/mois Livraison0,00 \u20ac Total \u00e0 r\u00e9gler Aujourd&rsquo;hui 0,00 \u20ac Vos informations Entrez votre email pour commencer Adresse email * Continuer Changer d&#8217;email Bienvenue ! Connectez-vous pour finaliser votre commande. Mot de passe * Mot de passe oubli\u00e9 ? Se connecter et payer Changer d&#8217;email Pr\u00e9nom *\u2026","_links":{"self":[{"href":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/wp-json\/wp\/v2\/pages\/694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/wp-json\/wp\/v2\/comments?post=694"}],"version-history":[{"count":23,"href":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/wp-json\/wp\/v2\/pages\/694\/revisions"}],"predecessor-version":[{"id":2490,"href":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/wp-json\/wp\/v2\/pages\/694\/revisions\/2490"}],"wp:attachment":[{"href":"https:\/\/new-site-ppd.wechalleng.com\/index.php\/wp-json\/wp\/v2\/media?parent=694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}