{"id":33,"date":"2026-05-18T17:12:55","date_gmt":"2026-05-18T17:12:55","guid":{"rendered":"https:\/\/eyebiz.fr\/?page_id=33"},"modified":"2026-06-15T23:24:48","modified_gmt":"2026-06-15T23:24:48","slug":"elementor-page-33","status":"publish","type":"page","link":"https:\/\/eyebiz.fr\/","title":{"rendered":"acceuil"},"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 - Un oeil sur votre business au S\u00e9n\u00e9gal<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&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\r\n <style>\r\n :root {\r\n --primary-color: #CFB069;\r\n --primary-dark: #B89A55;\r\n --text-dark: #1A1A1A;\r\n --text-light: #FFFFFF;\r\n --bg-light: #F9F9F9;\r\n --bg-dark: #1A1A1A;\r\n --card-cream: #FDFBF7;\r\n --radius-sm: 8px;\r\n --radius-md: 16px;\r\n --radius-lg: 24px;\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 scroll-behavior: smooth;\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 .container {\r\n max-width: 100%;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n width: 100%;\r\n }\r\n\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 text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\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 h3 {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n }\r\n\r\n p {\r\n font-size: 1.1rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .text-center {\r\n text-align: center;\r\n }\r\n\r\n .subtitle {\r\n text-align: center;\r\n color: #666;\r\n max-width: 800px;\r\n margin: 0 auto 40px auto;\r\n font-size: 1.2rem;\r\n }\r\n\r\n .section-label {\r\n color: var(--primary-color);\r\n font-weight: 600;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n margin-bottom: 25px;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .section-label::before {\r\n content: '';\r\n width: 35px;\r\n height: 1px;\r\n background: var(--primary-color);\r\n }\r\n\r\n .badge-check {\r\n background: #f0f0f0;\r\n color: #666;\r\n padding: 6px 18px;\r\n border-radius: 20px;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n .badge-check.gold {\r\n background: var(--primary-color);\r\n color: white;\r\n }\r\n\r\n \/* Buttons *\/\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 15px 35px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n border: none;\r\n gap: 10px;\r\n font-size: 1.3rem;\r\n }\r\n\r\n .btn-primary {\r\n background-color: var(--primary-color);\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background-color: var(--primary-dark);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-secondary {\r\n background-color: 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-secondary:hover {\r\n background-color: rgba(0, 0, 0, 0.6);\r\n border-color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n \/* Header *\/\r\n header {\r\n position: absolute;\r\n top: -100px;\r\n left: 0;\r\n right: 0;\r\n max-width: 100%;\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 *\/\r\n .hero {\r\n height: 95vh;\r\n position: relative;\r\n background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/ac3598044d53c7a4190a1e55597b51b407f29368.png');\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n color: var(--text-light);\r\n }\r\n\r\n .hero::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);\r\n z-index: 1;\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 900px;\r\n padding: 0 20px;\r\n animation: fadeIn 1s ease-out forwards;\r\n }\r\n\r\n .hero-content p {\r\n font-size: 1.8rem;\r\n margin-bottom: 40px;\r\n font-weight: 300;\r\n text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 20px;\r\n justify-content: center;\r\n }\r\n\r\n \/* Distance *\/\r\n .distance-section {\r\n display: flex;\r\n position: relative;\r\n min-height: 600px;\r\n background-color: var(--bg-dark);\r\n }\r\n\r\n .distance-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/06\/successful-african-entrepreneur-at-workplace-2026-01-08-07-26-15-utc_1.png');\r\n background-size: cover;\r\n background-position: center 20%;\r\n z-index: 1;\r\n }\r\n\r\n .distance-image::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(to right, rgba(43, 48, 58, 0.9) 0%, rgba(43, 48, 58, 0.3) 50%, rgba(0, 0, 0, 0.1) 100%);\r\n }\r\n\r\n .distance-overlay-container {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n align-items: center;\r\n min-height: 600px;\r\n }\r\n\r\n .distance-text-box {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(15px);\r\n padding: 50px;\r\n border-radius: var(--radius-lg);\r\n color: var(--text-light);\r\n max-width: 550px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .distance-text-box h2 {\r\n color: var(--primary-color);\r\n font-size: 2.2rem;\r\n text-align: left;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .distance-text-box p {\r\n margin-bottom: 20px;\r\n font-weight: 300;\r\n font-size: 1.1rem;\r\n line-height: 1.8;\r\n opacity: 0.9;\r\n }\r\n\r\n .distance-text-box .author {\r\n font-size: 0.95rem;\r\n opacity: 0.7;\r\n margin-bottom: 0;\r\n font-weight: 500;\r\n }\r\n\r\n \/* Trust *\/\r\n .trust-section {\r\n padding: 100px 0;\r\n background: linear-gradient(to bottom, #CFB069 0%, #fff 60%);\r\n color: var(--text-dark);\r\n position: relative;\r\n }\r\n\r\n .trust-section h2 {\r\n color: var(--text-dark);\r\n font-size: 2.5rem;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .trust-section .subtitle {\r\n color: var(--text-dark);\r\n font-weight: 500;\r\n opacity: 0.8;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .trust-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .trust-card {\r\n background: #fff;\r\n padding: 40px 20px;\r\n border-radius: var(--radius-lg);\r\n text-align: center;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease;\r\n border: 1px solid rgba(207, 176, 105, 0.2);\r\n }\r\n\r\n .trust-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .trust-card .icon {\r\n width: 50px;\r\n height: 50px;\r\n background: var(--primary-color);\r\n color: white;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.2rem;\r\n margin: 0 auto 20px auto;\r\n }\r\n\r\n .trust-card p {\r\n font-weight: 600;\r\n font-size: 1rem;\r\n color: var(--text-dark);\r\n }\r\n\r\n \/* Services *\/\r\n .services-section {\r\n padding: 100px 0;\r\n background: #fff;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n\r\n .service-card {\r\n border-radius: 25px;\r\n overflow: hidden;\r\n height: 550px;\r\n position: relative;\r\n background-size: cover;\r\n background-position: center;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .service-card:hover {\r\n transform: scale(1.02);\r\n }\r\n\r\n .service-overlay {\r\n position: absolute;\r\n top: 30px;\r\n left: 20px;\r\n right: 20px;\r\n background: rgba(255, 255, 255, 0.15);\r\n backdrop-filter: blur(15px);\r\n padding: 30px;\r\n border-radius: 20px;\r\n color: white;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n text-align: left;\r\n }\r\n\r\n .service-overlay h3 {\r\n margin-bottom: 15px;\r\n font-size: 1.6rem;\r\n color: white;\r\n }\r\n\r\n .service-overlay p {\r\n font-size: 0.95rem;\r\n font-weight: 400;\r\n line-height: 1.6;\r\n opacity: 0.9;\r\n }\r\n\r\n \/* Benefits *\/\r\n .benefits-section {\r\n padding: 120px 0;\r\n background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/4-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-attachment: fixed;\r\n position: relative;\r\n min-height: 700px;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .benefits-section::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));\r\n z-index: 1;\r\n }\r\n\r\n .benefits-container {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .benefits-section h2 {\r\n color: white;\r\n font-size: 3rem;\r\n margin-bottom: 15px;\r\n }\r\n\r\n .benefits-section .subtitle {\r\n color: rgba(255, 255, 255, 0.9);\r\n font-weight: 400;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 15px;\r\n }\r\n\r\n .benefit-card {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(15px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n padding: 30px 15px;\r\n border-radius: 15px;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .benefit-card:hover {\r\n background: rgba(255, 255, 255, 0.2);\r\n transform: translateY(-5px);\r\n }\r\n\r\n .benefit-card h3 {\r\n font-size: 1.1rem;\r\n margin-bottom: 10px;\r\n color: white;\r\n font-weight: 700;\r\n }\r\n\r\n .benefit-card p {\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 0.9);\r\n line-height: 1.4;\r\n }\r\n\r\n \/* Target *\/\r\n .target-section {\r\n padding: 80px 0;\r\n background: #fff;\r\n }\r\n\r\n .target-section h2 {\r\n text-align: center;\r\n font-size: 2.8rem;\r\n color: #222;\r\n font-weight: 900;\r\n }\r\n\r\n .target-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.1fr 1fr;\r\n gap: 20px;\r\n margin-top: 50px;\r\n }\r\n\r\n .target-card {\r\n background: #D2A855;\r\n color: white;\r\n padding: 40px 30px;\r\n border-radius: 15px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n text-align: center;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .target-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .target-card h3 {\r\n color: white;\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n .target-card p {\r\n font-size: 0.9rem;\r\n color: rgba(255, 255, 255, 0.95);\r\n line-height: 1.5;\r\n margin: 0;\r\n }\r\n\r\n .tall-card {\r\n grid-row: span 2;\r\n }\r\n\r\n .target-column {\r\n display: grid;\r\n grid-template-rows: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n \/* How it works *\/\r\n .how-it-works-section {\r\n padding: 100px 0;\r\n background: #fff;\r\n }\r\n\r\n .how-wrapper {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 60px auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 500px;\r\n }\r\n\r\n .how-center-img {\r\n width: 400px;\r\n height: 400px;\r\n object-fit: cover;\r\n border-radius: 40px;\r\n z-index: 1;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .how-card {\r\n position: absolute;\r\n background: #fff;\r\n padding: 25px 30px;\r\n border-radius: 20px;\r\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);\r\n width: 340px;\r\n z-index: 2;\r\n border: 1px solid rgba(207, 176, 105, 0.2);\r\n transition: transform 0.3s ease;\r\n text-align: left;\r\n }\r\n\r\n .how-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n\r\n .how-card h4 {\r\n color: var(--primary-color);\r\n font-size: 1.2rem;\r\n margin-bottom: 10px;\r\n font-weight: 700;\r\n }\r\n\r\n .how-card p {\r\n font-size: 0.85rem;\r\n color: #666;\r\n line-height: 1.5;\r\n }\r\n\r\n .how-1 {\r\n top: 20px;\r\n left: -80px;\r\n }\r\n\r\n .how-2 {\r\n bottom: 20px;\r\n left: -80px;\r\n }\r\n\r\n .how-3 {\r\n top: 20px;\r\n right: -80px;\r\n }\r\n\r\n .how-4 {\r\n bottom: 20px;\r\n right: -80px;\r\n }\r\n\r\n \/* More Services *\/\r\n .more-services-section {\r\n padding: 100px 0;\r\n background: linear-gradient(135deg, rgba(207, 176, 105, 0.4) 0%, #fff 40%);\r\n text-align: center;\r\n }\r\n\r\n .more-services-section h2 {\r\n color: var(--text-dark);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .more-services-section p {\r\n color: #666;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .ms-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n margin: 50px auto;\r\n max-width: 100%;\r\n }\r\n\r\n .ms-card {\r\n height: 380px;\r\n border-radius: 25px;\r\n overflow: hidden;\r\n position: relative;\r\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .ms-card:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n .ms-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .ms-overlay {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n padding: 10px 25px;\r\n border-radius: 15px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n white-space: nowrap;\r\n }\r\n\r\n .ms-overlay p {\r\n margin: 0;\r\n font-weight: 600;\r\n color: white;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* ============================================\r\n SECTEURS SURVEILL\u00c9S \u2014 VERSION CORRIG\u00c9E\r\n ============================================ *\/\r\n .secteurs-section {\r\n padding: 60px 20px 70px;\r\n text-align: center;\r\n background: #fff;\r\n }\r\n\r\n .secteurs-section h2 {\r\n font-size: 28px;\r\n font-weight: 700;\r\n color: #1a1a1a;\r\n margin-bottom: 8px;\r\n text-align: center;\r\n }\r\n\r\n .secteurs-section .subtitle {\r\n font-size: 15px;\r\n color: #666;\r\n margin-bottom: 60px;\r\n text-align: center;\r\n }\r\n\r\n \/* \u2500\u2500 SECTEURS SURVEILL\u00c9S \u2500\u2500 *\/\r\n .secteurs-section {\r\n padding: 60px 0 70px;\r\n text-align: center;\r\n background: #fff;\r\n overflow: visible;\r\n }\r\n\r\n .secteurs-section h2 {\r\n font-size: 2rem;\r\n font-weight: 800;\r\n color: #1a1a1a;\r\n margin-bottom: 8px;\r\n text-align: center;\r\n }\r\n\r\n .secteurs-section .subtitle {\r\n font-size: 1rem;\r\n color: #666;\r\n margin-bottom: 50px;\r\n text-align: center;\r\n }\r\n\r\n \/* Wrapper pleine largeur qui sort du container *\/\r\n .secteurs-stage {\r\n width: 100vw;\r\n position: relative;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n height: 360px;\r\n margin-bottom: 2rem;\r\n overflow: visible;\r\n }\r\n\r\n \/* Le fan est centr\u00e9 dans .secteurs-stage *\/\r\n .secteurs-fan {\r\n position: absolute;\r\n left: 50%;\r\n bottom: 0;\r\n transform: translateX(-50%);\r\n width: 720px;\r\n height: 100%;\r\n }\r\n\r\n \/* Carte *\/\r\n .secteur-card {\r\n position: absolute;\r\n bottom: 0;\r\n width: 165px;\r\n height: 282px;\r\n border-radius: 22px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.20);\r\n transition: transform 0.38s cubic-bezier(.22, .68, 0, 1.2),\r\n box-shadow 0.3s ease;\r\n }\r\n\r\n .secteur-card img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n .secteur-card h4 {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n padding: 34px 14px 16px;\r\n background: linear-gradient(transparent, rgba(0, 0, 0, 0.68));\r\n color: #fff;\r\n font-size: 13px;\r\n font-weight: 600;\r\n line-height: 1.35;\r\n text-align: left;\r\n margin: 0;\r\n }\r\n\r\n \/*\r\n Fan = 720px. Centre = 360px. Demi-carte = 82px.\r\n Espacement centre-\u00e0-centre = 160px.\r\n Centres : 360-240=120, 360-80=280, 360+80=440, 360+240=600\r\n Left = centre - 82 = 38, 198, 358, 518\r\n *\/\r\n .secteur-1 {\r\n left: 38px;\r\n transform-origin: bottom center;\r\n transform: rotate(-18deg);\r\n z-index: 1;\r\n }\r\n\r\n .secteur-2 {\r\n left: 198px;\r\n transform-origin: bottom center;\r\n transform: rotate(-6deg);\r\n z-index: 2;\r\n }\r\n\r\n .secteur-3 {\r\n left: 358px;\r\n transform-origin: bottom center;\r\n transform: rotate(6deg);\r\n z-index: 3;\r\n }\r\n\r\n .secteur-4 {\r\n left: 518px;\r\n transform-origin: bottom center;\r\n transform: rotate(18deg);\r\n z-index: 2;\r\n }\r\n\r\n .secteur-card:hover {\r\n transform: rotate(0deg) translateY(-22px) scale(1.06) !important;\r\n box-shadow: 0 24px 64px rgba(0, 0, 0, 0.30);\r\n z-index: 10 !important;\r\n }\r\n\r\n \/* Dots *\/\r\n .secteurs-section .dots-container {\r\n display: flex;\r\n gap: 8px;\r\n justify-content: center;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .secteurs-section .dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #ccc;\r\n transition: width 0.2s;\r\n }\r\n\r\n .secteurs-section .dot.active {\r\n background: #b8975a;\r\n width: 22px;\r\n border-radius: 4px;\r\n }\r\n\r\n .btn-secteur {\r\n display: inline-block;\r\n background: #b8975a;\r\n color: #fff;\r\n border: none;\r\n border-radius: 30px;\r\n padding: 13px 40px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: background 0.2s, transform 0.15s;\r\n }\r\n\r\n .btn-secteur:hover {\r\n background: #a07d44;\r\n transform: scale(1.03);\r\n }\r\n\r\n \/* Preuves *\/\r\n .preuves-section {\r\n padding: 120px 0;\r\n background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/104-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-attachment: fixed;\r\n position: relative;\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n .preuves-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n }\r\n\r\n .preuves-section h2 {\r\n font-size: 3rem;\r\n margin-bottom: 50px;\r\n font-weight: 800;\r\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .preuves-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 15px;\r\n }\r\n\r\n .preuve-box {\r\n background: rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(15px);\r\n padding: 30px 15px;\r\n border-radius: 15px;\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 100px;\r\n }\r\n\r\n .preuve-box p {\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n color: white;\r\n margin: 0;\r\n text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* T\u00e9moignages *\/\r\n .temoignages-section {\r\n padding: 100px 0;\r\n background: #fff;\r\n text-align: center;\r\n }\r\n\r\n .temoignages-carousel {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0;\r\n margin-top: 60px;\r\n max-width: 1100px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n\r\n .temoignage-card {\r\n background: var(--primary-color);\r\n color: white;\r\n padding: 40px 30px;\r\n width: 33.33%;\r\n text-align: left;\r\n transition: all 0.4s ease;\r\n min-height: 380px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n position: relative;\r\n }\r\n\r\n .temoignage-card:first-child {\r\n border-radius: 20px 0 0 20px;\r\n }\r\n\r\n .temoignage-card:last-child {\r\n border-radius: 0 20px 20px 0;\r\n }\r\n\r\n .temoignage-card.active {\r\n background: #fff;\r\n color: #333;\r\n z-index: 10;\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);\r\n transform: scale(1.1);\r\n border-radius: 20px;\r\n margin: 0 -10px;\r\n border: 1px solid #eee;\r\n }\r\n\r\n .temoignage-card h4 {\r\n font-size: 1.1rem;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .temoignage-card p {\r\n font-size: 0.85rem;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .temoignage-card.active p {\r\n color: #666;\r\n }\r\n\r\n .stars {\r\n color: #333;\r\n margin-bottom: 15px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .temoignage-card.active .stars {\r\n color: #333;\r\n }\r\n\r\n .temoignage-card:not(.active) .stars {\r\n color: white;\r\n }\r\n\r\n .btn-temoignage {\r\n background: #fff;\r\n color: var(--primary-color);\r\n border: none;\r\n padding: 8px 20px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n align-self: flex-start;\r\n }\r\n\r\n .temoignage-card.active .btn-temoignage {\r\n background: var(--primary-color);\r\n color: #fff;\r\n }\r\n\r\n \/* Tarifs *\/\r\n .section-tarifs {\r\n background: linear-gradient(90deg, #d0ad63 0%, #d8bf87 35%, #ece5d7 100%);\r\n padding: 40px 20px 80px;\r\n margin-top: 80px;\r\n }\r\n\r\n .section-tarifs .container {\r\n max-width: 100%;\r\n margin: auto;\r\n }\r\n\r\n .section-tarifs .title {\r\n text-align: center;\r\n font-size: 52px;\r\n font-weight: 800;\r\n color: #1e1729;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .section-tarifs .cards {\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 15px;\r\n }\r\n\r\n .section-tarifs .card {\r\n width: 330px;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n border: 1px solid rgba(255, 255, 255, .4);\r\n background: rgba(255, 255, 255, .08);\r\n backdrop-filter: blur(5px);\r\n }\r\n\r\n .section-tarifs .card.premium {\r\n width: 360px;\r\n margin-top: -20px;\r\n }\r\n\r\n .section-tarifs .recommended {\r\n background: #c9a85c;\r\n text-align: center;\r\n font-weight: 700;\r\n font-size: 25px;\r\n padding: 8px;\r\n }\r\n\r\n .section-tarifs .card-header {\r\n padding: 18px 25px 10px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n }\r\n\r\n .section-tarifs .card-header h3 {\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: #000;\r\n }\r\n\r\n .section-tarifs .card-header small {\r\n display: block;\r\n color: white;\r\n font-weight: 600;\r\n margin-top: 3px;\r\n font-size: 11px;\r\n }\r\n\r\n .section-tarifs .price {\r\n color: white;\r\n font-size: 16px;\r\n font-weight: 800;\r\n margin-top: 2px;\r\n }\r\n\r\n .section-tarifs .content {\r\n background: #f7f7f7;\r\n margin: 12px 15px 18px;\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n\r\n .section-tarifs ul {\r\n list-style: none;\r\n }\r\n\r\n .section-tarifs ul li {\r\n position: relative;\r\n padding-left: 18px;\r\n margin-bottom: 16px;\r\n color: #4d4d4d;\r\n font-size: 12px;\r\n line-height: 1.5;\r\n }\r\n\r\n .section-tarifs ul li:before {\r\n content: \"\u2022\";\r\n position: absolute;\r\n left: 0;\r\n color: #c9a85c;\r\n font-size: 18px;\r\n }\r\n\r\n .section-tarifs .disabled {\r\n color: #d9d9d9;\r\n }\r\n\r\n .section-tarifs .certif {\r\n margin-top: 15px;\r\n padding-top: 12px;\r\n border-top: 1px solid #d7c08b;\r\n color: #c8a65b;\r\n font-size: 11px;\r\n }\r\n\r\n \/* Lightbox *\/\r\n .image-modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 9999;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.95);\r\n backdrop-filter: blur(10px);\r\n justify-content: center;\r\n align-items: center;\r\n cursor: zoom-out;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .image-modal.active {\r\n display: flex;\r\n opacity: 1;\r\n }\r\n\r\n .modal-content {\r\n max-width: 90%;\r\n max-height: 90%;\r\n border-radius: 15px;\r\n box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);\r\n transform: scale(0.9);\r\n transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .image-modal.active .modal-content {\r\n transform: scale(1);\r\n }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 30px;\r\n right: 30px;\r\n color: white;\r\n font-size: 2.5rem;\r\n cursor: pointer;\r\n transition: 0.3s;\r\n }\r\n\r\n .close-modal:hover {\r\n transform: rotate(90deg);\r\n color: var(--primary-color);\r\n }\r\n\r\n \/* Club *\/\r\n .club-section {\r\n padding: 80px 0;\r\n background: #fff;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .club-card {\r\n background: #EFE7D5;\r\n padding: 60px 80px;\r\n border-radius: 20px;\r\n max-width: 1100px;\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 80px;\r\n align-items: center;\r\n }\r\n\r\n .club-card h2 {\r\n text-align: left;\r\n font-size: 2.5rem;\r\n margin-bottom: 10px;\r\n color: #222;\r\n font-weight: 900;\r\n }\r\n\r\n .club-card p {\r\n color: #444;\r\n font-size: 1.3rem;\r\n font-weight: 500;\r\n margin-bottom: 30px;\r\n max-width: 400px;\r\n line-height: 1.4;\r\n }\r\n\r\n .club-list {\r\n list-style: none;\r\n margin-top: 20px;\r\n padding-left: 0;\r\n }\r\n\r\n .club-list li {\r\n margin-bottom: 12px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-weight: 500;\r\n font-size: 0.85rem;\r\n color: #666;\r\n }\r\n\r\n .club-list li .dot-icon {\r\n width: 3px;\r\n height: 3px;\r\n background-color: #666;\r\n border-radius: 50%;\r\n display: inline-block;\r\n flex-shrink: 0;\r\n }\r\n\r\n .club-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .club-form input {\r\n padding: 16px 20px;\r\n border: none;\r\n background: #ffffff;\r\n border-radius: 4px;\r\n font-size: 0.9rem;\r\n outline: none;\r\n color: #333;\r\n }\r\n\r\n .club-form input::placeholder {\r\n color: #aaa;\r\n }\r\n\r\n .club-form input:focus {\r\n box-shadow: 0 0 0 2px rgba(199, 161, 81, 0.4);\r\n }\r\n\r\n .club-form button {\r\n width: 100%;\r\n margin-top: 20px;\r\n padding: 18px;\r\n font-size: 1.05rem;\r\n background-color: #CCA55C;\r\n color: white;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n border: none;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n }\r\n\r\n .club-form button:hover {\r\n background-color: #b59250;\r\n }\r\n\r\n \/* Cas Concret *\/\r\n .cas-concret-section {\r\n padding: 100px 20px;\r\n background: #fff;\r\n text-align: center;\r\n }\r\n\r\n .cas-concret-section h2 {\r\n color: var(--text-dark);\r\n margin-bottom: 20px;\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .cas-concret-section>p {\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto 50px auto;\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .cas-grid {\r\n display: flex;\r\n max-width: 1000px;\r\n width: 100%;\r\n margin: 0 auto 40px auto;\r\n border-radius: 25px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);\r\n border: 1px solid #e0e0e0;\r\n }\r\n\r\n .cas-card {\r\n flex: 1;\r\n min-width: 0;\r\n height: 550px;\r\n border-radius: 0;\r\n position: relative;\r\n overflow: hidden;\r\n background-size: cover;\r\n background-position: center;\r\n text-align: center;\r\n transition: transform 0.4s ease;\r\n }\r\n\r\n .cas-card:first-child {\r\n border-right: 1px solid rgba(255, 255, 255, 0.4);\r\n }\r\n\r\n .cas-card:hover {\r\n transform: scale(1.02);\r\n z-index: 2;\r\n }\r\n\r\n .cas-overlay {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 15px;\r\n right: 15px;\r\n background: rgba(30, 30, 30, 0.45);\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n border: 1px solid rgba(255, 255, 255, 0.25);\r\n padding: 22px 18px;\r\n border-radius: 16px;\r\n color: white;\r\n text-align: center;\r\n }\r\n\r\n .cas-overlay h3 {\r\n font-size: 1.5rem;\r\n font-weight: 700;\r\n margin-bottom: 10px;\r\n color: white;\r\n }\r\n\r\n .cas-overlay .cas-question {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n color: white;\r\n }\r\n\r\n .cas-overlay .cas-desc {\r\n font-size: 0.85rem;\r\n line-height: 1.5;\r\n font-weight: 600;\r\n opacity: 0.92;\r\n color: white;\r\n margin: 0;\r\n }\r\n\r\n .cas-btn-container {\r\n max-width: 1000px;\r\n width: 100%;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n \/* Contact *\/\r\n .contact-section {\r\n padding: 100px 20px;\r\n background: #fff;\r\n text-align: center;\r\n }\r\n\r\n .contact-section h2 {\r\n color: var(--text-dark);\r\n margin-bottom: 20px;\r\n font-size: 2.8rem;\r\n font-weight: 800;\r\n }\r\n\r\n .contact-section>p {\r\n color: #666;\r\n max-width: 700px;\r\n margin: 0 auto 50px auto;\r\n font-size: 1.05rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .contact-form-container {\r\n background-color: #CFB069;\r\n max-width: 750px;\r\n margin: 0 auto;\r\n padding: 40px;\r\n border-radius: var(--radius-sm);\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .contact-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n\r\n .contact-form input,\r\n .contact-form textarea {\r\n width: 100%;\r\n padding: 15px 20px;\r\n border: none;\r\n border-radius: 4px;\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 0.95rem;\r\n outline: none;\r\n }\r\n\r\n .contact-form input:focus,\r\n .contact-form textarea:focus {\r\n box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .contact-form textarea {\r\n resize: vertical;\r\n min-height: 150px;\r\n }\r\n\r\n .contact-form button {\r\n background-color: #C19E52;\r\n color: white;\r\n border: none;\r\n padding: 16px;\r\n border-radius: 30px;\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n margin-top: 5px;\r\n }\r\n\r\n .contact-form button:hover {\r\n background-color: #A38541;\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: 100%;\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 { width: 130px; height: auto; display: block; }\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 { color: var(--gold, #CFB069); }\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 \/* Mobile Nav *\/\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-color);\r\n border-color: var(--primary-color);\r\n transform: rotate(90deg);\r\n }\r\n\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 .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 img {\r\n width: 120px;\r\n height: auto;\r\n display: block;\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-color);\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-color);\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 \/* Animations *\/\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* ============================================\r\n RESPONSIVE\r\n ============================================ *\/\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\r\n @media (max-width: 1024px) {\r\n h1 {\r\n font-size: 3rem;\r\n }\r\n\r\n h2 {\r\n font-size: 2.3rem;\r\n }\r\n\r\n .trust-grid,\r\n .benefits-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .target-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .target-column {\r\n grid-row: auto;\r\n }\r\n\r\n .tall-card:last-child {\r\n grid-column: span 2;\r\n }\r\n\r\n .how-card {\r\n position: static;\r\n width: 48%;\r\n }\r\n\r\n .how-wrapper {\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n justify-content: center;\r\n }\r\n\r\n .how-center-img {\r\n display: none;\r\n }\r\n\r\n .ms-grid,\r\n .preuves-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n \/* Secteurs tablette *\/\r\n .secteurs-stage {\r\n height: 300px;\r\n }\r\n\r\n .secteurs-fan {\r\n width: 580px;\r\n }\r\n\r\n .secteur-card {\r\n width: 136px;\r\n height: 233px;\r\n }\r\n\r\n .secteur-1 {\r\n left: 30px;\r\n }\r\n\r\n .secteur-2 {\r\n left: 162px;\r\n }\r\n\r\n .secteur-3 {\r\n left: 294px;\r\n }\r\n\r\n .secteur-4 {\r\n left: 426px;\r\n }\r\n\r\n .temoignages-carousel {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .temoignage-card {\r\n width: 100%;\r\n max-width: 400px;\r\n transform: none;\r\n }\r\n\r\n .temoignage-card.active {\r\n transform: none;\r\n }\r\n\r\n .section-tarifs .cards {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .section-tarifs .card,\r\n .section-tarifs .card.premium {\r\n width: 100%;\r\n max-width: 380px;\r\n margin-top: 0;\r\n }\r\n\r\n .club-card {\r\n grid-template-columns: 1fr;\r\n gap: 30px;\r\n }\r\n\r\n .cas-grid {\r\n max-width: 95%;\r\n }\r\n\r\n .cas-card {\r\n height: 460px;\r\n }\r\n\r\n .footer-container {\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .footer-grid {\r\n flex-direction: column;\r\n gap: 20px;\r\n justify-content: flex-start;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n\r\n h1 {\r\n font-size: 2.5rem;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .trust-grid,\r\n .benefits-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .target-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .tall-card:last-child {\r\n grid-column: 1;\r\n }\r\n\r\n .how-card {\r\n width: 100%;\r\n }\r\n\r\n .ms-grid,\r\n .preuves-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n \/* Secteurs mobile *\/\r\n .secteurs-stage {\r\n height: 230px;\r\n }\r\n\r\n .secteurs-fan {\r\n width: 380px;\r\n }\r\n\r\n .secteur-card {\r\n width: 106px;\r\n height: 184px;\r\n }\r\n\r\n .secteur-card h4 {\r\n font-size: 11px;\r\n padding: 20px 10px 12px;\r\n }\r\n\r\n .secteur-1 {\r\n left: 18px;\r\n }\r\n\r\n .secteur-2 {\r\n left: 102px;\r\n }\r\n\r\n .secteur-3 {\r\n left: 186px;\r\n }\r\n\r\n .secteur-4 {\r\n left: 270px;\r\n }\r\n\r\n .distance-image::after {\r\n background: rgba(0, 0, 0, 0.6);\r\n }\r\n\r\n .distance-text-box {\r\n margin: 0 auto;\r\n padding: 30px;\r\n text-align: center;\r\n }\r\n\r\n .distance-text-box h2 {\r\n text-align: center;\r\n font-size: 1.8rem;\r\n }\r\n\r\n .cas-concret-section {\r\n padding: 70px 15px;\r\n }\r\n\r\n .cas-concret-section h2 {\r\n font-size: 2rem;\r\n }\r\n\r\n .cas-grid {\r\n flex-direction: column;\r\n border-radius: 20px;\r\n max-width: 100%;\r\n }\r\n\r\n .cas-card {\r\n width: 100%;\r\n height: 380px;\r\n border-radius: 0;\r\n }\r\n\r\n .cas-card:first-child {\r\n border-right: none;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.3);\r\n }\r\n\r\n .cas-btn-container {\r\n justify-content: center;\r\n margin-top: 20px;\r\n }\r\n\r\n .club-card {\r\n padding: 30px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .secteurs-stage {\r\n height: 190px;\r\n }\r\n\r\n .secteurs-fan {\r\n width: 300px;\r\n }\r\n\r\n .secteur-card {\r\n width: 84px;\r\n height: 148px;\r\n }\r\n\r\n .secteur-card h4 {\r\n font-size: 10px;\r\n padding: 14px 8px 10px;\r\n }\r\n\r\n .secteur-1 {\r\n left: 14px;\r\n }\r\n\r\n .secteur-2 {\r\n left: 82px;\r\n }\r\n\r\n .secteur-3 {\r\n left: 150px;\r\n }\r\n\r\n .secteur-4 {\r\n left: 218px;\r\n }\r\n\r\n .cas-concret-section {\r\n padding: 50px 12px;\r\n }\r\n\r\n .cas-concret-section h2 {\r\n font-size: 1.7rem;\r\n }\r\n\r\n .cas-card {\r\n height: 320px;\r\n }\r\n }\r\n\r\n \/* Scroll Animations *\/\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 will-change: opacity, transform;\r\n }\r\n\r\n .animate-zoom-hidden {\r\n opacity: 0;\r\n transform: scale(0.95) translateY(20px);\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 will-change: opacity, transform;\r\n }\r\n\r\n .animate-left-hidden {\r\n opacity: 0;\r\n transform: translateX(-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 will-change: opacity, transform;\r\n }\r\n\r\n .animate-right-hidden {\r\n opacity: 0;\r\n transform: translateX(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 will-change: opacity, transform;\r\n }\r\n\r\n .animate-active {\r\n opacity: 1 !important;\r\n transform: translate(0) scale(1) !important;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- Header -->\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 style=\"width: 200px; height: 300px;\">\r\n <\/div>\r\n <nav>\r\n <ul>\r\n <li><a href=\"#\" class=\"active\">Accueil<\/a><\/li>\r\n <li><a href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-78\/\">Offres & Tarifs<\/a><\/li>\r\n <li><a\r\n href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-90\/\">Blog<\/a>\r\n <\/li>\r\n <\/ul>\r\n <\/nav>\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 <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: 140px; 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=\"#\" class=\"active\">Accueil<\/a><\/li>\r\n <li><a href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-78\/\">Offres & Tarifs<\/a><\/li>\r\n <li><a\r\n 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 -->\r\n <section class=\"hero\">\r\n <div class=\"hero-content\">\r\n <h1>Un \u0153il sur votre<br>business au S\u00e9n\u00e9gal<\/h1>\r\n <p>Vous n'\u00eates pas sur place. Nous v\u00e9rifions pour vous.<\/p>\r\n <div class=\"hero-buttons\">\r\n <a href=\"#contact\" class=\"btn btn-primary\"><i class=\"fa-solid fa-clipboard-check\"><\/i>\r\n Demander un contr\u00f4le<\/a>\r\n <a href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-78\/\" class=\"btn btn-secondary\">D\u00e9couvrir les offres<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Trust -->\r\n <section class=\"trust-section\">\r\n <div class=\"container\">\r\n <h2 class=\"text-center\">Vous faites confiance...mais vous doutez ?<\/h2>\r\n <p class=\"subtitle\">Le vrai probl\u00e8me, ce n'est pas la distance. C'est le manque de visibilit\u00e9.<br>EYEBIZ\r\n vous donne un regard terrain, neutre et concret.<\/p>\r\n <div class=\"trust-grid\">\r\n <div class=\"trust-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-triangle-exclamation\"><\/i><\/div>\r\n <p>Travaux mal r\u00e9alis\u00e9s<\/p>\r\n <\/div>\r\n <div class=\"trust-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-users-slash\"><\/i><\/div>\r\n <p>Employ\u00e9s non fiables<\/p>\r\n <\/div>\r\n <div class=\"trust-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-file-invoice-dollar\"><\/i><\/div>\r\n <p>Loyers non r\u00e9cup\u00e9r\u00e9s<\/p>\r\n <\/div>\r\n <div class=\"trust-card\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-circle-xmark\"><\/i><\/div>\r\n <p>Aucun contr\u00f4le r\u00e9el<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center\">\r\n <a href=\"#comment-ca-marche\" class=\"btn btn-primary\" style=\"padding: 16px 40px; font-size: 1.1rem;\">Voir comment \u00e7a\r\n fonctionne<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Distance -->\r\n <section class=\"distance-section\">\r\n <div class=\"distance-image\"><\/div>\r\n <div class=\"container distance-overlay-container\">\r\n <div class=\"distance-text-box\">\r\n <h2>Investir \u00e0 distance m'inqui\u00e9tait au d\u00e9part.<\/h2>\r\n <p>Aujourd'hui, j'ai un partenaire de confiance sur place qui v\u00e9rifie chaque \u00e9tape. Avec EyeBiz,\r\n j'avance sereinement.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services -->\r\n <section class=\"services-section\">\r\n <div class=\"container\">\r\n <h2 class=\"text-center\">On agit sur place pour vous !<\/h2>\r\n <p class=\"subtitle\">Un service simple : on regarde sur place pour vous<br>EYEBIZ intervient directement au\r\n S\u00e9n\u00e9gal pour contr\u00f4ler, constater, v\u00e9rifier et remonter les informations utiles.<\/p>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\"\r\n style=\"background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/06\/pexels-tre3yway-33275026_1.png');\">\r\n <div class=\"service-overlay\">\r\n <h3>Visites surprises<\/h3>\r\n <p>Des visites surprises sont organis\u00e9es pour contr\u00f4ler l'avancement r\u00e9el des projets, garantir\r\n la qualit\u00e9 du travail et assurer le respect des d\u00e9lais sans pr\u00e9paration pr\u00e9alable.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-card\"\r\n style=\"background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/06\/pexels-kaybee-photography-664870201-31002308_1.png');\">\r\n <div class=\"service-overlay\">\r\n <h3>Audits et v\u00e9rifications<\/h3>\r\n <p>Des audits et v\u00e9rifications r\u00e9guliers permettent d'assurer la conformit\u00e9 des projets,\r\n d'identifier les \u00e9carts et de garantir le respect des normes et des exigences.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"service-card\"\r\n style=\"background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/2-scaled.jpg');\">\r\n <div class=\"service-overlay\">\r\n <h3>Rapports photo \/ vid\u00e9o<\/h3>\r\n <p>Centralisez vos rapports photos et vid\u00e9os pour un suivi visuel pr\u00e9cis et en temps r\u00e9el de vos\r\n projets.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Benefits -->\r\n <section class=\"benefits-section\">\r\n <div class=\"benefits-container\">\r\n <h2 class=\"text-center\">B\u00e9n\u00e9fices<\/h2>\r\n <p class=\"subtitle text-center\">Ce que vous gagnez avec EYEBIZ<\/p>\r\n <div class=\"benefits-grid\">\r\n <div class=\"benefit-card\">\r\n <h3>De la clart\u00e9<\/h3>\r\n <p>Vous obtenez des retours terrain concrets.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <h3>Du temps<\/h3>\r\n <p>Vous \u00e9vitez des d\u00e9placements co\u00fbteux et inutiles.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <h3>Du contr\u00f4le<\/h3>\r\n <p>Vous ne pilotez plus \u00e0 l'aveugle.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <h3>De la cr\u00e9dibilit\u00e9<\/h3>\r\n <p>Vous posez un cadre s\u00e9rieux autour de votre projet.<\/p>\r\n <\/div>\r\n <div class=\"benefit-card\">\r\n <h3>De la s\u00e9r\u00e9nit\u00e9<\/h3>\r\n <p>Vous investissez avec davantage de recul.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Target -->\r\n <section class=\"target-section\">\r\n <div class=\"container\">\r\n <h2>Pour qui ?<\/h2>\r\n <div class=\"target-grid\">\r\n <div class=\"target-card tall-card\">\r\n <h3>Diaspora s\u00e9n\u00e9galaise<br>en France<\/h3>\r\n <p>Vous avez un bien, un chantier, un commerce ou un investissement \u00e0 suivre au S\u00e9n\u00e9gal.<\/p>\r\n <\/div>\r\n <div class=\"target-column\">\r\n <div class=\"target-card\">\r\n <h3>Investisseurs \u00e0 distance<\/h3>\r\n <p>Vous voulez v\u00e9rifier avant d'acheter, contr\u00f4ler pendant les travaux ou surveiller apr\u00e8s\r\n lancement.<\/p>\r\n <\/div>\r\n <div class=\"target-card\">\r\n <h3>Propri\u00e9taires bailleurs<\/h3>\r\n <p>Vous cherchez plus de rigueur dans le suivi de vos loyers ou de votre gestion.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"target-card tall-card\">\r\n <h3>Entrepreneurs et<br>restaurateurs<\/h3>\r\n <p>Vous voulez garder un \u0153il sur l'ex\u00e9cution r\u00e9elle sur place.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Comment \u00e7a marche -->\r\n <section class=\"how-it-works-section\" id=\"comment-ca-marche\">\r\n <div class=\"container\">\r\n <h2 class=\"text-center\">Comment \u00e7a marche ?<\/h2>\r\n <div class=\"how-wrapper\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/5-scaled.jpg\" alt=\"Equipe au travail\"\r\n class=\"how-center-img\">\r\n <div class=\"how-card how-1\">\r\n <h4>1. Vous nous expliquez votre besoin<\/h4>\r\n <p>En quelques minutes, vous nous indiquez votre situation, votre secteur et votre objectif.<\/p>\r\n <\/div>\r\n <div class=\"how-card how-2\">\r\n <h4>2. Nous d\u00e9finissons la mission<\/h4>\r\n <p>Intervention ponctuelle ou suivi r\u00e9gulier, selon vos enjeux.<\/p>\r\n <\/div>\r\n <div class=\"how-card how-3\">\r\n <h4>3. Nous agissons sur place<\/h4>\r\n <p>Notre \u00e9quipe intervient au S\u00e9n\u00e9gal pour observer, v\u00e9rifier et documenter.<\/p>\r\n <\/div>\r\n <div class=\"how-card how-4\">\r\n <h4>4. Vous recevez un retour exploitable<\/h4>\r\n <p>Vous obtenez un compte rendu clair, avec \u00e9l\u00e9ments concrets et regard terrain.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- More Services -->\r\n <section class=\"more-services-section\">\r\n <div class=\"container\">\r\n <h2>Nos services<\/h2>\r\n <p class=\"subtitle\">Des solutions sur-mesure pour chaque besoin de v\u00e9rification<\/p>\r\n <div class=\"ms-grid\">\r\n <div class=\"ms-card\"><img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/9.1-scaled.jpg\"\r\n alt=\"Visite surprise\">\r\n <div class=\"ms-overlay\">\r\n <p>Visite surprise<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ms-card\"><img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/8.1-scaled.png\"\r\n alt=\"Client Myst\u00e8re\">\r\n <div class=\"ms-overlay\">\r\n <p>Client myst\u00e8re<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ms-card\"><img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/7.1-scaled.jpg\"\r\n alt=\"V\u00e9rification chantier\">\r\n <div class=\"ms-overlay\">\r\n <p>V\u00e9rification chantier<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ms-card\"><img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/6.1-scaled.jpg\"\r\n alt=\"R\u00e9cup\u00e9ration loyers\">\r\n <div class=\"ms-overlay\">\r\n <p>R\u00e9cup\u00e9ration loyers<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display: flex; justify-content: center; max-width: 100%; margin: 40px auto 0;\">\r\n <!--a href=\"#\" class=\"btn btn-primary\"\r\n style=\"padding: 12px 30px; font-size: 0.95rem; border-radius: 30px; font-weight: bold;\">Voir tous\r\n les services <i class=\"fa-solid fa-chevron-right\"\r\n style=\"font-size: 0.8rem; margin-left: 5px;\"><\/i><\/a-->\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTEURS SURVEILL\u00c9S -->\r\n <section class=\"secteurs-section\">\r\n <div class=\"container\">\r\n <h2>Les secteurs surveill\u00e9s<\/h2>\r\n <p class=\"subtitle\">Une expertise adapt\u00e9e \u00e0 votre domaine d'activit\u00e9<\/p>\r\n <\/div>\r\n\r\n <!-- Stage pleine largeur \u2014 sort du container -->\r\n <div class=\"secteurs-stage\">\r\n <div class=\"secteurs-fan\">\r\n <div class=\"secteur-card secteur-1\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/103-scaled.jpg\" alt=\"Immobilier locatif\">\r\n <h4>Immobilier locatif<\/h4>\r\n <\/div>\r\n <div class=\"secteur-card secteur-2\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/102-scaled.jpg\"\r\n alt=\"Investissement immobilier\">\r\n <h4>Investissement immobilier<\/h4>\r\n <\/div>\r\n <div class=\"secteur-card secteur-3\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/101-scaled.jpg\" alt=\"Restauration\">\r\n <h4>Restauration<\/h4>\r\n <\/div>\r\n <div class=\"secteur-card secteur-4\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/100-scaled.jpg\" alt=\"Commerce\">\r\n <h4>Commerce<\/h4>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container\">\r\n <div class=\"dots-container\">\r\n <span class=\"dot\"><\/span>\r\n <span class=\"dot active\"><\/span>\r\n <span class=\"dot\"><\/span>\r\n <\/div>\r\n <!--a href=\"#\" class=\"btn-secteur\">Voir votre secteur<\/a>--\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Preuves -->\r\n <section class=\"preuves-section\">\r\n <div class=\"preuves-content\">\r\n <h2>Preuves<\/h2>\r\n <div class=\"preuves-grid\">\r\n <div class=\"preuve-box\">\r\n <p>+120 contr\u00f4les r\u00e9alis\u00e9s<\/p>\r\n <\/div>\r\n <div class=\"preuve-box\">\r\n <p>Pr\u00e9sence terrain au S\u00e9n\u00e9gal<\/p>\r\n <\/div>\r\n <div class=\"preuve-box\">\r\n <p>Rapports sous 48h<\/p>\r\n <\/div>\r\n <div class=\"preuve-box\">\r\n <p>Satisfaction clients<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Tarifs -->\r\n <section class=\"section-tarifs\">\r\n <div class=\"container\">\r\n <h1 class=\"title\">Offres et tarifs<\/h1>\r\n <div class=\"cards\">\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h3>Essentiel<\/h3><small>One shot disponible : 100 \u20ac<\/small>\r\n <\/div>\r\n <div class=\"price\">150 \u20ac \/ mois<\/div>\r\n <\/div>\r\n <div class=\"content\">\r\n <ul>\r\n <li>1 visite surprise par mois<\/li>\r\n <li>Observation ext\u00e9rieure compl\u00e8te<\/li>\r\n <li>4\u20136 photos g\u00e9olocalis\u00e9es<\/li>\r\n <li>Rapport 1\u20132 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\">Charg\u00e9 de compte d\u00e9di\u00e9<\/li>\r\n <\/ul>\r\n <div class=\"certif\">Certification Niveau 1 \u2014 Hash SHA-256<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card premium\">\r\n <div class=\"recommended\">Recommand\u00e9<\/div>\r\n <div class=\"card-header\">\r\n <div>\r\n <h3>Premium<\/h3><small>One shot disponible : 500 \u20ac<\/small>\r\n <\/div>\r\n <div class=\"price\">400 \u20ac \/ mois<\/div>\r\n <\/div>\r\n <div class=\"content\">\r\n <ul>\r\n <li>2 visites surprises par mois<\/li>\r\n <li>Inspection int\u00e9rieure (si autoris\u00e9e)<\/li>\r\n <li>Client myst\u00e8re locataire<\/li>\r\n <li>Comparatif loyer \/ prix march\u00e9<\/li>\r\n <li>Rapport 4\u20138 pages - livraison 24h<\/li>\r\n <li>Relev\u00e9 compteurs eau & \u00e9lectricit\u00e9<\/li>\r\n <li class=\"disabled\">Charg\u00e9 de compte d\u00e9di\u00e9<\/li>\r\n <\/ul>\r\n <div class=\"certif\">Certification Niveaux 1 + 2 \u2014 RC Pro engag\u00e9e<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card\">\r\n <div class=\"card-header\">\r\n <div>\r\n <h3>VIP<\/h3><small>One shot : sur devis<\/small>\r\n <\/div>\r\n <div class=\"price\">900 \u20ac \/ mois<\/div>\r\n <\/div>\r\n <div class=\"content\">\r\n <ul>\r\n <li>Visites illimit\u00e9es dans le mois<\/li>\r\n <li>Charg\u00e9 de compte d\u00e9di\u00e9<\/li>\r\n <li>Alerte WhatsApp sous 2h<\/li>\r\n <li>Dashboard portefeuille mensuel<\/li>\r\n <li>V\u00e9rification titre 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=\"certif\">Certification Niveaux 1 + 2 + 3 \u2014 Huissier annuel inclus<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Club -->\r\n <section class=\"club-section\">\r\n <div class=\"club-card\">\r\n <div>\r\n <h2>Club Investisseur<\/h2>\r\n <p>Investir au S\u00e9n\u00e9gal sans se faire avoir<\/p>\r\n <ul class=\"club-list\">\r\n <li><span class=\"dot-icon\"><\/span> Le Club Investisseur Eyebiz accompagne les personnes\r\n vivant en\r\n France qui souhaitent investir ou d\u00e9velopper un projet au S\u00e9n\u00e9gal. Gr\u00e2ce \u00e0 son r\u00e9seau\r\n local,\r\n Eyebiz agit comme un interm\u00e9diaire de confiance et facilite le suivi \u00e0 distance de vos\r\n investissements.<\/li>\r\n <li><span class=\"dot-icon\"><\/span> En rejoignant le Club, vous b\u00e9n\u00e9ficiez de conseils\r\n personnalis\u00e9s,\r\n d'opportunit\u00e9s v\u00e9rifi\u00e9es, d'un retour terrain fiable et d'un accompagnement r\u00e9gulier\r\n pour\r\n s\u00e9curiser vos d\u00e9cisions.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"club-form-container\">\r\n <form class=\"club-form\" action=\"https:\/\/formsubmit.co\/eyebiz@outlook.fr\" method=\"POST\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"Demande Club 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 <input type=\"email\" name=\"Email\" placeholder=\"Adresse e-mail\" required>\r\n <input type=\"text\" name=\"Type d'investissement\" placeholder=\"Type d'investissement\" required>\r\n <input type=\"text\" name=\"Budget\" placeholder=\"Budget\" required>\r\n <button type=\"submit\" class=\"btn\">Rejoindre le club<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Cas Concret -->\r\n <section class=\"cas-concret-section\">\r\n <div class=\"container\">\r\n <h2>Cas Concret<\/h2>\r\n <p>D\u00e9couvrez comment Eyebiz accompagne les investisseurs de la diaspora dans le suivi et la\r\n s\u00e9curisation de\r\n leurs projets au S\u00e9n\u00e9gal<\/p>\r\n <div class=\"cas-grid\">\r\n <div class=\"cas-card\"\r\n style=\"background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/06\/8d7a47b473790630407e8c176557436e58538d2c-scaled.jpg');\">\r\n <div class=\"cas-overlay\">\r\n <h3>A l'\u00e9tranger<\/h3>\r\n <p class=\"cas-question\">Le d\u00e9fi<\/p>\r\n <p class=\"cas-desc\">Amadou souhaite investir au S\u00e9n\u00e9gal, mais la distance limite sa\r\n visibilit\u00e9\r\n et complique ses d\u00e9cisions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cas-card\"\r\n style=\"background-image: url('http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/06\/6726a1caa706b2eb810ecb706646ab5963f84181-scaled.jpg');\">\r\n <div class=\"cas-overlay\">\r\n <h3>Au s\u00e9n\u00e9gal<\/h3>\r\n <p class=\"cas-question\">La solution Eyebiz<\/p>\r\n <p class=\"cas-desc\">Nos \u00e9quipes assurent les v\u00e9rifications, le suivi terrain et des\r\n reportings\r\n r\u00e9guliers pour s\u00e9curiser son projet.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cas-btn-container\">\r\n <!--a href=\"#\" class=\"btn btn-primary\">Voir les cas clients<\/a>\r\n <\/div-->\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Contact -->\r\n <section class=\"contact-section\" id=\"contact\">\r\n <div class=\"container\">\r\n <h2>Contact<\/h2>\r\n <p>Remplissez le formulaire ci-dessous pour obtenir une proposition d'intervention personnalis\u00e9e\r\n sous 24h.\r\n <\/p>\r\n <div class=\"contact-form-container\">\r\n <form class=\"contact-form\" action=\"https:\/\/formsubmit.co\/eyebiz@outlook.fr\" method=\"POST\">\r\n <input type=\"hidden\" name=\"_subject\" value=\"Contact 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 <input type=\"text\" name=\"Nom\" placeholder=\"Nom\" required>\r\n <input type=\"text\" name=\"Prenom\" placeholder=\"Prenom\" required>\r\n <input type=\"email\" name=\"Email\" placeholder=\"Adresse e-mail\" required>\r\n <input type=\"tel\" name=\"T\u00e9l\u00e9phone\" placeholder=\"N\u00b0 de t\u00e9l\u00e9phone\" required>\r\n <input type=\"text\" name=\"Sujet\" placeholder=\"Sujet\" required>\r\n <textarea name=\"Description\" placeholder=\"Description\" required><\/textarea>\r\n <button type=\"submit\">Envoyer<\/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=\"#\">Accueil<\/a>\r\n <a href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-78\/\">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 <script>\r\n document.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n \/* \u2500\u2500 Scroll Animations \u2500\u2500 *\/\r\n const observer = new IntersectionObserver((entries, obs) => {\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) {\r\n const siblings = Array.from(parent.children).filter(el =>\r\n Array.from(el.classList).some(c => c.startsWith('animate-') && c.endsWith('-hidden'))\r\n );\r\n const index = siblings.indexOf(target);\r\n if (index > -1) delay = index * 120;\r\n }\r\n setTimeout(() => target.classList.add('animate-active'), delay);\r\n obs.unobserve(target);\r\n }\r\n });\r\n }, { root: null, rootMargin: '0px 0px -50px 0px', threshold: 0.15 });\r\n\r\n const animConfig = {\r\n '.cas-card, .trust-card, .service-card, .benefit-card, .target-card, .ms-card, .secteur-card, .preuve-box, .temoignage-card': 'animate-zoom-hidden',\r\n '.distance-text-box, .how-1, .how-2': 'animate-left-hidden',\r\n '.how-3, .how-4, .contact-form-container': 'animate-right-hidden',\r\n 'section h2, .section-label, .subtitle, .hero-content > *, .footer-col, .footer-logo, .cas-btn-container': 'animate-hidden'\r\n };\r\n\r\n for (const [selector, animClass] of Object.entries(animConfig)) {\r\n document.querySelectorAll(selector).forEach(el => {\r\n el.classList.add(animClass);\r\n observer.observe(el);\r\n });\r\n }\r\n\r\n \/* \u2500\u2500 3D Tilt \u2500\u2500 *\/\r\n document.querySelectorAll('.benefit-card, .target-card, .service-card, .trust-card').forEach(card => {\r\n card.addEventListener('mousemove', e => {\r\n const rect = card.getBoundingClientRect();\r\n const rotateX = ((e.clientY - rect.top - rect.height \/ 2) \/ (rect.height \/ 2)) * -5;\r\n const rotateY = ((e.clientX - rect.left - rect.width \/ 2) \/ (rect.width \/ 2)) * 5;\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 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 \/* \u2500\u2500 Lightbox \u2500\u2500 *\/\r\n const modal = document.createElement('div');\r\n modal.className = 'image-modal';\r\n modal.innerHTML = '<span class=\"close-modal\">×<\/span><img class=\"modal-content\" id=\"modalImg\">';\r\n document.body.appendChild(modal);\r\n\r\n const modalImg = document.getElementById('modalImg');\r\n const closeModal = modal.querySelector('.close-modal');\r\n\r\n document.querySelectorAll('.service-card, .ms-card, .secteur-card img, .how-center-img, .cas-card img').forEach(item => {\r\n item.style.cursor = 'zoom-in';\r\n item.addEventListener('click', function (e) {\r\n e.stopPropagation();\r\n let src = this.tagName === 'IMG' ? this.src\r\n : window.getComputedStyle(this).backgroundImage.replace(\/url\\(['\"]?(.*?)['\"]?\\)\/, '$1');\r\n if (src && src !== 'none') {\r\n modalImg.src = src;\r\n modal.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n });\r\n });\r\n\r\n [modal, closeModal].forEach(el => {\r\n el.addEventListener('click', () => {\r\n modal.classList.remove('active');\r\n document.body.style.overflow = 'auto';\r\n });\r\n });\r\n\r\n \/* \u2500\u2500 Mobile Menu \u2500\u2500 *\/\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\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';\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 = '';\r\n }\r\n\r\n hamburger && hamburger.addEventListener('click', () => drawer.classList.contains('active') ? closeMenu() : openMenu());\r\n closeBtn && closeBtn.addEventListener('click', closeMenu);\r\n overlay && overlay.addEventListener('click', closeMenu);\r\n\r\n document.querySelectorAll('.drawer-links a').forEach(link => {\r\n link.addEventListener('click', function () {\r\n closeMenu();\r\n document.querySelectorAll('.drawer-links a').forEach(l => l.classList.remove('active'));\r\n this.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Form Submissions (FormSubmit API) \u2500\u2500\r\n const clubForm = document.querySelector('.club-form');\r\n if (clubForm) {\r\n clubForm.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n const submitBtn = clubForm.querySelector('button');\r\n const originalText = submitBtn.textContent;\r\n submitBtn.textContent = 'Envoi en cours...';\r\n submitBtn.disabled = true;\r\n\r\n const email = clubForm.querySelector('input[type=\"email\"]').value;\r\n const type = clubForm.querySelectorAll('input[type=\"text\"]')[0].value;\r\n const budget = clubForm.querySelectorAll('input[type=\"text\"]')[1].value;\r\n\r\n fetch(\"https:\/\/formsubmit.co\/ajax\/fantarhoussem@gmail.com\", {\r\n method: \"POST\",\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n 'Accept': 'application\/json'\r\n },\r\n body: JSON.stringify({\r\n \"Formulaire\": \"Club Investisseur\",\r\n \"Email\": email,\r\n \"Type d'investissement\": type,\r\n \"Budget\": budget\r\n })\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n alert(\"Merci ! Votre demande a bien \u00e9t\u00e9 envoy\u00e9e.\");\r\n clubForm.reset();\r\n })\r\n .catch(err => {\r\n alert(\"Une erreur est survenue, veuillez r\u00e9essayer.\");\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n submitBtn.textContent = originalText;\r\n submitBtn.disabled = false;\r\n });\r\n });\r\n }\r\n\r\n const contactForm = document.querySelector('.contact-form');\r\n if (contactForm) {\r\n contactForm.addEventListener('submit', function (e) {\r\n e.preventDefault();\r\n const submitBtn = contactForm.querySelector('button');\r\n const originalText = submitBtn.textContent;\r\n submitBtn.textContent = 'Envoi en cours...';\r\n submitBtn.disabled = true;\r\n\r\n const nom = contactForm.querySelectorAll('input[type=\"text\"]')[0].value;\r\n const prenom = contactForm.querySelectorAll('input[type=\"text\"]')[1].value;\r\n const email = contactForm.querySelector('input[type=\"email\"]').value;\r\n const phone = contactForm.querySelector('input[type=\"tel\"]').value;\r\n const sujet = contactForm.querySelectorAll('input[type=\"text\"]')[2].value;\r\n const desc = contactForm.querySelector('textarea').value;\r\n\r\n fetch(\"https:\/\/formsubmit.co\/ajax\/fantarhoussem@gmail.com\", {\r\n method: \"POST\",\r\n headers: {\r\n 'Content-Type': 'application\/json',\r\n 'Accept': 'application\/json'\r\n },\r\n body: JSON.stringify({\r\n \"Formulaire\": \"Contact\",\r\n \"Nom\": nom,\r\n \"Pr\u00e9nom\": prenom,\r\n \"Email\": email,\r\n \"T\u00e9l\u00e9phone\": phone,\r\n \"Sujet\": sujet,\r\n \"Description\": desc\r\n })\r\n })\r\n .then(res => res.json())\r\n .then(data => {\r\n alert(\"Merci ! Votre message a bien \u00e9t\u00e9 envoy\u00e9.\");\r\n contactForm.reset();\r\n })\r\n .catch(err => {\r\n alert(\"Une erreur est survenue, veuillez r\u00e9essayer.\");\r\n console.error(err);\r\n })\r\n .finally(() => {\r\n submitBtn.textContent = originalText;\r\n submitBtn.disabled = false;\r\n });\r\n });\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\r\n\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 – Un oeil sur votre business au S\u00e9n\u00e9gal Accueil Offres & Tarifs Blog × Accueil Offres & Tarifs Blog Un \u0153il sur votrebusiness au S\u00e9n\u00e9gal Vous n’\u00eates pas sur place. Nous v\u00e9rifions pour vous. Demander un contr\u00f4le D\u00e9couvrir les offres Vous faites confiance…mais vous doutez ? Le vrai probl\u00e8me, ce n’est pas la distance. […]<\/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-33","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":71,"href":"https:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions"}],"predecessor-version":[{"id":224,"href":"https:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/33\/revisions\/224"}],"wp:attachment":[{"href":"https:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/media?parent=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}