{"id":716,"date":"2026-02-05T11:01:09","date_gmt":"2026-02-05T11:01:09","guid":{"rendered":"https:\/\/www.fnpimaroc.net\/new\/?page_id=716"},"modified":"2026-02-05T11:58:07","modified_gmt":"2026-02-05T11:58:07","slug":"fnpi-infos","status":"publish","type":"page","link":"https:\/\/www.fnpimaroc.net\/new\/fnpi-infos\/","title":{"rendered":"FNPI INFOS"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\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 Newsletter | FNPI - F\u00e9d\u00e9ration Nationale des Promoteurs Immobiliers<\/title>\r\n <meta name=\"description\" content=\"Consultez nos newsletters et restez inform\u00e9 des actualit\u00e9s de la promotion immobili\u00e8re au Maroc.\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\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 --primary: #2e7d32;\r\n --primary-hover: #1b5e20;\r\n --secondary: #f9a825;\r\n --background: #fafaf8;\r\n --foreground: #1a1815;\r\n --card-bg: #ffffff;\r\n --muted: #f0f0ed;\r\n --muted-foreground: #6b6b6b;\r\n --border: #e0e0dc;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n background-color: var(--background);\r\n color: var(--foreground);\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Header Styles *\/\r\n .header {\r\n background: var(--card-bg);\r\n border-bottom: 1px solid var(--border);\r\n position: sticky;\r\n top: 0;\r\n z-index: 100;\r\n }\r\n\r\n .header-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 1.5rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n height: 70px;\r\n }\r\n\r\n .logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n text-decoration: none;\r\n color: var(--foreground);\r\n }\r\n\r\n .logo-icon {\r\n width: 45px;\r\n height: 45px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 700;\r\n font-size: 14px;\r\n }\r\n\r\n .logo-text {\r\n font-weight: 700;\r\n font-size: 1.25rem;\r\n }\r\n\r\n .nav {\r\n display: flex;\r\n gap: 2rem;\r\n }\r\n\r\n .nav a {\r\n text-decoration: none;\r\n color: var(--foreground);\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n transition: color 0.2s;\r\n }\r\n\r\n .nav a:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n gap: 0.5rem;\r\n }\r\n\r\n .social-link {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n text-decoration: none;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n transition: transform 0.2s;\r\n }\r\n\r\n .social-link:hover {\r\n transform: scale(1.1);\r\n }\r\n\r\n .social-link.facebook { background: #1877f2; }\r\n .social-link.instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }\r\n .social-link.linkedin { background: #0a66c2; }\r\n .social-link.twitter { background: #1da1f2; }\r\n .social-link.youtube { background: #ff0000; }\r\n\r\n .mobile-menu-btn {\r\n display: none;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 0.5rem;\r\n }\r\n\r\n .mobile-menu-btn svg {\r\n width: 24px;\r\n height: 24px;\r\n }\r\n\r\n \/* Hero Section *\/\r\n .hero {\r\n background: linear-gradient(135deg, var(--primary) 0%, #1b5e20 100%);\r\n color: white;\r\n padding: 4rem 1.5rem;\r\n text-align: center;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .hero p {\r\n font-size: 1.1rem;\r\n opacity: 0.9;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Subscription Form *\/\r\n .subscription-section {\r\n max-width: 700px;\r\n margin: -2rem auto 3rem;\r\n padding: 0 1.5rem;\r\n position: relative;\r\n z-index: 10;\r\n }\r\n\r\n .subscription-card {\r\n background: var(--card-bg);\r\n border-radius: 16px;\r\n padding: 2rem;\r\n box-shadow: 0 10px 40px rgba(0,0,0,0.1);\r\n }\r\n\r\n .subscription-card h2 {\r\n font-size: 1.5rem;\r\n margin-bottom: 0.5rem;\r\n text-align: center;\r\n }\r\n\r\n .subscription-card .subtitle {\r\n color: var(--muted-foreground);\r\n text-align: center;\r\n margin-bottom: 1.5rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.5rem;\r\n }\r\n\r\n .form-group.full-width {\r\n grid-column: span 2;\r\n }\r\n\r\n .form-group label {\r\n font-weight: 500;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .form-group input {\r\n padding: 0.75rem 1rem;\r\n border: 1px solid var(--border);\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n transition: border-color 0.2s, box-shadow 0.2s;\r\n }\r\n\r\n .form-group input:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.1);\r\n }\r\n\r\n .privacy-text {\r\n font-size: 0.8rem;\r\n color: var(--muted-foreground);\r\n text-align: center;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .submit-btn {\r\n width: 100%;\r\n padding: 0.875rem 1.5rem;\r\n background: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: 8px;\r\n font-size: 1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: background-color 0.2s, transform 0.1s;\r\n }\r\n\r\n .submit-btn:hover {\r\n background: var(--primary-hover);\r\n }\r\n\r\n .submit-btn:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .success-message {\r\n display: none;\r\n text-align: center;\r\n padding: 2rem;\r\n }\r\n\r\n .success-message.show {\r\n display: block;\r\n }\r\n\r\n .success-icon {\r\n width: 60px;\r\n height: 60px;\r\n background: rgba(46, 125, 50, 0.1);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 1rem;\r\n color: var(--primary);\r\n }\r\n\r\n .success-message h3 {\r\n font-size: 1.25rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .success-message p {\r\n color: var(--muted-foreground);\r\n }\r\n\r\n \/* Newsletter Archive *\/\r\n .archive-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 2rem 1.5rem 4rem;\r\n }\r\n\r\n .archive-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 2rem;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n }\r\n\r\n .archive-header h2 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .archive-actions {\r\n display: flex;\r\n gap: 0.5rem;\r\n }\r\n\r\n .action-btn {\r\n padding: 0.5rem 1rem;\r\n border: 1px solid var(--border);\r\n background: var(--card-bg);\r\n border-radius: 8px;\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n }\r\n\r\n .action-btn:hover {\r\n border-color: var(--primary);\r\n color: var(--primary);\r\n }\r\n\r\n .action-btn.active {\r\n background: var(--primary);\r\n color: white;\r\n border-color: var(--primary);\r\n }\r\n\r\n \/* Year Accordion *\/\r\n .year-group {\r\n margin-bottom: 1rem;\r\n background: var(--card-bg);\r\n border-radius: 12px;\r\n border: 1px solid var(--border);\r\n overflow: hidden;\r\n }\r\n\r\n .year-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 1rem 1.5rem;\r\n cursor: pointer;\r\n transition: background-color 0.2s;\r\n }\r\n\r\n .year-header:hover {\r\n background: var(--muted);\r\n }\r\n\r\n .year-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n }\r\n\r\n .year-badge {\r\n background: var(--primary);\r\n color: white;\r\n padding: 0.25rem 0.75rem;\r\n border-radius: 20px;\r\n font-weight: 600;\r\n font-size: 1rem;\r\n }\r\n\r\n .year-count {\r\n color: var(--muted-foreground);\r\n font-size: 0.9rem;\r\n }\r\n\r\n .chevron {\r\n transition: transform 0.3s;\r\n }\r\n\r\n .year-group.open .chevron {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .year-content {\r\n display: none;\r\n padding: 0 1.5rem 1.5rem;\r\n }\r\n\r\n .year-group.open .year-content {\r\n display: block;\r\n }\r\n\r\n .newsletters-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n gap: 1rem;\r\n }\r\n\r\n \/* Newsletter Card *\/\r\n .newsletter-card {\r\n background: var(--muted);\r\n border-radius: 12px;\r\n padding: 1.25rem;\r\n transition: all 0.2s;\r\n position: relative;\r\n cursor: pointer;\r\n text-decoration: none;\r\n color: inherit;\r\n display: block;\r\n }\r\n\r\n .newsletter-card:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n }\r\n\r\n .newsletter-icon {\r\n width: 60px;\r\n height: 60px;\r\n margin: 0 auto 1rem;\r\n position: relative;\r\n }\r\n\r\n .newsletter-icon svg {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .newsletter-number {\r\n position: absolute;\r\n bottom: -5px;\r\n right: -5px;\r\n background: var(--primary);\r\n color: white;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n border: 2px solid var(--card-bg);\r\n }\r\n\r\n .newsletter-title {\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n margin-bottom: 0.25rem;\r\n text-align: center;\r\n }\r\n\r\n .newsletter-date {\r\n font-size: 0.8rem;\r\n color: var(--muted-foreground);\r\n text-align: center;\r\n }\r\n\r\n \/* Footer *\/\r\n .footer {\r\n background: #1a1815;\r\n color: white;\r\n padding: 3rem 1.5rem 1.5rem;\r\n }\r\n\r\n .footer-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-logo {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.75rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .footer-logo-icon {\r\n width: 40px;\r\n height: 40px;\r\n background: linear-gradient(135deg, var(--primary), var(--secondary));\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 700;\r\n font-size: 12px;\r\n }\r\n\r\n .footer-logo-text {\r\n font-weight: 700;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .footer-description {\r\n color: #9ca3af;\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .footer-title {\r\n font-weight: 600;\r\n margin-bottom: 1rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .footer-links {\r\n list-style: none;\r\n }\r\n\r\n .footer-links li {\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .footer-links a {\r\n color: #9ca3af;\r\n text-decoration: none;\r\n font-size: 0.9rem;\r\n transition: color 0.2s;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .footer-social {\r\n display: flex;\r\n gap: 0.5rem;\r\n }\r\n\r\n .footer-social a {\r\n width: 36px;\r\n height: 36px;\r\n background: #374151;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n transition: background-color 0.2s;\r\n }\r\n\r\n .footer-social a:hover {\r\n background: var(--primary);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid #374151;\r\n padding-top: 1.5rem;\r\n text-align: center;\r\n color: #9ca3af;\r\n font-size: 0.85rem;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .nav {\r\n display: none;\r\n }\r\n\r\n .social-links {\r\n display: none;\r\n }\r\n\r\n .mobile-menu-btn {\r\n display: block;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .form-row {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .form-group.full-width {\r\n grid-column: span 1;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr 1fr;\r\n }\r\n\r\n .archive-header {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .newsletters-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n <!-- Hero Section -->\r\n <section class=\"hero\">\r\n <h1>FNPI INFOS<\/h1>\r\n \r\n <\/section>\r\n\r\n \r\n <div class=\"year-group open\">\r\n <div class=\"year-header\">\r\n <div class=\"year-title\">\r\n <\/div>\r\n \r\n <\/div>\r\n <div class=\"year-content\">\r\n <div class=\"newsletters-grid\">\r\n <a href=\"https:\/\/fnpimaroc.net\/wp-content\/uploads\/2021\/12\/FNPI-INFOS-1.pdf\" class=\"newsletter-card\">\r\n <div class=\"newsletter-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2e7d32\" stroke-width=\"1.5\">\r\n <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n \r\n <span class=\"newsletter-number\">1<\/span>\r\n <\/div>\r\n <div class=\"newsletter-title\">FNPI INFOS<\/div>\r\n \r\n <\/a>\r\n <a href=\"https:\/\/fnpimaroc.net\/wp-content\/uploads\/2021\/12\/FNPI-INFOS-2.pdf\" class=\"newsletter-card\">\r\n <div class=\"newsletter-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2e7d32\" stroke-width=\"1.5\">\r\n <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n <span class=\"newsletter-number\">2<\/span>\r\n <\/div>\r\n <div class=\"newsletter-title\">FNPI INFOS<\/div>\r\n <\/a>\r\n <a href=\"https:\/\/fnpimaroc.net\/wp-content\/uploads\/2021\/12\/FNPI-INFOS-3.pdf\" class=\"newsletter-card\">\r\n <div class=\"newsletter-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2e7d32\" stroke-width=\"1.5\">\r\n <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n <span class=\"newsletter-number\">3<\/span>\r\n <\/div>\r\n <div class=\"newsletter-title\">FNPI INFOS<\/div>\r\n <\/a>\r\n <a href=\"https:\/\/fnpimaroc.net\/wp-content\/uploads\/2021\/12\/FNPI-INFOS-4.pdf\" class=\"newsletter-card\">\r\n <div class=\"newsletter-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#2e7d32\" stroke-width=\"1.5\">\r\n <path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"\/>\r\n <\/svg>\r\n <span class=\"newsletter-number\">4<\/span>\r\n <\/div>\r\n <div class=\"newsletter-title\">FNPI INFOS<\/div>\r\n <\/a>\r\n <div class=\"newsletters-grid\">\r\n\r\n<\/div>\r\n\r\n \r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n \r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-33c7148 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"33c7148\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Newsletter | FNPI – F\u00e9d\u00e9ration Nationale des Promoteurs Immobiliers FNPI INFOS 1 FNPI INFOS 2 FNPI INFOS 3 FNPI INFOS 4 FNPI INFOS<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-716","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/pages\/716","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\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/comments?post=716"}],"version-history":[{"count":10,"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/pages\/716\/revisions"}],"predecessor-version":[{"id":727,"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/pages\/716\/revisions\/727"}],"wp:attachment":[{"href":"https:\/\/www.fnpimaroc.net\/new\/wp-json\/wp\/v2\/media?parent=716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}