Parler de votre projet \u2014 We-Bulle<\/title>\n\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=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --orange: #ff5a1f;\n --orange-dark: #e94a0d;\n --orange-soft: #fff1ea;\n --navy: #071426;\n --navy-2: #0d1b2e;\n --text: #151922;\n --muted: #667085;\n --line: #e7e9ee;\n --surface: #ffffff;\n --surface-2: #f8f9fb;\n --shadow: 0 18px 60px rgba(16, 24, 40, 0.10);\n --radius-lg: 24px;\n --radius-md: 16px;\n --radius-sm: 11px;\n --container: 1180px;\n }\n\n * {\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n margin: 0;\n color: var(--text);\n background:\n radial-gradient(circle at 88% 8%, rgba(255, 90, 31, 0.08), transparent 22%),\n linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);\n font-family: \"Manrope\", Arial, sans-serif;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n img, svg {\n display: block;\n }\n\n button, input, textarea {\n font: inherit;\n }\n\n .container {\n width: min(calc(100% - 40px), var(--container));\n margin-inline: auto;\n }\n\n \/* Header *\/\n .site-header {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,0.92);\n backdrop-filter: blur(18px);\n border-bottom: 1px solid rgba(231,233,238,0.85);\n }\n\n .nav {\n min-height: 78px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n }\n\n .brand {\n display: inline-flex;\n align-items: center;\n gap: 11px;\n flex-shrink: 0;\n }\n\n .brand-mark {\n width: 36px;\n height: 36px;\n }\n\n .brand-name {\n font-size: 22px;\n font-weight: 800;\n letter-spacing: -0.04em;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\n font-size: 14px;\n font-weight: 700;\n }\n\n .nav-links a {\n position: relative;\n padding: 30px 0 26px;\n }\n\n .nav-links a::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 18px;\n height: 2px;\n background: var(--orange);\n transform: scaleX(0);\n transition: transform .2s ease;\n }\n\n .nav-links a:hover::after,\n .nav-links a.active::after {\n transform: scaleX(1);\n }\n\n .header-cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 46px;\n padding: 0 20px;\n border-radius: 10px;\n background: var(--orange);\n color: #fff;\n font-size: 14px;\n font-weight: 800;\n box-shadow: 0 10px 25px rgba(255, 90, 31, .20);\n transition: .2s ease;\n }\n\n .header-cta:hover {\n transform: translateY(-2px);\n background: var(--orange-dark);\n }\n\n .menu-toggle {\n display: none;\n width: 44px;\n height: 44px;\n border: 1px solid var(--line);\n border-radius: 10px;\n background: #fff;\n cursor: pointer;\n }\n\n \/* Hero *\/\n .contact-hero {\n padding: 54px 0 80px;\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: .88fr 1.12fr;\n gap: 72px;\n align-items: start;\n }\n\n .eyebrow {\n width: 52px;\n height: 3px;\n background: var(--orange);\n border-radius: 999px;\n margin-bottom: 22px;\n }\n\n h1 {\n margin: 0;\n max-width: 560px;\n color: var(--navy);\n font-size: clamp(48px, 5.3vw, 76px);\n line-height: .99;\n letter-spacing: -0.055em;\n font-weight: 800;\n }\n\n .lead {\n max-width: 540px;\n margin: 26px 0 0;\n font-size: 18px;\n color: #313846;\n }\n\n .promises {\n display: grid;\n gap: 18px;\n margin: 34px 0;\n }\n\n .promise {\n display: flex;\n align-items: center;\n gap: 15px;\n font-weight: 700;\n }\n\n .icon-circle {\n width: 42px;\n height: 42px;\n flex: 0 0 42px;\n display: grid;\n place-items: center;\n border: 1.5px solid var(--orange);\n border-radius: 50%;\n color: var(--orange);\n background: #fff;\n }\n\n .contact-card {\n background: #fff;\n border: 1px solid var(--line);\n border-radius: var(--radius-md);\n box-shadow: 0 10px 30px rgba(16, 24, 40, .06);\n overflow: hidden;\n }\n\n .contact-info {\n padding: 10px 28px;\n margin-top: 26px;\n }\n\n .contact-row {\n display: flex;\n gap: 15px;\n align-items: center;\n padding: 18px 0;\n border-bottom: 1px solid var(--line);\n }\n\n .contact-row:last-child {\n border-bottom: 0;\n }\n\n .contact-row svg {\n color: var(--orange);\n flex: 0 0 23px;\n }\n\n .contact-row strong {\n display: block;\n font-size: 15px;\n }\n\n .visual-card {\n position: relative;\n min-height: 260px;\n margin-top: 18px;\n border-radius: var(--radius-md);\n overflow: hidden;\n background:\n radial-gradient(circle at center, rgba(255,90,31,.18), transparent 28%),\n linear-gradient(145deg, #071426 0%, #0f2138 100%);\n box-shadow: var(--shadow);\n }\n\n .visual-card::before,\n .visual-card::after {\n content: \"\";\n position: absolute;\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 50%;\n inset: 30px;\n }\n\n .visual-card::after {\n inset: 72px;\n }\n\n .network-center {\n position: absolute;\n inset: 50% auto auto 50%;\n transform: translate(-50%, -50%);\n width: 96px;\n height: 96px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: linear-gradient(145deg, #10223a, #071426);\n border: 1px solid rgba(255,255,255,.13);\n box-shadow: 0 0 40px rgba(255,90,31,.22);\n }\n\n .network-node {\n position: absolute;\n width: 58px;\n height: 58px;\n display: grid;\n place-items: center;\n border-radius: 15px;\n color: #fff;\n background: rgba(18, 38, 64, .92);\n border: 1px solid rgba(255,255,255,.12);\n box-shadow: 0 16px 30px rgba(0,0,0,.22);\n }\n\n .node-1 { left: 28px; top: 35px; }\n .node-2 { right: 28px; top: 40px; }\n .node-3 { left: 48px; bottom: 28px; }\n .node-4 { right: 48px; bottom: 28px; }\n\n .network-line {\n position: absolute;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--orange), transparent);\n transform-origin: left center;\n opacity: .7;\n }\n\n .line-1 { width: 145px; left: 95px; top: 84px; transform: rotate(19deg); }\n .line-2 { width: 145px; right: 95px; top: 84px; transform: rotate(161deg); }\n .line-3 { width: 145px; left: 105px; bottom: 76px; transform: rotate(-18deg); }\n .line-4 { width: 145px; right: 105px; bottom: 76px; transform: rotate(198deg); }\n\n \/* Form *\/\n .form-card {\n padding: 34px;\n background: rgba(255,255,255,.96);\n border: 1px solid var(--line);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow);\n }\n\n .field {\n margin-bottom: 22px;\n }\n\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 800;\n color: var(--navy);\n }\n\n input,\n textarea {\n width: 100%;\n border: 1px solid #dfe3ea;\n border-radius: var(--radius-sm);\n background: #fff;\n color: var(--text);\n outline: none;\n transition: .2s ease;\n }\n\n input {\n height: 54px;\n padding: 0 16px;\n }\n\n textarea {\n min-height: 180px;\n padding: 16px;\n resize: vertical;\n }\n\n input:focus,\n textarea:focus {\n border-color: var(--orange);\n box-shadow: 0 0 0 4px rgba(255,90,31,.10);\n }\n\n input::placeholder,\n textarea::placeholder {\n color: #9aa2b1;\n }\n\n .choice-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n }\n\n .choice {\n position: relative;\n }\n\n .choice input {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n }\n\n .choice label {\n min-height: 100px;\n margin: 0;\n padding: 16px 10px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-align: center;\n border: 1px solid var(--line);\n border-radius: 12px;\n cursor: pointer;\n font-size: 14px;\n transition: .2s ease;\n }\n\n .choice label svg {\n color: var(--orange);\n }\n\n .choice input:checked + label {\n border-color: var(--orange);\n background: var(--orange-soft);\n box-shadow: 0 0 0 3px rgba(255,90,31,.08);\n }\n\n .submit-btn {\n width: 100%;\n min-height: 58px;\n margin-top: 4px;\n border: 0;\n border-radius: 12px;\n background: linear-gradient(90deg, #ff4f0b, #ff681f);\n color: #fff;\n font-size: 17px;\n font-weight: 800;\n cursor: pointer;\n box-shadow: 0 14px 28px rgba(255,90,31,.22);\n transition: .2s ease;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 18px 34px rgba(255,90,31,.28);\n }\n\n .privacy {\n margin-top: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n color: var(--muted);\n font-size: 13px;\n }\n\n .form-message {\n display: none;\n margin-top: 16px;\n padding: 14px 16px;\n border-radius: 10px;\n background: #ecfdf3;\n color: #067647;\n font-weight: 700;\n font-size: 14px;\n }\n\n \/* Value props *\/\n .value-section {\n padding: 0 0 80px;\n }\n\n .value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .value-card {\n display: flex;\n gap: 18px;\n padding: 28px;\n border: 1px solid var(--line);\n border-radius: var(--radius-md);\n background: #fff;\n box-shadow: 0 8px 24px rgba(16, 24, 40, .04);\n }\n\n .value-icon {\n width: 58px;\n height: 58px;\n flex: 0 0 58px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--orange-soft);\n color: var(--orange);\n }\n\n .value-card h3 {\n margin: 2px 0 5px;\n color: var(--navy);\n font-size: 19px;\n line-height: 1.2;\n }\n\n .value-card p {\n margin: 0;\n color: var(--muted);\n font-size: 14px;\n }\n\n \/* Footer *\/\n footer {\n border-top: 1px solid var(--line);\n background: #fff;\n }\n\n .footer-main {\n display: grid;\n grid-template-columns: 1.35fr .7fr .7fr .7fr;\n gap: 48px;\n padding: 55px 0 38px;\n }\n\n .footer-brand p {\n max-width: 390px;\n margin: 18px 0;\n color: var(--muted);\n font-size: 14px;\n }\n\n .socials {\n display: flex;\n gap: 9px;\n }\n\n .socials a {\n width: 34px;\n height: 34px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--navy);\n color: #fff;\n font-size: 13px;\n font-weight: 800;\n }\n\n .footer-col h4 {\n margin: 0 0 16px;\n color: var(--navy);\n font-size: 15px;\n }\n\n .footer-col a {\n display: block;\n margin: 9px 0;\n color: #424a59;\n font-size: 14px;\n }\n\n .footer-col a:hover {\n color: var(--orange);\n }\n\n .footer-bottom {\n display: flex;\n justify-content: center;\n gap: 52px;\n flex-wrap: wrap;\n padding: 20px 0;\n border-top: 1px solid var(--line);\n color: var(--muted);\n font-size: 13px;\n }\n\n @media (max-width: 1020px) {\n .nav-links {\n display: none;\n }\n\n .menu-toggle {\n display: grid;\n place-items: center;\n }\n\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .hero-copy {\n max-width: 760px;\n }\n\n .form-card {\n max-width: 760px;\n }\n\n .value-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-main {\n grid-template-columns: 1.3fr 1fr 1fr;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 700px) {\n .container {\n width: min(calc(100% - 28px), var(--container));\n }\n\n .site-header .header-cta {\n display: none;\n }\n\n .brand-name {\n font-size: 19px;\n }\n\n .contact-hero {\n padding: 48px 0 58px;\n }\n\n h1 {\n font-size: clamp(44px, 13vw, 60px);\n }\n\n .lead {\n font-size: 16px;\n }\n\n .form-card {\n padding: 22px;\n border-radius: 18px;\n }\n\n .choice-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .visual-card {\n min-height: 220px;\n }\n\n .footer-main {\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 470px) {\n .choice-grid,\n .footer-main {\n grid-template-columns: 1fr;\n }\n\n .value-card {\n padding: 22px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n<main>\n <section class=\"contact-hero\" id=\"contact\">\n <div class=\"container hero-grid\">\n <div class=\"hero-copy\">\n <div class=\"eyebrow\"><\/div>\n <h1>Parlons de votre projet<\/h1>\n <p class=\"lead\">\n Expliquez-nous votre besoin : ERP, automatisation, agent IA ou optimisation d\u2019un processus m\u00e9tier.\n Nous revenons vers vous rapidement avec une premi\u00e8re analyse.\n <\/p>\n\n <div class=\"promises\">\n <div class=\"promise\">\n <span class=\"icon-circle\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"promise\">\n <span class=\"icon-circle\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"promise\">\n <span class=\"icon-circle\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n\n <div class=\"contact-card contact-info\">\n <a class=\"contact-row\" href=\"mailto:contact@we-bulle.fr\">\n <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <path d=\"M4 7l8 6 8-6\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <\/svg>\n <strong>contact@we-bulle.fr<\/strong>\n <\/a>\n\n <a class=\"contact-row\" href=\"tel:+33782517103\">\n <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M7 3h3l1.5 4-2 1.5a16 16 0 006 6l1.5-2 4 1.5v3c0 2-1.5 4-4 4C9.3 20.5 3.5 14.7 3 7c0-2.5 2-4 4-4z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <strong>07 82 51 71 03<\/strong>\n <\/a>\n\n <div class=\"contact-row\">\n <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 21s7-6.1 7-12a7 7 0 10-14 0c0 5.9 7 12 7 12z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <circle cx=\"12\" cy=\"9\" r=\"2.3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <\/svg>\n <strong>\u00cele-de-France<\/strong>\n <\/div>\n <\/div>\n\n <div class=\"visual-card\" aria-hidden=\"true\">\n <span class=\"network-line line-1\"><\/span>\n <span class=\"network-line line-2\"><\/span>\n <span class=\"network-line line-3\"><\/span>\n <span class=\"network-line line-4\"><\/span>\n\n <div class=\"network-node node-1\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19h16M6 16V9m4 7V5m4 11v-4m4 4V7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <div class=\"network-node node-2\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"16\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M3 19c.5-4 2.5-6 5-6s4.5 2 5 6m-2 0c.5-4 2.5-6 5-6s4.5 2 5 6\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\n <\/div>\n <div class=\"network-node node-3\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v3m0 12v3M3 12h3m12 0h3M5.6 5.6l2.1 2.1m8.6 8.6l2.1 2.1m0-12.8l-2.1 2.1m-8.6 8.6l-2.1 2.1\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\n <\/div>\n <div class=\"network-node node-4\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6m-14 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\n <\/div>\n\n <div class=\"network-center\">\n <svg width=\"54\" height=\"54\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"centerOrange\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#ff7b3a\"\/>\n <stop offset=\"100%\" stop-color=\"#ff4d0d\"\/>\n <\/linearGradient>\n <\/defs>\n <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"url(#centerOrange)\"\/>\n <path d=\"M18 45V34m10 11V26m10 19V22m10 23V31\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n\n <form\n class=\"form-card\"\n id=\"projectForm\"\n action=\"https:\/\/formsubmit.co\/contact@we-bulle.fr\"\n method=\"POST\"\n >\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de projet \u2014 We-Bulle\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"text\" name=\"_honey\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\">\n \n\n <div class=\"field\">\n <label for=\"name\">Nom et entreprise<\/label>\n <input id=\"name\" name=\"Nom et entreprise\" type=\"text\" placeholder=\"Ex. : Jean Dupont \u2013 Acme Industrie\" required \/>\n <\/div>\n\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input id=\"email\" name=\"Email du prospect\" type=\"email\" placeholder=\"Ex. : jean.dupont@acme.fr\" required \/>\n <\/div>\n\n <div class=\"field\">\n <label for=\"phone\">T\u00e9l\u00e9phone <span style=\"font-weight:500;color:#667085\">(optionnel)<\/span><\/label>\n <input id=\"phone\" name=\"T\u00e9l\u00e9phone\" type=\"tel\" placeholder=\"Ex. : 06 12 34 56 78\" \/>\n <\/div>\n\n <div class=\"field\">\n <label>Type de besoin<\/label>\n <div class=\"choice-grid\">\n <div class=\"choice\">\n <input type=\"radio\" id=\"need-erp\" name=\"Type de besoin\" value=\"ERP\" checked>\n <label for=\"need-erp\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n ERP\n <\/label>\n <\/div>\n\n <div class=\"choice\">\n <input type=\"radio\" id=\"need-auto\" name=\"Type de besoin\" value=\"Automatisation\">\n <label for=\"need-auto\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n Automatisation\n <\/label>\n <\/div>\n\n <div class=\"choice\">\n <input type=\"radio\" id=\"need-ai\" name=\"Type de besoin\" value=\"Agent IA\">\n <label for=\"need-ai\">\n <svg width=\"27\" height=\"27\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M9 12h.01M15 12h.01M9 16h6M12 7V4M9 4h6M3 11h2M19 11h2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n Agent IA\n <\/label>\n <\/div>\n\n <div class=\"choice\">\n <input type=\"radio\" id=\"need-consulting\" name=\"Type de besoin\" value=\"Conseil\">\n <label for=\"need-consulting\">\n <svg width=\"27\" height=\"27\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 11a8 8 0 01-8 8H7l-4 2 1.3-4A8 8 0 1120 11z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg>\n Conseil\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label for=\"message\">Votre probl\u00e9matique<\/label>\n <textarea id=\"message\" name=\"Probl\u00e9matique\" placeholder=\"D\u00e9crivez votre besoin, vos objectifs, vos contraintes\u2026\" required><\/textarea>\n <\/div>\n\n <button class=\"submit-btn\" type=\"submit\">\u00c9changer avec We-Bulle<\/button>\n\n <div class=\"privacy\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <\/svg>\n Les messages envoy\u00e9s via ce formulaire sont adress\u00e9s \u00e0 contact@we-bulle.fr.\n <\/div>\n<\/form>\n <\/div>\n <\/section>\n\n <section class=\"value-section\">\n <div class=\"container value-grid\">\n <article class=\"value-card\">\n <div class=\"value-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 3v3H5v3H2v6h3v3h3v3h6v-3h3v-3h3V9h-3V6h-3V3H8z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>Sur-mesure<\/h3>\n <p>Des solutions adapt\u00e9es \u00e0 votre m\u00e9tier, vos outils et vos enjeux op\u00e9rationnels.<\/p>\n <\/div>\n <\/article>\n\n <article class=\"value-card\">\n <div class=\"value-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"7\" width=\"16\" height=\"13\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <path d=\"M9 7V5a2 2 0 012-2h2a2 2 0 012 2v2M4 12h16\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>Approche m\u00e9tier<\/h3>\n <p>Nous alignons technologie et processus pour g\u00e9n\u00e9rer un impact concret et durable.<\/p>\n <\/div>\n <\/article>\n\n <article class=\"value-card\">\n <div class=\"value-icon\">\n <svg width=\"31\" height=\"31\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <circle cx=\"16\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <path d=\"M2 20c.4-4 2.5-6 6-6s5.6 2 6 6m-4 0c.4-4 2.5-6 6-6s5.6 2 6 6\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>Accompagnement de bout en bout<\/h3>\n <p>De l\u2019audit \u00e0 la mise en production, nous sommes \u00e0 vos c\u00f4t\u00e9s \u00e0 chaque \u00e9tape.<\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n <\/main>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parler de votre projet \u2014 We-Bulle Parlons de votre projet Expliquez-nous votre besoin : ERP, automatisation, agent IA ou optimisation […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-248","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=248"}],"version-history":[{"count":3,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/248\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/248\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":248,"date":"2026-07-22T19:30:26","date_gmt":"2026-07-22T17:30:26","guid":{"rendered":"https:\/\/we-bulle.fr\/?page_id=248"},"modified":"2026-07-22T19:42:57","modified_gmt":"2026-07-22T17:42:57","slug":"page-contact","status":"publish","type":"page","link":"https:\/\/we-bulle.fr\/?page_id=248","title":{"rendered":"page-contact"},"content":{"rendered":"\n\n\n\n \n \n \n Parler de votre projet \u2014 We-Bulle<\/title>\n\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=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --orange: #ff5a1f;\n --orange-dark: #e94a0d;\n --orange-soft: #fff1ea;\n --navy: #071426;\n --navy-2: #0d1b2e;\n --text: #151922;\n --muted: #667085;\n --line: #e7e9ee;\n --surface: #ffffff;\n --surface-2: #f8f9fb;\n --shadow: 0 18px 60px rgba(16, 24, 40, 0.10);\n --radius-lg: 24px;\n --radius-md: 16px;\n --radius-sm: 11px;\n --container: 1180px;\n }\n\n * {\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n margin: 0;\n color: var(--text);\n background:\n radial-gradient(circle at 88% 8%, rgba(255, 90, 31, 0.08), transparent 22%),\n linear-gradient(180deg, #ffffff 0%, #fbfbfc 100%);\n font-family: \"Manrope\", Arial, sans-serif;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n img, svg {\n display: block;\n }\n\n button, input, textarea {\n font: inherit;\n }\n\n .container {\n width: min(calc(100% - 40px), var(--container));\n margin-inline: auto;\n }\n\n \/* Header *\/\n .site-header {\n position: sticky;\n top: 0;\n z-index: 50;\n background: rgba(255,255,255,0.92);\n backdrop-filter: blur(18px);\n border-bottom: 1px solid rgba(231,233,238,0.85);\n }\n\n .nav {\n min-height: 78px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n }\n\n .brand {\n display: inline-flex;\n align-items: center;\n gap: 11px;\n flex-shrink: 0;\n }\n\n .brand-mark {\n width: 36px;\n height: 36px;\n }\n\n .brand-name {\n font-size: 22px;\n font-weight: 800;\n letter-spacing: -0.04em;\n }\n\n .nav-links {\n display: flex;\n align-items: center;\n gap: 28px;\n font-size: 14px;\n font-weight: 700;\n }\n\n .nav-links a {\n position: relative;\n padding: 30px 0 26px;\n }\n\n .nav-links a::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n bottom: 18px;\n height: 2px;\n background: var(--orange);\n transform: scaleX(0);\n transition: transform .2s ease;\n }\n\n .nav-links a:hover::after,\n .nav-links a.active::after {\n transform: scaleX(1);\n }\n\n .header-cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 46px;\n padding: 0 20px;\n border-radius: 10px;\n background: var(--orange);\n color: #fff;\n font-size: 14px;\n font-weight: 800;\n box-shadow: 0 10px 25px rgba(255, 90, 31, .20);\n transition: .2s ease;\n }\n\n .header-cta:hover {\n transform: translateY(-2px);\n background: var(--orange-dark);\n }\n\n .menu-toggle {\n display: none;\n width: 44px;\n height: 44px;\n border: 1px solid var(--line);\n border-radius: 10px;\n background: #fff;\n cursor: pointer;\n }\n\n \/* Hero *\/\n .contact-hero {\n padding: 54px 0 80px;\n }\n\n .hero-grid {\n display: grid;\n grid-template-columns: .88fr 1.12fr;\n gap: 72px;\n align-items: start;\n }\n\n .eyebrow {\n width: 52px;\n height: 3px;\n background: var(--orange);\n border-radius: 999px;\n margin-bottom: 22px;\n }\n\n h1 {\n margin: 0;\n max-width: 560px;\n color: var(--navy);\n font-size: clamp(48px, 5.3vw, 76px);\n line-height: .99;\n letter-spacing: -0.055em;\n font-weight: 800;\n }\n\n .lead {\n max-width: 540px;\n margin: 26px 0 0;\n font-size: 18px;\n color: #313846;\n }\n\n .promises {\n display: grid;\n gap: 18px;\n margin: 34px 0;\n }\n\n .promise {\n display: flex;\n align-items: center;\n gap: 15px;\n font-weight: 700;\n }\n\n .icon-circle {\n width: 42px;\n height: 42px;\n flex: 0 0 42px;\n display: grid;\n place-items: center;\n border: 1.5px solid var(--orange);\n border-radius: 50%;\n color: var(--orange);\n background: #fff;\n }\n\n .contact-card {\n background: #fff;\n border: 1px solid var(--line);\n border-radius: var(--radius-md);\n box-shadow: 0 10px 30px rgba(16, 24, 40, .06);\n overflow: hidden;\n }\n\n .contact-info {\n padding: 10px 28px;\n margin-top: 26px;\n }\n\n .contact-row {\n display: flex;\n gap: 15px;\n align-items: center;\n padding: 18px 0;\n border-bottom: 1px solid var(--line);\n }\n\n .contact-row:last-child {\n border-bottom: 0;\n }\n\n .contact-row svg {\n color: var(--orange);\n flex: 0 0 23px;\n }\n\n .contact-row strong {\n display: block;\n font-size: 15px;\n }\n\n .visual-card {\n position: relative;\n min-height: 260px;\n margin-top: 18px;\n border-radius: var(--radius-md);\n overflow: hidden;\n background:\n radial-gradient(circle at center, rgba(255,90,31,.18), transparent 28%),\n linear-gradient(145deg, #071426 0%, #0f2138 100%);\n box-shadow: var(--shadow);\n }\n\n .visual-card::before,\n .visual-card::after {\n content: \"\";\n position: absolute;\n border: 1px solid rgba(255,255,255,.08);\n border-radius: 50%;\n inset: 30px;\n }\n\n .visual-card::after {\n inset: 72px;\n }\n\n .network-center {\n position: absolute;\n inset: 50% auto auto 50%;\n transform: translate(-50%, -50%);\n width: 96px;\n height: 96px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: linear-gradient(145deg, #10223a, #071426);\n border: 1px solid rgba(255,255,255,.13);\n box-shadow: 0 0 40px rgba(255,90,31,.22);\n }\n\n .network-node {\n position: absolute;\n width: 58px;\n height: 58px;\n display: grid;\n place-items: center;\n border-radius: 15px;\n color: #fff;\n background: rgba(18, 38, 64, .92);\n border: 1px solid rgba(255,255,255,.12);\n box-shadow: 0 16px 30px rgba(0,0,0,.22);\n }\n\n .node-1 { left: 28px; top: 35px; }\n .node-2 { right: 28px; top: 40px; }\n .node-3 { left: 48px; bottom: 28px; }\n .node-4 { right: 48px; bottom: 28px; }\n\n .network-line {\n position: absolute;\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--orange), transparent);\n transform-origin: left center;\n opacity: .7;\n }\n\n .line-1 { width: 145px; left: 95px; top: 84px; transform: rotate(19deg); }\n .line-2 { width: 145px; right: 95px; top: 84px; transform: rotate(161deg); }\n .line-3 { width: 145px; left: 105px; bottom: 76px; transform: rotate(-18deg); }\n .line-4 { width: 145px; right: 105px; bottom: 76px; transform: rotate(198deg); }\n\n \/* Form *\/\n .form-card {\n padding: 34px;\n background: rgba(255,255,255,.96);\n border: 1px solid var(--line);\n border-radius: var(--radius-lg);\n box-shadow: var(--shadow);\n }\n\n .field {\n margin-bottom: 22px;\n }\n\n label {\n display: block;\n margin-bottom: 8px;\n font-weight: 800;\n color: var(--navy);\n }\n\n input,\n textarea {\n width: 100%;\n border: 1px solid #dfe3ea;\n border-radius: var(--radius-sm);\n background: #fff;\n color: var(--text);\n outline: none;\n transition: .2s ease;\n }\n\n input {\n height: 54px;\n padding: 0 16px;\n }\n\n textarea {\n min-height: 180px;\n padding: 16px;\n resize: vertical;\n }\n\n input:focus,\n textarea:focus {\n border-color: var(--orange);\n box-shadow: 0 0 0 4px rgba(255,90,31,.10);\n }\n\n input::placeholder,\n textarea::placeholder {\n color: #9aa2b1;\n }\n\n .choice-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 12px;\n }\n\n .choice {\n position: relative;\n }\n\n .choice input {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n }\n\n .choice label {\n min-height: 100px;\n margin: 0;\n padding: 16px 10px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-align: center;\n border: 1px solid var(--line);\n border-radius: 12px;\n cursor: pointer;\n font-size: 14px;\n transition: .2s ease;\n }\n\n .choice label svg {\n color: var(--orange);\n }\n\n .choice input:checked + label {\n border-color: var(--orange);\n background: var(--orange-soft);\n box-shadow: 0 0 0 3px rgba(255,90,31,.08);\n }\n\n .submit-btn {\n width: 100%;\n min-height: 58px;\n margin-top: 4px;\n border: 0;\n border-radius: 12px;\n background: linear-gradient(90deg, #ff4f0b, #ff681f);\n color: #fff;\n font-size: 17px;\n font-weight: 800;\n cursor: pointer;\n box-shadow: 0 14px 28px rgba(255,90,31,.22);\n transition: .2s ease;\n }\n\n .submit-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 18px 34px rgba(255,90,31,.28);\n }\n\n .privacy {\n margin-top: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 8px;\n color: var(--muted);\n font-size: 13px;\n }\n\n .form-message {\n display: none;\n margin-top: 16px;\n padding: 14px 16px;\n border-radius: 10px;\n background: #ecfdf3;\n color: #067647;\n font-weight: 700;\n font-size: 14px;\n }\n\n \/* Value props *\/\n .value-section {\n padding: 0 0 80px;\n }\n\n .value-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px;\n }\n\n .value-card {\n display: flex;\n gap: 18px;\n padding: 28px;\n border: 1px solid var(--line);\n border-radius: var(--radius-md);\n background: #fff;\n box-shadow: 0 8px 24px rgba(16, 24, 40, .04);\n }\n\n .value-icon {\n width: 58px;\n height: 58px;\n flex: 0 0 58px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--orange-soft);\n color: var(--orange);\n }\n\n .value-card h3 {\n margin: 2px 0 5px;\n color: var(--navy);\n font-size: 19px;\n line-height: 1.2;\n }\n\n .value-card p {\n margin: 0;\n color: var(--muted);\n font-size: 14px;\n }\n\n \/* Footer *\/\n footer {\n border-top: 1px solid var(--line);\n background: #fff;\n }\n\n .footer-main {\n display: grid;\n grid-template-columns: 1.35fr .7fr .7fr .7fr;\n gap: 48px;\n padding: 55px 0 38px;\n }\n\n .footer-brand p {\n max-width: 390px;\n margin: 18px 0;\n color: var(--muted);\n font-size: 14px;\n }\n\n .socials {\n display: flex;\n gap: 9px;\n }\n\n .socials a {\n width: 34px;\n height: 34px;\n display: grid;\n place-items: center;\n border-radius: 50%;\n background: var(--navy);\n color: #fff;\n font-size: 13px;\n font-weight: 800;\n }\n\n .footer-col h4 {\n margin: 0 0 16px;\n color: var(--navy);\n font-size: 15px;\n }\n\n .footer-col a {\n display: block;\n margin: 9px 0;\n color: #424a59;\n font-size: 14px;\n }\n\n .footer-col a:hover {\n color: var(--orange);\n }\n\n .footer-bottom {\n display: flex;\n justify-content: center;\n gap: 52px;\n flex-wrap: wrap;\n padding: 20px 0;\n border-top: 1px solid var(--line);\n color: var(--muted);\n font-size: 13px;\n }\n\n @media (max-width: 1020px) {\n .nav-links {\n display: none;\n }\n\n .menu-toggle {\n display: grid;\n place-items: center;\n }\n\n .hero-grid {\n grid-template-columns: 1fr;\n gap: 50px;\n }\n\n .hero-copy {\n max-width: 760px;\n }\n\n .form-card {\n max-width: 760px;\n }\n\n .value-grid {\n grid-template-columns: 1fr;\n }\n\n .footer-main {\n grid-template-columns: 1.3fr 1fr 1fr;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 700px) {\n .container {\n width: min(calc(100% - 28px), var(--container));\n }\n\n .site-header .header-cta {\n display: none;\n }\n\n .brand-name {\n font-size: 19px;\n }\n\n .contact-hero {\n padding: 48px 0 58px;\n }\n\n h1 {\n font-size: clamp(44px, 13vw, 60px);\n }\n\n .lead {\n font-size: 16px;\n }\n\n .form-card {\n padding: 22px;\n border-radius: 18px;\n }\n\n .choice-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .visual-card {\n min-height: 220px;\n }\n\n .footer-main {\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n }\n\n .footer-brand {\n grid-column: 1 \/ -1;\n }\n }\n\n @media (max-width: 470px) {\n .choice-grid,\n .footer-main {\n grid-template-columns: 1fr;\n }\n\n .value-card {\n padding: 22px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n<main>\n <section class=\"contact-hero\" id=\"contact\">\n <div class=\"container hero-grid\">\n <div class=\"hero-copy\">\n <div class=\"eyebrow\"><\/div>\n <h1>Parlons de votre projet<\/h1>\n <p class=\"lead\">\n Expliquez-nous votre besoin : ERP, automatisation, agent IA ou optimisation d\u2019un processus m\u00e9tier.\n Nous revenons vers vous rapidement avec une premi\u00e8re analyse.\n <\/p>\n\n <div class=\"promises\">\n <div class=\"promise\">\n <span class=\"icon-circle\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/span>\n Premier \u00e9change de 30 minutes\n <\/div>\n\n <div class=\"promise\">\n <span class=\"icon-circle\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <\/svg>\n <\/span>\n Analyse confidentielle\n <\/div>\n\n <div class=\"promise\">\n <span class=\"icon-circle\">\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M4 11.5L20 4l-5.5 16-3.2-6.3L4 11.5z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/span>\n R\u00e9ponse sous 48 heures\n <\/div>\n <\/div>\n\n <div class=\"contact-card contact-info\">\n <a class=\"contact-row\" href=\"mailto:contact@we-bulle.fr\">\n <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <path d=\"M4 7l8 6 8-6\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <\/svg>\n <strong>contact@we-bulle.fr<\/strong>\n <\/a>\n\n <a class=\"contact-row\" href=\"tel:+33782517103\">\n <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M7 3h3l1.5 4-2 1.5a16 16 0 006 6l1.5-2 4 1.5v3c0 2-1.5 4-4 4C9.3 20.5 3.5 14.7 3 7c0-2.5 2-4 4-4z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <strong>07 82 51 71 03<\/strong>\n <\/a>\n\n <div class=\"contact-row\">\n <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M12 21s7-6.1 7-12a7 7 0 10-14 0c0 5.9 7 12 7 12z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <circle cx=\"12\" cy=\"9\" r=\"2.3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <\/svg>\n <strong>\u00cele-de-France<\/strong>\n <\/div>\n <\/div>\n\n <div class=\"visual-card\" aria-hidden=\"true\">\n <span class=\"network-line line-1\"><\/span>\n <span class=\"network-line line-2\"><\/span>\n <span class=\"network-line line-3\"><\/span>\n <span class=\"network-line line-4\"><\/span>\n\n <div class=\"network-node node-1\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 19h16M6 16V9m4 7V5m4 11v-4m4 4V7\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\"\/><\/svg>\n <\/div>\n <div class=\"network-node node-2\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"16\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M3 19c.5-4 2.5-6 5-6s4.5 2 5 6m-2 0c.5-4 2.5-6 5-6s4.5 2 5 6\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\n <\/div>\n <div class=\"network-node node-3\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3v3m0 12v3M3 12h3m12 0h3M5.6 5.6l2.1 2.1m8.6 8.6l2.1 2.1m0-12.8l-2.1 2.1m-8.6 8.6l-2.1 2.1\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><circle cx=\"12\" cy=\"12\" r=\"4\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\n <\/div>\n <div class=\"network-node node-4\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><ellipse cx=\"12\" cy=\"6\" rx=\"7\" ry=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><path d=\"M5 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3V6m-14 6v6c0 1.7 3.1 3 7 3s7-1.3 7-3v-6\" stroke=\"currentColor\" stroke-width=\"1.7\"\/><\/svg>\n <\/div>\n\n <div class=\"network-center\">\n <svg width=\"54\" height=\"54\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"centerOrange\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\n <stop offset=\"0%\" stop-color=\"#ff7b3a\"\/>\n <stop offset=\"100%\" stop-color=\"#ff4d0d\"\/>\n <\/linearGradient>\n <\/defs>\n <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"url(#centerOrange)\"\/>\n <path d=\"M18 45V34m10 11V26m10 19V22m10 23V31\" stroke=\"#fff\" stroke-width=\"5\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n\n <form\n class=\"form-card\"\n id=\"projectForm\"\n action=\"https:\/\/formsubmit.co\/contact@we-bulle.fr\"\n method=\"POST\"\n >\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande de projet \u2014 We-Bulle\">\n <input type=\"hidden\" name=\"_template\" value=\"table\">\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\n <input type=\"text\" name=\"_honey\" style=\"display:none\" tabindex=\"-1\" autocomplete=\"off\">\n \n\n <div class=\"field\">\n <label for=\"name\">Nom et entreprise<\/label>\n <input id=\"name\" name=\"Nom et entreprise\" type=\"text\" placeholder=\"Ex. : Jean Dupont \u2013 Acme Industrie\" required \/>\n <\/div>\n\n <div class=\"field\">\n <label for=\"email\">Email<\/label>\n <input id=\"email\" name=\"Email du prospect\" type=\"email\" placeholder=\"Ex. : jean.dupont@acme.fr\" required \/>\n <\/div>\n\n <div class=\"field\">\n <label for=\"phone\">T\u00e9l\u00e9phone <span style=\"font-weight:500;color:#667085\">(optionnel)<\/span><\/label>\n <input id=\"phone\" name=\"T\u00e9l\u00e9phone\" type=\"tel\" placeholder=\"Ex. : 06 12 34 56 78\" \/>\n <\/div>\n\n <div class=\"field\">\n <label>Type de besoin<\/label>\n <div class=\"choice-grid\">\n <div class=\"choice\">\n <input type=\"radio\" id=\"need-erp\" name=\"Type de besoin\" value=\"ERP\" checked>\n <label for=\"need-erp\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"4\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"14\" y=\"4\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"4\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><rect x=\"14\" y=\"14\" width=\"6\" height=\"6\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg>\n ERP\n <\/label>\n <\/div>\n\n <div class=\"choice\">\n <input type=\"radio\" id=\"need-auto\" name=\"Type de besoin\" value=\"Automatisation\">\n <label for=\"need-auto\">\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l1.5 2.5 2.9-.2.9 2.8 2.7 1.2-1 2.7 1 2.7-2.7 1.2-.9 2.8-2.9-.2L12 21l-1.5-2.5-2.9.2-.9-2.8L4 14.7 5 12 4 9.3l2.7-1.2.9-2.8 2.9.2L12 3z\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.6\"\/><\/svg>\n Automatisation\n <\/label>\n <\/div>\n\n <div class=\"choice\">\n <input type=\"radio\" id=\"need-ai\" name=\"Type de besoin\" value=\"Agent IA\">\n <label for=\"need-ai\">\n <svg width=\"27\" height=\"27\" viewBox=\"0 0 24 24\" fill=\"none\"><rect x=\"5\" y=\"7\" width=\"14\" height=\"11\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><path d=\"M9 12h.01M15 12h.01M9 16h6M12 7V4M9 4h6M3 11h2M19 11h2\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/><\/svg>\n Agent IA\n <\/label>\n <\/div>\n\n <div class=\"choice\">\n <input type=\"radio\" id=\"need-consulting\" name=\"Type de besoin\" value=\"Conseil\">\n <label for=\"need-consulting\">\n <svg width=\"27\" height=\"27\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 11a8 8 0 01-8 8H7l-4 2 1.3-4A8 8 0 1120 11z\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"\/><\/svg>\n Conseil\n <\/label>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label for=\"message\">Votre probl\u00e9matique<\/label>\n <textarea id=\"message\" name=\"Probl\u00e9matique\" placeholder=\"D\u00e9crivez votre besoin, vos objectifs, vos contraintes\u2026\" required><\/textarea>\n <\/div>\n\n <button class=\"submit-btn\" type=\"submit\">\u00c9changer avec We-Bulle<\/button>\n\n <div class=\"privacy\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"6\" y=\"10\" width=\"12\" height=\"9\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <path d=\"M9 10V7.5a3 3 0 016 0V10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\n <\/svg>\n Les messages envoy\u00e9s via ce formulaire sont adress\u00e9s \u00e0 contact@we-bulle.fr.\n <\/div>\n<\/form>\n <\/div>\n <\/section>\n\n <section class=\"value-section\">\n <div class=\"container value-grid\">\n <article class=\"value-card\">\n <div class=\"value-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\n <path d=\"M8 3v3H5v3H2v6h3v3h3v3h6v-3h3v-3h3V9h-3V6h-3V3H8z\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>Sur-mesure<\/h3>\n <p>Des solutions adapt\u00e9es \u00e0 votre m\u00e9tier, vos outils et vos enjeux op\u00e9rationnels.<\/p>\n <\/div>\n <\/article>\n\n <article class=\"value-card\">\n <div class=\"value-icon\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\n <rect x=\"4\" y=\"7\" width=\"16\" height=\"13\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <path d=\"M9 7V5a2 2 0 012-2h2a2 2 0 012 2v2M4 12h16\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>Approche m\u00e9tier<\/h3>\n <p>Nous alignons technologie et processus pour g\u00e9n\u00e9rer un impact concret et durable.<\/p>\n <\/div>\n <\/article>\n\n <article class=\"value-card\">\n <div class=\"value-icon\">\n <svg width=\"31\" height=\"31\" viewBox=\"0 0 24 24\" fill=\"none\">\n <circle cx=\"8\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <circle cx=\"16\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <path d=\"M2 20c.4-4 2.5-6 6-6s5.6 2 6 6m-4 0c.4-4 2.5-6 6-6s5.6 2 6 6\" stroke=\"currentColor\" stroke-width=\"1.7\"\/>\n <\/svg>\n <\/div>\n <div>\n <h3>Accompagnement de bout en bout<\/h3>\n <p>De l\u2019audit \u00e0 la mise en production, nous sommes \u00e0 vos c\u00f4t\u00e9s \u00e0 chaque \u00e9tape.<\/p>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n <\/main>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Parler de votre projet \u2014 We-Bulle Parlons de votre projet Expliquez-nous votre besoin : ERP, automatisation, agent IA ou optimisation […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-248","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=248"}],"version-history":[{"count":3,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/248\/revisions"}],"predecessor-version":[{"id":254,"href":"https:\/\/we-bulle.fr\/index.php?rest_route=\/wp\/v2\/pages\/248\/revisions\/254"}],"wp:attachment":[{"href":"https:\/\/we-bulle.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}