{"id":78,"date":"2026-06-03T00:08:30","date_gmt":"2026-06-03T00:08:30","guid":{"rendered":"http:\/\/eyebiz.fr\/?page_id=78"},"modified":"2026-06-15T23:32:01","modified_gmt":"2026-06-15T23:32:01","slug":"elementor-page-78","status":"publish","type":"page","link":"http:\/\/eyebiz.fr\/index.php\/elementor-page-78\/","title":{"rendered":"Offres & Tarifs"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n EYEBIZ - Investissement au S\u00e9n\u00e9gal<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap\"\r\n rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary: #CFB069;\r\n \/* Or\/Jaune de la maquette *\/\r\n --primary-hover: #B89A55;\r\n --text-dark: #1A1A1A;\r\n --text-light: #FFFFFF;\r\n --bg-light: #F9F9F9;\r\n --card-cream: #FDFBF7;\r\n \/* Beige tr\u00e8s clair pour les cartes \"Le probl\u00e8me\" *\/\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Outfit', sans-serif;\r\n }\r\n\r\n body {\r\n color: var(--text-dark);\r\n background: #fff;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* Base Typography *\/\r\n h1 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 3.8rem;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 20px;\r\n }\r\n\r\n h2 {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 20px;\r\n }\r\n\r\n p {\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n width: 100%;\r\n }\r\n\r\n \/* --- Header \/ Nav --- *\/\r\n header {\r\n position: absolute;\r\n top: -100px;\r\n left: 0;\r\n right: 0;\r\n max-width: 1500px;\r\n margin: 0 auto;\r\n width: 100%;\r\n padding: 0 40px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n z-index: 100;\r\n }\r\n\r\n .logo-text img {\r\n width: 250px;\r\n height: auto;\r\n display: block;\r\n filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.4));\r\n transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n cursor: pointer;\r\n }\r\n\r\n .logo-text img:hover {\r\n transform: scale(1.03) translateY(-2px);\r\n }\r\n\r\n nav {\r\n background: rgba(255, 255, 255, 0.12);\r\n backdrop-filter: blur(25px);\r\n -webkit-backdrop-filter: blur(25px);\r\n padding: 15px 20px;\r\n border-radius: 60px;\r\n border: 1px solid rgba(255, 255, 255, 0.25);\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n nav ul {\r\n list-style: none;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n nav a {\r\n color: white;\r\n text-decoration: none;\r\n font-size: 1.1rem;\r\n font-weight: 500;\r\n padding: 12px 28px;\r\n border-radius: 40px;\r\n transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n display: inline-block;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n nav a.active {\r\n background: white;\r\n color: #222;\r\n font-weight: 700;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n nav a:hover:not(.active) {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* --- Hero Section --- *\/\r\n .hero {\r\n position: relative;\r\n min-height: 100vh;\r\n background: url('https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&q=80&w=1920') center\/cover;\r\n display: flex;\r\n align-items: center;\r\n padding-top: 100px;\r\n }\r\n\r\n .hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to right, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.2) 100%);\r\n }\r\n\r\n .hero .container {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n }\r\n\r\n .hero-content {\r\n max-width: 650px;\r\n color: white;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 3.8rem;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n margin-bottom: 25px;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .hero p {\r\n font-size: 1.15rem;\r\n line-height: 1.6;\r\n margin-bottom: 35px;\r\n opacity: 0.9;\r\n text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 15px;\r\n }\r\n\r\n .btn {\r\n padding: 15px 30px;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n font-size: 1rem;\r\n transition: all 0.3s;\r\n cursor: pointer;\r\n border: none;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n .btn-gold {\r\n background: var(--primary);\r\n color: white;\r\n }\r\n\r\n .btn-gold:hover {\r\n background: var(--primary-hover);\r\n }\r\n\r\n .btn-glass {\r\n background: rgba(0, 0, 0, 0.4);\r\n color: white;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .btn-glass:hover {\r\n background: rgba(0, 0, 0, 0.6);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .hero-stats {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 15px;\r\n }\r\n\r\n .stat-box {\r\n background: rgba(0, 0, 0, 0.4);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n border-radius: 15px;\r\n padding: 25px 35px;\r\n text-align: center;\r\n color: white;\r\n min-width: 180px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .stat-box h3 {\r\n color: var(--primary);\r\n font-size: 2rem;\r\n font-weight: 800;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .stat-box p {\r\n font-size: 0.9rem;\r\n opacity: 0.9;\r\n font-weight: 500;\r\n }\r\n\r\n \/* --- Le Probl\u00e8me Section --- *\/\r\n .problem-section {\r\n padding: 100px 0;\r\n background: white;\r\n }\r\n\r\n .section-label {\r\n color: var(--primary);\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n }\r\n\r\n .section-label::before {\r\n content: '';\r\n width: 40px;\r\n height: 1px;\r\n background: var(--primary);\r\n }\r\n\r\n .problem-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 50px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .problem-header h2 {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n line-height: 1.1;\r\n max-width: 600px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .problem-header p {\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n max-width: 450px;\r\n color: #444;\r\n font-weight: 500;\r\n }\r\n\r\n .problem-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .problem-card {\r\n background: var(--card-cream);\r\n border-radius: 20px;\r\n padding: 40px 25px;\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n min-height: 320px;\r\n transition: transform 0.3s;\r\n }\r\n\r\n .problem-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n }\r\n\r\n .problem-card h3 {\r\n color: var(--primary);\r\n font-size: 1.3rem;\r\n margin-bottom: 20px;\r\n font-weight: 700;\r\n }\r\n\r\n .problem-card p.desc {\r\n font-size: 0.95rem;\r\n line-height: 1.5;\r\n color: #444;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .problem-card p.tags {\r\n font-size: 0.85rem;\r\n color: #888;\r\n font-weight: 500;\r\n border-top: 1px solid rgba(0, 0, 0, 0.06);\r\n padding-top: 20px;\r\n margin-top: auto;\r\n }\r\n\r\n \/* --- Nos Formules (Pricing) Section --- *\/\r\n .pricing-section {\r\n padding: 100px 0;\r\n background: url('https:\/\/images.unsplash.com\/photo-1514933651103-005eec06c04b?auto=format&fit=crop&q=80&w=1920') center\/cover;\r\n position: relative;\r\n color: white;\r\n }\r\n\r\n .pricing-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(30, 30, 30, 0.85);\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .pricing-section .container {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .pricing-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .pricing-header .section-label {\r\n justify-content: center;\r\n color: white;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .pricing-header .section-label::before {\r\n background: white;\r\n }\r\n\r\n .pricing-header h2 {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .pricing-header p {\r\n font-size: 1.1rem;\r\n opacity: 0.9;\r\n font-weight: 500;\r\n }\r\n\r\n .pricing-grid {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 25px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .pricing-card {\r\n background: rgba(0, 0, 0, 0.5);\r\n border-radius: 20px;\r\n width: 340px;\r\n overflow: hidden;\r\n backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n flex-direction: column;\r\n transition: transform 0.3s;\r\n min-height: 520px;\r\n }\r\n\r\n .pricing-card.highlight {\r\n transform: scale(1.05);\r\n border-color: var(--primary);\r\n background: rgba(0, 0, 0, 0.7);\r\n z-index: 10;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .badge-rec {\r\n background: var(--primary);\r\n color: white;\r\n text-align: center;\r\n padding: 8px;\r\n font-size: 0.8rem;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .pricing-top {\r\n padding: 25px 30px;\r\n text-align: left;\r\n }\r\n\r\n .pricing-top h3 {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: baseline;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .pricing-top h3 span {\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n }\r\n\r\n .pricing-top p {\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n }\r\n\r\n .pricing-card.highlight .pricing-top h3 {\r\n color: var(--primary);\r\n }\r\n\r\n .pricing-card:last-child .pricing-top h3 {\r\n color: var(--primary);\r\n }\r\n\r\n .pricing-card:first-child .pricing-top h3 {\r\n color: var(--primary);\r\n }\r\n\r\n .pricing-body {\r\n background: white;\r\n color: var(--text-dark);\r\n padding: 30px;\r\n flex-grow: 1;\r\n border-radius: 18px;\r\n margin: 0 2px 2px 2px;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .pricing-list {\r\n list-style: none;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .pricing-list li {\r\n font-size: 0.85rem;\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n line-height: 1.4;\r\n font-weight: 500;\r\n }\r\n\r\n .pricing-list li::before {\r\n content: '\u2022';\r\n color: var(--primary);\r\n font-weight: bold;\r\n font-size: 1.2rem;\r\n line-height: 0.8;\r\n margin-top: 2px;\r\n }\r\n\r\n .pricing-list li.disabled {\r\n opacity: 0.4;\r\n text-decoration: line-through;\r\n }\r\n\r\n .pricing-list li.disabled::before {\r\n color: #ccc;\r\n }\r\n\r\n .pricing-cert {\r\n font-size: 0.75rem;\r\n color: #888;\r\n font-weight: 600;\r\n text-align: center;\r\n border-top: 1px solid #eee;\r\n padding-top: 20px;\r\n margin-top: auto;\r\n }\r\n\r\n .pricing-card.highlight .pricing-cert {\r\n color: var(--primary);\r\n }\r\n\r\n .pricing-card:last-child .pricing-cert {\r\n color: var(--primary);\r\n }\r\n\r\n .pricing-card:first-child .pricing-cert {\r\n color: var(--primary);\r\n }\r\n\r\n .pricing-footer {\r\n text-align: center;\r\n font-size: 0.85rem;\r\n opacity: 0.7;\r\n max-width: 900px;\r\n margin: 0 auto;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 1024px) {\r\n .hero .container {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .hero-content {\r\n align-items: center;\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .problem-header {\r\n flex-direction: column;\r\n gap: 20px;\r\n text-align: center;\r\n align-items: center;\r\n }\r\n\r\n .section-label {\r\n justify-content: center;\r\n }\r\n\r\n .problem-header h2 {\r\n max-width: 100%;\r\n }\r\n\r\n .problem-header p {\r\n max-width: 100%;\r\n }\r\n\r\n .problem-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .pricing-grid {\r\n flex-direction: column;\r\n }\r\n\r\n .pricing-card {\r\n width: 100%;\r\n max-width: 450px;\r\n }\r\n\r\n .pricing-card.highlight {\r\n transform: none;\r\n }\r\n\r\n header nav {\r\n display: none !important;\r\n }\r\n\r\n .hamburger-menu {\r\n display: flex !important;\r\n }\r\n\r\n header {\r\n padding: 15px 20px !important;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .problem-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero-stats {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n\r\n \/* --- Comment \u00e7a marche Section --- *\/\r\n .steps-section {\r\n padding: 100px 0;\r\n background: #FAF7F0;\r\n }\r\n\r\n .steps-header {\r\n text-align: center;\r\n margin-bottom: 70px;\r\n }\r\n\r\n .steps-header .section-label {\r\n justify-content: center;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .steps-header h2 {\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .steps-container {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n text-align: center;\r\n }\r\n\r\n .steps-line {\r\n position: absolute;\r\n top: 25px;\r\n left: 5%;\r\n right: 5%;\r\n height: 1px;\r\n background: #ddd;\r\n z-index: 1;\r\n }\r\n\r\n .step-item {\r\n position: relative;\r\n z-index: 2;\r\n width: 18%;\r\n }\r\n\r\n .step-circle {\r\n width: 50px;\r\n height: 50px;\r\n background: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n color: var(--text-dark);\r\n margin: 0 auto 20px;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n border: 1px solid #eee;\r\n }\r\n\r\n .step-item h4 {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .step-item p {\r\n font-size: 0.8rem;\r\n color: #666;\r\n line-height: 1.5;\r\n }\r\n\r\n \/* --- Recouvrement Section --- *\/\r\n .recovery-section {\r\n padding: 100px 0;\r\n background: white;\r\n }\r\n\r\n .recovery-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 50px;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .recovery-title {\r\n flex: 1;\r\n }\r\n\r\n .recovery-title h2 {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n line-height: 1.2;\r\n }\r\n\r\n .blue-underline {\r\n position: relative;\r\n display: inline-block;\r\n z-index: 1;\r\n }\r\n\r\n .blue-underline::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 8px;\r\n left: 0;\r\n width: 100%;\r\n height: 6px;\r\n background: #CDE2F6;\r\n z-index: -1;\r\n }\r\n\r\n .recovery-desc {\r\n flex: 1;\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n color: #444;\r\n font-weight: 500;\r\n margin-top: 10px;\r\n }\r\n\r\n .recovery-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n }\r\n\r\n .recovery-card {\r\n border: 1px solid #E5D5A5;\r\n border-radius: 15px;\r\n padding: 30px 20px;\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n background: white;\r\n }\r\n\r\n .recovery-badge {\r\n display: inline-block;\r\n background: #F9F4E5;\r\n color: var(--primary);\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n padding: 5px 15px;\r\n border-radius: 20px;\r\n margin-bottom: 20px;\r\n border: 1px solid #E5D5A5;\r\n }\r\n\r\n .recovery-badge.solid {\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n }\r\n\r\n .recovery-card h4 {\r\n color: var(--primary);\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .recovery-card p.text {\r\n font-size: 0.85rem;\r\n color: #666;\r\n margin-bottom: 25px;\r\n line-height: 1.5;\r\n flex-grow: 1;\r\n }\r\n\r\n .recovery-card .price {\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n color: var(--text-dark);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .recovery-card .delai {\r\n font-size: 0.75rem;\r\n color: #999;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* --- FAQ Section --- *\/\r\n .faq-section {\r\n padding: 100px 0;\r\n background: #C49F4B;\r\n color: white;\r\n }\r\n\r\n .faq-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .faq-header .section-label {\r\n justify-content: center;\r\n color: white;\r\n }\r\n\r\n .faq-header .section-label::before {\r\n background: white;\r\n }\r\n\r\n .faq-header h2 {\r\n font-size: 2.5rem;\r\n font-weight: 800;\r\n }\r\n\r\n .faq-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 25px;\r\n }\r\n\r\n .faq-card {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 40px;\r\n color: var(--text-dark);\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .faq-card h4 {\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .faq-card p {\r\n font-size: 0.9rem;\r\n color: #555;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* --- Livrables Section --- *\/\r\n .livrables-section {\r\n padding: 110px 0;\r\n background: #0F0F0F;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .livrables-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -200px;\r\n right: -200px;\r\n width: 600px;\r\n height: 600px;\r\n background: radial-gradient(circle, rgba(207, 176, 105, 0.08) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .livrables-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -200px;\r\n left: -200px;\r\n width: 500px;\r\n height: 500px;\r\n background: radial-gradient(circle, rgba(207, 176, 105, 0.06) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .livrables-header {\r\n text-align: center;\r\n margin-bottom: 80px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .livrables-header .section-label {\r\n justify-content: center;\r\n color: var(--primary);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .livrables-header .section-label::before {\r\n background: var(--primary);\r\n }\r\n\r\n .livrables-header h2 {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: #fff;\r\n margin-bottom: 18px;\r\n line-height: 1.1;\r\n }\r\n\r\n .livrables-header h2 span {\r\n color: var(--primary);\r\n }\r\n\r\n .livrables-header p {\r\n font-size: 1.1rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n max-width: 650px;\r\n margin: 0 auto;\r\n font-weight: 400;\r\n line-height: 1.7;\r\n }\r\n\r\n .livrables-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .livrables-compare {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .livrables-compare-header {\r\n text-align: center;\r\n margin-bottom: 35px;\r\n }\r\n\r\n .livrables-compare-header .section-label {\r\n color: var(--primary);\r\n }\r\n\r\n .livrables-compare-header .section-label::before {\r\n background: var(--primary);\r\n }\r\n\r\n .livrables-compare-header h3 {\r\n color: #fff;\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .livrable-card {\r\n background: rgba(255, 255, 255, 0.04);\r\n border: 1px solid rgba(207, 176, 105, 0.18);\r\n border-radius: 18px;\r\n padding: 32px 28px;\r\n transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n cursor: default;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .livrable-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--primary), transparent);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n }\r\n\r\n .livrable-card:hover {\r\n background: rgba(207, 176, 105, 0.07);\r\n border-color: rgba(207, 176, 105, 0.45);\r\n transform: translateY(-4px);\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 0 0 30px rgba(207, 176, 105, 0.08);\r\n }\r\n\r\n .livrable-card:hover::before {\r\n opacity: 1;\r\n }\r\n\r\n .livrable-number {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 38px;\r\n height: 38px;\r\n background: rgba(207, 176, 105, 0.15);\r\n border: 1px solid rgba(207, 176, 105, 0.35);\r\n border-radius: 10px;\r\n color: var(--primary);\r\n font-size: 0.85rem;\r\n font-weight: 800;\r\n margin-bottom: 18px;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .livrable-card-header {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 14px;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .livrable-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: linear-gradient(135deg, rgba(207, 176, 105, 0.2), rgba(207, 176, 105, 0.05));\r\n border: 1px solid rgba(207, 176, 105, 0.3);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n transition: all 0.3s;\r\n }\r\n\r\n .livrable-card:hover .livrable-icon {\r\n background: linear-gradient(135deg, rgba(207, 176, 105, 0.35), rgba(207, 176, 105, 0.1));\r\n }\r\n\r\n .livrable-icon i {\r\n font-size: 1.1rem;\r\n color: var(--primary);\r\n }\r\n\r\n .livrable-title-wrap {\r\n flex: 1;\r\n }\r\n\r\n .livrable-index {\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n color: rgba(207, 176, 105, 0.6);\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .livrable-title {\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.3;\r\n }\r\n\r\n .livrable-desc {\r\n font-size: 0.875rem;\r\n color: rgba(255, 255, 255, 0.5);\r\n line-height: 1.65;\r\n margin-bottom: 16px;\r\n }\r\n\r\n .livrable-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 7px;\r\n }\r\n\r\n .livrable-tag {\r\n background: rgba(207, 176, 105, 0.1);\r\n border: 1px solid rgba(207, 176, 105, 0.2);\r\n color: rgba(207, 176, 105, 0.85);\r\n font-size: 0.7rem;\r\n font-weight: 600;\r\n padding: 4px 10px;\r\n border-radius: 20px;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .livrable-tag.premium {\r\n background: rgba(207, 176, 105, 0.2);\r\n border-color: rgba(207, 176, 105, 0.5);\r\n color: var(--primary);\r\n }\r\n\r\n .livrable-card.wide {\r\n grid-column: span 2;\r\n }\r\n\r\n .livrable-card.full {\r\n grid-column: span 3;\r\n }\r\n\r\n .livrable-wide-inner {\r\n display: flex;\r\n gap: 30px;\r\n }\r\n\r\n .livrable-wide-left {\r\n flex: 1;\r\n }\r\n\r\n .livrable-wide-right {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .livrable-sub-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n padding: 12px 15px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border-radius: 10px;\r\n border: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n .livrable-sub-item i {\r\n color: var(--primary);\r\n font-size: 0.85rem;\r\n margin-top: 2px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .livrable-sub-item span {\r\n font-size: 0.82rem;\r\n color: rgba(255, 255, 255, 0.55);\r\n line-height: 1.5;\r\n }\r\n\r\n .livrable-status-row {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 16px;\r\n }\r\n\r\n .status-pill {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n padding: 8px 14px;\r\n border-radius: 30px;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n }\r\n\r\n .status-pill.green {\r\n background: rgba(34, 197, 94, 0.1);\r\n border: 1px solid rgba(34, 197, 94, 0.3);\r\n color: #4ade80;\r\n }\r\n\r\n .status-pill.orange {\r\n background: rgba(251, 146, 60, 0.1);\r\n border: 1px solid rgba(251, 146, 60, 0.3);\r\n color: #fb923c;\r\n }\r\n\r\n .status-pill.red {\r\n background: rgba(239, 68, 68, 0.1);\r\n border: 1px solid rgba(239, 68, 68, 0.3);\r\n color: #f87171;\r\n }\r\n\r\n .status-dot {\r\n width: 9px;\r\n height: 9px;\r\n border-radius: 50%;\r\n }\r\n\r\n .status-pill.green .status-dot {\r\n background: #4ade80;\r\n }\r\n\r\n .status-pill.orange .status-dot {\r\n background: #fb923c;\r\n }\r\n\r\n .status-pill.red .status-dot {\r\n background: #f87171;\r\n }\r\n\r\n .score-bar-wrap {\r\n margin-top: 16px;\r\n }\r\n\r\n .score-bar-label {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n font-size: 0.78rem;\r\n color: rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .score-bar-label strong {\r\n color: var(--primary);\r\n font-size: 1.2rem;\r\n }\r\n\r\n .score-bar-track {\r\n height: 6px;\r\n background: rgba(255, 255, 255, 0.07);\r\n border-radius: 10px;\r\n overflow: hidden;\r\n }\r\n\r\n .score-bar-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--primary), #E8C97A);\r\n border-radius: 10px;\r\n width: 78%;\r\n position: relative;\r\n }\r\n\r\n .score-trend {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 0.78rem;\r\n color: #4ade80;\r\n margin-top: 8px;\r\n font-weight: 600;\r\n }\r\n\r\n .score-trend i {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .livrables-cta {\r\n text-align: center;\r\n margin-top: 70px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .livrables-cta p {\r\n color: rgba(255, 255, 255, 0.45);\r\n font-size: 0.9rem;\r\n margin-top: 16px;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .livrables-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .livrable-card.wide,\r\n .livrable-card.full {\r\n grid-column: span 2;\r\n }\r\n\r\n .livrables-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .livrables-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .livrable-card.wide,\r\n .livrable-card.full {\r\n grid-column: span 1;\r\n }\r\n\r\n .livrable-wide-inner {\r\n flex-direction: column;\r\n }\r\n\r\n .livrable-status-row {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n \/* --- Tableau comparatif livrables --- *\/\r\n .livrables-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-size: 0.88rem;\r\n min-width: 600px;\r\n }\r\n\r\n .livrables-table thead tr {\r\n background: rgba(207, 176, 105, 0.1);\r\n border-bottom: 1px solid rgba(207, 176, 105, 0.3);\r\n }\r\n\r\n .livrables-table th {\r\n padding: 16px 20px;\r\n color: var(--primary);\r\n font-weight: 700;\r\n text-align: center;\r\n font-size: 0.85rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .livrables-table td {\r\n padding: 14px 20px;\r\n color: rgba(255, 255, 255, 0.7);\r\n text-align: center;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n transition: background 0.2s;\r\n }\r\n\r\n .livrables-table td:first-child {\r\n text-align: left;\r\n color: rgba(255, 255, 255, 0.85);\r\n font-weight: 500;\r\n }\r\n\r\n .livrables-table tbody tr:hover td {\r\n background: rgba(207, 176, 105, 0.04);\r\n }\r\n\r\n .livrables-table tbody tr:last-child td {\r\n border-bottom: none;\r\n }\r\n\r\n .livrables-table .col-highlight {\r\n background: rgba(207, 176, 105, 0.08);\r\n border-left: 1px solid rgba(207, 176, 105, 0.2);\r\n border-right: 1px solid rgba(207, 176, 105, 0.2);\r\n color: var(--primary);\r\n font-weight: 600;\r\n }\r\n\r\n .livrables-table thead .col-highlight {\r\n background: rgba(207, 176, 105, 0.18);\r\n color: var(--primary);\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* --- Tableau comparatif : pleine largeur --- *\/\r\n .livrables-table-wrapper {\r\n overflow-x: auto;\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n margin-left: -50vw;\r\n padding: 0 40px;\r\n box-sizing: border-box;\r\n }\r\n\r\n .livrables-table {\r\n width: 100%;\r\n max-width: none;\r\n margin: 0;\r\n }\r\n\r\n \/* --- Contact Form Section --- *\/\r\n .start-section {\r\n padding: 100px 0;\r\n background: #FAF7F0;\r\n }\r\n\r\n .start-container {\r\n display: flex;\r\n gap: 60px;\r\n align-items: flex-start;\r\n }\r\n\r\n .start-info {\r\n flex: 1;\r\n padding-top: 40px;\r\n }\r\n\r\n .start-info h2 {\r\n font-size: 2.2rem;\r\n font-weight: 800;\r\n margin-bottom: 20px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .start-info>p {\r\n font-size: 1.05rem;\r\n margin-bottom: 30px;\r\n color: #555;\r\n }\r\n\r\n .start-list {\r\n list-style: none;\r\n }\r\n\r\n .start-list li {\r\n position: relative;\r\n padding-left: 20px;\r\n margin-bottom: 15px;\r\n font-size: 0.9rem;\r\n color: #444;\r\n line-height: 1.5;\r\n }\r\n\r\n .start-list li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: #C49F4B;\r\n font-weight: bold;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .start-form-wrapper {\r\n flex: 1.2;\r\n background: white;\r\n border-radius: 20px;\r\n padding: 50px;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .form-row {\r\n display: flex;\r\n gap: 20px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .form-col {\r\n flex: 1;\r\n }\r\n\r\n .form-label {\r\n display: block;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n margin-bottom: 8px;\r\n color: var(--text-dark);\r\n }\r\n\r\n .form-input {\r\n width: 100%;\r\n padding: 15px;\r\n background: #FAF7F0;\r\n border: none;\r\n border-radius: 8px;\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 0.9rem;\r\n outline: none;\r\n }\r\n\r\n .radio-group {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 25px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .radio-pill {\r\n background: #FAF7F0;\r\n color: #666;\r\n padding: 10px 15px;\r\n border-radius: 30px;\r\n font-size: 0.85rem;\r\n font-weight: 500;\r\n cursor: pointer;\r\n border: 1px solid transparent;\r\n transition: all 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n user-select: none;\r\n }\r\n\r\n .radio-pill:hover {\r\n background: #F0E8D5;\r\n color: #C49F4B;\r\n border-color: #C49F4B;\r\n transform: translateY(-1px);\r\n }\r\n\r\n .radio-pill.active {\r\n background: #C49F4B;\r\n color: white;\r\n border-color: #C49F4B;\r\n box-shadow: 0 4px 14px rgba(196, 159, 75, 0.3);\r\n }\r\n\r\n .btn-submit {\r\n width: 100%;\r\n background: #C49F4B;\r\n color: white;\r\n padding: 18px;\r\n border: none;\r\n border-radius: 30px;\r\n font-size: 1.1rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n margin-top: 10px;\r\n transition: background 0.3s;\r\n }\r\n\r\n .btn-submit:hover {\r\n background: #B89A55;\r\n }\r\n\r\n @media (max-width: 1024px) {\r\n .steps-container {\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n gap: 30px;\r\n }\r\n\r\n .steps-line {\r\n display: none;\r\n }\r\n\r\n .step-item {\r\n width: 30%;\r\n }\r\n\r\n .recovery-header {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .recovery-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .faq-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .start-container {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .step-item {\r\n width: 100%;\r\n }\r\n\r\n .recovery-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .form-row {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .start-form-wrapper {\r\n padding: 30px;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-bottom {\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n .site-footer {\r\n background: var(--dark, #1A1A1A);\r\n border-top: 1px solid var(--gold, #CFB069);\r\n padding: 20px 40px 10px;\r\n color: #fff;\r\n }\r\n\r\n .footer-inner {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n }\r\n\r\n .footer-logo img {\r\n width: 130px;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n gap: 20px;\r\n }\r\n\r\n .footer-links a {\r\n color: #aaa;\r\n text-decoration: none;\r\n font-size: 0.85rem;\r\n transition: color 0.2s;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--gold, #CFB069);\r\n }\r\n\r\n .footer-socials {\r\n display: flex;\r\n gap: 12px;\r\n }\r\n\r\n .footer-socials a {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #aaa;\r\n text-decoration: none;\r\n font-size: 0.85rem;\r\n transition: all 0.2s;\r\n }\r\n\r\n .footer-socials a:hover {\r\n border-color: var(--gold, #CFB069);\r\n color: var(--gold, #CFB069);\r\n }\r\n\r\n .footer-copy {\r\n text-align: center;\r\n color: rgba(255, 255, 255, 0.3);\r\n font-size: 0.78rem;\r\n padding-top: 16px;\r\n margin-top: 16px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n\r\n\r\n \/* --- Styles de Navigation Mobile --- *\/\r\n\r\n \/* Bouton Hamburger *\/\r\n .hamburger-menu {\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n width: 50px;\r\n height: 50px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n border: 2px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 50%;\r\n cursor: pointer;\r\n padding: 0;\r\n z-index: 1001;\r\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .hamburger-menu:hover {\r\n background: rgba(255, 255, 255, 0.25);\r\n transform: scale(1.05);\r\n }\r\n\r\n .hamburger-menu i {\r\n font-size: 1.4rem;\r\n color: #fff;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hamburger-menu.active {\r\n background: var(--primary);\r\n border-color: var(--primary);\r\n transform: rotate(90deg);\r\n }\r\n\r\n .hamburger-menu.active i {\r\n color: #fff;\r\n }\r\n\r\n \/* Overlay sombre *\/\r\n .mobile-menu-overlay {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n z-index: 999;\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .mobile-menu-overlay.active {\r\n opacity: 1;\r\n pointer-events: auto;\r\n }\r\n\r\n \/* Tiroir de menu *\/\r\n .mobile-menu-drawer {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 300px;\r\n max-width: 85%;\r\n background: rgba(26, 26, 26, 0.96);\r\n backdrop-filter: blur(25px);\r\n -webkit-backdrop-filter: blur(25px);\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);\r\n z-index: 1000;\r\n padding: 40px 30px;\r\n display: flex;\r\n flex-direction: column;\r\n transform: translateX(100%);\r\n transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .mobile-menu-drawer.active {\r\n transform: translateX(0);\r\n }\r\n\r\n .drawer-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .drawer-logo {\r\n font-size: 1.8rem;\r\n font-weight: 800;\r\n color: var(--primary, #CFB069);\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .drawer-logo span {\r\n color: #fff;\r\n }\r\n\r\n .close-drawer {\r\n background: transparent;\r\n border: none;\r\n color: #fff;\r\n font-size: 2.2rem;\r\n cursor: pointer;\r\n line-height: 1;\r\n transition: color 0.3s;\r\n }\r\n\r\n .close-drawer:hover {\r\n color: var(--primary, #CFB069);\r\n }\r\n\r\n .drawer-links {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .drawer-links a {\r\n color: #fff;\r\n text-decoration: none;\r\n font-size: 1.2rem;\r\n font-weight: 600;\r\n padding: 15px 20px;\r\n border-radius: 12px;\r\n transition: all 0.3s ease;\r\n display: block;\r\n border: 1px solid transparent;\r\n }\r\n\r\n .drawer-links a:hover {\r\n background: rgba(255, 255, 255, 0.1);\r\n transform: translateX(5px);\r\n }\r\n\r\n .drawer-links a.active {\r\n color: var(--primary, #CFB069);\r\n background: rgba(207, 176, 105, 0.15);\r\n border-color: rgba(207, 176, 105, 0.3);\r\n font-weight: 700;\r\n }\r\n\r\n .drawer-links a:hover:not(.active) {\r\n color: var(--primary, #CFB069);\r\n padding-left: 8px;\r\n }\r\n\r\n \/* Affichage Responsif *\/\r\n @media (max-width: 991px) {\r\n header nav {\r\n display: none !important;\r\n }\r\n\r\n .hamburger-menu {\r\n display: flex !important;\r\n }\r\n\r\n header {\r\n top: 0 !important;\r\n padding: 10px 20px !important;\r\n position: fixed !important;\r\n background: rgba(15, 15, 15, 0.92) !important;\r\n backdrop-filter: blur(18px) !important;\r\n -webkit-backdrop-filter: blur(18px) !important;\r\n border-bottom: 1px solid rgba(207, 176, 105, 0.15);\r\n height: 65px;\r\n }\r\n\r\n .logo-text img {\r\n width: 110px !important;\r\n height: auto !important;\r\n filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3)) !important;\r\n }\r\n\r\n .hamburger-menu {\r\n width: 42px !important;\r\n height: 42px !important;\r\n }\r\n\r\n .hamburger-menu i {\r\n font-size: 1.2rem !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- Header \/ Navigation -->\r\n <header>\r\n <div class=\"logo-text\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/2000.png\" alt=\"EYEBIZ Logo\">\r\n <\/div>\r\n <nav>\r\n <ul>\r\n <li><a href=\"http:\/\/eyebiz.fr\/\">Accueil<\/a><\/li>\r\n <li><a href=\"#\" class=\"active\">Offres & Tarifs<\/a><\/li>\r\n <li><a href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-90\/\">Blog<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\r\n <!-- Bouton Hamburger -->\r\n <button class=\"hamburger-menu\" id=\"hamburgerMenu\" aria-label=\"Menu principal\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/header>\r\n\r\n <!-- Tiroir mobile et overlay -->\r\n <div class=\"mobile-menu-overlay\" id=\"mobileMenuOverlay\"><\/div>\r\n <div class=\"mobile-menu-drawer\" id=\"mobileMenuDrawer\">\r\n <div class=\"drawer-header\">\r\n <div class=\"drawer-logo\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/2000.png\" alt=\"EYEBIZ Logo\"\r\n style=\"width: 120px; height: auto;\">\r\n <\/div>\r\n <button class=\"close-drawer\" id=\"closeDrawer\" aria-label=\"Fermer le menu\">×<\/button>\r\n <\/div>\r\n <ul class=\"drawer-links\">\r\n <li><a href=\"http:\/\/eyebiz.fr\/\">Accueil<\/a><\/li>\r\n <li><a href=\"#\" class=\"active\">Offres & Tarifs<\/a><\/li>\r\n <li><a href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-90\/\">Blog<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <h1>Vous investissez au S\u00e9n\u00e9gal.<br>Qui surveille votre bien ?<\/h1>\r\n <p>EyeBiz r\u00e9alise des visites surprises, des audits terrain et des contr\u00f4les ind\u00e9pendants de vos biens\r\n immobiliers \u00e0 Dakar. Rapport photo comment\u00e9 livr\u00e9 sous 48h.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#start\" class=\"btn btn-gold\">D\u00e9marrer d\u00e8s 100 \u20ac<\/a>\r\n <a href=\"#pricing\" class=\"btn btn-glass\">Voir les formules<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-stats\">\r\n <div class=\"stat-box\">\r\n <h3>48h<\/h3>\r\n <p>D\u00e9lai rapport<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <h3>100%<\/h3>\r\n <p>Visites surprises<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <h3>3<\/h3>\r\n <p>Niveaux certif.<\/p>\r\n <\/div>\r\n <div class=\"stat-box\">\r\n <h3>0<\/h3>\r\n <p>Engagement requis<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section: Le Probl\u00e8me -->\r\n <section class=\"problem-section\">\r\n <div class=\"container\">\r\n <div class=\"problem-header\">\r\n <div>\r\n <div class=\"section-label\">Le probl\u00e8me<\/div>\r\n <h2>Sans pr\u00e9sence sur place, comment savoir ce qui se passe r\u00e9ellement ?<\/h2>\r\n <\/div>\r\n <p>Des dizaines de milliers de S\u00e9n\u00e9galais r\u00e9sidant en France investissent chaque ann\u00e9e dans l'immobilier\r\n au S\u00e9n\u00e9gal. Ces investissements repr\u00e9sentent souvent plusieurs ann\u00e9es d'\u00e9conomies \u2014 sans aucun\r\n regard ind\u00e9pendant sur place.<\/p>\r\n <\/div>\r\n\r\n <div class=\"problem-grid\">\r\n <div class=\"problem-card\">\r\n <h3>Locatif<\/h3>\r\n <p class=\"desc\">Sous-location secr\u00e8te, loyers partiels vers\u00e9s, d\u00e9gradation silencieuse sans pr\u00e9avis.\r\n <\/p>\r\n <p class=\"tags\">Appartement - villa - studio - maison<\/p>\r\n <\/div>\r\n <div class=\"problem-card\">\r\n <h3>Chantier<\/h3>\r\n <p class=\"desc\">Travaux ralentis ou arr\u00eat\u00e9s, mauvais mat\u00e9riaux, planning glissant sans notification.\r\n <\/p>\r\n <p class=\"tags\">Suivi avancement - qualit\u00e9 - permis<\/p>\r\n <\/div>\r\n <div class=\"problem-card\">\r\n <h3>Terrain \/ TF<\/h3>\r\n <p class=\"desc\">Occupation illicite, empi\u00e9tement voisin, titre foncier contest\u00e9 \u2014 appris des ann\u00e9es\r\n plus tard.<\/p>\r\n <p class=\"tags\">Bornes - superficie - GPS - TF<\/p>\r\n <\/div>\r\n <div class=\"problem-card\">\r\n <h3>Immeuble de rapport<\/h3>\r\n <p class=\"desc\">Vacances non d\u00e9clar\u00e9es, loyers sous-estim\u00e9s, parties communes d\u00e9grad\u00e9es,\r\n gestionnaire n\u00e9gligent.<\/p>\r\n <p class=\"tags\">Audit unit\u00e9 par unit\u00e9 - dashboard<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section: Nos Formules -->\r\n <section class=\"pricing-section\" id=\"pricing\">\r\n <div class=\"container\">\r\n <div class=\"pricing-header\">\r\n <div class=\"section-label\">Nos Formules<\/div>\r\n <h2>Trois niveaux de surveillance,<br>z\u00e9ro engagement<\/h2>\r\n <p>Abonnement mensuel r\u00e9siliable \u00e0 tout moment - Paiement par virement ou PayPal<\/p>\r\n <\/div>\r\n\r\n <div class=\"pricing-grid\">\r\n\r\n <!-- Essentiel -->\r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-top\">\r\n <h3>Essentiel <span>150 \u20ac \/ mois<\/span><\/h3>\r\n <p>Une visite disponible - 100 \u20ac<\/p>\r\n <\/div>\r\n <div class=\"pricing-body\">\r\n <ul class=\"pricing-list\">\r\n <li>1 visite surprise par mois<\/li>\r\n <li>Observation ext\u00e9rieure compl\u00e8te<\/li>\r\n <li>4-5 photos g\u00e9olocalis\u00e9es<\/li>\r\n <li>Rapport 1-2 pages - livraison 48h<\/li>\r\n <li class=\"disabled\">Inspection int\u00e9rieure<\/li>\r\n <li class=\"disabled\">Client myst\u00e8re locataire<\/li>\r\n <li class=\"disabled\">Check de compte d\u00e9di\u00e9<\/li>\r\n <\/ul>\r\n <div class=\"pricing-cert\">Certification Niveau 1 \u2014 Hash SHA-256<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Premium (Recommand\u00e9) -->\r\n <div class=\"pricing-card highlight\">\r\n <div class=\"badge-rec\">Recommand\u00e9<\/div>\r\n <div class=\"pricing-top\">\r\n <h3>Premium <span>400 \u20ac \/ mois<\/span><\/h3>\r\n <p>Une visite disponible - 150 \u20ac<\/p>\r\n <\/div>\r\n <div class=\"pricing-body\">\r\n <ul class=\"pricing-list\">\r\n <li>2 visites surprises par mois<\/li>\r\n <li>Inspection int\u00e9rieure (si accessible)<\/li>\r\n <li>Client myst\u00e8re locataire<\/li>\r\n <li>Comparatif loyer \/ prix march\u00e9<\/li>\r\n <li>Rapport 4-8 pages - livraison 24h<\/li>\r\n <li>Relev\u00e9 compteurs eau & \u00e9lectricit\u00e9<\/li>\r\n <li class=\"disabled\">Check de compte d\u00e9di\u00e9<\/li>\r\n <\/ul>\r\n <div class=\"pricing-cert\">Certification Niveau 1 + 2 \u2014 RC Pro engag\u00e9e<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- VIP -->\r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-top\">\r\n <h3>VIP <span>900 \u20ac \/ mois<\/span><\/h3>\r\n <p>Une visite pour devis<\/p>\r\n <\/div>\r\n <div class=\"pricing-body\">\r\n <ul class=\"pricing-list\">\r\n <li>Visites illimit\u00e9es dans le mois<\/li>\r\n <li>Check de compte d\u00e9di\u00e9<\/li>\r\n <li>Alerte WhatsApp (sous 2h anomalie)<\/li>\r\n <li>Dashboard portefeuille mensuel<\/li>\r\n <li>V\u00e9rification doc foncier<\/li>\r\n <li>Constat d'huissier inclus (1\/an)<\/li>\r\n <li>Rapport PDF + Excel + PowerPoint<\/li>\r\n <\/ul>\r\n <div class=\"pricing-cert\">Certification Niveau 1 + 2 + 3 \u2014 Huissier asserment\u00e9 inclus<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <p class=\"pricing-footer\">-10% pour engagement 6 mois. -15% pour engagement 12 mois. Tarifs d\u00e9gressifs\r\n multi-biens d\u00e8s 2 biens. TVA non applicable \u2014 prestataire hors UE.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section: Comment \u00e7a marche -->\r\n <section class=\"steps-section\">\r\n <div class=\"container\">\r\n <div class=\"steps-header\">\r\n <div class=\"section-label\">Comment \u00e7a marche<\/div>\r\n <h2>Cinq \u00e9tapes, de la commande au rapport<\/h2>\r\n <\/div>\r\n\r\n <div class=\"steps-container\">\r\n <div class=\"steps-line\"><\/div>\r\n\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">1<\/div>\r\n <h4>Vous nous contactez<\/h4>\r\n <p>Adresse du bien, type et formule souhait\u00e9e par email ou WhatsApp. R\u00e9ponse confirm\u00e9e sous 24h.<\/p>\r\n <\/div>\r\n\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">2<\/div>\r\n <h4>Signature & paiement<\/h4>\r\n <p>Contrat de mission sign\u00e9 \u00e9lectroniquement. Virement bancaire ou PayPal. One shot avant mission.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">3<\/div>\r\n <h4>Mission planifi\u00e9e<\/h4>\r\n <p>Enqu\u00eateur qualit\u00e9 assign\u00e9 \u00e0 Dakar. Date et heure gard\u00e9es secr\u00e8tes \u2014 c'est la garantie de l'effet\r\n de surprise.<\/p>\r\n <\/div>\r\n\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">4<\/div>\r\n <h4>Visite sur place<\/h4>\r\n <p>L'enqu\u00eateur suit le process adapt\u00e9 \u00e0 votre bien, prend les photos g\u00e9olocalis\u00e9es et compl\u00e8te la\r\n grille sur tablette.<\/p>\r\n <\/div>\r\n\r\n <div class=\"step-item\">\r\n <div class=\"step-circle\">5<\/div>\r\n <h4>Rapport livr\u00e9<\/h4>\r\n <p>PDF s\u00e9curis\u00e9 et comment\u00e9 envoy\u00e9 par email et WhatsApp dans le d\u00e9lai contractuel. Actionnable\r\n imm\u00e9diatement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section: Recouvrement -->\r\n <section class=\"recovery-section\">\r\n <div class=\"container\">\r\n <div class=\"recovery-header\">\r\n <div class=\"recovery-title\">\r\n <div class=\"section-label\">Recouvrement<\/div>\r\n <h2>Loyers impay\u00e9s : on<br><span>intervient sur le terrain<\/span><\/h2>\r\n <\/div>\r\n <div class=\"recovery-desc\">\r\n <p><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"recovery-grid\">\r\n <!-- Niveau 1 -->\r\n <div class=\"recovery-card\">\r\n <div><span class=\"recovery-badge\">Niveau 1<\/span><\/div>\r\n <h4>Relance amiable terrain<\/h4>\r\n <p class=\"text\">Visite surprise au domicile, vue des procurations\/ remise en main propre, rapport\r\n preuve sous 48h.<\/p>\r\n <div class=\"price\">80 \u2013 120 \u20ac<\/div>\r\n <div class=\"delai\">D\u00e9lai J+5<\/div>\r\n <\/div>\r\n\r\n <!-- Niveau 2 -->\r\n <div class=\"recovery-card\">\r\n <div><span class=\"recovery-badge\">Niveau 2<\/span><\/div>\r\n <h4>Mise en demeure formelle<\/h4>\r\n <p class=\"text\">Signification par huissier partenaire. Valeur l\u00e9gale opposable, constat\r\n contradictoire si n\u00e9cessaire.<\/p>\r\n <div class=\"price\">150 \u2013 250 \u20ac<\/div>\r\n <div class=\"delai\">D\u00e9lai J+2<\/div>\r\n <\/div>\r\n\r\n <!-- Niveau 3 -->\r\n <div class=\"recovery-card\">\r\n <div><span class=\"recovery-badge\">Niveau 3<\/span><\/div>\r\n <h4>Dossier contentieux<\/h4>\r\n <p class=\"text\">Dossier cl\u00e9 en main pour votre avocat \u00e0 Dakar : met en oeuvre act\u00e9, pr\u00eat pour\r\n l'assignation.<\/p>\r\n <div class=\"price\">Sur devis<\/div>\r\n <div class=\"delai\">D\u00e9lai J+5<\/div>\r\n <\/div>\r\n\r\n <!-- Pack Niveau 1+2 -->\r\n <div class=\"recovery-card\">\r\n <div><span class=\"recovery-badge solid\">Pack Niveau 1 + 2<\/span><\/div>\r\n <h4>Pack recouvrement complet<\/h4>\r\n <p class=\"text\">Continuation dossier si echec premier. Visite au Niveau 1 & Niveau 2 n'est pas\r\n factur\u00e9.<\/p>\r\n <div class=\"price\">200 \u2013 320 \u20ac<\/div>\r\n <div class=\"delai\">Disponible sans abonnement<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section: FAQ -->\r\n <section class=\"faq-section\">\r\n <div class=\"container\">\r\n <div class=\"faq-header\">\r\n <div class=\"section-label\">Questions fr\u00e9quentes<\/div>\r\n <h2>Ce que vous voulez savoir avant de d\u00e9marrer<\/h2>\r\n <\/div>\r\n\r\n <div class=\"faq-grid\">\r\n <div class=\"faq-card\">\r\n <h4>Mon locataire ou gestionnaire sera-t-il pr\u00e9venu ?<\/h4>\r\n <p>Non. La visite est toujours surprise. Nous ne contactons jamais le gestionnaire ou le locataire\r\n avant la mission \u2014 c'est le principe qui garantit la fiabilit\u00e9 de nos constats.<\/p>\r\n <\/div>\r\n <div class=\"faq-card\">\r\n <h4>Puis-je surveiller plusieurs biens simultan\u00e9ment ?<\/h4>\r\n <p>Oui. Chaque bien fait l'objet d'une mission et d'un rapport ind\u00e9pendants. Des tarifs d\u00e9gressifs\r\n s'appliquent d\u00e8s 2 biens. Contactez-nous pour un devis personnalis\u00e9 multi-biens.<\/p>\r\n <\/div>\r\n <div class=\"faq-card\">\r\n <h4>Que se passe-t-il si une anomalie grave est d\u00e9tect\u00e9e ?<\/h4>\r\n <p>En formule VIP, vous recevez une alerte WhatsApp sous 2h avec photos, avant m\u00eame la r\u00e9daction du\r\n rapport. En Essentiel et Premium, l'information figure dans le rapport livr\u00e9 sous 24-48h.<\/p>\r\n <\/div>\r\n <div class=\"faq-card\">\r\n <h4>Vos rapports sont-ils recevables l\u00e9galement ?<\/h4>\r\n <p>Les rapports certifi\u00e9s Niveau 2 (Premium) et VIP sont des documents contractuels opposables \u00e0\r\n l'agence ou au promoteur. Les constats d'huissier (Niveau 3) ont une valeur l\u00e9gale compl\u00e8te\r\n devant les tribunaux s\u00e9n\u00e9galais.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section: Vos livrables en d\u00e9tail -->\r\n <section class=\"livrables-section\" id=\"livrables\">\r\n <div class=\"container\">\r\n <div class=\"livrables-header\">\r\n <div class=\"section-label\">Ce que vous recevez<\/div>\r\n <h2>Vos livrables <span>en d\u00e9tail<\/span><\/h2>\r\n <p>Chaque rapport EyeBiz est un document structur\u00e9, certifi\u00e9 et actionnable. Voici exactement ce qu'il\r\n contient, section par section.<\/p>\r\n <\/div>\r\n\r\n <!-- Tableau comparatif par formule -->\r\n <div class=\"livrables-compare\">\r\n <div class=\"livrables-compare-header\">\r\n <div class=\"section-label\" style=\"justify-content:center; margin-bottom:12px;\">R\u00e9capitulatif<\/div>\r\n <h3>Ce que contient chaque formule<\/h3>\r\n <\/div>\r\n <div class=\"livrables-table-wrapper\">\r\n <table class=\"livrables-table\">\r\n <thead>\r\n <tr>\r\n <th style=\"text-align:left;\">Livrable<\/th>\r\n <th>Essentiel<\/th>\r\n <th class=\"col-highlight\">Premium<\/th>\r\n <th>VIP<\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n <tr>\r\n <td>Page de garde & identification<\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Statut global (feu tricolore)<\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Score global \/10<\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>R\u00e9sum\u00e9 ex\u00e9cutif<\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Grille de scoring d\u00e9taill\u00e9e<\/td>\r\n <td style=\"color:rgba(255,255,255,0.4);\">Partiel<\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Galerie photographique g\u00e9olocalis\u00e9e<\/td>\r\n <td>4\u20135 photos<\/td>\r\n <td class=\"col-highlight\">10\u201320 photos<\/td>\r\n <td>Illimit\u00e9es<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Constatations d\u00e9taill\u00e9es<\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Analyse comparative march\u00e9<\/td>\r\n <td><i class=\"fa-solid fa-xmark\" style=\"color:rgba(255,255,255,0.25);\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Recommandations prioris\u00e9es<\/td>\r\n <td><i class=\"fa-solid fa-xmark\" style=\"color:rgba(255,255,255,0.25);\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Historique & courbe d'\u00e9volution<\/td>\r\n <td><i class=\"fa-solid fa-xmark\" style=\"color:rgba(255,255,255,0.25);\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i>\r\n <\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Certification SHA-256<\/td>\r\n <td>Niveau 1<\/td>\r\n <td class=\"col-highlight\">Niveau 1 + 2<\/td>\r\n <td>Niveau 1 + 2 + 3<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Alerte WhatsApp anomalie grave<\/td>\r\n <td><i class=\"fa-solid fa-xmark\" style=\"color:rgba(255,255,255,0.25);\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-xmark\"\r\n style=\"color:rgba(255,255,255,0.25);\"><\/i><\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Dashboard multi-biens (PDF + Excel + PPT)<\/td>\r\n <td><i class=\"fa-solid fa-xmark\" style=\"color:rgba(255,255,255,0.25);\"><\/i><\/td>\r\n <td class=\"col-highlight\"><i class=\"fa-solid fa-xmark\"\r\n style=\"color:rgba(255,255,255,0.25);\"><\/i><\/td>\r\n <td><i class=\"fa-solid fa-check\" style=\"color:#4ade80;\"><\/i><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>D\u00e9lai de livraison<\/td>\r\n <td>48h<\/td>\r\n <td class=\"col-highlight\">24h<\/td>\r\n <td>2h (alerte) + 24h<\/td>\r\n <\/tr>\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <div class=\"livrables-cta\">\r\n <p>Rapport fictif anonymis\u00e9 disponible sur demande \u2014 sans engagement<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Section: Start Form -->\r\n\r\n <section class=\"start-section\" id=\"start\">\r\n <div class=\"container start-container\">\r\n <div class=\"start-info\">\r\n <h2>D\u00e9marrez en moins de cinq minutes<\/h2>\r\n <p>Envoyez-nous ces informations. Nous confirmons la prise en charge sous 24h et d\u00e9marrons d\u00e8s la\r\n semaine suivante.<\/p>\r\n\r\n <ul class=\"start-list\">\r\n <li>Sans engagement \u2014 r\u00e9siliable \u00e0 tout moment avec 15 jours de pr\u00e9avis<\/li>\r\n <li>Paiement s\u00e9curis\u00e9 par virement (SEPA FR) ou PayPal<\/li>\r\n <li>Facture \u00e9mise \u00e0 chaque paiement<\/li>\r\n <li>Abonn\u00e9s Premium et VIP : priorit\u00e9 de traitement sur le recouvrement + remise 10%<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"start-form-wrapper\">\r\n <form action=\"https:\/\/formsubmit.co\/eyebiz@outlook.fr\" method=\"POST\">\r\n <!-- Configuration FormSubmit : envoi vers eyebiz@outlook.fr -->\r\n <input type=\"hidden\" name=\"_subject\" value=\"Nouvelle demande EYEBIZ\">\r\n <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/eyebiz.fr\/merci\">\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-col\">\r\n <label class=\"form-label\">Nom Complet<\/label>\r\n <input type=\"text\" class=\"form-input\" name=\"Nom complet\" placeholder=\"Nom Complet\" required>\r\n <\/div>\r\n <div class=\"form-col\">\r\n <label class=\"form-label\">Ville de r\u00e9sidence (France)<\/label>\r\n <input type=\"text\" class=\"form-input\" name=\"Ville de r\u00e9sidence\" placeholder=\"Ville de r\u00e9sidence (France)\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-col\">\r\n <label class=\"form-label\">Adresse compl\u00e8te du bien au S\u00e9n\u00e9gal<\/label>\r\n <input type=\"text\" class=\"form-input\" name=\"Adresse du bien\" placeholder=\"Adresse compl\u00e8te du bien au S\u00e9n\u00e9gal\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"form-row\" style=\"flex-direction: column; gap: 5px;\">\r\n <label class=\"form-label\">Type de bien<\/label>\r\n <div class=\"radio-group\" data-group=\"type-bien\">\r\n <div class=\"radio-pill\">Locatif<\/div>\r\n <div class=\"radio-pill\">Chantier<\/div>\r\n <div class=\"radio-pill\">Terrain<\/div>\r\n <div class=\"radio-pill\">Immeuble de rapport<\/div>\r\n <\/div>\r\n <input type=\"hidden\" name=\"Type de bien\" data-hidden-for=\"type-bien\">\r\n <\/div>\r\n\r\n <div class=\"form-row\" style=\"flex-direction: column; gap: 5px;\">\r\n <label class=\"form-label\">Formule souhait\u00e9e<\/label>\r\n <div class=\"radio-group\" data-group=\"formule\">\r\n <div class=\"radio-pill\">Essentiel 150 \u20ac<\/div>\r\n <div class=\"radio-pill\">Premium 400 \u20ac<\/div>\r\n <div class=\"radio-pill\">VIP 900 \u20ac<\/div>\r\n <div class=\"radio-pill\">One shot<\/div>\r\n <\/div>\r\n <input type=\"hidden\" name=\"Formule souhait\u00e9e\" data-hidden-for=\"formule\">\r\n <\/div>\r\n\r\n <div class=\"form-row\" style=\"flex-direction: column; gap: 5px;\">\r\n <label class=\"form-label\">Service recouvrement (optionnel)<\/label>\r\n <div class=\"radio-group\" data-group=\"recouvrement\">\r\n <div class=\"radio-pill\">Aucun<\/div>\r\n <div class=\"radio-pill\">Mise en demeure<\/div>\r\n <div class=\"radio-pill\">Pack Niveau 1+2<\/div>\r\n <\/div>\r\n <input type=\"hidden\" name=\"Service recouvrement\" data-hidden-for=\"recouvrement\">\r\n <\/div>\r\n\r\n <div class=\"form-row\">\r\n <div class=\"form-col\">\r\n <label class=\"form-label\">Email<\/label>\r\n <input type=\"email\" class=\"form-input\" name=\"Email\" placeholder=\"Email\" required>\r\n <\/div>\r\n <div class=\"form-col\">\r\n <label class=\"form-label\">Whatsapp<\/label>\r\n <input type=\"tel\" class=\"form-input\" name=\"Whatsapp\" placeholder=\"Whatsapp\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" class=\"btn-submit\">Envoyer ma demande<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"site-footer\">\r\n <div class=\"footer-inner\">\r\n <div class=\"footer-logo\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/2000.png\" alt=\"EYEBIZ\">\r\n <\/div>\r\n <div class=\"footer-links\">\r\n <a href=\"https:\/\/eyebiz.fr\/\">Accueil<\/a>\r\n <a href=\"#\">Offres & Tarifs<\/a>\r\n <a href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-90\/\">Blog<\/a>\r\n <a href=\"https:\/\/eyebiz.fr\/index.php\/elementor-page-149\/\">Mentions l\u00e9gales<\/a>\r\n <\/div>\r\n <div class=\"footer-socials\">\r\n <a href=\"#\"><i class=\"fa-brands fa-linkedin-in\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-copy\">\u00a9 2026 EYEBIZ. Tous droits r\u00e9serv\u00e9s.<\/div>\r\n <\/footer>\r\n\r\n <!-- Animations Scroll -->\r\n <style>\r\n .animate-hidden {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n\r\n .animate-active {\r\n opacity: 1 !important;\r\n transform: translateY(0) !important;\r\n }\r\n <\/style>\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const target = entry.target;\r\n let delay = 0;\r\n const parent = target.parentElement;\r\n if (parent && (parent.style.display === 'grid' || parent.style.display === 'flex' || parent.className.includes('grid') || parent.className.includes('flex'))) {\r\n const siblings = Array.from(parent.children).filter(el => el.classList.contains('animate-hidden'));\r\n const index = siblings.indexOf(target);\r\n if (index > -1) delay = index * 100;\r\n }\r\n\r\n setTimeout(() => {\r\n target.classList.add('animate-active');\r\n }, delay);\r\n\r\n observer.unobserve(target);\r\n }\r\n });\r\n }, { root: null, rootMargin: '0px', threshold: 0.1 });\r\n\r\n const selectors = [\r\n '.hero-content > *', '.stat-box', '.problem-card', '.pricing-card',\r\n '.step-item', '.recovery-card', '.faq-card', '.start-info > *',\r\n '.start-form-wrapper', 'section h2', '.section-label',\r\n '.cas-card', '.trust-card', '.service-card-wrapper', '.benefit-card',\r\n '.target-card', '.how-card', '.ms-card', '.secteur-card', '.preuve-box',\r\n '.temoignage-card', '.tarif-card', '.club-card', '.contact-form-container',\r\n '.footer-col', '.footer-logo', '.distance-text-box'\r\n ];\r\n\r\n const elementsToAnimate = document.querySelectorAll(selectors.join(', '));\r\n elementsToAnimate.forEach(el => {\r\n el.classList.add('animate-hidden');\r\n observer.observe(el);\r\n });\r\n\r\n \/\/ Effet 3D Tilt au survol de la souris\r\n const tiltCards = document.querySelectorAll('.problem-card, .pricing-card, .recovery-card, .faq-card, .step-item');\r\n tiltCards.forEach(card => {\r\n card.addEventListener('mousemove', e => {\r\n const rect = card.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n const centerX = rect.width \/ 2;\r\n const centerY = rect.height \/ 2;\r\n const rotateX = ((y - centerY) \/ centerY) * -5;\r\n const rotateY = ((x - centerX) \/ centerX) * 5;\r\n\r\n card.style.transform = `perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg) scale3d(1.02, 1.02, 1.02)`;\r\n card.style.transition = 'none';\r\n card.style.zIndex = '10';\r\n });\r\n\r\n card.addEventListener('mouseleave', () => {\r\n card.style.transform = '';\r\n card.style.transition = 'transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1)';\r\n card.style.zIndex = '1';\r\n });\r\n });\r\n\r\n \/\/ Logic for Mobile Navigation Menu\r\n const hamburger = document.getElementById(\"hamburgerMenu\");\r\n const closeBtn = document.getElementById(\"closeDrawer\");\r\n const drawer = document.getElementById(\"mobileMenuDrawer\");\r\n const overlay = document.getElementById(\"mobileMenuOverlay\");\r\n const drawerLinks = document.querySelectorAll(\".drawer-links a\");\r\n\r\n function toggleMenu() {\r\n const isOpen = drawer.classList.contains(\"active\");\r\n if (isOpen) {\r\n closeMenu();\r\n } else {\r\n openMenu();\r\n }\r\n }\r\n\r\n function openMenu() {\r\n hamburger.classList.add(\"active\");\r\n drawer.classList.add(\"active\");\r\n overlay.classList.add(\"active\");\r\n document.body.style.overflow = \"hidden\"; \/\/ Prevent background scroll\r\n }\r\n\r\n function closeMenu() {\r\n hamburger.classList.remove(\"active\");\r\n drawer.classList.remove(\"active\");\r\n overlay.classList.remove(\"active\");\r\n document.body.style.overflow = \"\"; \/\/ Restore background scroll\r\n }\r\n\r\n hamburger.addEventListener(\"click\", toggleMenu);\r\n if (closeBtn) closeBtn.addEventListener(\"click\", closeMenu);\r\n overlay.addEventListener(\"click\", closeMenu);\r\n\r\n drawerLinks.forEach(link => {\r\n link.addEventListener(\"click\", function () {\r\n closeMenu();\r\n drawerLinks.forEach(l => l.classList.remove(\"active\"));\r\n this.classList.add(\"active\");\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Radio Pills : s\u00e9lection exclusive par groupe \u2500\u2500\r\n document.querySelectorAll('.radio-group').forEach(function (group) {\r\n const groupName = group.getAttribute('data-group');\r\n const hiddenInput = document.querySelector('input[data-hidden-for=\"' + groupName + '\"]');\r\n\r\n group.querySelectorAll('.radio-pill').forEach(function (pill) {\r\n pill.addEventListener('click', function () {\r\n \/\/ D\u00e9sactive tous les pills du m\u00eame groupe\r\n group.querySelectorAll('.radio-pill').forEach(function (p) {\r\n p.classList.remove('active');\r\n });\r\n \/\/ Active le pill cliqu\u00e9\r\n pill.classList.add('active');\r\n\r\n \/\/ Reporte la valeur s\u00e9lectionn\u00e9e dans le champ cach\u00e9 du formulaire\r\n if (hiddenInput) {\r\n hiddenInput.value = pill.textContent.trim();\r\n }\r\n });\r\n });\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-63815c5 e-flex e-con-boxed e-con e-parent\" data-id=\"63815c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EYEBIZ – Investissement au S\u00e9n\u00e9gal Accueil Offres & Tarifs Blog × Accueil Offres & Tarifs Blog Vous investissez au S\u00e9n\u00e9gal.Qui surveille votre bien ? EyeBiz r\u00e9alise des visites surprises, des audits terrain et des contr\u00f4les ind\u00e9pendants de vos biens immobiliers \u00e0 Dakar. Rapport photo comment\u00e9 livr\u00e9 sous 48h. D\u00e9marrer d\u00e8s 100 \u20ac Voir les formules […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_angie_page":false,"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/comments?post=78"}],"version-history":[{"count":55,"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":236,"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/78\/revisions\/236"}],"wp:attachment":[{"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}