{"id":94,"date":"2025-11-28T08:32:31","date_gmt":"2025-11-28T08:32:31","guid":{"rendered":"https:\/\/www.compographique.com\/?page_id=94"},"modified":"2026-03-26T09:44:18","modified_gmt":"2026-03-26T09:44:18","slug":"webvideopub","status":"publish","type":"page","link":"https:\/\/www.webvideopub.net\/","title":{"rendered":"Webvideopub Accueil"},"content":{"rendered":"\n\n\n\n \n \n \n \n Agence Web Marseille – Cr\u00e9ation Site Internet | WebVideoPub<\/title>\n <meta name=\"description\" content=\"WebVideoPub, votre agence web \u00e0 Marseille (PACA). Cr\u00e9ation de sites internet (vitrine, e-commerce), r\u00e9f\u00e9rencement SEO et partenariat digital exclusif.\">\n \n <!-- FontAwesome -->\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n \n <!-- CSS DU PROJET -->\n <style>\n \/* Reset basique pour la page de preview (hors WordPress) *\/\n body { margin: 0; padding: 0; background-color: #020617; }\n\n \/* --- ISOLATION WORDPRESS (CRITIQUE) --- *\/\n #wvp-master-container {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;\n background-color: #020617 !important;\n color: #ffffff !important;\n line-height: 1.6 !important;\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: hidden !important;\n margin: -20px -20px !important; \n padding: 0 !important;\n text-align: left !important;\n position: relative !important;\n top: 0 !important;\n }\n\n #wvp-master-container * {\n box-sizing: border-box !important;\n }\n\n #wvp-master-container h1, \n #wvp-master-container h2, \n #wvp-master-container h3, \n #wvp-master-container p, \n #wvp-master-container ul, \n #wvp-master-container li,\n #wvp-master-container a {\n margin-top: 0;\n margin-bottom: 1rem;\n text-decoration: none !important;\n list-style: none !important;\n }\n\n \/* Variables CSS locales *\/\n #wvp-master-container {\n --bg-deep: #020617;\n --bg-panel: #0f172a;\n --orange-main: #ff6b00;\n --orange-glow: #ff8800;\n --gold-partner: #fbbf24;\n --text-white: #ffffff;\n --text-gray: #94a3b8;\n --border-color: #1e293b;\n }\n\n \/* --- NAVIGATION --- *\/\n #wvp-master-container nav {\n position: sticky !important;\n top: 0 !important;\n width: 100% !important;\n background: rgba(2, 6, 23, 0.95) !important;\n backdrop-filter: blur(12px) !important;\n border-bottom: 1px solid var(--border-color) !important;\n z-index: 9999 !important;\n padding: 1rem 0 !important;\n margin: 0 !important;\n }\n\n #wvp-master-container .nav-container {\n max-width: 1200px !important;\n margin: 0 auto !important;\n display: flex !important;\n justify-content: space-between !important;\n align-items: center !important;\n padding: 0 20px !important;\n height: 100% !important;\n }\n\n \/* LOGO *\/\n #wvp-master-container .logo {\n font-size: 2rem !important;\n font-weight: 800 !important;\n text-transform: uppercase !important;\n letter-spacing: 1px !important;\n color: white !important;\n margin: 0 !important;\n line-height: 1 !important;\n display: flex !important;\n align-items: center !important;\n }\n\n #wvp-master-container .logo span { color: var(--orange-main) !important; }\n\n \/* MENU BOUTONS *\/\n #wvp-master-container .nav-links {\n display: flex !important;\n gap: 15px !important;\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n align-items: center !important;\n position: relative !important;\n top: 4px !important;\n }\n\n #wvp-master-container .nav-links a {\n color: white !important;\n background-color: var(--bg-panel) !important;\n border: 1px solid var(--orange-main) !important;\n text-decoration: none !important;\n font-weight: 600 !important;\n transition: all 0.3s !important;\n text-transform: uppercase !important;\n font-size: 0.85rem !important;\n padding: 8px 16px !important;\n border-radius: 4px !important;\n display: inline-block !important;\n margin: 0 !important;\n }\n\n #wvp-master-container .nav-links a:hover { \n background-color: var(--orange-main) !important;\n color: white !important;\n transform: translateY(-2px) !important;\n }\n\n \/* BOUTON CANDIDATER *\/\n #wvp-master-container .btn-cta {\n background: var(--orange-main) !important;\n color: white !important;\n padding: 0.7rem 1.5rem !important;\n border-radius: 4px !important;\n text-decoration: none !important;\n font-weight: bold !important;\n text-transform: uppercase !important;\n transition: all 0.3s !important;\n border: none !important;\n cursor: pointer !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n box-shadow: none !important;\n margin: 0 !important;\n }\n\n #wvp-master-container .btn-cta:hover {\n background: var(--orange-glow) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 6px 20px rgba(255, 107, 0, 0.5) !important;\n }\n\n \/* --- HERO HEADER --- *\/\n #wvp-master-container header {\n padding: 100px 20px 100px !important;\n text-align: center !important;\n background: radial-gradient(circle at 50% 30%, #1e293b 0%, var(--bg-deep) 70%) !important;\n margin-top: 0 !important;\n }\n\n #wvp-master-container h1 {\n font-size: 4rem !important;\n line-height: 1.1 !important;\n margin-bottom: 20px !important;\n background: linear-gradient(to right, #fff, #94a3b8) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n display: inline-block !important;\n }\n\n #wvp-master-container h1 span {\n background: linear-gradient(to right, var(--orange-main), var(--orange-glow)) !important;\n -webkit-background-clip: text !important;\n -webkit-text-fill-color: transparent !important;\n }\n\n #wvp-master-container .hero-sub {\n font-size: 1.3rem !important;\n color: var(--text-gray) !important;\n max-width: 700px !important;\n margin: 0 auto 40px !important;\n }\n\n \/* --- SECTIONS COMMUNES & LAYOUT --- *\/\n #wvp-master-container .section-packs {\n padding: 80px 20px !important;\n max-width: 1000px !important;\n width: 100% !important;\n margin: 0 auto !important;\n }\n\n #wvp-master-container .steps-section {\n background: linear-gradient(to bottom, var(--bg-deep), #0f172a) !important;\n padding: 80px 0 !important;\n border-top: 1px solid var(--border-color) !important;\n width: 100% !important;\n }\n\n #wvp-master-container .steps-container {\n padding: 0 20px !important;\n max-width: 1000px !important;\n width: 100% !important;\n margin: 0 auto !important;\n }\n\n #wvp-master-container .section-title {\n text-align: center !important;\n margin-bottom: 60px !important;\n }\n\n #wvp-master-container .section-title h2 {\n font-size: 2.5rem !important;\n margin-bottom: 10px !important;\n text-transform: uppercase !important;\n color: white !important;\n }\n \n #wvp-master-container .section-title span { color: var(--orange-main) !important; }\n #wvp-master-container .section-title p { color: #94a3b8 !important; }\n\n \/* --- GRILLES UNIFI\u00c9ES (PACKS ET STEPS) --- *\/\n #wvp-master-container .packs-grid,\n #wvp-master-container .steps-grid {\n display: grid !important;\n grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\n gap: 40px !important;\n width: 100% !important;\n }\n\n #wvp-master-container .steps-grid {\n margin-top: 50px !important;\n }\n\n \/* CARTE STANDARD *\/\n #wvp-master-container .pack-card,\n #wvp-master-container .step-card {\n background: var(--bg-panel) !important;\n border: 1px solid var(--border-color) !important;\n border-radius: 12px !important;\n overflow: hidden !important;\n transition: transform 0.3s, border-color 0.3s !important;\n display: flex !important;\n flex-direction: column !important;\n position: relative !important;\n margin: 0 !important;\n width: 100% !important;\n }\n\n #wvp-master-container .pack-card:hover,\n #wvp-master-container .step-card:hover {\n transform: translateY(-10px) !important;\n border-color: var(--orange-main) !important;\n box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\n }\n\n \/* CARTE PARTENAIRE *\/\n #wvp-master-container .pack-card.partner-style {\n border: 1px solid var(--gold-partner) !important;\n background: linear-gradient(180deg, rgba(251, 191, 36, 0.05) 0%, var(--bg-panel) 100%) !important;\n }\n \n #wvp-master-container .pack-card.partner-style:hover,\n #wvp-master-container .step-card:hover { \n border-color: var(--gold-partner) !important;\n box-shadow: 0 0 25px rgba(251, 191, 36, 0.2) !important;\n }\n\n #wvp-master-container .pack-card.partner-style .check-icon { color: var(--gold-partner) !important; }\n\n \/* HEADER NAVIGATEUR *\/\n #wvp-master-container .browser-header {\n background: #0f172a !important;\n padding: 10px 15px !important;\n border-bottom: 1px solid #1e293b !important;\n display: flex !important;\n gap: 6px !important;\n }\n\n #wvp-master-container .dot { width: 10px !important; height: 10px !important; border-radius: 50% !important; margin: 0 !important; }\n #wvp-master-container .red { background: #ef4444 !important; }\n #wvp-master-container .yellow { background: #f59e0b !important; }\n #wvp-master-container .green { background: #10b981 !important; }\n\n \/* IMAGES COMMUNES *\/\n #wvp-master-container .pack-image-container,\n #wvp-master-container .step-image-container { \n height: 180px !important;\n background: #334155 !important;\n position: relative !important;\n overflow: hidden !important;\n }\n\n #wvp-master-container .pack-image-container img,\n #wvp-master-container .step-image {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n opacity: 0.8 !important;\n transition: opacity 0.3s !important;\n margin: 0 !important;\n padding: 0 !important;\n display: block !important;\n }\n \n #wvp-master-container .step-image {\n height: 200px !important;\n opacity: 0.9 !important;\n }\n\n #wvp-master-container .pack-card:hover .pack-image-container img { opacity: 1 !important; transform: scale(1.05) !important; }\n\n \/* CONTENU CARTE *\/\n #wvp-master-container .pack-content { padding: 25px !important; flex-grow: 1 !important; display: flex !important; flex-direction: column !important; }\n\n #wvp-master-container .pack-title { font-size: 1.4rem !important; margin: 0 0 10px 0 !important; color: white !important; font-weight: 800 !important; text-transform: uppercase !important; }\n #wvp-master-container .pack-price { font-size: 1.8rem !important; font-weight: bold !important; color: var(--orange-main) !important; margin-bottom: 15px !important; line-height: 1.1 !important; }\n #wvp-master-container .pack-price small { font-size: 0.85rem !important; color: var(--text-gray) !important; font-weight: normal !important; display: block !important; margin-top: 5px !important; }\n\n #wvp-master-container .pack-features { list-style: none !important; padding: 0 !important; margin: 0 0 25px 0 !important; color: var(--text-gray) !important; font-size: 0.9rem !important; }\n #wvp-master-container .pack-features li { margin-bottom: 10px !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; padding: 0 !important; }\n #wvp-master-container .check-icon { color: var(--orange-main) !important; margin-top: 4px !important; flex-shrink: 0 !important; }\n\n \/* BOUTON PACKS *\/\n #wvp-master-container .btn-pack {\n margin-top: auto !important; \n display: block !important; \n text-align: center !important; \n border: 1px solid var(--orange-main) !important;\n color: white !important;\n background: var(--orange-main) !important;\n padding: 10px !important; \n border-radius: 6px !important; \n text-decoration: none !important;\n font-weight: bold !important; \n transition: all 0.3s !important; \n text-transform: uppercase !important; \n font-size: 0.9rem !important; \n cursor: pointer !important;\n box-shadow: none !important;\n }\n \n #wvp-master-container .btn-pack:hover { \n background: var(--orange-glow) !important; \n border-color: var(--orange-glow) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 4px 10px rgba(255, 107, 0, 0.4) !important;\n }\n\n #wvp-master-container .btn-pack.filled { background: var(--orange-main) !important; color: white !important; }\n\n \/* Texte convaincant Partenariat *\/\n #wvp-master-container .partner-pitch {\n text-align: center !important;\n margin-bottom: 60px !important;\n background: rgba(251, 191, 36, 0.05) !important;\n padding: 40px !important;\n border-left: 4px solid var(--gold-partner) !important;\n border-radius: 0 12px 12px 0 !important;\n }\n\n #wvp-master-container .partner-pitch h3 {\n color: var(--orange-main) !important;\n font-size: 1.8rem !important;\n margin-top: 0 !important;\n text-transform: uppercase !important;\n }\n\n #wvp-master-container .partner-pitch p {\n font-size: 1.1rem !important;\n color: #cbd5e1 !important;\n max-width: 800px !important;\n margin: 0 auto !important;\n }\n\n \/* Badge Num\u00e9ro *\/\n #wvp-master-container .step-badge {\n position: absolute !important;\n top: 15px !important;\n left: 15px !important;\n width: 40px !important;\n height: 40px !important;\n background: var(--orange-main) !important;\n color: white !important;\n border-radius: 8px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n font-size: 1.2rem !important;\n font-weight: 800 !important;\n box-shadow: 0 4px 6px rgba(0,0,0,0.4) !important;\n z-index: 10 !important;\n margin: 0 !important;\n line-height: 1 !important;\n }\n\n #wvp-master-container .step-content { padding: 25px !important; text-align: left !important; }\n #wvp-master-container .step-title { color: white !important; font-size: 1.3rem !important; font-weight: bold !important; margin: 0 0 10px 0 !important; text-transform: uppercase !important; }\n #wvp-master-container .step-desc { color: var(--text-gray) !important; font-size: 0.95rem !important; margin: 0 !important; }\n\n \/* --- SECTION HISTOIRE \/ AGENCE --- *\/\n #wvp-master-container .about-section {\n background: black !important;\n padding: 80px 20px !important;\n text-align: center !important;\n border-top: 1px solid var(--border-color) !important;\n }\n\n #wvp-master-container .about-container { max-width: 900px !important; margin: 0 auto !important; }\n\n #wvp-master-container .about-year {\n font-size: 5rem !important;\n font-weight: 900 !important;\n line-height: 1 !important;\n color: transparent !important;\n -webkit-text-stroke: 2px var(--orange-main) !important;\n opacity: 1 !important;\n margin-bottom: -20px !important;\n display: block !important;\n }\n\n #wvp-master-container .about-main-text {\n font-size: 1.5rem !important;\n color: white !important;\n font-weight: bold !important;\n position: relative !important;\n z-index: 2 !important;\n margin-bottom: 20px !important;\n }\n\n #wvp-master-container .about-sub-text {\n color: var(--text-gray) !important;\n font-size: 1.1rem !important;\n max-width: 700px !important;\n margin: 0 auto 40px !important;\n }\n\n #wvp-master-container .expertise-grid {\n display: flex !important;\n justify-content: center !important;\n gap: 40px !important;\n flex-wrap: wrap !important;\n margin-top: 40px !important;\n }\n\n #wvp-master-container .expertise-item {\n display: flex !important;\n align-items: center !important;\n gap: 15px !important;\n background: rgba(255,255,255,0.05) !important;\n padding: 15px 25px !important;\n border-radius: 50px !important;\n border: 1px solid var(--border-color) !important;\n }\n\n #wvp-master-container .expertise-icon { color: var(--orange-main) !important; font-size: 1.2rem !important; }\n #wvp-master-container .expertise-label { color: white !important; font-weight: bold !important; text-transform: uppercase !important; font-size: 0.9rem !important; }\n\n \/* --- CONTACT --- *\/\n #wvp-master-container .form-section { background: var(--bg-deep) !important; padding: 80px 20px !important; border-top: 1px solid var(--border-color) !important; }\n #wvp-master-container .form-container {\n max-width: 800px !important; margin: 0 auto !important; background: var(--bg-panel) !important;\n padding: 40px !important; border-radius: 12px !important; border: 1px solid var(--border-color) !important;\n }\n \n #wvp-master-container input, \n #wvp-master-container textarea, \n #wvp-master-container select {\n width: 100% !important; \n background: var(--bg-deep) !important; \n border: 1px solid var(--border-color) !important;\n padding: 15px !important; \n color: white !important; \n border-radius: 6px !important; \n box-sizing: border-box !important;\n font-size: 1rem !important;\n margin-bottom: 0 !important;\n min-height: 55px !important;\n line-height: normal !important;\n }\n\n #wvp-master-container select option {\n background-color: white !important;\n color: black !important;\n }\n \n #wvp-master-container .form-group { margin-bottom: 20px !important; }\n \n #wvp-master-container .contact-info-grid {\n display: grid !important;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;\n gap: 20px !important;\n margin-bottom: 40px !important;\n text-align: center !important;\n }\n \n #wvp-master-container .contact-item {\n background: rgba(255,255,255,0.03) !important;\n padding: 20px !important;\n border-radius: 8px !important;\n border: 1px solid var(--border-color) !important;\n }\n \n #wvp-master-container .contact-icon { font-size: 1.5rem !important; color: var(--orange-main) !important; margin-bottom: 10px !important; }\n #wvp-master-container .contact-text { color: white !important; font-weight: bold !important; margin: 0 !important; }\n \n #wvp-master-container .contact-text a {\n color: white !important;\n text-decoration: none !important;\n transition: color 0.3s !important;\n }\n #wvp-master-container .contact-text a:hover {\n color: var(--orange-main) !important;\n }\n\n \/* Footer *\/\n #wvp-master-container footer { padding: 50px 20px !important; text-align: center !important; color: var(--text-gray) !important; background: black !important; border-top: 1px solid var(--border-color) !important; }\n\n \/* --- STYLES POUR GRAVITY FORMS --- *\/\n #wvp-master-container .gform_wrapper { margin: 0 !important; }\n \n #wvp-master-container .gform_wrapper input:not([type=submit]):not([type=button]):not([type=image]):not([type=file]),\n #wvp-master-container .gform_wrapper textarea,\n #wvp-master-container .gform_wrapper select {\n background-color: var(--bg-deep) !important;\n border: 1px solid var(--border-color) !important;\n color: white !important;\n padding: 15px !important;\n border-radius: 6px !important;\n font-size: 1rem !important;\n width: 100% !important;\n text-align: left !important;\n }\n\n #wvp-master-container .gform_wrapper select option {\n background-color: #ffffff !important;\n color: #000000 !important;\n }\n\n #wvp-master-container .gform_wrapper .gform_footer input[type=submit] {\n background: var(--orange-main) !important;\n color: white !important;\n width: 100% !important;\n padding: 0.7rem 1.5rem !important;\n border-radius: 4px !important;\n font-weight: bold !important;\n text-transform: uppercase !important;\n border: none !important;\n cursor: pointer !important;\n font-size: 1rem !important;\n }\n \n #wvp-master-container .gform_wrapper .gform_footer input[type=submit]:hover {\n background: var(--orange-glow) !important;\n transform: translateY(-2px) !important;\n }\n\n #wvp-master-container .gform_wrapper .gfield_label {\n color: #94a3b8 !important;\n font-weight: normal !important;\n margin-bottom: 8px !important;\n display: block !important;\n text-align: left !important;\n }\n\n #wvp-master-container .gform_wrapper .gfield {\n margin-bottom: 20px !important;\n text-align: left !important;\n }\n\n #wvp-master-container .placeholder-form {\n text-align: center !important;\n border: 2px dashed #334155 !important;\n padding: 40px !important;\n color: #94a3b8 !important;\n margin-top: 30px !important;\n }\n #wvp-master-container .placeholder-form i { font-size: 3rem !important; margin-bottom: 20px !important; color: var(--orange-main) !important; }\n #wvp-master-container .placeholder-form p { margin-bottom: 10px !important; }\n #wvp-master-container .placeholder-form code {\n background: rgba(255,255,255,0.1) !important; padding: 5px 10px !important; border-radius: 4px !important;\n color: white !important; display: block !important; margin: 10px 0 !important;\n }\n\n \/* --- MODAL \/ POPUP STYLES --- *\/\n #wvp-master-container .modal-overlay {\n display: none; position: fixed !important; top: 0 !important; left: 0 !important;\n width: 100% !important; height: 100% !important; background: rgba(0, 0, 0, 0.8) !important;\n z-index: 99999 !important; justify-content: center !important; align-items: center !important;\n backdrop-filter: blur(5px) !important; opacity: 0; transition: opacity 0.3s ease !important;\n }\n #wvp-master-container .modal-container {\n background: var(--bg-panel) !important; width: 90% !important; max-width: 600px !important;\n padding: 40px !important; border-radius: 12px !important; border: 1px solid var(--border-color) !important;\n position: relative !important; transform: translateY(20px) !important; transition: transform 0.3s ease !important;\n box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important; text-align: left !important;\n }\n #wvp-master-container .modal-overlay.active { display: flex !important; opacity: 1 !important; }\n #wvp-master-container .modal-overlay.active .modal-container { transform: translateY(0) !important; }\n\n #wvp-master-container .modal-close {\n position: absolute !important; top: 15px !important; right: 15px !important;\n background: transparent !important; border: none !important; color: var(--text-gray) !important;\n font-size: 1.5rem !important; cursor: pointer !important; transition: color 0.3s !important;\n }\n #wvp-master-container .modal-close:hover { color: white !important; }\n\n #wvp-master-container .modal-title {\n color: var(--orange-main) !important; font-size: 2rem !important; margin-top: 0 !important;\n margin-bottom: 10px !important; text-transform: uppercase !important; font-weight: 800 !important;\n text-align: center !important;\n }\n #wvp-master-container .modal-subtitle {\n color: white !important; font-size: 1.2rem !important; margin-bottom: 20px !important;\n font-weight: bold !important; text-align: center !important;\n }\n #wvp-master-container .modal-text {\n color: #cbd5e1 !important; font-size: 1rem !important; margin-bottom: 30px !important; line-height: 1.7 !important;\n }\n #wvp-master-container .modal-list { list-style: none !important; padding: 0 !important; margin-bottom: 30px !important; }\n #wvp-master-container .modal-list li {\n margin-bottom: 10px !important; color: white !important; display: flex !important; align-items: center !important; gap: 10px !important;\n }\n #wvp-master-container .modal-list li i { color: var(--gold-partner) !important; }\n\n #wvp-master-container .modal-btn {\n background: var(--orange-main) !important; color: white !important; padding: 15px 30px !important;\n border: none !important; border-radius: 6px !important; font-weight: bold !important;\n font-size: 1.1rem !important; cursor: pointer !important; width: 100% !important;\n text-transform: uppercase !important; transition: background 0.3s !important;\n }\n #wvp-master-container .modal-btn:hover { background: var(--orange-glow) !important; }\n\n @media (max-width: 768px) { \n #wvp-master-container h1 { font-size: 2.5rem !important; } \n #wvp-master-container .steps-grid, \n #wvp-master-container .packs-grid { grid-template-columns: 1fr !important; } \n #wvp-master-container .expertise-grid { flex-direction: column !important; gap: 15px !important; }\n #wvp-master-container .contact-info-grid { grid-template-columns: 1fr !important; }\n #wvp-master-container .modal-container { padding: 25px !important; }\n #wvp-master-container .nav-links { display: none !important; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"wvp-master-container\">\n\n <!-- MODAL HTML STRUCTURE -->\n <div id=\"infoModal\" class=\"modal-overlay\">\n <div class=\"modal-container\">\n <button class=\"modal-close\" onclick=\"closeModal()\">×<\/button>\n <h2 id=\"modalTitle\" class=\"modal-title\">Titre du Pack<\/h2>\n <div id=\"modalContent\"><\/div>\n <button class=\"modal-btn\" onclick=\"validateModal()\">JE VALIDE CE CHOIX<\/button>\n <\/div>\n <\/div>\n\n <nav>\n <div class=\"nav-container\">\n <div class=\"logo\">WEBVIDEO<span>PUB<\/span><\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#packs\">Nos Packs<\/a><\/li>\n <li><a href=\"#process\">Partenariat<\/a><\/li>\n <li><a href=\"#agency\">L’Agence<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <a href=\"#contact\" class=\"btn-cta\">Candidater<\/a>\n <\/div>\n <\/nav>\n\n <header>\n <h1>VOTRE SUCC\u00c8S EST<br><span>NOTRE PRIORIT\u00c9.<\/span><\/h1>\n <p class=\"hero-sub\">Agence Digitale Marseille. Cr\u00e9ation de sites, r\u00e9daction experte et investissement dans les projets \u00e0 fort potentiel.<\/p>\n <a href=\"#packs\" class=\"btn-cta\">D\u00c9COUVRIR LES SOLUTIONS<\/a>\n <\/header>\n\n <!-- SECTION PACKS (GRID) -->\n <section id=\"packs\" class=\"section-packs\">\n <div class=\"section-title\">\n <h2>NOS OFFRES <span>STRAT\u00c9GIQUES<\/span><\/h2>\n <p>Choisissez la formule adapt\u00e9e \u00e0 votre ambition.<\/p>\n <\/div>\n\n <div class=\"packs-grid\">\n \n <!-- 1. PACK ACCESS -->\n <article class=\"pack-card\">\n <div class=\"browser-header\"><div class=\"dot red\"><\/div><div class=\"dot yellow\"><\/div><div class=\"dot green\"><\/div><\/div>\n <div class=\"pack-image-container\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80\" alt=\"Cr\u00e9ation site internet Marseille\">\n <\/div>\n <div class=\"pack-content\">\n <h3 class=\"pack-title\">PACK ACCESS<\/h3>\n <div class=\"pack-price\">VISIBILIT\u00c9 <small>Site Vitrine One-Page<\/small><\/div>\n <ul class=\"pack-features\">\n <li><i class=\"fas fa-check check-icon\"><\/i> Design Moderne & \u00c9pur\u00e9<\/li>\n <li><i class=\"fas fa-check check-icon\"><\/i> <strong>R\u00e9union & Formation incluses<\/strong><\/li>\n <li><i class=\"fas fa-check check-icon\"><\/i> Id\u00e9al Artisans & TPE<\/li>\n <\/ul>\n <button class=\"btn-pack\" onclick=\"openModal('access')\">CHOISIR ACCESS<\/button>\n <\/div>\n <\/article>\n\n <!-- 2. PACK BUSINESS -->\n <article class=\"pack-card\">\n <div class=\"browser-header\"><div class=\"dot red\"><\/div><div class=\"dot yellow\"><\/div><div class=\"dot green\"><\/div><\/div>\n <div class=\"pack-image-container\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=600&q=80\" alt=\"Agence SEO Marseille et Analytics\">\n <\/div>\n <div class=\"pack-content\">\n <h3 class=\"pack-title\">PACK BUSINESS<\/h3>\n <div class=\"pack-price\">SEO & CONTENU <small>Site Complet<\/small><\/div>\n <ul class=\"pack-features\">\n <li><i class=\"fas fa-check check-icon\"><\/i> <strong>R\u00e9daction Pro Incluse<\/strong><\/li>\n <li><i class=\"fas fa-check check-icon\"><\/i> <strong>R\u00e9union & Formation incluses<\/strong><\/li>\n <li><i class=\"fas fa-check check-icon\"><\/i> Optimisation SEO Google<\/li>\n <\/ul>\n <button class=\"btn-pack filled\" onclick=\"openModal('business')\">CHOISIR BUSINESS<\/button>\n <\/div>\n <\/article>\n\n <!-- 3. PACK MARCHAND -->\n <article class=\"pack-card\">\n <div class=\"browser-header\"><div class=\"dot red\"><\/div><div class=\"dot yellow\"><\/div><div class=\"dot green\"><\/div><\/div>\n <div class=\"pack-image-container\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=600&q=80\" alt=\"Cr\u00e9ation site E-commerce Boutique en ligne\">\n <\/div>\n <div class=\"pack-content\">\n <h3 class=\"pack-title\">PACK MARCHAND<\/h3>\n <div class=\"pack-price\">BOUTIQUE <small>E-Commerce Complet<\/small><\/div>\n <ul class=\"pack-features\">\n <li><i class=\"fas fa-check check-icon\"><\/i> Site Marchand S\u00e9curis\u00e9<\/li>\n <li><i class=\"fas fa-check check-icon\"><\/i> <strong>R\u00e9union & Formation incluses<\/strong><\/li>\n <li><i class=\"fas fa-check check-icon\"><\/i> Formation Stocks<\/li>\n <\/ul>\n <button class=\"btn-pack\" onclick=\"openModal('marchand')\">LANCER MON SHOP<\/button>\n <\/div>\n <\/article>\n\n <!-- 4. PACK PARTENAIRE -->\n <article class=\"pack-card partner-style\">\n <div style=\"position: absolute; top: 12px; right: -32px; background: var(--gold-partner); color: black; padding: 4px 35px; transform: rotate(45deg); font-weight: bold; font-size: 0.75rem; z-index: 10;\">INVEST<\/div>\n <div class=\"browser-header\"><div class=\"dot red\"><\/div><div class=\"dot yellow\"><\/div><div class=\"dot green\"><\/div><\/div>\n <div class=\"pack-image-container\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=600&q=80\" alt=\"Partenariat Investisseur Web Marseille\">\n <\/div>\n <div class=\"pack-content\">\n <h3 class=\"pack-title\">PACK PARTENAIRE<\/h3>\n <div class=\"pack-price\">CO\u00dbT R\u00c9DUIT <small>+ % sur les Ventes<\/small><\/div>\n <ul class=\"pack-features\">\n <li><i class=\"fas fa-check check-icon\"><\/i> Investissement technique<\/li>\n <li><i class=\"fas fa-check check-icon\"><\/i> <strong>R\u00e9union & Formation incluses<\/strong><\/li>\n <li><i class=\"fas fa-check check-icon\"><\/i> R\u00e9mun\u00e9ration au r\u00e9sultat<\/li>\n <\/ul>\n <p style=\"font-size: 0.75rem; color: #64748b; margin-top: auto; border-top: 1px solid rgba(251, 191, 36, 0.2); padding-top: 10px;\">\n *Hors frais pub\/vid\u00e9o. Sur dossier.\n <\/p>\n <button class=\"btn-pack\" style=\"margin-top: 15px;\" onclick=\"openModal('partner')\">CANDIDATER<\/button>\n <\/div>\n <\/article>\n\n <\/div>\n <\/section>\n\n <!-- SECTION PROCESSUS PARTENARIAT -->\n <section id=\"process\" class=\"steps-section\">\n <div class=\"steps-container\">\n <div class=\"section-title\">\n <h2>DEVENIR <span style=\"color: var(--orange-main);\">PARTENAIRE<\/span><\/h2>\n <p>Pourquoi et comment nous investissons dans votre projet.<\/p>\n <\/div>\n \n <div class=\"partner-pitch\">\n <h3>Ne d\u00e9pensez pas, investissez avec nous<\/h3>\n <p>\n Nous ne sommes pas de simples prestataires techniques. Avec le Pack Partenaire, WebVideoPub prend le risque financier de la cr\u00e9ation avec vous. \n En r\u00e9duisant consid\u00e9rablement le co\u00fbt d’entr\u00e9e, nous lib\u00e9rons votre tr\u00e9sorerie pour le stock et la publicit\u00e9. \n Nous nous r\u00e9mun\u00e9rons ensuite sur un pourcentage de vos ventes. \n <strong>C’est l’assurance absolue que nous mettrons tout en \u0153uvre pour que votre site performe.<\/strong> \n Si vous ne gagnez pas, nous ne gagnons pas. C’est un v\u00e9ritable pacte de croissance commune.\n <\/p>\n <\/div>\n\n <div class=\"steps-grid\">\n \n <div class=\"step-card\">\n <div class=\"step-badge\">1<\/div>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573497019940-1c28c88b4f3e?auto=format&fit=crop&w=600&q=80\" class=\"step-image\" alt=\"Entretien\">\n <div class=\"step-content\">\n <h3 class=\"step-title\">ENTRETIEN<\/h3>\n <p class=\"step-desc\">Premier \u00e9change visio ou pr\u00e9sentiel pour comprendre votre vision, vos besoins et l’ad\u00e9quation avec nos valeurs.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-badge\">2<\/div>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=600&q=80\" class=\"step-image\" alt=\"Etude Dossier\">\n <div class=\"step-content\">\n <h3 class=\"step-title\">\u00c9TUDE DOSSIER<\/h3>\n <p class=\"step-desc\">Analyse approfondie de votre march\u00e9, de la concurrence et du potentiel commercial de votre projet.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-badge\">3<\/div>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=600&q=80\" class=\"step-image\" alt=\"Accord\">\n <div class=\"step-content\">\n <h3 class=\"step-title\">R\u00c9PONSE<\/h3>\n <p class=\"step-desc\">Validation de notre investissement technique. Nous vous pr\u00e9sentons l’offre de partenariat d\u00e9taill\u00e9e.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"step-card\">\n <div class=\"step-badge\">4<\/div>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=600&q=80\" class=\"step-image\" alt=\"Lancement\">\n <div class=\"step-content\">\n <h3 class=\"step-title\">MISE EN PLACE<\/h3>\n <p class=\"step-desc\">Lancement imm\u00e9diat de la production du site et de la strat\u00e9gie d’acquisition. C’est parti !<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SECTION HISTOIRE \/ AGENCE -->\n <section id=\"agency\" class=\"about-section\">\n <div class=\"about-container\">\n <span class=\"about-year\">1983<\/span>\n <h2 class=\"about-main-text\">UNE MARQUE ARMONY INTERNATIONAL<\/h2>\n <p class=\"about-sub-text\">\n Notre soci\u00e9t\u00e9 existe depuis 1983. WebVideoPub a \u00e9t\u00e9 cr\u00e9\u00e9e par Armony International pour vous offrir une expertise digitale solide. Nous vous accompagnons dans votre d\u00e9veloppement par des strat\u00e9gies globales.\n <\/p>\n \n <div class=\"expertise-grid\">\n <div class=\"expertise-item\">\n <i class=\"fas fa-print expertise-icon\"><\/i>\n <span class=\"expertise-label\">Strat\u00e9gie Print<\/span>\n <\/div>\n <div class=\"expertise-item\">\n <i class=\"fas fa-bullhorn expertise-icon\"><\/i>\n <span class=\"expertise-label\">Marketing<\/span>\n <\/div>\n <div class=\"expertise-item\">\n <i class=\"fas fa-globe expertise-icon\"><\/i>\n <span class=\"expertise-label\">D\u00e9veloppement Web<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CONTACT -->\n <section id=\"contact\" class=\"form-section\">\n <div class=\"section-title\">\n <h2>D\u00c9MARRER LE PROJET<\/h2>\n <\/div>\n <div class=\"form-container\">\n \n <div class=\"contact-info-grid\">\n <div class=\"contact-item\">\n <i class=\"fas fa-map-marker-alt contact-icon\"><\/i>\n <p class=\"contact-text\">46 avenue des Olives<br>13013 Marseille<\/p>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fas fa-phone-alt contact-icon\"><\/i>\n <p class=\"contact-text\"><a href=\"tel:0491503434\">04 91 50 34 34<\/a><\/p>\n <\/div>\n <div class=\"contact-item\">\n <i class=\"fas fa-envelope contact-icon\"><\/i>\n <p class=\"contact-text\"><a href=\"mailto:infos@webvideopub.net\">infos@webvideopub.net<\/a><\/p>\n <\/div>\n <\/div>\n\n <!-- ZONE FORMULAIRE GRAVITY FORMS -->\n <div class=\"placeholder-form\">\n <p><strong>DISCUTONS ENSEMBLE DE VOTRE PROJET<\/strong><\/p>\n <p><code><script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_2' ><style>#gform_wrapper_2[data-form-index=\"0\"].gform-theme,[data-parent-form=\"2_0\"]{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url(\"data:image\/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-select: url(\"data:image\/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-icon-ctrl-search: url(\"data:image\/svg+xml,%3Csvg width='640' height='640' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'\/%3E%3C\/svg%3E\");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-file-btn-bg-color-hover: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}<\/style><div id='gf_2' class='gform_anchor' tabindex='-1'><\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_2' id='gform_2' action='\/index.php\/wp-json\/wp\/v2\/pages\/94#gf_2' data-formid='2' novalidate><input id=partial_entry_id_2 class=\"partial_entry_id\" type=hidden name=\"partial_entry_id\" value=\"pending\" data-form_id=\"2\"\/>\n <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_2_9\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\" ><label class='gfield_label gform-field-label' for='input_2_9'>X\/Twitter<\/label><div class='ginput_container'><input name='input_9' id='input_2_9' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_2_9'>Ce champ n\u2019est utilis\u00e9 qu\u2019\u00e0 des fins de validation et devrait rester inchang\u00e9.<\/div><\/div><fieldset id=\"field_2_4\" class=\"gfield gfield--type-name gfield--input-type-name gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\" ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Nom<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(N\u00e9cessaire)<\/span><\/span><\/legend><div class='ginput_complex ginput_container ginput_container--name no_prefix has_first_name no_middle_name has_last_name no_suffix gf_name_has_2 ginput_container_name gform-grid-row' id='input_2_4'>\n \n <span id='input_2_4_3_container' class='name_first gform-grid-col gform-grid-col--size-auto' >\n <input type='text' name='input_4.3' id='input_2_4_3' value='' aria-required='true' \/>\n <label for='input_2_4_3' class='gform-field-label gform-field-label--type-sub '>Pr\u00e9nom<\/label>\n <\/span>\n \n <span id='input_2_4_6_container' class='name_last gform-grid-col gform-grid-col--size-auto' >\n <input type='text' name='input_4.6' id='input_2_4_6' value='' aria-required='true' \/>\n <label for='input_2_4_6' class='gform-field-label gform-field-label--type-sub '>Nom<\/label>\n <\/span>\n \n <\/div><\/fieldset><div id=\"field_2_6\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\" ><label class='gfield_label gform-field-label' for='input_2_6'>T\u00e9l\u00e9phone<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(N\u00e9cessaire)<\/span><\/span><\/label><div class='ginput_container ginput_container_phone'><input name='input_6' id='input_2_6' type='tel' value='' class='large' aria-required=\"true\" aria-invalid=\"false\" \/><\/div><\/div><div id=\"field_2_1\" class=\"gfield gfield--type-text gfield--input-type-text gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\" ><label class='gfield_label gform-field-label' for='input_2_1'>Objet de votre message :<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(N\u00e9cessaire)<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_2_1' type='text' value='' class='large' aria-required=\"true\" aria-invalid=\"false\" \/><\/div><\/div><div id=\"field_2_7\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\" ><label class='gfield_label gform-field-label' for='input_2_7'>Type de demande<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(N\u00e9cessaire)<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_7' id='input_2_7' class='large gfield_select' aria-required=\"true\" aria-invalid=\"false\" ><option value='Devis Classique (Access\/Business)' >Devis Classique (Access\/Business)<\/option><option value='Devis E-commerce (Achat)' >Devis E-commerce (Achat)<\/option><option value='Candidature Pack Partenaire' >Candidature Pack Partenaire<\/option><option value='Autre demande' >Autre demande<\/option><\/select><\/div><\/div><div id=\"field_2_2\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield_contains_required field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\" ><label class='gfield_label gform-field-label' for='input_2_2'>Votre Message :<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(N\u00e9cessaire)<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_2' id='input_2_2' class='textarea medium' aria-describedby=\"gfield_description_2_2\" aria-required=\"true\" aria-invalid=\"false\" rows='10' cols='50'><\/textarea><\/div><div class='gfield_description' id='gfield_description_2_2'>D\u00e9crivez votre projet...<\/div><\/div><div id=\"field_2_3\" class=\"gfield gfield--type-email gfield--input-type-email gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\" ><label class='gfield_label gform-field-label' for='input_2_3'>Votre email :<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(N\u00e9cessaire)<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n <input name='input_3' id='input_2_3' type='email' value='' class='medium' aria-required=\"true\" aria-invalid=\"false\" \/>\n <\/div><\/div><div id=\"field_2_8\" class=\"gfield gfield--type-captcha gfield--input-type-captcha gfield--width-full field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\" ><label class='gfield_label gform-field-label' for='input_2_8'>CAPTCHA<\/label><div id='input_2_8' class='ginput_container ginput_recaptcha' data-sitekey='6LdThSosAAAAAJyeHRjbhLIKLgCjQKCXdmnm-Rbn' data-theme='light' data-tabindex='0' data-badge=''><\/div><\/div><\/div><\/div>\n <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Envoyer' \/> <input type='hidden' name='gform_ajax' value='form_id=2&title=&description=&tabindex=0&theme=orbital&styles=[]&hash=0f50d7826bb69ac3e2067454ed67c99e' \/>\n <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_2' value='iframe' \/>\n <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_2' id='gform_theme_2' value='orbital' \/>\n <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_2' id='gform_style_settings_2' value='[]' \/>\n <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' \/>\n <input type='hidden' class='gform_hidden' name='gform_submit' value='2' \/>\n \n <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='ep0HtpyMfgrpI7XhAhBe1MvNgJFJTsmtt+d81EqjaEzowSmfVC7xFkQqnhw0M4icCrXTGRtw14B2onDgt9umgOWb0lnlBSYxaqFFXfjrTF7tsRU=' \/>\n <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n <input type='hidden' class='gform_hidden' name='state_2' value='WyJ7XCI3XCI6W1wiNWY0MzBjMTc2NmE5ODg2ZmE0MzcxNzg5ODdjOWJiYmRcIixcIjNiNjFlYTIwMWEwNDExZmZiMTg5OGJkNGZkODYyNDZmXCIsXCI1NzkxYzIzNDE5NWRjYzRkOWQyZWM2OWI0M2M3YjczZFwiLFwiMzY2MjMxMzhkZmMyMjFjMTMzNTNlOTQ1NTJiYjY1NWRcIl19IiwiMjg4NTFkNGJjYjYzOTE3MTM4Y2M1OWRjOWUwMTIxNWEiXQ==' \/>\n <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' \/>\n <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' \/>\n <input type='hidden' name='gform_field_values' value='' \/>\n \n <\/div>\n <\/form>\n <\/div>\n\t\t <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_2' id='gform_ajax_frame_2' title='Cette iframe contient la logique n\u00e9cessaire pour manipuler Gravity Forms avec Ajax.'><\/iframe>\n\t\t <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https:\/\/www.webvideopub.net\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_2').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https:\/\/www.webvideopub.net\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_2').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"2\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( \"gform_wrapper_2\" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( \"span\" ); visibilitySpan.id = \"gform_visibility_test_2\"; gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan ); } const visibilityTestDiv = document.getElementById( \"gform_visibility_test_2\" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; gform.core.triggerPostRenderEvents( 2, current_page ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} );\n<\/script>\n<\/code><\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n <footer>\n <p>© 2025 WebVideoPub – Une marque d’Armony International (Depuis 1983).<br>Agence Digitale Marseille.<br>46 avenue des Olives, 13013 Marseille<\/p>\n <\/footer>\n\n<\/div>\n\n<!-- JAVASCRIPT POUR LES MODALES -->\n<script>\n const modalData = {\n access: {\n title: \"Pack Access\",\n subtitle: \"L'essentiel pour \u00eatre vu et rassurer vos clients.\",\n content: `\n <p class=\"modal-text\">Ce pack est con\u00e7u pour les artisans, lib\u00e9raux et TPE qui ont besoin d'une pr\u00e9sence professionnelle rapide sans budget excessif. Le but est de rassurer vos prospects quand ils cherchent votre nom sur Google.<\/p>\n <ul class=\"modal-list\">\n <li><i class=\"fas fa-check\"><\/i> <strong>Visibilit\u00e9 Imm\u00e9diate :<\/strong> Un site One-Page moderne mis en ligne rapidement.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>Cr\u00e9dibilit\u00e9 :<\/strong> Montrez vos r\u00e9alisations et vos coordonn\u00e9es de mani\u00e8re professionnelle.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>R\u00e9union & Formation :<\/strong> Nous vous formons \u00e0 la prise en main de votre outil.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>Budget Ma\u00eetris\u00e9 :<\/strong> Une solution \u00e9conomique sans co\u00fbts cach\u00e9s.<\/li>\n <\/ul>\n `,\n selectValue: \"access\"\n },\n business: {\n title: \"Pack Business\",\n subtitle: \"Pour ceux qui veulent \u00eatre trouv\u00e9s sur Google.\",\n content: `\n <p class=\"modal-text\">Le Pack Business est orient\u00e9 vers l'acquisition de trafic. Nous ne faisons pas que le design, nous int\u00e9grons une strat\u00e9gie de contenu pour que Google comprenne votre activit\u00e9 et vous classe devant vos concurrents.<\/p>\n <ul class=\"modal-list\">\n <li><i class=\"fas fa-check\"><\/i> <strong>Contenu Expert :<\/strong> Nos r\u00e9dacteurs \u00e9crivent vos textes pour s\u00e9duire \u00e0 la fois les clients et les moteurs de recherche.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>Structure SEO :<\/strong> Site complet optimis\u00e9 pour cibler vos mots-cl\u00e9s strat\u00e9giques.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>R\u00e9union & Formation :<\/strong> Accompagnement strat\u00e9gique inclus.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>Blog Int\u00e9gr\u00e9 :<\/strong> Pour publier vos actualit\u00e9s et fid\u00e9liser votre audience.<\/li>\n <\/ul>\n `,\n selectValue: \"access\" \n },\n marchand: {\n title: \"Pack Marchand\",\n subtitle: \"Votre boutique ouverte 24h\/24 et 7j\/7.\",\n content: `\n <p class=\"modal-text\">Une solution E-commerce cl\u00e9 en main pour vendre vos produits en toute autonomie. Vous devenez propri\u00e9taire de votre outil de vente, sans commission sur les ventes.<\/p>\n <ul class=\"modal-list\">\n <li><i class=\"fas fa-check\"><\/i> <strong>Autonomie Totale :<\/strong> Interface de gestion simple pour vos stocks et commandes.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>S\u00e9curit\u00e9 :<\/strong> Paiements s\u00e9curis\u00e9s (Stripe, PayPal, CB) int\u00e9gr\u00e9s.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>R\u00e9union & Formation :<\/strong> Formation compl\u00e8te \u00e0 la gestion de votre boutique.<\/li>\n <\/ul>\n `,\n selectValue: \"ecommerce\"\n },\n partner: {\n title: \"Pack Partenaire\",\n subtitle: \"Nous investissons dans votre r\u00e9ussite.\",\n content: `\n <p class=\"modal-text\">R\u00e9serv\u00e9 aux projets ambitieux. WebVideoPub finance une grande partie de la production technique en \u00e9change d'un pourcentage sur les r\u00e9sultats. C'est le partenariat gagnant-gagnant ultime.<\/p>\n <ul class=\"modal-list\">\n <li><i class=\"fas fa-check\"><\/i> <strong>Risque Partag\u00e9 :<\/strong> Vous ne portez pas seul le co\u00fbt de la cr\u00e9ation.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>Expertise Engag\u00e9e :<\/strong> Comme nous sommes r\u00e9mun\u00e9r\u00e9s au r\u00e9sultat, nous sommes oblig\u00e9s d'\u00eatre performants.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>R\u00e9union & Formation :<\/strong> Suivi strat\u00e9gique r\u00e9gulier inclus.<\/li>\n <li><i class=\"fas fa-check\"><\/i> <strong>Tr\u00e9sorerie Pr\u00e9serv\u00e9e :<\/strong> Gardez votre cash pour le stock et la publicit\u00e9.<\/li>\n <\/ul>\n `,\n selectValue: \"partner\"\n }\n };\n\n const modal = document.getElementById('infoModal');\n const modalTitle = document.getElementById('modalTitle');\n const modalContent = document.getElementById('modalContent');\n let currentSelectValue = \"\";\n\n function openModal(packType) {\n const data = modalData[packType];\n if (!data) return;\n modalTitle.textContent = data.title;\n modalContent.innerHTML = `<div class=\"modal-subtitle\">${data.subtitle}<\/div>${data.content}`;\n currentSelectValue = data.selectValue;\n modal.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeModal() {\n modal.classList.remove('active');\n document.body.style.overflow = 'auto';\n }\n\n function validateModal() {\n closeModal();\n document.getElementById('contact').scrollIntoView({ behavior: 'smooth' });\n }\n\n modal.addEventListener('click', function(e) {\n if (e.target === modal) {\n closeModal();\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Agence Web Marseille – Cr\u00e9ation Site Internet | WebVideoPub × Titre du Pack JE VALIDE CE CHOIX WEBVIDEOPUB Nos Packs Partenariat L’Agence Contact Candidater VOTRE SUCC\u00c8S ESTNOTRE PRIORIT\u00c9. Agence Digitale Marseille. Cr\u00e9ation de sites, r\u00e9daction experte et investissement dans les projets \u00e0 fort potentiel. D\u00c9COUVRIR LES SOLUTIONS NOS OFFRES STRAT\u00c9GIQUES Choisissez la formule adapt\u00e9e \u00e0 […]<\/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-94","page","type-page","status-publish","hentry"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Webvideopub Accueil - WebVideoPub - Cr\u00e9ation de Sites Internet Marseille & PACA Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983<\/title>\n<meta name=\"description\" content=\"Besoin d'un site web professionnel \u00e0 Marseille ? WebVideoPub cr\u00e9e votre site vitrine ou e-commerce sur-mesure en r\u00e9gion PACA. Visibilit\u00e9 et design pro. Devis gratuit. Devis au 04 91 50 34 34.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webvideopub.net\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Webvideopub Accueil - WebVideoPub - Cr\u00e9ation de Sites Internet Marseille & PACA Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983\" \/>\n<meta property=\"og:description\" content=\"Besoin d'un site web professionnel \u00e0 Marseille ? WebVideoPub cr\u00e9e votre site vitrine ou e-commerce sur-mesure en r\u00e9gion PACA. Visibilit\u00e9 et design pro. Devis gratuit. Devis au 04 91 50 34 34.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webvideopub.net\/\" \/>\n<meta property=\"og:site_name\" content=\"WebVideoPub - Cr\u00e9ation de Sites Internet Marseille & PACA\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T09:44:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webvideopub.net\/\",\"url\":\"https:\/\/www.webvideopub.net\/\",\"name\":\"Webvideopub Accueil - WebVideoPub - Cr\u00e9ation de Sites Internet Marseille & PACA Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983\",\"isPartOf\":{\"@id\":\"https:\/\/www.webvideopub.net\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webvideopub.net\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webvideopub.net\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80\",\"datePublished\":\"2025-11-28T08:32:31+00:00\",\"dateModified\":\"2026-03-26T09:44:18+00:00\",\"description\":\"Besoin d'un site web professionnel \u00e0 Marseille ? WebVideoPub cr\u00e9e votre site vitrine ou e-commerce sur-mesure en r\u00e9gion PACA. Visibilit\u00e9 et design pro. Devis gratuit. Devis au 04 91 50 34 34.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webvideopub.net\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webvideopub.net\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.webvideopub.net\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webvideopub.net\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/www.webvideopub.net\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webvideopub Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webvideopub.net\/#website\",\"url\":\"https:\/\/www.webvideopub.net\/\",\"name\":\"Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983\",\"description\":\"Sp\u00e9cialiste sites vitrines, e-commerce et solutions web pour entreprises, associations, soci\u00e9t\u00e9, etc..\",\"publisher\":{\"@id\":\"https:\/\/www.webvideopub.net\/#organization\"},\"alternateName\":\"Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webvideopub.net\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webvideopub.net\/#organization\",\"name\":\"Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983\",\"url\":\"https:\/\/www.webvideopub.net\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.webvideopub.net\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/compographique-sauvegarde.com\/Webvideopub2025\/wp-content\/uploads\/2025\/12\/webvideopublogo-1024x164-1.jpg\",\"contentUrl\":\"http:\/\/compographique-sauvegarde.com\/Webvideopub2025\/wp-content\/uploads\/2025\/12\/webvideopublogo-1024x164-1.jpg\",\"width\":1024,\"height\":164,\"caption\":\"Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983\"},\"image\":{\"@id\":\"https:\/\/www.webvideopub.net\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Webvideopub Accueil - WebVideoPub - Cr\u00e9ation de Sites Internet Marseille & PACA Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983","description":"Besoin d'un site web professionnel \u00e0 Marseille ? WebVideoPub cr\u00e9e votre site vitrine ou e-commerce sur-mesure en r\u00e9gion PACA. Visibilit\u00e9 et design pro. Devis gratuit. Devis au 04 91 50 34 34.","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:\/\/www.webvideopub.net\/","og_locale":"fr_FR","og_type":"article","og_title":"Webvideopub Accueil - WebVideoPub - Cr\u00e9ation de Sites Internet Marseille & PACA Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983","og_description":"Besoin d'un site web professionnel \u00e0 Marseille ? WebVideoPub cr\u00e9e votre site vitrine ou e-commerce sur-mesure en r\u00e9gion PACA. Visibilit\u00e9 et design pro. Devis gratuit. Devis au 04 91 50 34 34.","og_url":"https:\/\/www.webvideopub.net\/","og_site_name":"WebVideoPub - Cr\u00e9ation de Sites Internet Marseille & PACA","article_modified_time":"2026-03-26T09:44:18+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.webvideopub.net\/","url":"https:\/\/www.webvideopub.net\/","name":"Webvideopub Accueil - WebVideoPub - Cr\u00e9ation de Sites Internet Marseille & PACA Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983","isPartOf":{"@id":"https:\/\/www.webvideopub.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webvideopub.net\/#primaryimage"},"image":{"@id":"https:\/\/www.webvideopub.net\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80","datePublished":"2025-11-28T08:32:31+00:00","dateModified":"2026-03-26T09:44:18+00:00","description":"Besoin d'un site web professionnel \u00e0 Marseille ? WebVideoPub cr\u00e9e votre site vitrine ou e-commerce sur-mesure en r\u00e9gion PACA. Visibilit\u00e9 et design pro. Devis gratuit. Devis au 04 91 50 34 34.","breadcrumb":{"@id":"https:\/\/www.webvideopub.net\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webvideopub.net\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.webvideopub.net\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1467232004584-a241de8bcf5d?auto=format&fit=crop&w=600&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webvideopub.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.webvideopub.net\/"},{"@type":"ListItem","position":2,"name":"Webvideopub Accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.webvideopub.net\/#website","url":"https:\/\/www.webvideopub.net\/","name":"Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983","description":"Sp\u00e9cialiste sites vitrines, e-commerce et solutions web pour entreprises, associations, soci\u00e9t\u00e9, etc..","publisher":{"@id":"https:\/\/www.webvideopub.net\/#organization"},"alternateName":"Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webvideopub.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.webvideopub.net\/#organization","name":"Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983","url":"https:\/\/www.webvideopub.net\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.webvideopub.net\/#\/schema\/logo\/image\/","url":"http:\/\/compographique-sauvegarde.com\/Webvideopub2025\/wp-content\/uploads\/2025\/12\/webvideopublogo-1024x164-1.jpg","contentUrl":"http:\/\/compographique-sauvegarde.com\/Webvideopub2025\/wp-content\/uploads\/2025\/12\/webvideopublogo-1024x164-1.jpg","width":1024,"height":164,"caption":"Cr\u00e9ation Site Internet Marseille & PACA - WebVideoPub depuis 1983"},"image":{"@id":"https:\/\/www.webvideopub.net\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.webvideopub.net\/index.php\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webvideopub.net\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.webvideopub.net\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.webvideopub.net\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webvideopub.net\/index.php\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":51,"href":"https:\/\/www.webvideopub.net\/index.php\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/www.webvideopub.net\/index.php\/wp-json\/wp\/v2\/pages\/94\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/www.webvideopub.net\/index.php\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}