{"id":300,"date":"2025-12-03T14:15:37","date_gmt":"2025-12-03T14:15:37","guid":{"rendered":"https:\/\/www.fnpimaroc.net\/new\/?page_id=300"},"modified":"2025-12-03T14:44:36","modified_gmt":"2025-12-03T14:44:36","slug":"partenariats","status":"publish","type":"page","link":"https:\/\/www.fnpimaroc.net\/new\/partenariats\/","title":{"rendered":"Partenariats"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"300\" class=\"elementor elementor-300\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07d3ca0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"07d3ca0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-86696eb elementor-widget elementor-widget-html\" data-id=\"86696eb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Partenariats - FNPI<\/title>\r\n    \r\n    <style>\r\n        \/* ================================\r\n           RESET & BASE STYLES\r\n           ================================ *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --fnpi-green: #59ad28;\r\n            --fnpi-green-dark: #4a9320;\r\n            --fnpi-green-light: #6bc230;\r\n            --text-dark: #333333;\r\n            --text-gray: #666666;\r\n            --text-light: #999999;\r\n            --border-color: #e0e0e0;\r\n            --bg-gray: #f5f5f5;\r\n            --white: #ffffff;\r\n            --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);\r\n            --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n            --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        body {\r\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--text-dark);\r\n            background-color: var(--bg-gray);\r\n        }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        button {\r\n            border: none;\r\n            background: none;\r\n            cursor: pointer;\r\n            font-family: inherit;\r\n        }\r\n\r\n        input,\r\n        textarea {\r\n            font-family: inherit;\r\n            border: none;\r\n            outline: none;\r\n        }\r\n\r\n        \/* ================================\r\n           HEADER STYLES\r\n           ================================ *\/\r\n        .custom-header {\r\n            background-color: var(--white);\r\n            box-shadow: var(--shadow-sm);\r\n            position: sticky;\r\n            top: 0;\r\n            z-index: 1000;\r\n        }\r\n\r\n        .custom-header-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            min-height: 80px;\r\n        }\r\n\r\n        .custom-logo {\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .custom-logo img {\r\n            height: 60px;\r\n            width: auto;\r\n        }\r\n\r\n        .custom-nav {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 40px;\r\n            flex: 1;\r\n            justify-content: center;\r\n        }\r\n\r\n        .custom-nav-link {\r\n            color: var(--text-dark);\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            position: relative;\r\n            padding: 8px 0;\r\n        }\r\n\r\n        .custom-nav-link::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 0;\r\n            height: 2px;\r\n            background-color: var(--fnpi-green);\r\n            transition: width 0.3s ease;\r\n        }\r\n\r\n        .custom-nav-link:hover::after {\r\n            width: 100%;\r\n        }\r\n\r\n        .custom-nav-link:hover {\r\n            color: var(--fnpi-green);\r\n        }\r\n\r\n        .custom-social-icons {\r\n            display: flex;\r\n            gap: 8px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .custom-social-icon {\r\n            width: 32px;\r\n            height: 32px;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--white);\r\n            font-size: 14px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .custom-social-icon:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .custom-social-icon.facebook { background-color: #3b5998; }\r\n        .custom-social-icon.instagram { background-color: #e4405f; }\r\n        .custom-social-icon.linkedin { background-color: #0077b5; }\r\n        .custom-social-icon.twitter { background-color: #1da1f2; }\r\n        .custom-social-icon.youtube { background-color: #ff0000; }\r\n\r\n        .custom-mobile-menu-btn {\r\n            display: none;\r\n            flex-direction: column;\r\n            gap: 4px;\r\n            padding: 8px;\r\n        }\r\n\r\n        .custom-mobile-menu-btn span {\r\n            width: 24px;\r\n            height: 2px;\r\n            background-color: var(--text-dark);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* ================================\r\n           PAGE TITLE SECTION\r\n           ================================ *\/\r\n        .custom-page-title-section {\r\n            background-color: var(--white);\r\n            padding: 60px 20px;\r\n            text-align: center;\r\n        }\r\n\r\n        .custom-page-title {\r\n            font-size: 42px;\r\n            font-weight: 700;\r\n            color: var(--fnpi-green);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            position: relative;\r\n            display: inline-block;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .custom-page-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 3px;\r\n            background-color: var(--fnpi-green);\r\n        }\r\n\r\n        \/* ================================\r\n           PARTNERS GRID SECTION\r\n           ================================ *\/\r\n        .custom-partners-section {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 60px 20px;\r\n        }\r\n\r\n        .custom-partners-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 30px;\r\n        }\r\n\r\n        .custom-partner-card {\r\n            background-color: var(--white);\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n            box-shadow: var(--shadow-md);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            min-height: 180px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .custom-partner-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: var(--shadow-lg);\r\n        }\r\n\r\n        .custom-partner-card img {\r\n            max-width: 100%;\r\n            max-height: 120px;\r\n            width: auto;\r\n            height: auto;\r\n            object-fit: contain;\r\n        }\r\n\r\n        \/* ================================\r\n           SEARCH SECTION\r\n           ================================ *\/\r\n        .custom-search-section {\r\n            background-color: var(--white);\r\n            padding: 40px 20px;\r\n            margin-top: 60px;\r\n        }\r\n\r\n        .custom-search-container {\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n\r\n        .custom-search-input {\r\n            flex: 1;\r\n            padding: 15px 20px;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 4px;\r\n            font-size: 15px;\r\n            background-color: var(--bg-gray);\r\n        }\r\n\r\n        .custom-search-input::placeholder {\r\n            color: var(--text-light);\r\n        }\r\n\r\n        .custom-search-btn {\r\n            padding: 15px 40px;\r\n            background-color: var(--fnpi-green);\r\n            color: var(--white);\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            border-radius: 4px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .custom-search-btn:hover {\r\n            background-color: var(--fnpi-green-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        \/* ================================\r\n           FOOTER STYLES\r\n           ================================ *\/\r\n        .custom-footer {\r\n            background-color: var(--white);\r\n            border-top: 3px solid var(--fnpi-green);\r\n            padding: 60px 20px 30px;\r\n            margin-top: 80px;\r\n        }\r\n\r\n        .custom-footer-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 60px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .custom-footer-column h3 {\r\n            color: var(--fnpi-green);\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .custom-footer-logo {\r\n            max-width: 250px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .custom-footer-text {\r\n            color: var(--text-gray);\r\n            font-size: 13px;\r\n            line-height: 1.6;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .custom-footer-social {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-top: 20px;\r\n        }\r\n\r\n        .custom-footer-social-icon {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--white);\r\n            font-size: 16px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .custom-footer-social-icon:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .custom-contact-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .custom-contact-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background-color: var(--fnpi-green);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--white);\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .custom-contact-info p {\r\n            color: var(--text-gray);\r\n            font-size: 14px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .custom-contact-info strong {\r\n            color: var(--fnpi-green);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .custom-newsletter-form {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 15px;\r\n        }\r\n\r\n        .custom-newsletter-input {\r\n            padding: 12px 15px;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 4px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .custom-newsletter-textarea {\r\n            padding: 12px 15px;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 4px;\r\n            font-size: 14px;\r\n            resize: vertical;\r\n            min-height: 80px;\r\n        }\r\n\r\n        .custom-newsletter-btn {\r\n            padding: 12px 30px;\r\n            background-color: var(--fnpi-green);\r\n            color: var(--white);\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            border-radius: 4px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .custom-newsletter-btn:hover {\r\n            background-color: var(--fnpi-green-dark);\r\n            transform: translateY(-2px);\r\n            box-shadow: var(--shadow-md);\r\n        }\r\n\r\n        .custom-sitemap-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--fnpi-green);\r\n            font-weight: 600;\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .custom-sitemap-link:hover {\r\n            text-decoration: underline;\r\n        }\r\n\r\n        .custom-footer-bottom {\r\n            text-align: center;\r\n            padding-top: 30px;\r\n            border-top: 1px solid var(--border-color);\r\n            color: var(--text-light);\r\n            font-size: 13px;\r\n        }\r\n\r\n        \/* ================================\r\n           RESPONSIVE STYLES\r\n           ================================ *\/\r\n        @media (max-width: 1024px) {\r\n            .custom-nav {\r\n                gap: 25px;\r\n            }\r\n\r\n            .custom-nav-link {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .custom-partners-grid {\r\n                gap: 25px;\r\n            }\r\n\r\n            .custom-footer-container {\r\n                gap: 40px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .custom-header-container {\r\n                min-height: 70px;\r\n            }\r\n\r\n            .custom-logo img {\r\n                height: 50px;\r\n            }\r\n\r\n            .custom-nav {\r\n                position: fixed;\r\n                top: 70px;\r\n                left: 0;\r\n                right: 0;\r\n                background-color: var(--white);\r\n                flex-direction: column;\r\n                padding: 20px;\r\n                gap: 20px;\r\n                box-shadow: var(--shadow-lg);\r\n                transform: translateX(-100%);\r\n                transition: transform 0.3s ease;\r\n            }\r\n\r\n            .custom-nav.active {\r\n                transform: translateX(0);\r\n            }\r\n\r\n            .custom-mobile-menu-btn {\r\n                display: flex;\r\n            }\r\n\r\n            .custom-social-icons {\r\n                display: none;\r\n            }\r\n\r\n            .custom-page-title {\r\n                font-size: 32px;\r\n            }\r\n\r\n            .custom-page-title-section {\r\n                padding: 40px 20px;\r\n            }\r\n\r\n            .custom-partners-section {\r\n                padding: 40px 20px;\r\n            }\r\n\r\n            .custom-partners-grid {\r\n                grid-template-columns: 1fr;\r\n                gap: 20px;\r\n            }\r\n\r\n            .custom-partner-card {\r\n                padding: 30px;\r\n                min-height: 150px;\r\n            }\r\n\r\n            .custom-search-container {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .custom-footer-container {\r\n                grid-template-columns: 1fr;\r\n                gap: 40px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .custom-page-title {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .custom-partner-card {\r\n                padding: 25px;\r\n                min-height: 130px;\r\n            }\r\n\r\n            .custom-partner-card img {\r\n                max-height: 100px;\r\n            }\r\n        }\r\n\r\n        \/* ================================\r\n           UTILITY CLASSES\r\n           ================================ *\/\r\n        .custom-fade-in {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            transition: all 0.6s ease;\r\n        }\r\n\r\n        .custom-fade-in.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <!-- PAGE TITLE -->\r\n    <section class=\"custom-page-title-section\">\r\n        <h1 class=\"custom-page-title\">PARTENARIATS<\/h1>\r\n    <\/section>\r\n\r\n    <!-- PARTNERS GRID -->\r\n    <section class=\"custom-partners-section\">\r\n        <div class=\"custom-partners-grid\">\r\n            <!-- Partner 1: Groupe al omrane -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/channels4_profile.jpg\" alt=\"Groupe al omrane\">\r\n            <\/div>\r\n\r\n            <!-- Partner 2: Astral -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/astral.webp\" alt=\"Astral\">\r\n            <\/div>\r\n\r\n            <!-- Partner 3: CASANFA -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/casa-anfa.avif\" alt=\"CASANFA\">\r\n            <\/div>\r\n\r\n            <!-- Partner 4: AkzoNobel -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/1200px-Akzo_Nobel.png\" alt=\"AkzoNobel\">\r\n            <\/div>\r\n\r\n            <!-- Partner 5: AXE Survey -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/Capture-decran-2021-09-15-a-19_32_58.avif\" alt=\"AXE Survey\">\r\n            <\/div>\r\n\r\n            <!-- Partner 6: Palmeraie -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/images.png\" alt=\"Palmeraie\">\r\n            <\/div>\r\n\r\n            <!-- Partner 7: Espaces Saada -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/Les-Espaces-Saada-01.png\" alt=\"Espaces Saada\">\r\n            <\/div>\r\n\r\n            <!-- Partner 8: LafargeHolcim Maroc -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/logo-image-rt.jpg.webp\" alt=\"LafargeHolcim Maroc\">\r\n            <\/div>\r\n\r\n            <!-- Partner 9: DAR KHAMIA -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/images-1.png\" alt=\"DAR KHAMIA\">\r\n            <\/div>\r\n\r\n            <!-- Partner 10: TGCC IMMOBILIER -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/TGCC-immobilier.jpg\" alt=\"TGCC IMMOBILIER\">\r\n            <\/div>\r\n\r\n            <!-- Partner 11: L.A.P. -->\r\n            <div class=\"custom-partner-card custom-fade-in\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.fnpimaroc.net\/new\/wp-content\/uploads\/2025\/12\/images-2.png\" alt=\"L.A.P.\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- SEARCH SECTION -->\r\n    <section class=\"custom-search-section\">\r\n        <div class=\"custom-search-container\">\r\n            <input type=\"search\" class=\"custom-search-input\" placeholder=\"Chercher...\" aria-label=\"Rechercher\">\r\n            <button class=\"custom-search-btn\" aria-label=\"Rechercher\">\r\n                <span>\ud83d\udd0d<\/span>\r\n            <\/button>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- JAVASCRIPT -->\r\n    <script>\r\n        (function() {\r\n            'use strict';\r\n\r\n            \/\/ Mobile Menu Toggle\r\n            const mobileMenuBtn = document.querySelector('.custom-mobile-menu-btn');\r\n            const nav = document.querySelector('.custom-nav');\r\n\r\n            if (mobileMenuBtn && nav) {\r\n                mobileMenuBtn.addEventListener('click', function() {\r\n                    nav.classList.toggle('active');\r\n                    this.classList.toggle('active');\r\n                });\r\n\r\n                \/\/ Close menu when clicking outside\r\n                document.addEventListener('click', function(e) {\r\n                    if (!mobileMenuBtn.contains(e.target) && !nav.contains(e.target)) {\r\n                        nav.classList.remove('active');\r\n                        mobileMenuBtn.classList.remove('active');\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ Smooth Scroll\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function(e) {\r\n                    const href = this.getAttribute('href');\r\n                    if (href !== '#' && href !== '') {\r\n                        e.preventDefault();\r\n                        const target = document.querySelector(href);\r\n                        if (target) {\r\n                            target.scrollIntoView({\r\n                                behavior: 'smooth',\r\n                                block: 'start'\r\n                            });\r\n                        }\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Newsletter Form Handler\r\n            const newsletterForm = document.querySelector('.custom-newsletter-form');\r\n            if (newsletterForm) {\r\n                newsletterForm.addEventListener('submit', function(e) {\r\n                    e.preventDefault();\r\n                    alert('Merci pour votre inscription \u00e0 notre newsletter !');\r\n                    this.reset();\r\n                });\r\n            }\r\n\r\n            \/\/ Search Handler\r\n            const searchBtn = document.querySelector('.custom-search-btn');\r\n            const searchInput = document.querySelector('.custom-search-input');\r\n            \r\n            if (searchBtn && searchInput) {\r\n                searchBtn.addEventListener('click', function() {\r\n                    const query = searchInput.value.trim();\r\n                    if (query) {\r\n                        alert('Recherche pour: ' + query);\r\n                    }\r\n                });\r\n\r\n                searchInput.addEventListener('keypress', function(e) {\r\n                    if (e.key === 'Enter') {\r\n                        const query = this.value.trim();\r\n                        if (query) {\r\n                            alert('Recherche pour: ' + query);\r\n                        }\r\n                    }\r\n                });\r\n            }\r\n\r\n            \/\/ Fade-in Animation on Scroll\r\n            const observerOptions = {\r\n                threshold: 0.1,\r\n                rootMargin: '0px 0px -50px 0px'\r\n            };\r\n\r\n            const observer = new IntersectionObserver(function(entries) {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, observerOptions);\r\n\r\n            document.querySelectorAll('.custom-fade-in').forEach(el => {\r\n                observer.observe(el);\r\n            });\r\n\r\n            \/\/ Social Sharing\r\n            document.querySelectorAll('.custom-social-icon, .custom-footer-social-icon').forEach(icon => {\r\n                icon.addEventListener('click', function(e) {\r\n                    e.preventDefault();\r\n                    const platform = this.className.match(\/facebook|instagram|linkedin|twitter|youtube\/);\r\n                    if (platform) {\r\n                        console.log('Partager sur ' + platform[0]);\r\n                    }\r\n                });\r\n            });\r\n\r\n            \/\/ Keyboard Navigation Enhancement\r\n            document.querySelectorAll('a, button, input, textarea').forEach(element => {\r\n                element.addEventListener('keydown', function(e) {\r\n                    if (e.key === 'Enter' && this.tagName !== 'TEXTAREA') {\r\n                        this.click();\r\n                    }\r\n                });\r\n            });\r\n\r\n        })();\r\n    <\/script>\r\n\r\n<\/body>\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>Partenariats &#8211; FNPI PARTENARIATS \ud83d\udd0d<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-300","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/pages\/300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/comments?post=300"}],"version-history":[{"count":4,"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/pages\/300\/revisions"}],"predecessor-version":[{"id":316,"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/pages\/300\/revisions\/316"}],"wp:attachment":[{"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/media?parent=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}