{"id":24,"date":"2026-04-25T17:32:03","date_gmt":"2026-04-25T15:32:03","guid":{"rendered":"https:\/\/safed.ma\/staging\/index.php\/qui-sommes-nous\/"},"modified":"2026-05-21T22:31:41","modified_gmt":"2026-05-21T20:31:41","slug":"qui-sommes-nous","status":"publish","type":"page","link":"https:\/\/safed.ma\/index.php\/qui-sommes-nous\/","title":{"rendered":"Qui sommes-nous"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"24\" class=\"elementor elementor-24\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1876771 e-flex e-con-boxed e-con e-parent\" data-id=\"1876771\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3012dc9 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3012dc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<br><br>\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<style>\n    \/* 1. POLICES & RESET CSS *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');\n     \n    \/* Force Full Width sur WordPress *\/\n    header.entry-header, .entry-header, .page-header, .nv-page-title-wrap, h1.entry-title, .ast-single-post-order, .site-heading { display: none !important; }\n    #content, .site-content, .site-main, .ast-container, .container, .page-content { padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; }\n    body, html { overflow-x: hidden !important; }\n\n    \/* Typographie Fluide *\/\n    .fluid-h1 { font-size: clamp(2.5rem, 8vw, 4.5rem); line-height: 1.1; }\n    .fluid-h2 { font-size: clamp(1.8rem, 5vw, 2.8rem); line-height: 1.2; }\n    .fluid-p { font-size: clamp(1rem, 2vw, 1.125rem); line-height: 1.6; }\n\n    \/* Lettrine styl\u00e9e pour le mot du DG *\/\n    .lettrine::first-letter {\n        font-family: 'Playfair Display', serif;\n        font-size: 3.5rem;\n        font-weight: 700;\n        color: #059669;\n        float: left;\n        line-height: 0.8;\n        margin-right: 0.1em;\n        margin-top: 0.1em;\n    }\n\n    \/* Effets de cartes Premium *\/\n    .glass-card {\n        background: rgba(255, 255, 255, 0.03);\n        backdrop-filter: blur(10px);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .hover-emerald:hover {\n        border-color: #059669;\n        transform: translateY(-5px);\n        box-shadow: 0 20px 40px rgba(5, 150, 105, 0.1);\n    }\n\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n<\/style>\n\n<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: {\n                    sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\n                    serif: ['\"Playfair Display\"', 'serif'],\n                },\n                colors: {\n                    safednavy: '#0A2540',\n                    safedemerald: '#059669',\n                }\n            }\n        }\n    }\n<\/script>\n\n<div class=\"bg-[#FDFDFD] font-sans overflow-x-hidden\" style=\"width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important;\">\n\n    <section class=\"w-full relative min-h-[70vh] flex items-center justify-center bg-safednavy text-white px-6 py-20 overflow-hidden\">\n        <div class=\"absolute inset-0 z-0\">\n            <img decoding=\"async\" class=\"w-full h-full object-cover opacity-15 mix-blend-luminosity\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2000\" alt=\"Ing\u00e9nierie de demain\" \/>\n            <div class=\"absolute inset-0 bg-gradient-to-b from-safednavy\/80 via-safednavy to-safednavy\"><\/div>\n        <\/div>\n        <div class=\"relative z-10 max-w-5xl mx-auto text-center\">\n            <div class=\"inline-flex items-center gap-3 mb-6 opacity-0 animate-[fadeIn_1s_ease-out_forwards]\">\n                <span class=\"h-[1px] w-8 bg-safedemerald\"><\/span>\n                <span class=\"uppercase tracking-[0.3em] text-[10px] md:text-xs font-bold text-safedemerald\">L'Ing\u00e9nierie de demain<\/span>\n                <span class=\"h-[1px] w-8 bg-safedemerald\"><\/span>\n            <\/div>\n            <h1 class=\"fluid-h1 font-serif mb-6 leading-tight\">Soci\u00e9t\u00e9 Africaine d'\u00c9tudes et de <span class=\"italic text-gray-400\">D\u00e9veloppement.<\/span><\/h1>\n            <p class=\"fluid-p max-w-2xl mx-auto text-gray-300 font-light px-4\">Une expertise reconnue depuis plus de 30 ans dans les domaines de l'eau, de l'environnement et des infrastructures urbaines au Maroc.<\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"w-full py-16 md:py-28 px-6 bg-white\">\n        <div class=\"max-w-[1200px] mx-auto\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-center\">\n                <div class=\"lg:col-span-7\">\n                    <h2 class=\"fluid-h2 font-serif text-safednavy mb-6 font-bold leading-tight\">Expertise de premier plan en <span class=\"text-safedemerald italic text-3xl md:text-4xl\">Ing\u00e9nierie Durable.<\/span><\/h2>\n                    <p class=\"fluid-p text-gray-600 mb-8 leading-relaxed\">SAFED intervient comme un partenaire strat\u00e9gique aupr\u00e8s des donneurs d'ordres publics et priv\u00e9s. Notre approche repose sur une ma\u00eetrise technique rigoureuse et une connaissance approfondie des enjeux territoriaux marocains.<\/p>\n\n                    <div class=\"grid grid-cols-2 gap-4 md:gap-8\">\n                        <div class=\"p-5 bg-gray-50 rounded-2xl border-l-4 border-safedemerald group hover:bg-white transition-colors shadow-sm\">\n                            <div class=\"text-2xl md:text-3xl font-bold text-safednavy mb-1\">+30 ans<\/div>\n                            <p class=\"text-[10px] md:text-xs uppercase tracking-widest text-gray-500 font-bold\">D'expertise technique<\/p>\n                        <\/div>\n                        <div class=\"p-5 bg-gray-50 rounded-2xl border-l-4 border-safedemerald group hover:bg-white transition-colors shadow-sm\">\n                            <div class=\"text-2xl md:text-3xl font-bold text-safednavy mb-1\">2000+ ha<\/div>\n                            <p class=\"text-[10px] md:text-xs uppercase tracking-widest text-gray-500 font-bold\">Am\u00e9nag\u00e9s & Urbanis\u00e9s<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"lg:col-span-5\">\n                    <div class=\"bg-safednavy p-8 md:p-10 rounded-[2rem] text-white shadow-2xl relative overflow-hidden\">\n                        <div class=\"relative z-10\">\n                            <h4 class=\"text-safedemerald font-bold uppercase tracking-[0.2em] text-[10px] mb-4\">Capital Humain<\/h4>\n                            <p class=\"text-xl md:text-2xl font-serif mb-8 leading-snug\">Une \u00e9quipe multidisciplinaire garante de votre r\u00e9ussite.<\/p>\n                            <div class=\"flex items-end gap-3\">\n                                <span class=\"text-5xl md:text-6xl font-bold leading-none\">32<\/span>\n                                <span class=\"text-sm text-gray-400 mb-1 leading-tight uppercase tracking-widest font-medium\">Experts<br>engag\u00e9s<\/span>\n                            <\/div>\n                        <\/div>\n                        <div class=\"absolute -right-16 -bottom-16 w-64 h-64 bg-safedemerald\/10 rounded-full blur-3xl\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"w-full py-20 bg-gray-50 relative px-6\">\n        <div class=\"max-w-[1200px] mx-auto\">\n            <div class=\"flex flex-col lg:flex-row gap-12 lg:gap-20 items-center\">\n                <div class=\"w-full max-w-[400px] lg:w-1\/3 shrink-0\">\n                    <div class=\"relative\">\n                        <img decoding=\"async\" class=\"w-full rounded-tr-[5rem] rounded-bl-[5rem] shadow-2xl grayscale border-8 border-white\" src=\"https:\/\/safed.ma\/wp-content\/uploads\/2026\/05\/photo-chater.jpg.jpeg\" alt=\"Mahfoud CHATER\" \/>\n                        <div class=\"absolute -bottom-6 -right-6 w-32 h-32 bg-safedemerald\/10 rounded-full -z-10 animate-pulse\"><\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"w-full lg:w-2\/3\">\n                    <span class=\"text-safedemerald font-bold uppercase tracking-[0.3em] text-[10px] block mb-6\">Vision du Dirigeant<\/span>\n                    <h3 class=\"fluid-h2 font-serif text-safednavy italic mb-10 leading-relaxed border-l-4 border-safedemerald pl-6 md:pl-10\">\"Gr\u00e2ce \u00e0 son exp\u00e9rience de plus de 30 ans, SAFED a particip\u00e9 \u00e0 la r\u00e9alisation de grands projets de d\u00e9veloppement urbain au Maroc.\"<\/h3>\n                    <div class=\"space-y-6 text-gray-600 fluid-p leading-relaxed\">\n                        <p class=\"lettrine\">Les cadres de SAFED participent \u00e0 l'\u00e9panouissement d'une ing\u00e9nierie jeune et dynamique au Maroc. Notre engagement est de maintenir ce haut niveau d'excellence technique pour b\u00e2tir les infrastructures de demain.<\/p>\n                    <\/div>\n                    <div class=\"mt-10\">\n                        <p class=\"text-xl md:text-2xl font-serif text-safednavy font-bold\">Mahfoud CHATER<\/p>\n                        <p class=\"text-xs uppercase tracking-widest text-safedemerald font-bold mt-1\">Directeur G\u00e9n\u00e9ral \u2022 SAFED S.A.R.L<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"w-full py-20 md:py-32 px-6 bg-white\">\n        <div class=\"max-w-[1200px] mx-auto\">\n            <div class=\"text-center mb-16 md:mb-24\">\n                <h2 class=\"fluid-h2 font-serif text-safednavy mb-4 font-bold\">Nos Engagements<\/h2>\n                <div class=\"w-16 h-1 bg-safedemerald mx-auto\"><\/div>\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 md:gap-10\">\n                \n                <div class=\"glass-card hover-emerald p-8 rounded-3xl group\">\n                    <div class=\"w-14 h-14 bg-gray-50 rounded-2xl flex items-center justify-center text-safednavy mb-8 group-hover:bg-safedemerald group-hover:text-white transition-all\">\n                        <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"text-lg font-bold text-safednavy mb-4 uppercase tracking-widest\">L'Int\u00e9grit\u00e9<\/h4>\n                    <p class=\"text-sm text-gray-500 leading-relaxed font-light\">Nous garantissons une transparence totale et une \u00e9thique professionnelle irr\u00e9prochable dans chaque mission confi\u00e9e.<\/p>\n                <\/div>\n\n                <div class=\"glass-card hover-emerald p-8 rounded-3xl group\">\n                    <div class=\"w-14 h-14 bg-gray-50 rounded-2xl flex items-center justify-center text-safednavy mb-8 group-hover:bg-safedemerald group-hover:text-white transition-all\">\n                        <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"text-lg font-bold text-safednavy mb-4 uppercase tracking-widest\">L'Innovation<\/h4>\n                    <p class=\"text-sm text-gray-500 leading-relaxed font-light\">L'int\u00e9gration continue des derni\u00e8res technologies (BIM, Mod\u00e9lisation) pour concevoir des ouvrages intelligents et durables.<\/p>\n                <\/div>\n\n                <div class=\"glass-card hover-emerald p-8 rounded-3xl group\">\n                    <div class=\"w-14 h-14 bg-gray-50 rounded-2xl flex items-center justify-center text-safednavy mb-8 group-hover:bg-safedemerald group-hover:text-white transition-all\">\n                        <svg class=\"w-7 h-7\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path><\/svg>\n                    <\/div>\n                    <h4 class=\"text-lg font-bold text-safednavy mb-4 uppercase tracking-widest\">La Fid\u00e9lit\u00e9<\/h4>\n                    <p class=\"text-sm text-gray-500 leading-relaxed font-light\">B\u00e2tir des relations de confiance durable, illustr\u00e9e par une anciennet\u00e9 moyenne de 15 ans chez nos collaborateurs.<\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"w-full py-24 bg-safednavy text-white relative px-6\">\n        <div class=\"max-w-[1200px] mx-auto\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n                <div>\n                    <h2 class=\"fluid-h2 font-serif mb-6 italic text-safedemerald leading-tight\">Stabilit\u00e9 & Supervision.<\/h2>\n                    <p class=\"fluid-p text-gray-400 mb-10 font-light\">Avec un taux d\u2019encadrement de 35%, nous garantissons une supervision rigoureuse \u00e0 chaque \u00e9tape du projet, assurant la transmission du savoir-faire et la qualit\u00e9 des rendus.<\/p>\n\n                    <div class=\"space-y-4\">\n                        <div class=\"flex items-center gap-4 group\">\n                            <span class=\"w-2 h-2 bg-safedemerald rounded-full group-hover:scale-150 transition-transform\"><\/span>\n                            <span class=\"text-sm md:text-base text-gray-300\">Ing\u00e9nieurs d'\u00e9tudes seniors certifi\u00e9s<\/span>\n                        <\/div>\n                        <div class=\"flex items-center gap-4 group\">\n                            <span class=\"w-2 h-2 bg-safedemerald rounded-full group-hover:scale-150 transition-transform\"><\/span>\n                            <span class=\"text-sm md:text-base text-gray-300\">Techniciens projeteurs exp\u00e9riment\u00e9s<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mt-8 lg:mt-0\">\n                    <div class=\"p-10 bg-white\/5 border border-white\/10 rounded-[2rem] text-center hover:bg-white\/10 transition-colors\">\n                        <div class=\"text-5xl font-bold text-safedemerald mb-3\">15<\/div>\n                        <p class=\"text-[10px] md:text-xs uppercase tracking-[0.2em] text-gray-400 font-bold\">Ans d'anciennet\u00e9 moyenne<\/p>\n                    <\/div>\n                    <div class=\"p-10 bg-white\/5 border border-white\/10 rounded-[2rem] text-center hover:bg-white\/10 transition-colors\">\n                        <div class=\"text-5xl font-bold text-safedemerald mb-3\">35%<\/div>\n                        <p class=\"text-[10px] md:text-xs uppercase tracking-[0.2em] text-gray-400 font-bold\">Taux d'encadrement<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\t\t\t\t<\/div>\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>L&rsquo;Ing\u00e9nierie de demain Soci\u00e9t\u00e9 Africaine d&rsquo;\u00c9tudes et de D\u00e9veloppement. Une expertise reconnue depuis plus de 30 ans dans les domaines de l&rsquo;eau, de l&rsquo;environnement et des infrastructures urbaines au Maroc. Expertise de premier plan en Ing\u00e9nierie Durable. SAFED intervient comme un partenaire strat\u00e9gique aupr\u00e8s des donneurs d&rsquo;ordres publics et priv\u00e9s. Notre approche repose sur une [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":37,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":710,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/710"}],"wp:attachment":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}