{"id":12,"date":"2026-06-29T12:27:08","date_gmt":"2026-06-29T12:27:08","guid":{"rendered":"https:\/\/google.boostageonline.bj\/gmc\/?page_id=12"},"modified":"2026-07-06T11:13:41","modified_gmt":"2026-07-06T11:13:41","slug":"google-merchand-center","status":"publish","type":"page","link":"https:\/\/google.boostageonline.bj\/gmc\/","title":{"rendered":"Google Merchand Center"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12\" class=\"elementor elementor-12\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d88f7af e-con e-atomic-element e-flexbox-base e-c89a6e0 \" data-id=\"d88f7af\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d88f7af\">\n    \t\t<div class=\"elementor-element elementor-element-e607d5b elementor-widget elementor-widget-html\" data-id=\"e607d5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Formation Google Merchant Center \u2013 18 Juillet 2026 | Arconville<\/title>\n  <meta name=\"description\" content=\"Formation pratique Google Merchant Center et Google Ads. Cr\u00e9ez votre boutique en ligne et vendez sur Google Shopping. Lundi 18 juillet 2026 \u2013 Arconville, R\u00e9sidence Le M\u00e9dius.\">\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=Sora:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { scroll-behavior: smooth; }\n    body {\n      font-family: 'Inter', sans-serif;\n      font-size: 16px;\n      color: #1a1a2e;\n      background: #fff;\n      line-height: 1.6;\n      overflow-x: hidden;\n    }\n    img { max-width: 100%; display: block; }\n    a { text-decoration: none; }\n\n    :root {\n      --blue-dark: #0B3D91;\n      --blue-mid: #1565C0;\n      --blue-light: #E3EEFF;\n      --gold: #FFDE59;\n      --green: #1B9E4F;\n      --green-light: #E8F7EE;\n      --red-soft: #FFF0F0;\n      --red: #D32F2F;\n      --gray-1: #F7F8FC;\n      --gray-2: #EAECF4;\n      --text-dark: #0D1321;\n      --text-mid: #3A3F5C;\n      --text-muted: #6B7194;\n      --radius-sm: 8px;\n      --radius-md: 14px;\n      --radius-full: 100px;\n    }\n\n    \/* =============================================\n       KEYFRAME ANIMATIONS\n    ============================================= *\/\n\n    \/* Fade + slide up \u2014 \u00e9l\u00e9ments entrant depuis le bas *\/\n    @keyframes fadeUp {\n      from { opacity: 0; transform: translateY(36px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Fade in simple *\/\n    @keyframes fadeIn {\n      from { opacity: 0; }\n      to   { opacity: 1; }\n    }\n\n    \/* Pulsation douce du bouton CTA *\/\n    @keyframes pulse {\n      0%, 100% { box-shadow: 0 4px 20px rgba(255,222,89,.45); }\n      50%       { box-shadow: 0 4px 36px rgba(255,222,89,.85), 0 0 0 10px rgba(255,222,89,.12); }\n    }\n\n    \/* Badge hero flottant *\/\n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50%       { transform: translateY(-5px); }\n    }\n\n    \/* Urgency blink *\/\n    @keyframes blink {\n      0%, 100% { opacity: 1; }\n      50%       { opacity: .55; }\n    }\n\n    \/* Shimmer sur le bouton au hover *\/\n    @keyframes shimmer {\n      0%   { background-position: -200% center; }\n      100% { background-position: 200% center; }\n    }\n\n    \/* Compteur de places \u2013 rotation chiffre *\/\n    @keyframes countUp {\n      from { opacity: 0; transform: translateY(8px); }\n      to   { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Barre de progression *\/\n    @keyframes barGrow {\n      from { width: 0%; }\n      to   { width: 78%; }\n    }\n\n    \/* Reveal de gauche *\/\n    @keyframes fadeLeft {\n      from { opacity: 0; transform: translateX(-28px); }\n      to   { opacity: 1; transform: translateX(0); }\n    }\n\n    \/* Reveal de droite *\/\n    @keyframes fadeRight {\n      from { opacity: 0; transform: translateX(28px); }\n      to   { opacity: 1; transform: translateX(0); }\n    }\n\n    \/* Particule de fond hero *\/\n    @keyframes drift {\n      0%   { transform: translateY(0) rotate(0deg); opacity:.15; }\n      50%  { opacity:.35; }\n      100% { transform: translateY(-80px) rotate(180deg); opacity:0; }\n    }\n\n    \/* Tick check animation *\/\n    @keyframes tickIn {\n      from { stroke-dashoffset: 30; opacity: 0; }\n      to   { stroke-dashoffset: 0; opacity: 1; }\n    }\n\n    \/* =============================================\n       SCROLL-REVEAL BASE\n       \u00c9l\u00e9ments invisibles jusqu'au scroll\n    ============================================= *\/\n    .reveal {\n      opacity: 0;\n      transform: translateY(32px);\n      transition: opacity .65s cubic-bezier(.22,1,.36,1),\n                  transform .65s cubic-bezier(.22,1,.36,1);\n    }\n    .reveal.visible {\n      opacity: 1;\n      transform: translateY(0);\n    }\n    .reveal-left {\n      opacity: 0;\n      transform: translateX(-28px);\n      transition: opacity .6s ease, transform .6s ease;\n    }\n    .reveal-left.visible { opacity: 1; transform: translateX(0); }\n    .reveal-right {\n      opacity: 0;\n      transform: translateX(28px);\n      transition: opacity .6s ease, transform .6s ease;\n    }\n    .reveal-right.visible { opacity: 1; transform: translateX(0); }\n\n    \/* D\u00e9lais en cascade *\/\n    .delay-1 { transition-delay: .08s; }\n    .delay-2 { transition-delay: .16s; }\n    .delay-3 { transition-delay: .24s; }\n    .delay-4 { transition-delay: .32s; }\n    .delay-5 { transition-delay: .40s; }\n    .delay-6 { transition-delay: .48s; }\n\n    \/* =============================================\n       UTILITY\n    ============================================= *\/\n    .container { max-width: 760px; margin: 0 auto; padding: 0 24px; }\n    .section { padding: 72px 0; }\n    .section-label {\n      font-size: 11px; font-weight: 700; letter-spacing: .14em;\n      text-transform: uppercase; color: var(--blue-mid); margin-bottom: 10px;\n    }\n    .section-title {\n      font-family: 'Sora', sans-serif;\n      font-size: clamp(22px, 4vw, 30px); font-weight: 700;\n      color: var(--text-dark); line-height: 1.25; margin-bottom: 16px;\n    }\n    .section-body { font-size: 16px; color: var(--text-mid); line-height: 1.75; max-width: 620px; }\n    .divider { height: 1px; background: var(--gray-2); margin: 0 24px; }\n\n    \/* =============================================\n       HERO\n    ============================================= *\/\n    .hero {\n      background: var(--blue-dark);\n      padding: 80px 24px 72px;\n      text-align: center;\n      position: relative;\n      overflow: hidden;\n    }\n\n    \/* Particules de fond *\/\n    .hero-particles { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\n    .particle {\n      position: absolute;\n      border-radius: 50%;\n      background: rgba(255,222,89,.25);\n      animation: drift linear infinite;\n    }\n    .p1 { width:10px;height:10px; left:12%; bottom:0; animation-duration:7s; animation-delay:0s; }\n    .p2 { width:6px;height:6px;  left:30%; bottom:0; animation-duration:9s; animation-delay:1.5s; }\n    .p3 { width:14px;height:14px;left:55%; bottom:0; animation-duration:8s; animation-delay:.8s; }\n    .p4 { width:8px;height:8px;  left:75%; bottom:0; animation-duration:11s;animation-delay:2s; }\n    .p5 { width:5px;height:5px;  left:88%; bottom:0; animation-duration:6s; animation-delay:.3s; }\n    .p6 { width:12px;height:12px;left:42%; bottom:0; animation-duration:10s;animation-delay:3s; }\n\n    \/* Cercle d\u00e9coratif haut droite *\/\n    .hero::before {\n      content:'';\n      position:absolute; top:-80px; right:-80px;\n      width:320px; height:320px;\n      border-radius:50%;\n      background: radial-gradient(circle, rgba(255,222,89,.12) 0%, transparent 70%);\n      pointer-events:none;\n    }\n    .hero::after {\n      content: '';\n      position: absolute; bottom: -60px; left: 50%;\n      transform: translateX(-50%);\n      width: 140%; height: 120px;\n      background: #fff; border-radius: 50%;\n    }\n    .hero-inner { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }\n\n    \/* Badge anim\u00e9 *\/\n    .badge {\n      display: inline-flex; align-items: center; gap: 7px;\n      background: rgba(255,222,89,.15);\n      border: 1px solid rgba(255,222,89,.5);\n      color: var(--gold); font-size: 12px; font-weight: 700;\n      padding: 6px 16px; border-radius: var(--radius-full);\n      letter-spacing: .08em; text-transform: uppercase; margin-bottom: 24px;\n      animation: fadeIn .6s ease both, float 3s ease-in-out 1s infinite;\n    }\n    .badge svg { width:14px;height:14px;fill:var(--gold); }\n\n    \/* Titre hero avec animation s\u00e9quentielle *\/\n    .hero-title {\n      font-family: 'Sora', sans-serif;\n      font-size: clamp(28px, 5vw, 44px); font-weight: 800;\n      color: #fff; line-height: 1.15; margin-bottom: 20px;\n      animation: fadeUp .7s .2s cubic-bezier(.22,1,.36,1) both;\n    }\n    .hero-title .accent { color: var(--gold); }\n\n    .hero-sub {\n      font-size: clamp(15px, 2.5vw, 18px);\n      color: rgba(255,255,255,.75);\n      max-width: 540px; margin: 0 auto 36px; line-height: 1.65;\n      animation: fadeUp .7s .35s cubic-bezier(.22,1,.36,1) both;\n    }\n\n    .hero-meta {\n      display: flex; justify-content: center; gap: 16px;\n      flex-wrap: wrap; margin-bottom: 40px;\n      animation: fadeUp .7s .5s cubic-bezier(.22,1,.36,1) both;\n    }\n    .meta-chip {\n      display: flex; align-items: center; gap: 8px;\n      background: rgba(255,255,255,.1);\n      border: 1px solid rgba(255,255,255,.2);\n      color: #fff; font-size: 14px; font-weight: 500;\n      padding: 9px 16px; border-radius: var(--radius-full);\n      transition: background .25s, border-color .25s;\n    }\n    .meta-chip:hover { background: rgba(255,255,255,.18); border-color: rgba(255,222,89,.5); }\n    .meta-chip svg { width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0; }\n\n    \/* Bouton CTA pulsant *\/\n    .btn-primary {\n      display: inline-block;\n      background: var(--gold); color: var(--blue-dark);\n      font-family: 'Sora', sans-serif; font-size: 17px; font-weight: 700;\n      padding: 18px 44px; border-radius: var(--radius-full);\n      border: none; cursor: pointer;\n      transition: transform .2s, background .2s;\n      text-decoration: none;\n      animation: fadeUp .7s .65s cubic-bezier(.22,1,.36,1) both,\n                 pulse 2.5s 1.5s ease-in-out infinite;\n      position: relative; overflow: hidden;\n    }\n    \/* Effet shimmer au hover *\/\n    .btn-primary::after {\n      content:'';\n      position:absolute; inset:0;\n      background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.45) 50%, transparent 60%);\n      background-size: 200% auto;\n      opacity: 0;\n      transition: opacity .2s;\n    }\n    .btn-primary:hover { transform: translateY(-3px); background: #FFE97A; }\n    .btn-primary:hover::after { opacity:1; animation: shimmer .6s linear; }\n\n    .urgency {\n      margin-top: 16px; font-size: 13px; font-weight: 600;\n      color: #FF8A80; letter-spacing: .02em;\n      animation: fadeUp .7s .8s cubic-bezier(.22,1,.36,1) both;\n    }\n    .urgency span { animation: blink 1.8s ease-in-out infinite; display: inline-block; }\n\n    \/* Barre de places restantes *\/\n    .spots-bar-wrap {\n      margin-top: 20px;\n      animation: fadeUp .7s .9s cubic-bezier(.22,1,.36,1) both;\n    }\n    .spots-label { font-size: 12px; color: rgba(255,255,255,.6); margin-bottom: 7px; }\n    .spots-bar-bg {\n      width: 220px; height: 6px; background: rgba(255,255,255,.15);\n      border-radius: 99px; margin: 0 auto; overflow: hidden;\n    }\n    .spots-bar-fill {\n      height: 100%; background: var(--gold); border-radius: 99px;\n      width: 0%;\n      transition: width 1.5s 1.2s cubic-bezier(.22,1,.36,1);\n    }\n    .spots-bar-fill.animated { width: 78%; }\n\n    \/* =============================================\n       PROBLEM SECTION\n    ============================================= *\/\n    .problem-section { background: var(--gray-1); }\n\n    .pain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 32px; }\n    .pain-card {\n      background: #fff; border: 1px solid var(--gray-2);\n      border-radius: var(--radius-md); padding: 20px;\n      display: flex; align-items: flex-start; gap: 14px;\n      transition: transform .3s ease, box-shadow .3s ease, border-color .3s;\n      cursor: default;\n    }\n    .pain-card:hover {\n      transform: translateY(-4px);\n      box-shadow: 0 8px 28px rgba(0,0,0,.08);\n      border-color: #FFC5C5;\n    }\n    .pain-icon {\n      width: 40px; height: 40px; border-radius: var(--radius-sm);\n      background: var(--red-soft);\n      display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n      transition: background .3s;\n    }\n    .pain-card:hover .pain-icon { background: #FFD9D9; }\n    .pain-icon svg { width:20px;height:20px;fill:none;stroke:var(--red);stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }\n    .pain-card p { font-size: 14px; color: var(--text-mid); line-height: 1.55; font-weight: 500; padding-top: 2px; }\n\n    \/* =============================================\n       PROGRAMME\n    ============================================= *\/\n    .prog-item {\n      display: flex; gap: 20px; align-items: flex-start;\n      padding: 24px 0; border-bottom: 1px solid var(--gray-2);\n      transition: transform .3s ease;\n    }\n    .prog-item:last-child { border-bottom: none; }\n    .prog-item:hover { transform: translateX(6px); }\n    .prog-num {\n      width: 42px; height: 42px; border-radius: 50%;\n      background: var(--blue-light); color: var(--blue-dark);\n      font-family: 'Sora', sans-serif; font-size: 16px; font-weight: 700;\n      display: flex; align-items: center; justify-content: center; flex-shrink: 0;\n      transition: background .3s, color .3s, transform .3s;\n    }\n    .prog-item:hover .prog-num {\n      background: var(--blue-dark); color: var(--gold); transform: scale(1.1);\n    }\n    .prog-text strong { display:block;font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:5px; }\n    .prog-text span { font-size:14px;color:var(--text-muted);line-height:1.6; }\n\n    \/* Outcomes *\/\n    .outcomes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 32px; }\n    .outcome-item {\n      display: flex; align-items: flex-start; gap: 10px;\n      background: var(--green-light); border: 1px solid #B2DFCA;\n      border-radius: var(--radius-sm); padding: 14px 16px;\n      transition: transform .25s ease, box-shadow .25s ease;\n    }\n    .outcome-item:hover { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(27,158,79,.12); }\n    .check-icon {\n      width: 20px; height: 20px; background: var(--green);\n      border-radius: 50%; display: flex; align-items: center; justify-content: center;\n      flex-shrink: 0; margin-top: 1px;\n    }\n    .check-icon svg {\n      width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.5;\n      stroke-linecap:round;stroke-linejoin:round;\n      stroke-dasharray: 30;\n      stroke-dashoffset: 30;\n      transition: stroke-dashoffset .5s ease;\n    }\n    .outcome-item.visible .check-icon svg { stroke-dashoffset: 0; }\n    .outcome-item span { font-size:13px;font-weight:600;color:#155B30;line-height:1.5; }\n\n    \/* =============================================\n       INSTRUCTOR\n    ============================================= *\/\n    .instructor-section { background: var(--gray-1); }\n    .instructor-card {\n      background: #fff; border: 1px solid var(--gray-2);\n      border-radius: var(--radius-md); padding: 28px;\n      display: flex; gap: 24px; align-items: flex-start; margin-top: 28px;\n      transition: box-shadow .3s;\n    }\n    .instructor-card:hover { box-shadow: 0 10px 36px rgba(11,61,145,.1); }\n\n    .avatar {\n      width: 70px; height: 70px; border-radius: 50%;\n      background: var(--blue-dark);\n      display: flex; align-items: center; justify-content: center;\n      font-family: 'Sora', sans-serif; font-size: 22px; font-weight: 700;\n      color: var(--gold); flex-shrink: 0;\n      transition: transform .35s cubic-bezier(.34,1.56,.64,1);\n    }\n    .instructor-card:hover .avatar { transform: scale(1.08) rotate(-4deg); }\n\n    .instructor-info strong { display:block;font-size:17px;font-weight:700;color:var(--text-dark);margin-bottom:4px; }\n    .instructor-info em { display:block;font-size:13px;color:var(--blue-mid);font-style:normal;font-weight:600;margin-bottom:12px; }\n    .instructor-info p { font-size:14px;color:var(--text-mid);line-height:1.7; }\n\n    .badges-row { display:flex;flex-wrap:wrap;gap:10px;margin-top:20px; }\n    .badge-item {\n      display:flex;align-items:center;gap:7px;\n      background:#fff;border:1px solid var(--gray-2);\n      border-radius:var(--radius-sm);padding:8px 14px;\n      font-size:13px;font-weight:600;color:var(--text-mid);\n      transition: transform .25s, border-color .25s, color .25s;\n    }\n    .badge-item:hover { transform:translateY(-2px);border-color:var(--blue-mid);color:var(--blue-dark); }\n    .badge-item svg { width:16px;height:16px;fill:none;stroke:var(--blue-mid);stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }\n\n    \/* =============================================\n       COUNTDOWN TIMER\n    ============================================= *\/\n    .countdown-section {\n      background: linear-gradient(135deg, #0a2f70 0%, var(--blue-dark) 100%);\n      padding: 48px 24px; text-align: center;\n    }\n    .countdown-title { font-family:'Sora',sans-serif;font-size:16px;font-weight:600;color:rgba(255,255,255,.7);margin-bottom:24px;letter-spacing:.05em;text-transform:uppercase; }\n    .countdown-grid { display:flex;justify-content:center;gap:16px;flex-wrap:wrap; }\n    .cd-block {\n      display:flex;flex-direction:column;align-items:center;\n      background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);\n      border-radius:12px;padding:18px 24px;min-width:80px;\n      transition: transform .3s;\n    }\n    .cd-block:hover { transform:translateY(-4px); }\n    .cd-num {\n      font-family:'Sora',sans-serif;font-size:36px;font-weight:800;color:#fff;\n      line-height:1; min-width:60px; text-align:center;\n      animation: countUp .4s ease both;\n    }\n    .cd-label { font-size:11px;color:rgba(255,255,255,.55);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-top:6px; }\n    .cd-sep { font-family:'Sora',sans-serif;font-size:28px;font-weight:800;color:var(--gold);align-self:center;margin-top:-12px; }\n\n    \/* =============================================\n       CTA FINAL\n    ============================================= *\/\n    .cta-section {\n      background: var(--blue-dark);\n      padding: 80px 24px; text-align: center;\n      position: relative; overflow: hidden;\n    }\n    \/* Cercle d\u00e9coratif *\/\n    .cta-section::before {\n      content:'';position:absolute;bottom:-120px;left:-80px;\n      width:300px;height:300px;border-radius:50%;\n      background:radial-gradient(circle,rgba(255,222,89,.1) 0%,transparent 70%);\n      pointer-events:none;\n    }\n    .cta-section::after {\n      content:'';position:absolute;top:-80px;right:-60px;\n      width:240px;height:240px;border-radius:50%;\n      background:radial-gradient(circle,rgba(255,255,255,.06) 0%,transparent 70%);\n      pointer-events:none;\n    }\n    .cta-inner { position:relative;z-index:1; }\n    .cta-section h2 { font-family:'Sora',sans-serif;font-size:clamp(24px,4vw,36px);font-weight:800;color:#fff;margin-bottom:12px; }\n    .cta-section > .cta-inner > p { font-size:16px;color:rgba(255,255,255,.7);margin-bottom:36px; }\n\n    .cta-box { display:inline-flex;flex-direction:column;align-items:center;gap:20px; }\n    .form-inline { display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px; }\n\n    .form-inline input {\n      width:100%;padding:14px 18px;\n      border-radius:var(--radius-sm);\n      border:1.5px solid rgba(255,255,255,.2);\n      background:rgba(255,255,255,.1);color:#fff;\n      font-family:'Inter',sans-serif;font-size:15px;outline:none;\n      transition: border-color .25s, background .25s, transform .2s;\n    }\n    .form-inline input::placeholder { color:rgba(255,255,255,.45); }\n    .form-inline input:focus {\n      border-color:var(--gold);\n      background:rgba(255,255,255,.15);\n      transform: scale(1.01);\n    }\n\n    .btn-submit {\n      width:100%;background:var(--gold);color:var(--blue-dark);\n      font-family:'Sora',sans-serif;font-size:17px;font-weight:700;\n      padding:18px;border-radius:var(--radius-full);\n      border:none;cursor:pointer;\n      transition:transform .2s, background .2s, box-shadow .2s;\n      box-shadow:0 4px 20px rgba(255,222,89,.4);\n      animation: pulse 2.5s 2s ease-in-out infinite;\n      display:flex;align-items:center;justify-content:center;gap:8px;\n    }\n    .btn-submit:hover { background:#FFE97A;transform:translateY(-2px);box-shadow:0 8px 28px rgba(255,222,89,.6); }\n    .btn-submit:active { transform:scale(.98); }\n\n    .cta-note { font-size:13px;color:rgba(255,255,255,.4);margin-top:4px; }\n\n    \/* =============================================\n       FLOATING WHATSAPP BUTTON\n    ============================================= *\/\n    .fab-wa {\n      position: fixed; bottom: 24px; right: 24px; z-index: 999;\n      width: 58px; height: 58px; border-radius: 50%;\n      background: #25D366; color: #fff;\n      display: flex; align-items: center; justify-content: center;\n      box-shadow: 0 4px 20px rgba(37,211,102,.5);\n      cursor: pointer; border: none;\n      transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s;\n      animation: fadeIn .5s 2s both;\n    }\n    .fab-wa:hover { transform: scale(1.12); box-shadow: 0 8px 28px rgba(37,211,102,.65); }\n    .fab-wa svg { width:30px;height:30px;fill:#fff; }\n    .fab-tooltip {\n      position:absolute;right:68px;top:50%;transform:translateY(-50%);\n      background:#1a1a2e;color:#fff;font-size:13px;font-weight:600;\n      padding:7px 12px;border-radius:8px;white-space:nowrap;\n      opacity:0;pointer-events:none;transition:opacity .2s;\n    }\n    .fab-tooltip::after {\n      content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);\n      border:6px solid transparent;border-left-color:#1a1a2e;border-right:none;\n    }\n    .fab-wa:hover .fab-tooltip { opacity:1; }\n\n    \/* =============================================\n       FOOTER\n    ============================================= *\/\n    .footer { background:#070F2B;padding:28px 24px;text-align:center;font-size:13px;color:rgba(255,255,255,.35); }\n\n    \/* =============================================\n       RESPONSIVE\n    ============================================= *\/\n    @media (max-width: 580px) {\n      .hero { padding:56px 20px 80px; }\n      .pain-grid, .outcomes { grid-template-columns:1fr; }\n      .hero-meta { flex-direction:column;align-items:center;gap:10px; }\n      .instructor-card { flex-direction:column; }\n      .section { padding:52px 0; }\n      .btn-primary { padding:16px 32px;font-size:16px; }\n      .countdown-grid { gap:10px; }\n      .cd-block { padding:14px 18px;min-width:68px; }\n      .cd-num { font-size:28px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<!-- ========== FLOATING WHATSAPP ========== -->\n<button class=\"fab-wa\" id=\"fabWa\" title=\"Nous contacter sur WhatsApp\">\n  <div class=\"fab-tooltip\">Nous contacter<\/div>\n  <svg viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.138.564 4.14 1.54 5.877L.055 23.492a.75.75 0 00.91.953l5.84-1.53A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75a9.74 9.74 0 01-4.98-1.364l-.356-.214-3.695.968.986-3.596-.232-.37A9.718 9.718 0 012.25 12C2.25 6.615 6.615 2.25 12 2.25S21.75 6.615 21.75 12 17.385 21.75 12 21.75z\"\/><\/svg>\n<\/button>\n\n<!-- ========== HERO ========== -->\n<section class=\"hero\">\n  <div class=\"hero-particles\">\n    <div class=\"particle p1\"><\/div><div class=\"particle p2\"><\/div>\n    <div class=\"particle p3\"><\/div><div class=\"particle p4\"><\/div>\n    <div class=\"particle p5\"><\/div><div class=\"particle p6\"><\/div>\n  <\/div>\n  <div class=\"hero-inner\">\n    <div class=\"badge\">\n      <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M8 2v3M16 2v3M3 8h18M5 4h14a2 2 0 012 2v13a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2z\" stroke=\"#FFDE59\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg>\n      Formation pratique \u00b7 18 juillet 2026\n    <\/div>\n    <h1 class=\"hero-title\">\n      Vends tes produits sur<br>\n      <span class=\"accent\">Google Shopping<\/span><br>\n      et booste tes ventes en une journ\u00e9e\n    <\/h1>\n    <p class=\"hero-sub\">\n      La seule formation qui te guide de z\u00e9ro \u2014 boutique en ligne optimis\u00e9e, Google Merchant Center et Google Ads \u2014 avec un expert certifi\u00e9 \u00e0 tes c\u00f4t\u00e9s.\n    <\/p>\n    <div class=\"hero-meta\">\n      <div class=\"meta-chip\">\n        <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M16 2v4M8 2v4M3 10h18\"\/><\/svg>\n        Lundi 18 juillet 2026\n      <\/div>\n      <div class=\"meta-chip\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s-8-6.5-8-12a8 8 0 0116 0c0 5.5-8 12-8 12z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg>\n        Arconville \u2014 R\u00e9s. Le M\u00e9dius\n      <\/div>\n      <div class=\"meta-chip\">\n        <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/><\/svg>\n        Pr\u00e9sentiel \u00b7 Journ\u00e9e compl\u00e8te\n      <\/div>\n    <\/div>\n    <a href=\"#inscription\" class=\"btn-primary\">R\u00e9server ma place \u2192<\/a>\n    <div class=\"urgency\"><span>\u26a1<\/span> Places limit\u00e9es \u2014 groupe restreint garanti<\/div>\n    <div class=\"spots-bar-wrap\">\n      <div class=\"spots-label\">78% des places d\u00e9j\u00e0 r\u00e9serv\u00e9es<\/div>\n      <div class=\"spots-bar-bg\"><div class=\"spots-bar-fill\" id=\"spotsBar\"><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== COUNTDOWN ========== -->\n<section class=\"countdown-section\">\n  <div class=\"countdown-title\">\u23f3 La formation commence dans<\/div>\n  <div class=\"countdown-grid\">\n    <div class=\"cd-block\"><div class=\"cd-num\" id=\"cd-days\">--<\/div><div class=\"cd-label\">Jours<\/div><\/div>\n    <div class=\"cd-sep\">:<\/div>\n    <div class=\"cd-block\"><div class=\"cd-num\" id=\"cd-hours\">--<\/div><div class=\"cd-label\">Heures<\/div><\/div>\n    <div class=\"cd-sep\">:<\/div>\n    <div class=\"cd-block\"><div class=\"cd-num\" id=\"cd-mins\">--<\/div><div class=\"cd-label\">Minutes<\/div><\/div>\n    <div class=\"cd-sep\">:<\/div>\n    <div class=\"cd-block\"><div class=\"cd-num\" id=\"cd-secs\">--<\/div><div class=\"cd-label\">Secondes<\/div><\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== PROBLEM ========== -->\n<section class=\"section problem-section\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Le probl\u00e8me<\/div>\n    <h2 class=\"section-title reveal delay-1\">Tu vends en ligne, mais personne ne te trouve sur Google ?<\/h2>\n    <p class=\"section-body reveal delay-2\">Des milliers de clients cherchent tes produits chaque jour sur Google Shopping. Pourtant, ta boutique reste invisible. Ce n'est pas un probl\u00e8me de produit \u2014 c'est un probl\u00e8me de configuration et de visibilit\u00e9.<\/p>\n    <div class=\"pain-grid\">\n      <div class=\"pain-card reveal delay-1\">\n        <div class=\"pain-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M17.94 17.94A10 10 0 015.06 5.06M1 1l22 22M10.6 10.6A3 3 0 0013.4 13.4M20.97 20.97A10 10 0 013.03 3.03\"\/><\/svg><\/div>\n        <p>Boutique en ligne mal configur\u00e9e pour \u00eatre reconnue par Google<\/p>\n      <\/div>\n      <div class=\"pain-card reveal delay-2\">\n        <div class=\"pain-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4M16 17l5-5-5-5M21 12H9\"\/><\/svg><\/div>\n        <p>Google Merchant Center jamais activ\u00e9 ou bourr\u00e9 d'erreurs bloquantes<\/p>\n      <\/div>\n      <div class=\"pain-card reveal delay-3\">\n        <div class=\"pain-icon\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/><\/svg><\/div>\n        <p>Z\u00e9ro visibilit\u00e9 dans les r\u00e9sultats Google Shopping<\/p>\n      <\/div>\n      <div class=\"pain-card reveal delay-4\">\n        <div class=\"pain-icon\"><svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"15\" y1=\"9\" x2=\"9\" y2=\"15\"\/><line x1=\"9\" y1=\"9\" x2=\"15\" y2=\"15\"\/><\/svg><\/div>\n        <p>Budget publicit\u00e9 d\u00e9pens\u00e9 sans r\u00e9sultats ni suivi mesurable<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n<!-- ========== PROGRAMME ========== -->\n<section class=\"section\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Le programme<\/div>\n    <h2 class=\"section-title reveal delay-1\">Ce qu'on construit ensemble le 18 juillet<\/h2>\n    <p class=\"section-body reveal delay-2\">Formation 100% pratique \u2014 pas de th\u00e9orie inutile. Tu repars avec une vraie boutique en ligne connect\u00e9e \u00e0 Google, pr\u00eate \u00e0 g\u00e9n\u00e9rer des ventes d\u00e8s le lendemain.<\/p>\n    <div style=\"margin-top:32px;\">\n      <div class=\"prog-item reveal delay-1\">\n        <div class=\"prog-num\">1<\/div>\n        <div class=\"prog-text\">\n          <strong>Cr\u00e9er une boutique en ligne optimis\u00e9e pour GMC<\/strong>\n          <span>Structure du site, fiches produits conformes, pages obligatoires (CGV, mentions l\u00e9gales, livraison), flux de donn\u00e9es \u2014 on configure tout selon les exigences de Google.<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"prog-item reveal delay-2\">\n        <div class=\"prog-num\">2<\/div>\n        <div class=\"prog-text\">\n          <strong>Connecter la boutique \u00e0 Google Merchant Center<\/strong>\n          <span>Cr\u00e9ation et param\u00e9trage du compte GMC, v\u00e9rification et revendication du domaine, soumission du flux produits, diagnostic et r\u00e9solution des erreurs.<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"prog-item reveal delay-3\">\n        <div class=\"prog-num\">3<\/div>\n        <div class=\"prog-text\">\n          <strong>Lancer ta premi\u00e8re campagne Google Shopping<\/strong>\n          <span>Lier GMC \u00e0 Google Ads, cr\u00e9er une campagne Performance Max ou Shopping, cibler les bons acheteurs, d\u00e9finir le budget et suivre les performances.<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"section-label reveal\" style=\"margin-top:48px;\">Ce que tu ma\u00eetriseras<\/div>\n    <div class=\"outcomes\">\n      <div class=\"outcome-item reveal delay-1\"><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Boutique en ligne pr\u00eate pour Google<\/span><\/div>\n      <div class=\"outcome-item reveal delay-2\"><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Compte GMC actif et valid\u00e9<\/span><\/div>\n      <div class=\"outcome-item reveal delay-3\"><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Flux produits sans erreurs<\/span><\/div>\n      <div class=\"outcome-item reveal delay-4\"><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Premi\u00e8re campagne Shopping lanc\u00e9e<\/span><\/div>\n      <div class=\"outcome-item reveal delay-5\"><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Suivi et optimisation des annonces<\/span><\/div>\n      <div class=\"outcome-item reveal delay-6\"><div class=\"check-icon\"><svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div><span>Autonomie totale apr\u00e8s la formation<\/span><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n<!-- ========== INSTRUCTOR ========== -->\n<section class=\"section instructor-section\">\n  <div class=\"container\">\n    <div class=\"section-label reveal\">Ton formateur<\/div>\n    <h2 class=\"section-title reveal delay-1\">Form\u00e9 par un expert Google certifi\u00e9<\/h2>\n    <p class=\"section-body reveal delay-2\">Pas de d\u00e9butant derri\u00e8re le tableau. Un praticien qui a configur\u00e9 des dizaines de boutiques et g\u00e9r\u00e9 de vrais budgets Google Ads.<\/p>\n    <div class=\"instructor-card reveal delay-2\">\n      <div class=\"avatar\">GM<\/div>\n      <div class=\"instructor-info\">\n        <strong>Expert Google Merchant Center &amp; Ads<\/strong>\n        <em>Sp\u00e9cialiste e-commerce &amp; publicit\u00e9 Google<\/em>\n        <p>Plusieurs ann\u00e9es d'exp\u00e9rience dans la cr\u00e9ation de boutiques e-commerce, la configuration de Google Merchant Center et la gestion de campagnes Google Shopping rentables pour des commer\u00e7ants locaux et des boutiques en ligne.<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"badges-row\">\n      <div class=\"badge-item reveal delay-1\"><svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87L18.18 22 12 18.77 5.82 22 7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>Expert certifi\u00e9 Google<\/div>\n      <div class=\"badge-item reveal delay-2\"><svg viewBox=\"0 0 24 24\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\"\/><\/svg>Groupe restreint<\/div>\n      <div class=\"badge-item reveal delay-3\"><svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>100% pratique<\/div>\n      <div class=\"badge-item reveal delay-4\"><svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92V19a2 2 0 01-2.18 2A19.79 19.79 0 012 5.18 2 2 0 014 3h2.09a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L7.09 11a16 16 0 006.86 6.86l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 18.92v-.92\"\/><\/svg>Support inclus<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ========== CTA FINAL ========== -->\n<section class=\"cta-section\" id=\"inscription\">\n  <div class=\"cta-inner container\">\n    <h2 class=\"reveal\">Pr\u00eat \u00e0 vendre sur Google Shopping ?<\/h2>\n    <p class=\"reveal delay-1\">Rejoins la formation du 18 juillet et repars avec ta boutique connect\u00e9e \u00e0 Google.<\/p>\n    <div class=\"cta-box reveal delay-2\">\n      <form class=\"form-inline\" id=\"inscriptionForm\">\n        <input type=\"text\" id=\"prenom_nom\" placeholder=\"Ton pr\u00e9nom et nom\" required>\n        <input type=\"email\" id=\"email\" placeholder=\"Ton adresse email\" required>\n        <input type=\"tel\" id=\"telephone\" placeholder=\"Ton num\u00e9ro de t\u00e9l\u00e9phone (obligatoire)\" required>\n        <button type=\"submit\" class=\"btn-submit\" id=\"btnSubmit\">\n          <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"#0B3D91\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.138.564 4.14 1.54 5.877L.055 23.492a.75.75 0 00.91.953l5.84-1.53A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75a9.74 9.74 0 01-4.98-1.364l-.356-.214-3.695.968.986-3.596-.232-.37A9.718 9.718 0 012.25 12C2.25 6.615 6.615 2.25 12 2.25S21.75 6.615 21.75 12 17.385 21.75 12 21.75z\"\/><\/svg>\n          S'inscrire via WhatsApp \u2192\n        <\/button>\n      <\/form>\n      <p class=\"cta-note\">Lundi 18 juillet 2026 \u00b7 Arconville, R\u00e9sidence Le M\u00e9dius \u00b7 Places limit\u00e9es<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer class=\"footer\">\n  <p>Formation Google Merchant Center &amp; Google Ads \u2014 Arconville, R\u00e9sidence Le M\u00e9dius Service &nbsp;\u00b7&nbsp; Lundi 18 juillet 2026<\/p>\n<\/footer>\n\n<script>\n  \/\/ ============================================================\n  \/\/ \u2699\ufe0f  TON NUM\u00c9RO WHATSAPP (format international, sans +)\n  \/\/ ============================================================\n  var WHATSAPP_NUMBER = \"2290157579006\";\n\n  \/\/ \u2500\u2500 Scroll reveal \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  var revealEls = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');\n  var observer = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('visible');\n        \/\/ Tick sur les outcome-items\n        if (entry.target.classList.contains('outcome-item')) {\n          var svg = entry.target.querySelector('.check-icon svg');\n          if (svg) svg.style.strokeDashoffset = '0';\n        }\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.12 });\n  revealEls.forEach(function(el) { observer.observe(el); });\n\n  \/\/ \u2500\u2500 Barre de places \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  setTimeout(function() {\n    var bar = document.getElementById('spotsBar');\n    if (bar) bar.classList.add('animated');\n  }, 600);\n\n  \/\/ \u2500\u2500 Countdown timer \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 updateCountdown() {\n    var target = new Date('2026-07-18T08:00:00');\n    var now = new Date();\n    var diff = target - now;\n    if (diff <= 0) {\n      document.getElementById('cd-days').textContent  = '00';\n      document.getElementById('cd-hours').textContent = '00';\n      document.getElementById('cd-mins').textContent  = '00';\n      document.getElementById('cd-secs').textContent  = '00';\n      return;\n    }\n    var days  = Math.floor(diff \/ 86400000);\n    var hours = Math.floor((diff % 86400000) \/ 3600000);\n    var mins  = Math.floor((diff % 3600000)  \/ 60000);\n    var secs  = Math.floor((diff % 60000)    \/ 1000);\n    document.getElementById('cd-days').textContent  = String(days).padStart(2,'0');\n    document.getElementById('cd-hours').textContent = String(hours).padStart(2,'0');\n    document.getElementById('cd-mins').textContent  = String(mins).padStart(2,'0');\n    document.getElementById('cd-secs').textContent  = String(secs).padStart(2,'0');\n  }\n  updateCountdown();\n  setInterval(updateCountdown, 1000);\n\n  \/\/ \u2500\u2500 Formulaire \u2192 WhatsApp \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  document.getElementById('inscriptionForm').addEventListener('submit', function(e) {\n    e.preventDefault();\n    var nom  = document.getElementById('prenom_nom').value.trim();\n    var mail = document.getElementById('email').value.trim();\n    var tel  = document.getElementById('telephone').value.trim();\n    if (!nom || !mail || !tel) { alert('Merci de remplir tous les champs.'); return; }\n\n    var message =\n      \"\ud83c\udf93 *Nouvelle inscription \u2014 Formation Google Merchant Center*\\n\\n\" +\n      \"\ud83d\udc64 *Nom :* \" + nom + \"\\n\" +\n      \"\ud83d\udce7 *Email :* \" + mail + \"\\n\" +\n      \"\ud83d\udcf1 *T\u00e9l\u00e9phone :* \" + tel + \"\\n\\n\" +\n      \"\ud83d\udcc5 *Formation :* Lundi 18 juillet 2026\\n\" +\n      \"\ud83d\udccd *Lieu :* Arconville \u2014 R\u00e9sidence Le M\u00e9dius\";\n\n    var url = \"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(message);\n    var btn = document.getElementById('btnSubmit');\n\n    \/\/ Animation de confirmation\n    btn.innerHTML = '<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"#fff\"><polyline points=\"20 6 9 17 4 12\" stroke=\"#fff\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" fill=\"none\"\/><\/svg> Ouverture de WhatsApp...';\n    btn.style.background = '#1B9E4F';\n    btn.style.color = '#fff';\n    btn.style.animation = 'none';\n    btn.disabled = true;\n\n    setTimeout(function() {\n      window.open(url, '_blank');\n      setTimeout(function() {\n        btn.innerHTML = '<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"#0B3D91\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.138.564 4.14 1.54 5.877L.055 23.492a.75.75 0 00.91.953l5.84-1.53A11.945 11.945 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75a9.74 9.74 0 01-4.98-1.364l-.356-.214-3.695.968.986-3.596-.232-.37A9.718 9.718 0 012.25 12C2.25 6.615 6.615 2.25 12 2.25S21.75 6.615 21.75 12 17.385 21.75 12 21.75z\"\/><\/svg> S\\'inscrire via WhatsApp \u2192';\n        btn.style.background = '#FFDE59';\n        btn.style.color = '#0B3D91';\n        btn.style.animation = 'pulse 2.5s ease-in-out infinite';\n        btn.disabled = false;\n      }, 4000);\n    }, 600);\n  });\n\n  \/\/ \u2500\u2500 Bouton flottant WhatsApp \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  document.getElementById('fabWa').addEventListener('click', function() {\n    var msg = \"Bonjour, je souhaite des informations sur la formation Google Merchant Center du 18 juillet 2026.\";\n    window.open(\"https:\/\/wa.me\/\" + WHATSAPP_NUMBER + \"?text=\" + encodeURIComponent(msg), '_blank');\n  });\n\n  \/\/ \u2500\u2500 Smooth scroll \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  document.querySelector('.btn-primary').addEventListener('click', function(e) {\n    e.preventDefault();\n    document.querySelector('#inscription').scrollIntoView({ behavior: 'smooth' });\n  });\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Formation Google Merchant Center \u2013 18 Juillet 2026 | Arconville Nous contacter Formation pratique \u00b7 18 juillet 2026 Vends tes produits sur Google Shopping et booste tes ventes en une journ\u00e9e La seule formation qui te guide de z\u00e9ro \u2014 boutique en ligne optimis\u00e9e, Google Merchant Center et Google Ads \u2014 avec un expert certifi\u00e9 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/google.boostageonline.bj\/gmc\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/google.boostageonline.bj\/gmc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/google.boostageonline.bj\/gmc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/google.boostageonline.bj\/gmc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/google.boostageonline.bj\/gmc\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":22,"href":"https:\/\/google.boostageonline.bj\/gmc\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/google.boostageonline.bj\/gmc\/wp-json\/wp\/v2\/pages\/12\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/google.boostageonline.bj\/gmc\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}