{"id":90,"date":"2026-06-03T00:34:52","date_gmt":"2026-06-03T00:34:52","guid":{"rendered":"http:\/\/eyebiz.fr\/?page_id=90"},"modified":"2026-06-15T23:29:52","modified_gmt":"2026-06-15T23:29:52","slug":"elementor-page-90","status":"publish","type":"page","link":"http:\/\/eyebiz.fr\/index.php\/elementor-page-90\/","title":{"rendered":"Blog"},"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 Blog \u2014 EYEBIZ<\/title>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,700;1,400&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 --gold: #CFB069;\r\n --gold-dark: #B89A55;\r\n --gold-light: #E8D5A3;\r\n --gold-pale: #FAF6EE;\r\n --dark: #1A1A1A;\r\n --dark2: #2C2C2C;\r\n --gray: #666;\r\n --gray-light: #F5F5F5;\r\n --white: #FFFFFF;\r\n --radius: 20px;\r\n --radius-sm: 10px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Outfit', sans-serif;\r\n color: var(--dark);\r\n background: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\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 \/* 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(--gold);\r\n border-color: var(--gold);\r\n transform: rotate(90deg);\r\n }\r\n\r\n \/* \u2500\u2500 HERO BLOG \u2500\u2500 *\/\r\n .blog-hero {\r\n background: linear-gradient(135deg, var(--dark) 0%, #2C2A26 60%, #3D3020 100%);\r\n padding: 80px 40px 100px;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .blog-hero::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(ellipse 80% 60% at 50% 120%, rgba(207, 176, 105, 0.25) 0%, transparent 70%);\r\n }\r\n\r\n .blog-hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(207, 176, 105, 0.15);\r\n border: 1px solid rgba(207, 176, 105, 0.4);\r\n color: var(--gold-light);\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n padding: 6px 18px;\r\n border-radius: 30px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .blog-hero h1 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: clamp(2.5rem, 5vw, 4rem);\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.15;\r\n margin-bottom: 20px;\r\n position: relative;\r\n }\r\n\r\n .blog-hero h1 em {\r\n font-style: italic;\r\n color: var(--gold-light);\r\n }\r\n\r\n .blog-hero p {\r\n color: rgba(255, 255, 255, 0.65);\r\n font-size: 1.1rem;\r\n max-width: 540px;\r\n margin: 0 auto 40px;\r\n line-height: 1.7;\r\n }\r\n\r\n \/* Search bar *\/\r\n .blog-search {\r\n max-width: 500px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .blog-search input {\r\n width: 100%;\r\n padding: 16px 56px 16px 24px;\r\n border-radius: 50px;\r\n border: none;\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 0.95rem;\r\n outline: none;\r\n background: rgba(255, 255, 255, 0.1);\r\n color: #fff;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .blog-search input::placeholder {\r\n color: rgba(255, 255, 255, 0.45);\r\n }\r\n\r\n .blog-search button {\r\n position: absolute;\r\n right: 6px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: var(--gold);\r\n border: none;\r\n border-radius: 50%;\r\n width: 42px;\r\n height: 42px;\r\n color: #fff;\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n transition: background 0.2s;\r\n }\r\n\r\n .blog-search button:hover {\r\n background: var(--gold-dark);\r\n }\r\n\r\n \/* \u2500\u2500 CATEGORIES \u2500\u2500 *\/\r\n .categories-bar {\r\n border-bottom: 1px solid #eee;\r\n padding: 0 40px;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n overflow-x: auto;\r\n scrollbar-width: none;\r\n }\r\n\r\n .categories-bar::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n .cat-btn {\r\n flex-shrink: 0;\r\n padding: 18px 22px;\r\n font-size: 0.88rem;\r\n font-weight: 600;\r\n font-family: 'Outfit', sans-serif;\r\n color: var(--gray);\r\n background: none;\r\n border: none;\r\n border-bottom: 2px solid transparent;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n white-space: nowrap;\r\n }\r\n\r\n .cat-btn:hover {\r\n color: var(--dark);\r\n border-bottom-color: var(--gold);\r\n }\r\n\r\n .cat-btn.active {\r\n color: var(--gold-dark);\r\n border-bottom-color: var(--gold);\r\n font-weight: 700;\r\n }\r\n\r\n \/* \u2500\u2500 MAIN LAYOUT \u2500\u2500 *\/\r\n .blog-main {\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 60px 40px 100px;\r\n display: grid;\r\n grid-template-columns: 1fr 340px;\r\n gap: 60px;\r\n }\r\n\r\n \/* \u2500\u2500 FEATURED ARTICLE \u2500\u2500 *\/\r\n .featured-article {\r\n grid-column: 1 \/ -1;\r\n display: grid;\r\n grid-template-columns: 1.1fr 1fr;\r\n gap: 0;\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .featured-img {\r\n position: relative;\r\n overflow: hidden;\r\n min-height: 420px;\r\n }\r\n\r\n .featured-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .featured-article:hover .featured-img img {\r\n transform: scale(1.04);\r\n }\r\n\r\n .featured-badge {\r\n position: absolute;\r\n top: 20px;\r\n left: 20px;\r\n background: var(--gold);\r\n color: #fff;\r\n font-size: 0.72rem;\r\n font-weight: 800;\r\n letter-spacing: 1.5px;\r\n text-transform: uppercase;\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n }\r\n\r\n .featured-content {\r\n background: var(--dark);\r\n padding: 50px 45px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n }\r\n\r\n .featured-cat {\r\n color: var(--gold-light);\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .featured-cat::before {\r\n content: '';\r\n width: 28px;\r\n height: 1px;\r\n background: var(--gold);\r\n }\r\n\r\n .featured-content h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 1.9rem;\r\n font-weight: 700;\r\n color: #fff;\r\n line-height: 1.3;\r\n margin-bottom: 18px;\r\n text-align: left;\r\n }\r\n\r\n .featured-content p {\r\n color: rgba(255, 255, 255, 0.6);\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .featured-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .author-avatar {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 50%;\r\n background: var(--gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 800;\r\n font-size: 0.85rem;\r\n color: #fff;\r\n flex-shrink: 0;\r\n }\r\n\r\n .author-info span {\r\n display: block;\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .author-info strong {\r\n color: #fff;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .read-more-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: var(--gold);\r\n color: #fff;\r\n text-decoration: none;\r\n padding: 13px 28px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n transition: all 0.25s;\r\n align-self: flex-start;\r\n }\r\n\r\n .read-more-btn:hover {\r\n background: var(--gold-dark);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .read-more-btn i {\r\n font-size: 0.75rem;\r\n transition: transform 0.25s;\r\n }\r\n\r\n .read-more-btn:hover i {\r\n transform: translateX(4px);\r\n }\r\n\r\n \/* \u2500\u2500 ARTICLES GRID \u2500\u2500 *\/\r\n .articles-section h3 {\r\n font-size: 1.3rem;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 28px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .articles-section h3::after {\r\n content: '';\r\n flex: 1;\r\n height: 1px;\r\n background: #eee;\r\n }\r\n\r\n .articles-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 28px;\r\n margin-bottom: 40px;\r\n }\r\n\r\n \/* Article Card *\/\r\n .article-card {\r\n border-radius: var(--radius);\r\n overflow: hidden;\r\n background: #fff;\r\n border: 1px solid #f0f0f0;\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .article-card:hover {\r\n transform: translateY(-6px);\r\n box-shadow: 0 16px 50px rgba(0, 0, 0, 0.12);\r\n border-color: rgba(207, 176, 105, 0.3);\r\n }\r\n\r\n .card-img {\r\n position: relative;\r\n height: 200px;\r\n overflow: hidden;\r\n }\r\n\r\n .card-img img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n transition: transform 0.5s ease;\r\n }\r\n\r\n .article-card:hover .card-img img {\r\n transform: scale(1.06);\r\n }\r\n\r\n .card-cat-tag {\r\n position: absolute;\r\n top: 14px;\r\n left: 14px;\r\n background: rgba(255, 255, 255, 0.92);\r\n color: var(--gold-dark);\r\n font-size: 0.72rem;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n padding: 4px 12px;\r\n border-radius: 20px;\r\n }\r\n\r\n .card-body {\r\n padding: 24px;\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .card-body h4 {\r\n font-size: 1.05rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n line-height: 1.4;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .article-card:hover .card-body h4 {\r\n color: var(--gold-dark);\r\n }\r\n\r\n .card-body p {\r\n font-size: 0.88rem;\r\n color: var(--gray);\r\n line-height: 1.6;\r\n flex: 1;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .card-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding-top: 16px;\r\n border-top: 1px solid #f0f0f0;\r\n }\r\n\r\n .card-author {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .mini-avatar {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: var(--gold);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.65rem;\r\n font-weight: 800;\r\n color: #fff;\r\n }\r\n\r\n .card-author span {\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: var(--dark2);\r\n }\r\n\r\n .card-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n font-size: 0.78rem;\r\n color: #aaa;\r\n }\r\n\r\n .card-meta span {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n\r\n \/* \u2500\u2500 LARGE CARD (pleine largeur) \u2500\u2500 *\/\r\n .article-card.wide {\r\n grid-column: 1 \/ -1;\r\n flex-direction: row;\r\n }\r\n\r\n .article-card.wide .card-img {\r\n width: 340px;\r\n height: auto;\r\n flex-shrink: 0;\r\n }\r\n\r\n .article-card.wide .card-body {\r\n padding: 32px;\r\n }\r\n\r\n .article-card.wide .card-body h4 {\r\n font-size: 1.25rem;\r\n margin-bottom: 14px;\r\n }\r\n\r\n \/* \u2500\u2500 LOAD MORE \u2500\u2500 *\/\r\n .load-more {\r\n text-align: center;\r\n margin-top: 20px;\r\n }\r\n\r\n .load-more button {\r\n background: none;\r\n border: 2px solid var(--gold);\r\n color: var(--gold-dark);\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n padding: 14px 40px;\r\n border-radius: 50px;\r\n cursor: pointer;\r\n transition: all 0.25s;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .load-more button:hover {\r\n background: var(--gold);\r\n color: #fff;\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* \u2500\u2500 SIDEBAR \u2500\u2500 *\/\r\n .sidebar {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 32px;\r\n }\r\n\r\n .sidebar-widget {\r\n background: var(--gray-light);\r\n border-radius: var(--radius);\r\n padding: 28px;\r\n }\r\n\r\n .sidebar-widget.dark-widget {\r\n background: var(--dark);\r\n color: #fff;\r\n }\r\n\r\n .widget-title {\r\n font-size: 1rem;\r\n font-weight: 800;\r\n color: var(--dark);\r\n margin-bottom: 20px;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n\r\n .widget-title::before {\r\n content: '';\r\n width: 3px;\r\n height: 18px;\r\n background: var(--gold);\r\n border-radius: 2px;\r\n }\r\n\r\n .dark-widget .widget-title {\r\n color: #fff;\r\n }\r\n\r\n \/* Newsletter widget *\/\r\n .newsletter-widget {\r\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);\r\n border-radius: var(--radius);\r\n padding: 32px 28px;\r\n color: #fff;\r\n text-align: center;\r\n }\r\n\r\n .newsletter-widget .icon {\r\n width: 52px;\r\n height: 52px;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.3rem;\r\n margin: 0 auto 16px;\r\n }\r\n\r\n .newsletter-widget h4 {\r\n font-size: 1.15rem;\r\n font-weight: 800;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .newsletter-widget p {\r\n font-size: 0.88rem;\r\n opacity: 0.85;\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .newsletter-widget input {\r\n width: 100%;\r\n padding: 12px 18px;\r\n border-radius: 30px;\r\n border: none;\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 0.88rem;\r\n margin-bottom: 10px;\r\n outline: none;\r\n }\r\n\r\n .newsletter-widget button {\r\n width: 100%;\r\n padding: 12px;\r\n background: var(--dark);\r\n color: #fff;\r\n border: none;\r\n border-radius: 30px;\r\n font-family: 'Outfit', sans-serif;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n }\r\n\r\n .newsletter-widget button:hover {\r\n background: #333;\r\n }\r\n\r\n \/* Popular posts *\/\r\n .popular-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px;\r\n }\r\n\r\n .popular-item {\r\n display: flex;\r\n gap: 14px;\r\n align-items: flex-start;\r\n padding-bottom: 16px;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n cursor: pointer;\r\n transition: transform 0.2s;\r\n }\r\n\r\n .popular-item:last-child {\r\n border-bottom: none;\r\n padding-bottom: 0;\r\n }\r\n\r\n .popular-item:hover {\r\n transform: translateX(4px);\r\n }\r\n\r\n .popular-num {\r\n font-size: 1.8rem;\r\n font-weight: 900;\r\n color: var(--gold-light);\r\n line-height: 1;\r\n flex-shrink: 0;\r\n width: 32px;\r\n font-family: 'Playfair Display', serif;\r\n }\r\n\r\n .popular-info h5 {\r\n font-size: 0.9rem;\r\n font-weight: 700;\r\n color: var(--dark);\r\n line-height: 1.4;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .popular-item:hover .popular-info h5 {\r\n color: var(--gold-dark);\r\n }\r\n\r\n .popular-info span {\r\n font-size: 0.78rem;\r\n color: #aaa;\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n }\r\n\r\n \/* Tags *\/\r\n .tags-cloud {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n }\r\n\r\n .tag {\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n background: #fff;\r\n border: 1px solid #e8e8e8;\r\n color: var(--gray);\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n }\r\n\r\n .tag:hover {\r\n background: var(--gold);\r\n border-color: var(--gold);\r\n color: #fff;\r\n }\r\n\r\n .tag.active {\r\n background: var(--gold);\r\n border-color: var(--gold);\r\n color: #fff;\r\n }\r\n\r\n \/* CTA widget *\/\r\n .cta-widget {\r\n background: var(--dark);\r\n border-radius: var(--radius);\r\n padding: 32px 28px;\r\n text-align: center;\r\n }\r\n\r\n .cta-widget .icon-circle {\r\n width: 56px;\r\n height: 56px;\r\n background: rgba(207, 176, 105, 0.15);\r\n border: 1px solid rgba(207, 176, 105, 0.3);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 18px;\r\n font-size: 1.3rem;\r\n color: var(--gold);\r\n }\r\n\r\n .cta-widget h4 {\r\n font-size: 1.1rem;\r\n font-weight: 800;\r\n color: #fff;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .cta-widget p {\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 0.55);\r\n line-height: 1.6;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .cta-widget a {\r\n display: block;\r\n background: var(--gold);\r\n color: #fff;\r\n text-decoration: none;\r\n padding: 13px;\r\n border-radius: 30px;\r\n font-weight: 700;\r\n font-size: 0.9rem;\r\n transition: background 0.2s;\r\n }\r\n\r\n .cta-widget a:hover {\r\n background: var(--gold-dark);\r\n }\r\n\r\n \/* \u2500\u2500 NEWSLETTER SECTION \u2500\u2500 *\/\r\n .newsletter-section {\r\n background: linear-gradient(135deg, #1A1A1A 0%, #2C2A26 100%);\r\n padding: 80px 40px;\r\n text-align: center;\r\n }\r\n\r\n .newsletter-section h2 {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2.2rem;\r\n color: #fff;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .newsletter-section p {\r\n color: rgba(255, 255, 255, 0.55);\r\n margin-bottom: 36px;\r\n font-size: 1rem;\r\n }\r\n\r\n .newsletter-form {\r\n max-width: 480px;\r\n margin: 0 auto;\r\n display: flex;\r\n gap: 0;\r\n border-radius: 50px;\r\n overflow: hidden;\r\n border: 1px solid rgba(207, 176, 105, 0.3);\r\n }\r\n\r\n .newsletter-form input {\r\n flex: 1;\r\n padding: 16px 24px;\r\n background: rgba(255, 255, 255, 0.08);\r\n border: none;\r\n font-family: 'Outfit', sans-serif;\r\n font-size: 0.95rem;\r\n color: #fff;\r\n outline: none;\r\n }\r\n\r\n .newsletter-form input::placeholder {\r\n color: rgba(255, 255, 255, 0.35);\r\n }\r\n\r\n .newsletter-form button {\r\n background: var(--gold);\r\n border: none;\r\n padding: 16px 28px;\r\n font-family: 'Outfit', sans-serif;\r\n font-weight: 700;\r\n color: #fff;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: background 0.2s;\r\n white-space: nowrap;\r\n }\r\n\r\n .newsletter-form button:hover {\r\n background: var(--gold-dark);\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n .site-footer {\r\n background: var(--dark);\r\n border-top: 1px solid var(--gold);\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);\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);\r\n color: var(--gold);\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 max-width: 1200px;\r\n margin: 16px auto 0;\r\n }\r\n\r\n \/* \u2500\u2500 MOBILE MENU \u2500\u2500 *\/\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(--gold);\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(--gold);\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 \/* \u2500\u2500 SCROLL ANIMATIONS \u2500\u2500 *\/\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: opacity 0.7s ease, transform 0.7s ease;\r\n }\r\n\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 1024px) {\r\n .blog-main {\r\n grid-template-columns: 1fr;\r\n padding: 40px 24px 80px;\r\n }\r\n\r\n .sidebar {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\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: 768px) {\r\n\r\n .blog-hero {\r\n padding: 60px 24px 80px;\r\n }\r\n\r\n .featured-article {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .featured-img {\r\n min-height: 260px;\r\n }\r\n\r\n .articles-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .article-card.wide {\r\n flex-direction: column;\r\n }\r\n\r\n .article-card.wide .card-img {\r\n width: 100%;\r\n height: 220px;\r\n }\r\n\r\n .sidebar {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .categories-bar {\r\n padding: 0 20px;\r\n }\r\n\r\n .newsletter-form {\r\n flex-direction: column;\r\n border-radius: var(--radius);\r\n }\r\n\r\n .newsletter-form input {\r\n border-radius: var(--radius) var(--radius) 0 0;\r\n }\r\n\r\n .newsletter-form button {\r\n border-radius: 0 0 var(--radius) var(--radius);\r\n }\r\n\r\n .footer-inner {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- \u2500\u2500 HEADER \u2500\u2500 -->\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=\"https:\/\/eyebiz.fr\/\">Accueil<\/a><\/li>\r\n <li><a href=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-78\/\">Offres & Tarifs<\/a><\/li>\r\n <li><a href=\"#\" class=\"active\">Blog<\/a><\/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 <!-- Mobile drawer -->\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=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-78\/\">Offres & Tarifs<\/a><\/li>\r\n <li><a href=\"#\" class=\"active\">Blog<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- \u2500\u2500 HERO \u2500\u2500 -->\r\n <section class=\"blog-hero\">\r\n <div class=\"blog-hero-badge\">\r\n <i class=\"fa-solid fa-newspaper\"><\/i>\r\n Ressources & Conseils\r\n <\/div>\r\n <h1>Le blog <em>EYEBIZ<\/em><br>pour investir sereinement<\/h1>\r\n <p>Conseils terrain, actualit\u00e9s immobili\u00e8res et guides pratiques pour les investisseurs de la diaspora.<\/p>\r\n <div class=\"blog-search\">\r\n <input type=\"text\" placeholder=\"Rechercher un article\u2026\">\r\n <button><i class=\"fa-solid fa-magnifying-glass\"><\/i><\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500 CATEGORIES \u2500\u2500 -->\r\n <div class=\"categories-bar\">\r\n <button class=\"cat-btn active\">Tous les articles<\/button>\r\n <button class=\"cat-btn\">Immobilier<\/button>\r\n <button class=\"cat-btn\">Investissement<\/button>\r\n <button class=\"cat-btn\">Restauration<\/button>\r\n <button class=\"cat-btn\">Commerce<\/button>\r\n <button class=\"cat-btn\">Guides pratiques<\/button>\r\n <button class=\"cat-btn\">Actualit\u00e9s<\/button>\r\n <button class=\"cat-btn\">T\u00e9moignages<\/button>\r\n <\/div>\r\n\r\n <!-- \u2500\u2500 MAIN CONTENT \u2500\u2500 -->\r\n <main class=\"blog-main\">\r\n\r\n <!-- Featured Article -->\r\n <div id=\"dynamic-featured-article\">\r\n <div class=\"featured-article reveal\">\r\n <div class=\"featured-img\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/06\/successful-african-entrepreneur-at-workplace-2026-01-08-07-26-15-utc_1.png\"\r\n alt=\"Article vedette\">\r\n <span class=\"featured-badge\">\u00c0 la une<\/span>\r\n <\/div>\r\n <div class=\"featured-content\">\r\n <p class=\"featured-cat\">Investissement<\/p>\r\n <h2>Investir dans l'immobilier au S\u00e9n\u00e9gal depuis la France : ce qu'il faut vraiment savoir<\/h2>\r\n <p>La diaspora s\u00e9n\u00e9galaise repr\u00e9sente l'un des leviers les plus puissants du d\u00e9veloppement\r\n immobilier au S\u00e9n\u00e9gal. Mais investir \u00e0 distance comporte des risques que beaucoup sous-estiment.\r\n <\/p>\r\n <div class=\"featured-meta\">\r\n <div class=\"author-avatar\">EY<\/div>\r\n <div class=\"author-info\">\r\n <strong>\u00c9quipe EYEBIZ<\/strong>\r\n <span>15 mai 2026 \u00b7 8 min de lecture<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"read-more-btn\">\r\n Lire l'article <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Articles Section + Sidebar -->\r\n <section class=\"articles-section\">\r\n <h3>Articles r\u00e9cents<\/h3>\r\n\r\n <div class=\"articles-grid\" id=\"dynamic-articles-grid\">\r\n\r\n <!-- Wide card -->\r\n <div class=\"article-card wide reveal\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/102-scaled.jpg\" alt=\"Chantier\">\r\n <span class=\"card-cat-tag\">Immobilier<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h4>Comment v\u00e9rifier l'avancement d'un chantier quand vous \u00eates \u00e0 5 000 km ?<\/h4>\r\n <p>Les retards, les malfa\u00e7ons, les mat\u00e9riaux de mauvaise qualit\u00e9 \u2014 voici les vrais risques d'un\r\n chantier non surveill\u00e9 et les bonnes pratiques pour les \u00e9viter.<\/p>\r\n <div class=\"card-footer\">\r\n <div class=\"card-author\">\r\n <div class=\"mini-avatar\">EY<\/div>\r\n <span>\u00c9quipe EYEBIZ<\/span>\r\n <\/div>\r\n <div class=\"card-meta\">\r\n <span><i class=\"fa-regular fa-calendar\"><\/i> 10 mai 2026<\/span>\r\n <span><i class=\"fa-regular fa-clock\"><\/i> 6 min<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 1 -->\r\n <div class=\"article-card reveal\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/103-scaled.jpg\" alt=\"Immobilier locatif\">\r\n <span class=\"card-cat-tag\">Locatif<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h4>G\u00e9rer un bien locatif au S\u00e9n\u00e9gal depuis l'Europe : nos 5 r\u00e8gles d'or<\/h4>\r\n <p>Loyers impay\u00e9s, locataires d\u00e9faillants, d\u00e9gradations\u2026 Comment s\u00e9curiser votre patrimoine \u00e0\r\n distance sans perdre de temps ni d'argent.<\/p>\r\n <div class=\"card-footer\">\r\n <div class=\"card-author\">\r\n <div class=\"mini-avatar\">EY<\/div>\r\n <span>\u00c9quipe EYEBIZ<\/span>\r\n <\/div>\r\n <div class=\"card-meta\">\r\n <span><i class=\"fa-regular fa-calendar\"><\/i> 5 mai 2026<\/span>\r\n <span><i class=\"fa-regular fa-clock\"><\/i> 5 min<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"article-card reveal\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/101-scaled.jpg\" alt=\"Restauration\">\r\n <span class=\"card-cat-tag\">Restauration<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h4>Ouvrir un restaurant \u00e0 Dakar : les v\u00e9rifications indispensables avant de signer<\/h4>\r\n <p>Local, hygi\u00e8ne, personnel, fournisseurs \u2014 checklist compl\u00e8te pour \u00e9viter les mauvaises\r\n surprises lors de l'ouverture de votre \u00e9tablissement.<\/p>\r\n <div class=\"card-footer\">\r\n <div class=\"card-author\">\r\n <div class=\"mini-avatar\">EY<\/div>\r\n <span>\u00c9quipe EYEBIZ<\/span>\r\n <\/div>\r\n <div class=\"card-meta\">\r\n <span><i class=\"fa-regular fa-calendar\"><\/i> 28 avr. 2026<\/span>\r\n <span><i class=\"fa-regular fa-clock\"><\/i> 7 min<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 -->\r\n <div class=\"article-card reveal\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/05\/100-scaled.jpg\" alt=\"Commerce\">\r\n <span class=\"card-cat-tag\">Commerce<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h4>Commerce au S\u00e9n\u00e9gal : comment s'assurer que votre g\u00e9rant est vraiment fiable ?<\/h4>\r\n <p>D\u00e9l\u00e9guer la gestion d'un commerce \u00e0 distance est risqu\u00e9. Voici comment EYEBIZ vous permet de\r\n garder le contr\u00f4le sans \u00eatre sur place.<\/p>\r\n <div class=\"card-footer\">\r\n <div class=\"card-author\">\r\n <div class=\"mini-avatar\">EY<\/div>\r\n <span>\u00c9quipe EYEBIZ<\/span>\r\n <\/div>\r\n <div class=\"card-meta\">\r\n <span><i class=\"fa-regular fa-calendar\"><\/i> 20 avr. 2026<\/span>\r\n <span><i class=\"fa-regular fa-clock\"><\/i> 4 min<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 -->\r\n <div class=\"article-card reveal\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"http:\/\/eyebiz.fr\/wp-content\/uploads\/2026\/06\/pexels-tre3yway-33275026_1.png\"\r\n alt=\"Visite\">\r\n <span class=\"card-cat-tag\">Guide pratique<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h4>Qu'est-ce qu'une visite surprise et pourquoi elle change tout ?<\/h4>\r\n <p>La visite surprise est l'outil le plus efficace pour obtenir une image fid\u00e8le de la r\u00e9alit\u00e9\r\n sur le terrain. D\u00e9couvrez son fonctionnement.<\/p>\r\n <div class=\"card-footer\">\r\n <div class=\"card-author\">\r\n <div class=\"mini-avatar\">EY<\/div>\r\n <span>\u00c9quipe EYEBIZ<\/span>\r\n <\/div>\r\n <div class=\"card-meta\">\r\n <span><i class=\"fa-regular fa-calendar\"><\/i> 12 avr. 2026<\/span>\r\n <span><i class=\"fa-regular fa-clock\"><\/i> 5 min<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Load more -->\r\n <div class=\"load-more reveal\">\r\n <button>\r\n Voir plus d'articles\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500 SIDEBAR \u2500\u2500 -->\r\n <aside class=\"sidebar\">\r\n\r\n <!-- Newsletter -->\r\n <div class=\"newsletter-widget reveal\">\r\n <div class=\"icon\"><i class=\"fa-solid fa-envelope-open-text\"><\/i><\/div>\r\n <h4>La newsletter EYEBIZ<\/h4>\r\n <p>Conseils exclusifs et actus terrain chaque semaine. Rejoignez plus de 1 200 investisseurs.<\/p>\r\n <input type=\"email\" placeholder=\"Votre adresse e-mail\">\r\n <button>S'abonner gratuitement<\/button>\r\n <\/div>\r\n\r\n <!-- Popular -->\r\n <div class=\"sidebar-widget reveal\">\r\n <h4 class=\"widget-title\">Articles populaires<\/h4>\r\n <div class=\"popular-list\">\r\n <div class=\"popular-item\">\r\n <span class=\"popular-num\">01<\/span>\r\n <div class=\"popular-info\">\r\n <h5>Investir dans l'immobilier au S\u00e9n\u00e9gal depuis la France<\/h5>\r\n <span><i class=\"fa-regular fa-eye\"><\/i> 4 820 vues<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"popular-item\">\r\n <span class=\"popular-num\">02<\/span>\r\n <div class=\"popular-info\">\r\n <h5>G\u00e9rer un bien locatif \u00e0 distance : nos 5 r\u00e8gles d'or<\/h5>\r\n <span><i class=\"fa-regular fa-eye\"><\/i> 3 140 vues<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"popular-item\">\r\n <span class=\"popular-num\">03<\/span>\r\n <div class=\"popular-info\">\r\n <h5>Qu'est-ce qu'une visite surprise et pourquoi \u00e7a change tout ?<\/h5>\r\n <span><i class=\"fa-regular fa-eye\"><\/i> 2 670 vues<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"popular-item\">\r\n <span class=\"popular-num\">04<\/span>\r\n <div class=\"popular-info\">\r\n <h5>Comment v\u00e9rifier un chantier depuis l'\u00e9tranger ?<\/h5>\r\n <span><i class=\"fa-regular fa-eye\"><\/i> 1 990 vues<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tags -->\r\n <div class=\"sidebar-widget reveal\">\r\n <h4 class=\"widget-title\">Th\u00e9matiques<\/h4>\r\n <div class=\"tags-cloud\">\r\n <span class=\"tag active\">Immobilier<\/span>\r\n <span class=\"tag\">Diaspora<\/span>\r\n <span class=\"tag\">Chantier<\/span>\r\n <span class=\"tag\">Locatif<\/span>\r\n <span class=\"tag\">Investissement<\/span>\r\n <span class=\"tag\">Dakar<\/span>\r\n <span class=\"tag\">Commerce<\/span>\r\n <span class=\"tag\">Restauration<\/span>\r\n <span class=\"tag\">Contr\u00f4le<\/span>\r\n <span class=\"tag\">Guide<\/span>\r\n <span class=\"tag\">Rapport<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CTA -->\r\n <div class=\"cta-widget reveal\">\r\n <div class=\"icon-circle\"><i class=\"fa-solid fa-eye\"><\/i><\/div>\r\n <h4>Besoin d'un contr\u00f4le terrain ?<\/h4>\r\n <p>Nos \u00e9quipes interviennent directement au S\u00e9n\u00e9gal. Rapport sous 48h.<\/p>\r\n <a href=\"#\">Demander une intervention<\/a>\r\n <\/div>\r\n\r\n <\/aside>\r\n\r\n <\/main>\r\n\r\n <!-- \u2500\u2500 NEWSLETTER BAND \u2500\u2500 -->\r\n <section class=\"newsletter-section\">\r\n <h2>Restez inform\u00e9, investissez mieux<\/h2>\r\n <p>Rejoignez la communaut\u00e9 EYEBIZ et recevez nos conseils terrain chaque semaine.<\/p>\r\n <div class=\"newsletter-form\">\r\n <input type=\"email\" placeholder=\"Votre adresse e-mail\">\r\n <button>Je m'abonne <i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500 FOOTER \u2500\u2500 -->\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=\"http:\/\/eyebiz.fr\/index.php\/elementor-page-78\/\">Offres & Tarifs<\/a>\r\n <a href=\"#\">Blog<\/a>\r\n <a href=\"http:\/\/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 \/\/ Category filter\r\n document.querySelectorAll('.cat-btn').forEach(btn => {\r\n btn.addEventListener('click', function () {\r\n document.querySelectorAll('.cat-btn').forEach(b => b.classList.remove('active'));\r\n this.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Tags\r\n document.querySelectorAll('.tag').forEach(tag => {\r\n tag.addEventListener('click', function () {\r\n this.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Mobile 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\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 \/\/ Scroll reveal\r\n const revealObserver = new IntersectionObserver((entries) => {\r\n entries.forEach((entry, i) => {\r\n if (entry.isIntersecting) {\r\n setTimeout(() => entry.target.classList.add('visible'), i * 80);\r\n revealObserver.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });\r\n\r\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\n\r\n \/\/ --- DYNAMIC ARTICLES LOADER ---\r\n function loadArticlesFromStorage() {\r\n const data = localStorage.getItem('eyebiz_articles');\r\n if (!data) return; \/\/ If no data, keep the static HTML\r\n\r\n const articles = JSON.parse(data);\r\n if (!articles || articles.length === 0) return;\r\n\r\n \/\/ Sort newest first (assuming lower index in array is older, or sort by id if we used timestamps)\r\n \/\/ The admin saves them in order, so we reverse it for display to show newest first\r\n const displayArticles = [...articles].reverse();\r\n\r\n \/\/ Find featured\r\n const featuredIndex = displayArticles.findIndex(a => a.isFeatured);\r\n let featuredArticle = null;\r\n if (featuredIndex !== -1) {\r\n featuredArticle = displayArticles.splice(featuredIndex, 1)[0];\r\n } else if (displayArticles.length > 0) {\r\n featuredArticle = displayArticles.shift();\r\n }\r\n\r\n \/\/ Render Featured\r\n const featuredContainer = document.getElementById('dynamic-featured-article');\r\n if (featuredContainer && featuredArticle) {\r\n featuredContainer.innerHTML = `\r\n <div class=\"featured-article reveal\">\r\n <div class=\"featured-img\">\r\n <img decoding=\"async\" src=\"${featuredArticle.image}\" alt=\"Article vedette\">\r\n <span class=\"featured-badge\">\u00c0 la une<\/span>\r\n <\/div>\r\n <div class=\"featured-content\">\r\n <p class=\"featured-cat\">${featuredArticle.category}<\/p>\r\n <h2>${featuredArticle.title}<\/h2>\r\n <p>${featuredArticle.excerpt}<\/p>\r\n <div class=\"featured-meta\">\r\n <div class=\"author-avatar\">EY<\/div>\r\n <div class=\"author-info\">\r\n <strong>\u00c9quipe EYEBIZ<\/strong>\r\n <span>${featuredArticle.date} \u00b7 ${featuredArticle.readTime} de lecture<\/span>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"read-more-btn\">\r\n Lire l'article <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ Render Grid\r\n const gridContainer = document.getElementById('dynamic-articles-grid');\r\n if (gridContainer && displayArticles.length > 0) {\r\n let gridHTML = '';\r\n displayArticles.forEach((article, index) => {\r\n const isWide = article.isWide ? 'wide' : '';\r\n gridHTML += `\r\n <div class=\"article-card ${isWide} reveal\">\r\n <div class=\"card-img\">\r\n <img decoding=\"async\" src=\"${article.image}\" alt=\"Article\">\r\n <span class=\"card-cat-tag\">${article.category}<\/span>\r\n <\/div>\r\n <div class=\"card-body\">\r\n <h4>${article.title}<\/h4>\r\n <p>${article.excerpt}<\/p>\r\n <div class=\"card-footer\">\r\n <div class=\"card-author\">\r\n <div class=\"mini-avatar\">EY<\/div>\r\n <span>\u00c9quipe EYEBIZ<\/span>\r\n <\/div>\r\n <div class=\"card-meta\">\r\n <span><i class=\"fa-regular fa-calendar\"><\/i> ${article.date}<\/span>\r\n <span><i class=\"fa-regular fa-clock\"><\/i> ${article.readTime}<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n gridContainer.innerHTML = gridHTML;\r\n }\r\n\r\n \/\/ Re-observe new elements\r\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\r\n }\r\n\r\n \/\/ Run loader\r\n document.addEventListener('DOMContentLoaded', loadArticlesFromStorage);\r\n <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\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>Blog \u2014 EYEBIZ Accueil Offres & Tarifs Blog × Accueil Offres & Tarifs Blog Ressources & Conseils Le blog EYEBIZpour investir sereinement Conseils terrain, actualit\u00e9s immobili\u00e8res et guides pratiques pour les investisseurs de la diaspora. Tous les articles Immobilier Investissement Restauration Commerce Guides pratiques Actualit\u00e9s T\u00e9moignages \u00c0 la une Investissement Investir dans l’immobilier au S\u00e9n\u00e9gal […]<\/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-90","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/90","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=90"}],"version-history":[{"count":25,"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":233,"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/pages\/90\/revisions\/233"}],"wp:attachment":[{"href":"http:\/\/eyebiz.fr\/index.php\/wp-json\/wp\/v2\/media?parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}