{"id":9621,"date":"2026-02-16T12:28:00","date_gmt":"2026-02-16T10:28:00","guid":{"rendered":"https:\/\/atelier-bang.com\/?page_id=9621"},"modified":"2026-03-28T10:55:53","modified_gmt":"2026-03-28T08:55:53","slug":"simulateur","status":"publish","type":"page","link":"https:\/\/atelier-bang.com\/en\/simulateur\/","title":{"rendered":"Simulateur"},"content":{"rendered":"
\r\n\t
\r\n\t\t
\r\n\t\t\t\n\n\n \n \n Simulateur de Prix \u2014 bang. atelier horloger<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=League+Spartan:wght@300;400;500;600;700&family=DM+Mono:wght@300;400;500&display=swap\" rel=\"stylesheet\" \/>\n <style>\n :root {\n --bg: #0a0a0a;\n --bg-card: #111111;\n --bg-hover: #161616;\n --border: #222222;\n --border-active: #c9a96e;\n --gold: #c9a96e;\n --gold-light: #e8c98a;\n --gold-dim: rgba(201,169,110,0.15);\n --text: #f0ede8;\n --text-muted: #888880;\n --text-dim: #555550;\n --red: #e05a5a;\n --green: #4caf80;\n --font-serif: 'League Spartan', sans-serif;\n --font-mono: 'DM Mono', monospace;\n --font-sans: 'League Spartan', sans-serif;\n }\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n html { scroll-behavior: smooth; }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--font-sans);\n font-weight: 400;\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* \u2500\u2500\u2500 GRAIN OVERLAY \u2500\u2500\u2500 *\/\n body::before {\n content: '';\n position: fixed; inset: 0;\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n pointer-events: none; z-index: 9999; opacity: 0.4;\n }\n\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n .hero {\n text-align: center;\n padding: 56px 24px 48px;\n position: relative;\n }\n .hero::after {\n content: '';\n position: absolute;\n top: 0; left: 50%; transform: translateX(-50%);\n width: 600px; height: 400px;\n background: radial-gradient(ellipse at center, rgba(201,169,110,0.06) 0%, transparent 70%);\n pointer-events: none;\n }\n .hero-tag {\n display: inline-block;\n font-family: var(--font-mono);\n font-size: 0.6rem;\n letter-spacing: 0.22em;\n text-transform: uppercase;\n color: var(--gold);\n border: 1px solid var(--border-active);\n padding: 6px 14px;\n margin-bottom: 24px;\n border-radius: 2px;\n }\n .hero h1 {\n font-family: var(--font-serif);\n font-size: clamp(2rem, 5.5vw, 3.6rem);\n font-weight: 700;\n line-height: 1.05;\n letter-spacing: -0.03em;\n margin-bottom: 16px;\n text-transform: uppercase;\n }\n .hero h1 em { font-style: normal; color: var(--gold-light); }\n .hero p {\n font-size: 0.95rem;\n color: var(--text-muted);\n max-width: 480px;\n margin: 0 auto;\n line-height: 1.7;\n }\n\n \/* \u2500\u2500\u2500 URGENCY BANNER \u2500\u2500\u2500 *\/\n .urgency-bar {\n background: linear-gradient(90deg, transparent, rgba(201,169,110,0.08), transparent);\n border-top: 1px solid rgba(201,169,110,0.2);\n border-bottom: 1px solid rgba(201,169,110,0.2);\n padding: 12px 24px;\n text-align: center;\n margin: 0 0 48px;\n }\n .urgency-bar span {\n font-family: var(--font-mono);\n font-size: 0.68rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n }\n .urgency-bar .pulse {\n display: inline-block; width: 7px; height: 7px;\n background: var(--red); border-radius: 50%;\n margin-right: 8px; vertical-align: middle;\n animation: pulse 1.4s ease-in-out infinite;\n }\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(0.7); }\n }\n .slots-count { color: var(--gold); font-weight: 500; }\n .timer-inline { color: var(--text-muted); margin-left: 12px; }\n .timer-value { color: var(--red); font-weight: 500; }\n\n \/* \u2500\u2500\u2500 MAIN LAYOUT \u2500\u2500\u2500 *\/\n .simulator-wrap {\n max-width: 1100px;\n margin: 0 auto;\n padding: 0 24px 80px;\n display: grid;\n grid-template-columns: 1fr 360px;\n gap: 32px;\n align-items: start;\n }\n .price-col { align-self: stretch; }\n\n \/* \u2500\u2500\u2500 STEPS \u2500\u2500\u2500 *\/\n .steps-column { display: flex; flex-direction: column; gap: 24px; }\n\n .step-block {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 6px;\n overflow: hidden;\n transition: border-color 0.3s;\n }\n .step-block.active { border-color: rgba(201,169,110,0.3); }\n\n .step-header {\n display: flex; align-items: center; gap: 14px;\n padding: 20px 24px;\n border-bottom: 1px solid var(--border);\n }\n .step-num {\n font-family: var(--font-mono);\n font-size: 0.6rem;\n color: var(--gold);\n letter-spacing: 0.12em;\n background: var(--gold-dim);\n border: 1px solid rgba(201,169,110,0.25);\n padding: 4px 8px;\n border-radius: 2px;\n flex-shrink: 0;\n }\n .step-title {\n font-family: var(--font-serif);\n font-size: 0.85rem;\n font-weight: 600;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n }\n .step-subtitle {\n font-size: 0.75rem;\n color: var(--text-muted);\n margin-left: auto;\n font-family: var(--font-mono);\n letter-spacing: 0.06em;\n }\n\n .step-body { padding: 20px 24px; }\n\n \/* \u2500\u2500\u2500 OPTION GRID \u2500\u2500\u2500 *\/\n .option-grid { display: grid; gap: 10px; }\n .option-grid.cols-2 { grid-template-columns: 1fr 1fr; }\n .option-grid.cols-3 { grid-template-columns: 1fr 1fr 1fr; }\n @media (max-width: 600px) {\n .option-grid.cols-3 { grid-template-columns: 1fr 1fr; }\n }\n\n .option-card {\n border: 1px solid var(--border);\n border-radius: 4px;\n padding: 14px 16px;\n cursor: pointer;\n transition: all 0.2s ease;\n position: relative;\n background: var(--bg);\n }\n .option-card:hover { background: var(--bg-hover); border-color: #333; }\n .option-card.selected { border-color: var(--border-active); background: rgba(201,169,110,0.06); }\n .option-card.selected::after {\n content: '\u2713';\n position: absolute; top: 8px; right: 10px;\n font-size: 0.65rem; color: var(--gold);\n font-family: var(--font-mono);\n }\n .opt-name { font-size: 0.82rem; font-weight: 500; margin-bottom: 3px; line-height: 1.3; }\n .opt-desc { font-size: 0.68rem; color: var(--text-muted); line-height: 1.4; }\n .opt-price { font-family: var(--font-mono); font-size: 0.65rem; color: var(--gold); margin-top: 8px; letter-spacing: 0.06em; }\n .opt-badge {\n display: inline-block;\n font-family: var(--font-mono); font-size: 0.55rem; letter-spacing: 0.1em; text-transform: uppercase;\n padding: 2px 6px; border-radius: 2px; margin-top: 6px;\n }\n .opt-badge.premium { background: rgba(201,169,110,0.15); color: var(--gold); border: 1px solid rgba(201,169,110,0.25); }\n .opt-badge.popular { background: rgba(76,175,128,0.12); color: var(--green); border: 1px solid rgba(76,175,128,0.25); }\n\n \/* \u2500\u2500\u2500 CHECKBOX OPTIONS \u2500\u2500\u2500 *\/\n .check-list { display: flex; flex-direction: column; gap: 8px; }\n .check-item {\n display: flex; align-items: center; justify-content: space-between;\n padding: 12px 16px; border: 1px solid var(--border); border-radius: 4px;\n cursor: pointer; transition: all 0.2s; background: var(--bg);\n }\n .check-item:hover { background: var(--bg-hover); }\n .check-item.checked { border-color: rgba(201,169,110,0.4); background: rgba(201,169,110,0.05); }\n .check-left { display: flex; align-items: center; gap: 12px; }\n .check-box {\n width: 16px; height: 16px; border: 1px solid var(--border); border-radius: 2px;\n display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.2s;\n }\n .check-item.checked .check-box { background: var(--gold); border-color: var(--gold); color: #000; font-size: 0.6rem; }\n .check-name { font-size: 0.82rem; }\n .check-desc { font-size: 0.67rem; color: var(--text-muted); margin-top: 1px; }\n .check-price { font-family: var(--font-mono); font-size: 0.7rem; color: var(--gold); letter-spacing: 0.06em; white-space: nowrap; }\n\n \/* \u2500\u2500\u2500 PRICE PANEL \u2500\u2500\u2500 *\/\n .price-panel {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 6px;\n overflow: hidden;\n will-change: top;\n }\n .panel-header {\n padding: 20px 24px; border-bottom: 1px solid var(--border);\n background: linear-gradient(135deg, rgba(201,169,110,0.06) 0%, transparent 100%);\n }\n .panel-tag { font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--gold); margin-bottom: 6px; }\n .panel-title { font-family: var(--font-serif); font-size: 1rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }\n .panel-body { padding: 20px 24px; }\n\n \/* PRICE DISPLAY *\/\n .price-display { margin-bottom: 20px; text-align: center; }\n .price-original { font-family: var(--font-mono); font-size: 0.75rem; color: var(--text-dim); text-decoration: line-through; letter-spacing: 0.08em; display: none; }\n .price-original.show { display: block; }\n .price-main { font-family: var(--font-serif); font-size: 3rem; font-weight: 700; letter-spacing: -0.03em; line-height: 1; transition: all 0.35s ease; }\n .price-main .currency { font-size: 1.4rem; vertical-align: super; margin-right: 2px; color: var(--gold); }\n .price-main .value { color: var(--text); }\n .price-promo-tag {\n display: inline-block; font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.1em; text-transform: uppercase;\n padding: 4px 10px; background: rgba(76,175,128,0.12); border: 1px solid rgba(76,175,128,0.3); color: var(--green);\n border-radius: 2px; margin-top: 6px; display: none;\n }\n .price-promo-tag.show { display: inline-block; }\n .price-range-note { font-size: 0.68rem; color: var(--text-muted); text-align: center; margin-top: 6px; }\n\n \/* LINE ITEMS *\/\n .line-items { border-top: 1px solid var(--border); padding-top: 16px; margin-top: 4px; }\n .line-item { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; font-size: 0.75rem; border-bottom: 1px solid rgba(255,255,255,0.04); }\n .line-item:last-child { border-bottom: none; }\n .li-label { color: var(--text-muted); }\n .li-val { font-family: var(--font-mono); font-size: 0.7rem; color: var(--text); letter-spacing: 0.05em; }\n .li-val.gold { color: var(--gold); }\n .li-val.green { color: var(--green); }\n\n \/* PROMO SECTION *\/\n .promo-section { margin: 16px 0; padding: 14px 16px; background: rgba(76,175,128,0.05); border: 1px solid rgba(76,175,128,0.2); border-radius: 4px; display: none; }\n .promo-section.show { display: block; }\n .promo-title { font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--green); margin-bottom: 6px; }\n .promo-desc { font-size: 0.73rem; color: var(--text-muted); line-height: 1.5; }\n .promo-desc strong { color: var(--text); }\n\n \/* URGENCY IN PANEL *\/\n .panel-urgency { margin: 16px 0; padding: 12px 14px; background: rgba(224,90,90,0.06); border: 1px solid rgba(224,90,90,0.2); border-radius: 4px; }\n .pu-title { font-family: var(--font-mono); font-size: 0.58rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--red); margin-bottom: 5px; }\n .pu-text { font-size: 0.72rem; color: var(--text-muted); line-height: 1.5; }\n .pu-text strong { color: var(--text); }\n\n \/* SLOTS BAR *\/\n .slots-bar { margin: 14px 0; }\n .slots-label { display: flex; justify-content: space-between; font-size: 0.68rem; margin-bottom: 6px; color: var(--text-muted); }\n .slots-label span { font-family: var(--font-mono); }\n .bar-track { height: 4px; background: var(--border); border-radius: 2px; overflow: hidden; }\n .bar-fill { height: 100%; width: 71%; background: linear-gradient(90deg, var(--gold), var(--red)); border-radius: 2px; transition: width 0.6s ease; }\n\n \/* CTA *\/\n .cta-btn {\n display: block; width: 100%; padding: 16px;\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);\n color: #0a0a0a; font-family: var(--font-mono); font-size: 0.72rem; font-weight: 500;\n letter-spacing: 0.18em; text-transform: uppercase; text-align: center;\n text-decoration: none; border: none; border-radius: 3px; cursor: pointer;\n transition: all 0.25s ease; margin-top: 20px;\n }\n .cta-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 24px rgba(201,169,110,0.25); }\n .cta-btn:active { transform: translateY(0); }\n .cta-sub { text-align: center; font-size: 0.65rem; color: var(--text-dim); margin-top: 10px; line-height: 1.5; }\n .cta-sub a { color: var(--text-muted); text-decoration: underline; }\n\n \/* GUARANTEE *\/\n .guarantee-strip { display: flex; gap: 8px; border-top: 1px solid var(--border); padding: 14px 24px; }\n .g-item { flex: 1; text-align: center; }\n .g-icon { font-size: 1rem; margin-bottom: 3px; }\n .g-label { font-size: 0.6rem; color: var(--text-muted); letter-spacing: 0.06em; line-height: 1.4; }\n\n \/* \u2500\u2500\u2500 SOCIAL PROOF \u2500\u2500\u2500 *\/\n .social-proof { max-width: 1100px; margin: 0 auto 60px; padding: 0 24px; }\n .sp-title { font-family: var(--font-mono); font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 16px; }\n .reviews { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }\n .review-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 4px; padding: 20px; }\n .stars { color: var(--gold); font-size: 0.7rem; letter-spacing: 2px; margin-bottom: 8px; }\n .review-text { font-size: 0.8rem; color: var(--text-muted); line-height: 1.6; font-style: italic; margin-bottom: 10px; }\n .review-author { font-family: var(--font-mono); font-size: 0.62rem; color: var(--text-dim); letter-spacing: 0.08em; }\n\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n @media (max-width: 880px) {\n .simulator-wrap { grid-template-columns: 1fr; }\n .price-col { order: -1; }\n .price-panel { position: static !important; transform: none !important; }\n }\n @media (max-width: 600px) {\n .hero { padding: 36px 18px 28px; }\n .hero-tag { font-size: 0.55rem; padding: 5px 10px; }\n .hero p { font-size: 0.85rem; }\n .urgency-bar { padding: 10px 16px; }\n .urgency-bar span { font-size: 0.6rem; }\n .timer-inline { display: block; margin-left: 0; margin-top: 4px; }\n .flash-promo-wrap { padding: 0 16px; margin-bottom: 24px; }\n .flash-promo-inner { flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px 16px; }\n .fp-timer { font-size: 1.3rem; align-self: flex-end; }\n .fp-title { font-size: 0.78rem; }\n .fp-desc { font-size: 0.68rem; }\n .simulator-wrap { padding: 0 16px 60px; gap: 20px; }\n .step-header { padding: 14px 16px; gap: 10px; }\n .step-num { font-size: 0.55rem; padding: 3px 7px; }\n .step-subtitle { font-size: 0.6rem; }\n .step-body { padding: 14px 16px; }\n .option-grid.cols-2 { grid-template-columns: 1fr 1fr; }\n .option-grid.cols-3 { grid-template-columns: 1fr 1fr; }\n .option-card { padding: 12px 12px; }\n .opt-name { font-size: 0.75rem; }\n .opt-desc { font-size: 0.63rem; }\n .opt-price { font-size: 0.62rem; }\n .opt-badge { font-size: 0.5rem; }\n .check-item { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px 14px; }\n .check-left { width: 100%; }\n .check-price { align-self: flex-end; font-size: 0.68rem; }\n .check-name { font-size: 0.78rem; }\n .check-desc { font-size: 0.64rem; }\n .panel-header { padding: 16px 18px; }\n .panel-body { padding: 16px 18px; }\n .price-main { font-size: 2.6rem; }\n .price-range-note { font-size: 0.63rem; }\n .line-item { font-size: 0.72rem; }\n .li-val { font-size: 0.68rem; }\n .cta-btn { padding: 15px; font-size: 0.68rem; letter-spacing: 0.14em; }\n .cta-sub { font-size: 0.62rem; }\n .guarantee-strip { padding: 12px 16px; gap: 4px; }\n .g-label { font-size: 0.56rem; }\n .social-proof { padding: 0 16px; margin-bottom: 48px; }\n .reviews { grid-template-columns: 1fr; }\n .review-text { font-size: 0.75rem; }\n }\n @media (max-width: 380px) {\n .option-grid.cols-2,\n .option-grid.cols-3 { grid-template-columns: 1fr; }\n .price-main { font-size: 2.2rem; }\n .hero h1 { font-size: 1.8rem; }\n }\n\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500 *\/\n .step-block { opacity: 0; transform: translateY(16px); animation: fadeUp 0.5s forwards; }\n .step-block:nth-child(1) { animation-delay: 0.1s; }\n .step-block:nth-child(2) { animation-delay: 0.2s; }\n .step-block:nth-child(3) { animation-delay: 0.3s; }\n .step-block:nth-child(4) { animation-delay: 0.4s; }\n .step-block:nth-child(5) { animation-delay: 0.5s; }\n @keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }\n .price-main { transition: transform 0.25s ease, opacity 0.25s ease; }\n .price-main.updating { transform: scale(0.96); opacity: 0.6; }\n\n \/* \u2500\u2500\u2500 FLASH PROMO BANNER \u2500\u2500\u2500 *\/\n .flash-promo-wrap { max-width: 1100px; margin: 0 auto 32px; padding: 0 24px; }\n .flash-promo-inner {\n background: linear-gradient(90deg, rgba(201,169,110,0.04), rgba(201,169,110,0.1), rgba(201,169,110,0.04));\n border: 1px solid rgba(201,169,110,0.25); border-radius: 4px;\n padding: 16px 22px; display: flex; align-items: center; gap: 16px; width: 100%;\n }\n .fp-icon { font-size: 1.3rem; flex-shrink: 0; }\n .fp-text { flex: 1; }\n .fp-title { font-size: 0.82rem; font-weight: 500; margin-bottom: 2px; color: var(--gold-light); }\n .fp-desc { font-size: 0.72rem; color: var(--text-muted); }\n .fp-timer { font-family: var(--font-mono); font-size: 1rem; font-weight: 500; color: var(--text); letter-spacing: 0.06em; flex-shrink: 0; }\n .fp-timer small { display: block; font-size: 0.55rem; color: var(--text-muted); letter-spacing: 0.12em; text-transform: uppercase; text-align: center; margin-top: 2px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BARRE PRIX FLOTTANTE MOBILE \u2190 AJOUT\n Appara\u00eet en bas d\u00e8s que le panneau prix\n dispara\u00eet du viewport. Se cache quand il\n redevient visible.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .mobile-price-bar {\n display: none; \/* invisible sur desktop *\/\n }\n\n @media (max-width: 880px) {\n \/* Espace pour que la barre ne cache pas le contenu bas *\/\n body { padding-bottom: 74px; }\n\n .mobile-price-bar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n position: fixed;\n bottom: 0; left: 0; right: 0;\n z-index: 9998;\n padding: 12px 20px;\n background: rgba(10,10,10,0.96);\n border-top: 1px solid rgba(201,169,110,0.3);\n backdrop-filter: blur(14px);\n -webkit-backdrop-filter: blur(14px);\n box-shadow: 0 -6px 24px rgba(0,0,0,0.55);\n \/* Masqu\u00e9e sous l'\u00e9cran par d\u00e9faut *\/\n transform: translateY(100%);\n transition: transform 0.38s cubic-bezier(0.34, 1.56, 0.64, 1);\n }\n .mobile-price-bar.visible {\n transform: translateY(0);\n }\n\n .mpb-left { display: flex; flex-direction: column; gap: 1px; }\n\n .mpb-label {\n font-family: var(--font-mono);\n font-size: 0.5rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--text-muted);\n }\n .mpb-price {\n font-family: var(--font-sans);\n font-size: 1.45rem;\n font-weight: 700;\n letter-spacing: -0.03em;\n color: var(--text);\n line-height: 1;\n transition: color 0.2s ease;\n }\n .mpb-price.flash { color: var(--gold-light); }\n\n .mpb-discount {\n font-family: var(--font-mono);\n font-size: 0.52rem;\n color: var(--green);\n letter-spacing: 0.06em;\n display: none;\n }\n .mpb-discount.show { display: block; }\n\n .mpb-cta {\n flex-shrink: 0;\n background: linear-gradient(135deg, var(--gold), var(--gold-light));\n color: #0a0a0a;\n border: none;\n padding: 11px 20px;\n font-family: var(--font-mono);\n font-size: 0.63rem;\n font-weight: 500;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n border-radius: 3px;\n cursor: pointer;\n white-space: nowrap;\n transition: opacity 0.2s;\n }\n .mpb-cta:active { opacity: 0.8; }\n }\n \/* \u2500\u2500\u2500 FIN BARRE MOBILE \u2500\u2500\u2500 *\/\n\n <\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BARRE PRIX FLOTTANTE MOBILE \u2190 AJOUT\n Se place en fixed bottom, invisible desktop\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<div class=\"mobile-price-bar\" id=\"mobile-price-bar\">\n <div class=\"mpb-left\">\n <div class=\"mpb-label\">Estimation indicative<\/div>\n <div class=\"mpb-price\" id=\"mpb-price\">405 \u20ac<\/div>\n <div class=\"mpb-discount\" id=\"mpb-discount\"><\/div>\n <\/div>\n <button class=\"mpb-cta\" onclick=\"goToCTA()\">R\u00e9server \u2192<\/button>\n<\/div>\n\n<!-- HERO -->\n<section class=\"hero\">\n <div class=\"hero-tag\">Tarification indicative<\/div>\n <h1>Concevez votre<br><em>pi\u00e8ce unique.<\/em><\/h1>\n <p>Choisissez chaque composant. Nous calculons une estimation en temps r\u00e9el. Votre montre ne ressemblera \u00e0 aucune autre.<\/p>\n<\/section>\n\n<!-- URGENCY BAR -->\n<div class=\"urgency-bar\">\n <span>\n <span class=\"pulse\"><\/span>\n <span class=\"slots-count\" id=\"slots-top\">10<\/span> cr\u00e9neaux disponibles ce mois-ci  \u00b7 \n <span class=\"timer-inline\">Offre de lancement expire dans <span class=\"timer-value\" id=\"countdown-top\">23:47:12<\/span><\/span>\n <\/span>\n<\/div>\n\n<!-- FLASH PROMO BANNER -->\n<div class=\"flash-promo-wrap\">\n <div class=\"flash-promo-inner\">\n <div class=\"fp-icon\">\u26a1<\/div>\n <div class=\"fp-text\">\n <div class=\"fp-title\">Offre de lancement \u2014 10% offerts<\/div>\n <div class=\"fp-desc\">R\u00e9servez votre cr\u00e9neau aujourd'hui et b\u00e9n\u00e9ficiez de 10% de r\u00e9duction sur votre projet. Valable pour toute demande re\u00e7ue avant minuit.<\/div>\n <\/div>\n <div class=\"fp-timer\" id=\"countdown-big\">23:47:12<small>restant<\/small><\/div>\n <\/div>\n<\/div>\n\n<!-- SIMULATOR -->\n<div class=\"simulator-wrap\">\n\n <!-- LEFT: STEPS -->\n <div class=\"steps-column\">\n\n <!-- STEP 1 : CONFIGURATION -->\n <div class=\"step-block active\" id=\"step1\">\n <div class=\"step-header\">\n <span class=\"step-num\">01<\/span>\n <span class=\"step-title\">Configuration de base<\/span>\n <span class=\"step-subtitle\">Base du tarif<\/span>\n <\/div>\n <div class=\"step-body\">\n <div class=\"option-grid cols-2\">\n <div class=\"option-card selected\" data-group=\"config\" data-value=\"initiale\" data-price=\"320\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Initial configuration<\/div>\n <div class=\"opt-desc\">Mouvement NH35\/NH38 \u2014 fiabilit\u00e9 \u00e9prouv\u00e9e. Sourcing optimis\u00e9, assemblage manuel.<\/div>\n <div class=\"opt-price\">\u00c0 partir de 320 \u20ac<\/div>\n <span class=\"opt-badge popular\">Populaire<\/span>\n <\/div>\n <div class=\"option-card\" data-group=\"config\" data-value=\"signature\" data-price=\"520\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Signature configuration<\/div>\n <div class=\"opt-desc\">Composants haut de gamme, verre saphir AR, mouvement r\u00e9gul\u00e9.<\/div>\n <div class=\"opt-price\">\u00c0 partir de 520 \u20ac<\/div>\n <span class=\"opt-badge premium\">Excellence<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 2 : CADRAN -->\n <div class=\"step-block\" id=\"step2\">\n <div class=\"step-header\">\n <span class=\"step-num\">02<\/span>\n <span class=\"step-title\">Dial<\/span>\n <span class=\"step-subtitle\">Le visage de votre montre<\/span>\n <\/div>\n <div class=\"step-body\">\n <div class=\"option-grid cols-3\">\n <div class=\"option-card selected\" data-group=\"cadran\" data-value=\"standard\" data-price=\"0\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Standard<\/div>\n <div class=\"opt-desc\">Cadran uni simple<\/div>\n <div class=\"opt-price\">Inclus<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"cadran\" data-value=\"galvanique\" data-price=\"20\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Cadran haut de gamme simple<\/div>\n <div class=\"opt-desc\">Finition sunburst ou satin\u00e9e profonde<\/div>\n <div class=\"opt-price\">+20 \u20ac<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"cadran\" data-value=\"textur\u00e9\" data-price=\"30\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Textur\u00e9 \/ Grain<\/div>\n <div class=\"opt-desc\">Motif guilloch\u00e9, clou de Paris etc<\/div>\n <div class=\"opt-price\">+30 \u20ac<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"cadran\" data-value=\"nacre\" data-price=\"60\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Mati\u00e8re naturelle<\/div>\n <div class=\"opt-desc\">Fond en pierre naturelle \u2014 pi\u00e8ce rare<\/div>\n <div class=\"opt-price\">+60 \u20ac<\/div>\n <span class=\"opt-badge premium\">Signature<\/span>\n <\/div>\n <div class=\"option-card\" data-group=\"cadran\" data-value=\"squelette\" data-price=\"80\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Carbone<\/div>\n <div class=\"opt-desc\">Cadran en carbone avec diverses finitions - Or, argent...<\/div>\n <div class=\"opt-price\">+80 \u20ac<\/div>\n <span class=\"opt-badge premium\">Signature<\/span>\n <\/div>\n <div class=\"option-card\" data-group=\"cadran\" data-value=\"custom\" data-price=\"120\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Sur-mesure total<\/div>\n <div class=\"opt-desc\">Design exclusif selon votre brief<\/div>\n <div class=\"opt-price\">+100 \u20ac<\/div>\n <span class=\"opt-badge premium\">Unique<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 3 : BO\u00ceTIER -->\n <div class=\"step-block\" id=\"step3\">\n <div class=\"step-header\">\n <span class=\"step-num\">03<\/span>\n <span class=\"step-title\">Bo\u00eetier & finition<\/span>\n <span class=\"step-subtitle\">Mati\u00e8re & style<\/span>\n <\/div>\n <div class=\"step-body\">\n <div class=\"option-grid cols-3\">\n <div class=\"option-card selected\" data-group=\"boitier\" data-value=\"acier-bross\u00e9\" data-price=\"0\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Acier bross\u00e9<\/div>\n <div class=\"opt-desc\">Classique, sobre et r\u00e9sistant<\/div>\n <div class=\"opt-price\">Inclus<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"boitier\" data-value=\"acier-poli\" data-price=\"10\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Acier poli<\/div>\n <div class=\"opt-desc\">Finition miroir \u00e9l\u00e9gante<\/div>\n <div class=\"opt-price\">+10 \u20ac<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"boitier\" data-value=\"bi-ton\" data-price=\"20\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Bi-ton<\/div>\n <div class=\"opt-desc\">Combinaison bross\u00e9 \/ poli<\/div>\n <div class=\"opt-price\">+20 \u20ac<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"boitier\" data-value=\"pvd-noir\" data-price=\"35\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">PVD Noir<\/div>\n <div class=\"opt-desc\">Rev\u00eatement DLC \u2014 stealth & moderne<\/div>\n <div class=\"opt-price\">+35 \u20ac<\/div>\n <span class=\"opt-badge popular\">Tendance<\/span>\n <\/div>\n <div class=\"option-card\" data-group=\"boitier\" data-value=\"pvd-gold\" data-price=\"35\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">PVD Or - Rose gold<\/div>\n <div class=\"opt-desc\">Rev\u00eatement dor\u00e9 haute durabilit\u00e9<\/div>\n <div class=\"opt-price\">+35 \u20ac<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"boitier\" data-value=\"carbone\" data-price=\"160\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Carbone \/ C\u00e9ramique<\/div>\n <div class=\"opt-desc\">Mat\u00e9riaux ultra-premium, poids plume<\/div>\n <div class=\"opt-price\">+135 \u20ac<\/div>\n <span class=\"opt-badge premium\">Signature<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 4 : BRACELET -->\n <div class=\"step-block\" id=\"step4\">\n <div class=\"step-header\">\n <span class=\"step-num\">04<\/span>\n <span class=\"step-title\">Bracelet<\/span>\n <span class=\"step-subtitle\">Confort & style<\/span>\n <\/div>\n <div class=\"step-body\">\n <div class=\"option-grid cols-3\">\n <div class=\"option-card selected\" data-group=\"bracelet\" data-value=\"acier\" data-price=\"0\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Acier<\/div>\n <div class=\"opt-desc\">Maille oyster ou jubil\u00e9<\/div>\n <div class=\"opt-price\">Inclus<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"bracelet\" data-value=\"cuir-standard\" data-price=\"30\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Cuir Standard<\/div>\n <div class=\"opt-desc\">Cuir vachette, plusieurs coloris<\/div>\n <div class=\"opt-price\">+30 \u20ac<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"bracelet\" data-value=\"nato\" data-price=\"20\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">NATO \/ ZULU<\/div>\n <div class=\"opt-desc\">Nylon tress\u00e9 robuste, look sport<\/div>\n <div class=\"opt-price\">+20 \u20ac<\/div>\n <span class=\"opt-badge popular\">Populaire<\/span>\n <\/div>\n <div class=\"option-card\" data-group=\"bracelet\" data-value=\"rubber\" data-price=\"45\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Rubber FKM<\/div>\n <div class=\"opt-desc\">Caoutchouc premium, waterproof<\/div>\n <div class=\"opt-price\">+45 \u20ac<\/div>\n <\/div>\n <div class=\"option-card\" data-group=\"bracelet\" data-value=\"cuir-luxe\" data-price=\"80\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Cuir de luxe<\/div>\n <div class=\"opt-desc\">Veau grain\u00e9, alligator-grain, saumon etc<\/div>\n <div class=\"opt-price\">+80 \u20ac<\/div>\n <span class=\"opt-badge premium\">Premium<\/span>\n <\/div>\n <div class=\"option-card\" data-group=\"bracelet\" data-value=\"cuir-exotique\" data-price=\"140\" onclick=\"selectOption(this)\">\n <div class=\"opt-name\">Cuir exotique<\/div>\n <div class=\"opt-desc\">Python, autruche ou Kobe v\u00e9ritable<\/div>\n <div class=\"opt-price\">+140 \u20ac<\/div>\n <span class=\"opt-badge premium\">Signature<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STEP 5 : OPTIONS -->\n <div class=\"step-block\" id=\"step5\">\n <div class=\"step-header\">\n <span class=\"step-num\">05<\/span>\n <span class=\"step-title\">Options & personnalisations<\/span>\n <span class=\"step-subtitle\">Les d\u00e9tails qui font tout<\/span>\n <\/div>\n <div class=\"step-body\">\n <div class=\"check-list\">\n <div class=\"check-item\" data-option=\"gravure\" data-price=\"20\" onclick=\"toggleOption(this)\">\n <div class=\"check-left\">\n <div class=\"check-box\"><\/div>\n <div>\n <div class=\"check-name\">Gravure laser fond de bo\u00eetier<\/div>\n <div class=\"check-desc\">Texte, pr\u00e9nom, date ou motif au choix<\/div>\n <\/div>\n <\/div>\n <div class=\"check-price\">+20 \u20ac<\/div>\n <\/div>\n <div class=\"check-item\" data-option=\"lume\" data-price=\"15\" onclick=\"toggleOption(this)\">\n <div class=\"check-left\">\n <div class=\"check-box\"><\/div>\n <div>\n <div class=\"check-name\">Super-LumiNova\u00ae Suisse haute intensit\u00e9<\/div>\n <div class=\"check-desc\">Luminosit\u00e9 longue dur\u00e9e, certification suisse<\/div>\n <\/div>\n <\/div>\n <div class=\"check-price\">+15 \u20ac<\/div>\n <\/div>\n <div class=\"check-item\" data-option=\"aiguilles-premium\" data-price=\"15\" onclick=\"toggleOption(this)\">\n <div class=\"check-left\">\n <div class=\"check-box\"><\/div>\n <div>\n <div class=\"check-name\">Aiguilles haut de gamme<\/div>\n <div class=\"check-desc\">S\u00e9lection internationale \u2014 formes exclusives<\/div>\n <\/div>\n <\/div>\n <div class=\"check-price\">+30 \u20ac<\/div>\n <\/div>\n <div class=\"check-item\" data-option=\"rotor-signe\" data-price=\"30\" onclick=\"toggleOption(this)\">\n <div class=\"check-left\">\n <div class=\"check-box\"><\/div>\n <div>\n <div class=\"check-name\">Fond de bo\u00eetier transparent en saphir.<\/div>\n <div class=\"check-desc\">Admirez votre mouvement au dos de votre montre<\/div>\n <\/div>\n <\/div>\n <div class=\"check-price\">+30\u20ac<\/div>\n <\/div>\n <div class=\"check-item\" data-option=\"certificat\" data-price=\"0\" onclick=\"toggleOption(this)\">\n <div class=\"check-left\">\n <div class=\"check-box\"><\/div>\n <div>\n <div class=\"check-name\">Certificat d'authenticit\u00e9 num\u00e9rot\u00e9<\/div>\n <div class=\"check-desc\">Document sign\u00e9, num\u00e9ro de s\u00e9rie unique<\/div>\n <\/div>\n <\/div>\n <div class=\"check-price\">Offert<\/div>\n <\/div>\n <div class=\"check-item\" data-option=\"ecrin\" data-price=\"0\" onclick=\"toggleOption(this)\">\n <div class=\"check-left\">\n <div class=\"check-box\"><\/div>\n <div>\n <div class=\"check-name\">Adh\u00e9sion au club bang<\/div>\n <div class=\"check-desc\">Acc\u00e9dez au club bang. et recevez toutes les informations avant tout le monde<\/div>\n <\/div>\n <\/div>\n <div class=\"check-price\">Offert<\/div>\n <\/div>\n <div class=\"check-item\" data-option=\"logo\" data-price=\"45\" onclick=\"toggleOption(this)\">\n <div class=\"check-left\">\n <div class=\"check-box\"><\/div>\n <div>\n <div class=\"check-name\">Logo \/ initiales \u00e0 la place du logo bang<\/div>\n <div class=\"check-desc\">Impression s\u00e9rigraphique sur le cadran<\/div>\n <\/div>\n <\/div>\n <div class=\"check-price\">+45 \u20ac<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <!-- RIGHT: PRICE PANEL -->\n <div class=\"price-col\" id=\"price-col\">\n <div class=\"price-panel\" id=\"price-panel\">\n\n <div class=\"panel-header\">\n <div class=\"panel-tag\">Estimation en direct<\/div>\n <div class=\"panel-title\">Votre pi\u00e8ce unique<\/div>\n <\/div>\n\n <div class=\"panel-body\">\n\n <div class=\"price-display\">\n <div class=\"price-original\" id=\"price-original\">\u00e0 partir de 499 \u20ac<\/div>\n <div class=\"price-main\">\n <span class=\"currency\">\u20ac<\/span><span class=\"value\" id=\"price-value\">405<\/span>\n <\/div>\n <div class=\"price-promo-tag\" id=\"promo-tag\">\ud83c\udf89 \u221210% offerts aux 10 premi\u00e8res commandes<\/div>\n <div class=\"price-range-note\">Tarif indicatif \u2014 devis personnalis\u00e9 sur demande<\/div>\n <\/div>\n\n <div class=\"line-items\" id=\"line-items\">\n <div class=\"line-item\">\n <span class=\"li-label\">Configuration de base<\/span>\n <span class=\"li-val\" id=\"li-config\">405 \u20ac<\/span>\n <\/div>\n <div class=\"line-item\">\n <span class=\"li-label\">Dial<\/span>\n <span class=\"li-val\" id=\"li-cadran\">Inclus<\/span>\n <\/div>\n <div class=\"line-item\">\n <span class=\"li-label\">Housing<\/span>\n <span class=\"li-val\" id=\"li-boitier\">Inclus<\/span>\n <\/div>\n <div class=\"line-item\">\n <span class=\"li-label\">Bracelet<\/span>\n <span class=\"li-val\" id=\"li-bracelet\">Inclus<\/span>\n <\/div>\n <div class=\"line-item\" id=\"li-options-row\" style=\"display:none\">\n <span class=\"li-label\">Options<\/span>\n <span class=\"li-val gold\" id=\"li-options\">0 \u20ac<\/span>\n <\/div>\n <div class=\"line-item\" style=\"border-top:1px solid rgba(201,169,110,0.2);padding-top:8px;margin-top:4px\">\n <span class=\"li-label\" style=\"font-weight:500;color:var(--text)\">Total estim\u00e9<\/span>\n <span class=\"li-val gold\" id=\"li-total\">405 \u20ac<\/span>\n <\/div>\n <div class=\"line-item\" id=\"li-economy-row\" style=\"display:none\">\n <span class=\"li-label\" style=\"color:var(--green)\">\u00c9conomie offerte (\u221210%)<\/span>\n <span class=\"li-val green\" id=\"li-economy\">\u221241 \u20ac<\/span>\n <\/div>\n <\/div>\n\n <div class=\"promo-section\" id=\"promo-section\">\n <div class=\"promo-title\">\ud83c\udf81 Offre de lancement activ\u00e9e<\/div>\n <div class=\"promo-desc\">Vous b\u00e9n\u00e9ficiez de <strong>10% de r\u00e9duction<\/strong> en r\u00e9servant votre cr\u00e9neau aujourd'hui. Cette remise est appliqu\u00e9e automatiquement lors de votre brief.<\/div>\n <\/div>\n\n <div class=\"panel-urgency\">\n <div class=\"pu-title\">\u23f1 Capacit\u00e9 atelier limit\u00e9e<\/div>\n <div class=\"pu-text\">Il reste <strong id=\"slots-panel\">10 cr\u00e9neaux<\/strong> disponibles ce mois-ci. Chaque projet est suivi personnellement \u2014 nous ne d\u00e9passons pas <strong>10 montres par mois<\/strong>.<\/div>\n <\/div>\n\n <div class=\"slots-bar\">\n <div class=\"slots-label\">\n <span>Cr\u00e9neaux pris<\/span>\n <span id=\"slots-pct-label\">5\/7<\/span>\n <\/div>\n <div class=\"bar-track\"><div class=\"bar-fill\" id=\"slots-bar-fill\" style=\"width:71%\"><\/div><\/div>\n <\/div>\n\n <button class=\"cta-btn\" onclick=\"goToCTA()\">R\u00e9server mon cr\u00e9neau \u2192<\/button>\n <div class=\"cta-sub\">\n Sans engagement  \u00b7  \u00c9change de 30 min offert<br>\n <a href=\"https:\/\/atelier-bang.com\/en\/faq\/\" target=\"_blank\">Questions fr\u00e9quentes<\/a>\n <\/div>\n\n <\/div>\n\n <div class=\"guarantee-strip\">\n <div class=\"g-item\"><div class=\"g-icon\">\ud83d\udd27<\/div><div class=\"g-label\">Assemblage<br>\u00e0 la main<\/div><\/div>\n <div class=\"g-item\"><div class=\"g-icon\">\ud83d\udee1\ufe0f<\/div><div class=\"g-label\">Garantie<br>manufacture<\/div><\/div>\n <div class=\"g-item\"><div class=\"g-icon\">\ud83d\udce6<\/div><div class=\"g-label\">Livraison<br>s\u00e9curis\u00e9e<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\n\n<!-- SOCIAL PROOF -->\n<div class=\"social-proof\">\n <div class=\"sp-title\">\u2014 Ce que disent nos clients<\/div>\n <div class=\"reviews\">\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00ab Superbe r\u00e9alisation jusque dans les moindres d\u00e9tails, de la conception au poignet ! Vivement la prochaine ! \ud83d\udc4f\ud83d\udc4f\ud83d\udc4f\u00bb<\/div>\n <div class=\"review-author\">Paul C. \u2014 Client v\u00e9rifi\u00e9 et d\u00e9j\u00e0 deux montres \u00e0 son actif<\/div>\n <\/div>\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00ab De l'\u00e9coute, des \u00e9changes productifs et des id\u00e9es pour une sur mesure, de qualit\u00e9 et unique. Vivement le prochain projet \u00bb<\/div>\n <div class=\"review-author\">Nicolas H. \u2014 Client v\u00e9rifi\u00e9 et d\u00e9j\u00e0 deux montres \u00e0 son actif<\/div>\n <\/div>\n <div class=\"review-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <div class=\"review-text\">\u00ab Les meilleures montres que j'ai pu acheter!!! \u00bb<\/div>\n <div class=\"review-author\">Fred L. \u2014 Client v\u00e9rifi\u00e9 et d\u00e9j\u00e0 deux montres \u00e0 son actif<\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n \/\/ \u2500\u2500\u2500 STATE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n const state = {\n config: { value: 'initiale', price: 405 },\n cadran: { value: 'standard', price: 0 },\n boitier: { value: 'acier-bross\u00e9', price: 0 },\n bracelet: { value: 'acier', price: 0 },\n options: {}\n };\n\n const configLabels = {\n initiale: 'Initiale \u2014 \u00e0 partir de 320 \u20ac',\n signature: 'Signature \u2014 \u00e0 partir de 520 \u20ac'\n };\n const configBase = { initiale: 405, signature: 735 };\n\n \/\/ \u2500\u2500\u2500 PROMO COUNTDOWN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n let promoActive = true;\n function initCountdown() {\n const stored = localStorage.getItem('bang_promo_end');\n let endTime;\n if (stored) {\n endTime = parseInt(stored, 10);\n } else {\n endTime = Date.now() + 24 * 60 * 60 * 1000;\n try { localStorage.setItem('bang_promo_end', endTime); } catch(e) {}\n }\n\n function tick() {\n const now = Date.now();\n const diff = Math.max(0, endTime - now);\n const h = Math.floor(diff \/ 3600000);\n const m = Math.floor((diff % 3600000) \/ 60000);\n const s = Math.floor((diff % 60000) \/ 1000);\n const str = `${String(h).padStart(2,'0')}:${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`;\n document.getElementById('countdown-top').textContent = str;\n document.getElementById('countdown-big').innerHTML = str + '<small>restant<\/small>';\n promoActive = diff > 0;\n if (!promoActive) clearInterval(iv);\n updatePrice();\n }\n tick();\n const iv = setInterval(tick, 1000);\n }\n\n \/\/ \u2500\u2500\u2500 SLOTS SIMULATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n const totalSlots = 10;\n const takenSlots = 0;\n const freeSlots = totalSlots - takenSlots;\n document.getElementById('slots-top').textContent = freeSlots;\n document.getElementById('slots-panel').textContent = `${freeSlots} cr\u00e9neaux`;\n document.getElementById('slots-pct-label').textContent = `${takenSlots}\/${totalSlots}`;\n document.getElementById('slots-bar-fill').style.width = ((takenSlots \/ totalSlots) * 100) + '%';\n\n \/\/ \u2500\u2500\u2500 SELECT RADIO OPTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function selectOption(card) {\n const group = card.dataset.group;\n const value = card.dataset.value;\n const price = parseInt(card.dataset.price, 10);\n document.querySelectorAll(`.option-card[data-group=\"${group}\"]`).forEach(c => c.classList.remove('selected'));\n card.classList.add('selected');\n state[group] = { value, price };\n updatePrice();\n highlightStep(card.closest('.step-block'));\n }\n\n \/\/ \u2500\u2500\u2500 TOGGLE CHECKBOX OPTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function toggleOption(item) {\n const option = item.dataset.option;\n const price = parseInt(item.dataset.price, 10);\n if (state.options[option]) {\n delete state.options[option];\n item.classList.remove('checked');\n item.querySelector('.check-box').textContent = '';\n } else {\n state.options[option] = price;\n item.classList.add('checked');\n item.querySelector('.check-box').textContent = '\u2713';\n }\n updatePrice();\n highlightStep(item.closest('.step-block'));\n }\n\n function highlightStep(block) { block.classList.add('active'); }\n\n \/\/ \u2500\u2500\u2500 UPDATE PRICE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function updatePrice() {\n const basePrice = state.config.price;\n const extras = state.cadran.price + state.boitier.price + state.bracelet.price;\n const optionsTotal = Object.values(state.options).reduce((a, b) => a + b, 0);\n const subtotal = basePrice + extras + optionsTotal;\n const discountRate = promoActive ? 0.10 : 0;\n const discountAmt = Math.round(subtotal * discountRate);\n const finalPrice = subtotal - discountAmt;\n\n \/\/ Panel principal\n const priceEl = document.querySelector('.price-main');\n priceEl.classList.add('updating');\n setTimeout(() => {\n document.getElementById('price-value').textContent = finalPrice;\n priceEl.classList.remove('updating');\n }, 200);\n\n \/\/ Line items\n document.getElementById('li-config').textContent = configBase[state.config.value] + ' \u20ac (base)';\n function fmtExtra(p) { return p === 0 ? 'Inclus' : '+' + p + ' \u20ac'; }\n document.getElementById('li-cadran').textContent = fmtExtra(state.cadran.price);\n document.getElementById('li-boitier').textContent = fmtExtra(state.boitier.price);\n document.getElementById('li-bracelet').textContent = fmtExtra(state.bracelet.price);\n\n const optRow = document.getElementById('li-options-row');\n if (optionsTotal > 0) { optRow.style.display = 'flex'; document.getElementById('li-options').textContent = '+' + optionsTotal + ' \u20ac'; }\n else { optRow.style.display = 'none'; }\n\n document.getElementById('li-total').textContent = subtotal + ' \u20ac';\n\n const promoTag = document.getElementById('promo-tag');\n const promoSection = document.getElementById('promo-section');\n const origEl = document.getElementById('price-original');\n const econRow = document.getElementById('li-economy-row');\n const econEl = document.getElementById('li-economy');\n\n if (promoActive && discountAmt > 0) {\n promoTag.classList.add('show'); promoSection.classList.add('show');\n origEl.textContent = 'tarif normal : ' + subtotal + ' \u20ac'; origEl.classList.add('show');\n econRow.style.display = 'flex'; econEl.textContent = '\u2212' + discountAmt + ' \u20ac';\n } else {\n promoTag.classList.remove('show'); promoSection.classList.remove('show');\n origEl.classList.remove('show'); econRow.style.display = 'none';\n }\n\n \/\/ \u2500\u2500 Mise \u00e0 jour barre mobile \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n const mpbPrice = document.getElementById('mpb-price');\n const mpbDiscount = document.getElementById('mpb-discount');\n if (mpbPrice) {\n mpbPrice.classList.add('flash');\n setTimeout(() => { mpbPrice.textContent = finalPrice + ' \u20ac'; mpbPrice.classList.remove('flash'); }, 150);\n }\n if (mpbDiscount) {\n if (promoActive && discountAmt > 0) {\n mpbDiscount.textContent = '\u2212' + discountAmt + ' \u20ac offerts';\n mpbDiscount.classList.add('show');\n } else {\n mpbDiscount.classList.remove('show');\n }\n }\n }\n\n \/\/ \u2500\u2500\u2500 CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n function goToCTA() {\n window.open('https:\/\/calendly.com\/atelierbang\/30min', '_blank');\n }\n\n \/\/ \u2500\u2500\u2500 SCROLL PANEL DESKTOP (robuste WP\/Brooklyn) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n (function () {\n const GAP = 24;\n function getScrollParent(el) {\n let node = el.parentElement;\n while (node && node !== document.body) {\n const style = getComputedStyle(node);\n const overflow = style.overflow + style.overflowY + style.overflowX;\n if (\/auto|scroll\/.test(overflow) && node.scrollHeight > node.clientHeight) return node;\n node = node.parentElement;\n }\n return window;\n }\n function getScrollTop(scroller) { return scroller === window ? window.pageYOffset : scroller.scrollTop; }\n\n function initScrollPanel() {\n const panel = document.getElementById('price-panel');\n const col = document.getElementById('price-col');\n if (!panel || !col) return;\n if (window.innerWidth <= 880) return;\n col.style.position = 'relative';\n const scroller = getScrollParent(col);\n function onScroll() {\n if (window.innerWidth <= 880) { panel.style.position = panel.style.top = panel.style.width = ''; return; }\n const stepsCol = col.closest('.simulator-wrap')?.querySelector('.steps-column');\n const containerH = stepsCol ? stepsCol.offsetHeight : col.offsetHeight;\n const scrollTop = getScrollTop(scroller);\n const colAbsTop = col.getBoundingClientRect().top + scrollTop + (scroller !== window ? scroller.getBoundingClientRect().top : 0);\n let desiredTop = scrollTop + GAP - colAbsTop;\n const panelH = panel.offsetHeight;\n desiredTop = Math.max(0, Math.min(desiredTop, containerH - panelH));\n panel.style.position = 'absolute';\n panel.style.top = desiredTop + 'px';\n panel.style.width = col.clientWidth + 'px';\n }\n const target = scroller === window ? window : scroller;\n target.addEventListener('scroll', onScroll, { passive: true });\n window.addEventListener('resize', onScroll, { passive: true });\n requestAnimationFrame(() => requestAnimationFrame(onScroll));\n }\n document.readyState === 'complete' ? initScrollPanel() : window.addEventListener('load', initScrollPanel);\n })();\n\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n \/\/ BARRE MOBILE \u2014 VISIBILIT\u00c9 AU SCROLL \u2190 AJOUT\n \/\/ Appara\u00eet d\u00e8s que le panneau prix sort du viewport.\n \/\/ Se cache quand le panneau redevient visible.\n \/\/ Fonctionne m\u00eame dans WordPress\/Brooklyn (overflow).\n \/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n (function () {\n const bar = document.getElementById('mobile-price-bar');\n const panel = document.getElementById('price-panel');\n if (!bar || !panel) return;\n\n function getScrollParent(el) {\n let node = el.parentElement;\n while (node && node !== document.body) {\n const s = getComputedStyle(node);\n if (\/auto|scroll\/.test(s.overflow + s.overflowY) && node.scrollHeight > node.clientHeight) return node;\n node = node.parentElement;\n }\n return window;\n }\n\n function check() {\n if (window.innerWidth > 880) { bar.classList.remove('visible'); return; }\n const r = panel.getBoundingClientRect();\n \/\/ Panneau hors \u00e9cran (au-dessus ou en-dessous)\n if (r.bottom < 0 || r.top > window.innerHeight) {\n bar.classList.add('visible');\n } else {\n bar.classList.remove('visible');\n }\n }\n\n const scroller = getScrollParent(bar);\n const target = scroller === window ? window : scroller;\n target.addEventListener('scroll', check, { passive: true });\n window.addEventListener('resize', check, { passive: true });\n check(); \/\/ \u00e9tat initial\n })();\n \/\/ \u2500\u2500\u2500 FIN BARRE MOBILE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n \/\/ \u2500\u2500\u2500 INIT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n initCountdown();\n updatePrice();\n<\/script>\n\n<\/body>\n<\/html>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div><\/div><\/div><\/div><div class=\"vc_row-full-width vc_clearfix\"><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"Simulateur de Prix \u2014 bang. atelier horloger Estimation indicative 405 \u20ac R\u00e9server \u2192 Tarification indicative Concevez votrepi\u00e8ce unique. Choisissez chaque composant. Nous calculons une estimation en temps r\u00e9el. Votre montre ne ressemblera \u00e0 aucune autre. 10 cr\u00e9neaux disponibles ce mois-ci  \u00b7  Offre de lancement expire dans 23:47:12 \u26a1 Offre de lancement \u2014 10% offerts R\u00e9servez [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9621","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Simulateur de prix \u2014 Cr\u00e9ez votre montre sur mesure | bang.<\/title>\n<meta name=\"description\" content=\"Configurez votre montre unique en 2 minutes : cadran, bo\u00eetier, bracelet, options. Estimation de prix en direct. Sans inscription, sans engagement. \u00c0 partir de 320 \u20ac.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/atelier-bang.com\/en\/simulateur\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simulateur de prix \u2014 Cr\u00e9ez votre montre sur mesure | bang.\" \/>\n<meta property=\"og:description\" content=\"Configurez votre montre unique en 2 minutes : cadran, bo\u00eetier, bracelet, options. Estimation de prix en direct. Sans inscription, sans engagement. \u00c0 partir de 320 \u20ac.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/atelier-bang.com\/en\/simulateur\/\" \/>\n<meta property=\"og:site_name\" content=\"bang. atelier de montres uniques\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-28T08:55:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\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:\/\/atelier-bang.com\/simulateur\/\",\"url\":\"https:\/\/atelier-bang.com\/simulateur\/\",\"name\":\"Simulateur de prix \u2014 Cr\u00e9ez votre montre sur mesure | bang.\",\"isPartOf\":{\"@id\":\"https:\/\/atelier-bang.com\/#website\"},\"datePublished\":\"2026-02-16T10:28:00+00:00\",\"dateModified\":\"2026-03-28T08:55:53+00:00\",\"description\":\"Configurez votre montre unique en 2 minutes : cadran, bo\u00eetier, bracelet, options. Estimation de prix en direct. Sans inscription, sans engagement. \u00c0 partir de 320 \u20ac.\",\"breadcrumb\":{\"@id\":\"https:\/\/atelier-bang.com\/simulateur\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/atelier-bang.com\/simulateur\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/atelier-bang.com\/simulateur\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/atelier-bang.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simulateur\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/atelier-bang.com\/#website\",\"url\":\"https:\/\/atelier-bang.com\/\",\"name\":\"bang . atelier de montre sur-mesure\",\"description\":\"Choisissez une montre qui vous ressemble\",\"publisher\":{\"@id\":\"https:\/\/atelier-bang.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/atelier-bang.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/atelier-bang.com\/#organization\",\"name\":\"bang . atelier de montre sur-mesure\",\"url\":\"https:\/\/atelier-bang.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/atelier-bang.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/atelier-bang.com\/wp-content\/uploads\/2024\/11\/Design_sans_titre__7_-removebg-preview.png\",\"contentUrl\":\"https:\/\/atelier-bang.com\/wp-content\/uploads\/2024\/11\/Design_sans_titre__7_-removebg-preview.png\",\"width\":250,\"height\":250,\"caption\":\"bang . atelier de montre sur-mesure\"},\"image\":{\"@id\":\"https:\/\/atelier-bang.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/bang.poitiers\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simulateur de prix \u2014 Cr\u00e9ez votre montre sur mesure | bang.","description":"Configurez votre montre unique en 2 minutes : cadran, bo\u00eetier, bracelet, options. Estimation de prix en direct. Sans inscription, sans engagement. \u00c0 partir de 320 \u20ac.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/atelier-bang.com\/en\/simulateur\/","og_locale":"en_US","og_type":"article","og_title":"Simulateur de prix \u2014 Cr\u00e9ez votre montre sur mesure | bang.","og_description":"Configurez votre montre unique en 2 minutes : cadran, bo\u00eetier, bracelet, options. Estimation de prix en direct. Sans inscription, sans engagement. \u00c0 partir de 320 \u20ac.","og_url":"https:\/\/atelier-bang.com\/en\/simulateur\/","og_site_name":"bang. atelier de montres uniques","article_modified_time":"2026-03-28T08:55:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/atelier-bang.com\/simulateur\/","url":"https:\/\/atelier-bang.com\/simulateur\/","name":"Simulateur de prix \u2014 Cr\u00e9ez votre montre sur mesure | bang.","isPartOf":{"@id":"https:\/\/atelier-bang.com\/#website"},"datePublished":"2026-02-16T10:28:00+00:00","dateModified":"2026-03-28T08:55:53+00:00","description":"Configurez votre montre unique en 2 minutes : cadran, bo\u00eetier, bracelet, options. Estimation de prix en direct. Sans inscription, sans engagement. \u00c0 partir de 320 \u20ac.","breadcrumb":{"@id":"https:\/\/atelier-bang.com\/simulateur\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/atelier-bang.com\/simulateur\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/atelier-bang.com\/simulateur\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/atelier-bang.com\/"},{"@type":"ListItem","position":2,"name":"Simulateur"}]},{"@type":"WebSite","@id":"https:\/\/atelier-bang.com\/#website","url":"https:\/\/atelier-bang.com\/","name":"bang . atelier de montre sur-mesure","description":"Choisissez une montre qui vous ressemble","publisher":{"@id":"https:\/\/atelier-bang.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/atelier-bang.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/atelier-bang.com\/#organization","name":"bang . atelier de montre sur-mesure","url":"https:\/\/atelier-bang.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/atelier-bang.com\/#\/schema\/logo\/image\/","url":"https:\/\/atelier-bang.com\/wp-content\/uploads\/2024\/11\/Design_sans_titre__7_-removebg-preview.png","contentUrl":"https:\/\/atelier-bang.com\/wp-content\/uploads\/2024\/11\/Design_sans_titre__7_-removebg-preview.png","width":250,"height":250,"caption":"bang . atelier de montre sur-mesure"},"image":{"@id":"https:\/\/atelier-bang.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/bang.poitiers\/"]}]}},"_links":{"self":[{"href":"https:\/\/atelier-bang.com\/en\/wp-json\/wp\/v2\/pages\/9621","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/atelier-bang.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/atelier-bang.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/atelier-bang.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/atelier-bang.com\/en\/wp-json\/wp\/v2\/comments?post=9621"}],"version-history":[{"count":8,"href":"https:\/\/atelier-bang.com\/en\/wp-json\/wp\/v2\/pages\/9621\/revisions"}],"predecessor-version":[{"id":9633,"href":"https:\/\/atelier-bang.com\/en\/wp-json\/wp\/v2\/pages\/9621\/revisions\/9633"}],"wp:attachment":[{"href":"https:\/\/atelier-bang.com\/en\/wp-json\/wp\/v2\/media?parent=9621"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}