{"id":27,"date":"2026-04-25T17:32:03","date_gmt":"2026-04-25T15:32:03","guid":{"rendered":"https:\/\/safed.ma\/staging\/index.php\/qui-sommes-nous\/organigramme\/"},"modified":"2026-05-21T22:30:12","modified_gmt":"2026-05-21T20:30:12","slug":"organigramme","status":"publish","type":"page","link":"https:\/\/safed.ma\/index.php\/qui-sommes-nous\/organigramme\/","title":{"rendered":"Organigramme"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27\" class=\"elementor elementor-27\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d17e08c e-flex e-con-boxed e-con e-parent\" data-id=\"d17e08c\" 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-dd8d3af elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"dd8d3af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<br><br>\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<style>\r\n    \/* ==========================================\r\n       1. POLICES DE CARACT\u00c8RES & R\u00c9INITIALISATION\r\n       ========================================== *\/\r\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');\r\n    \r\n    header.entry-header, .entry-header, .page-header, .nv-page-title-wrap, h1.entry-title, .ast-single-post-order, .site-heading { display: none !important; }\r\n    #content, .site-content, .site-main, .ast-container, .container, .page-content { padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important; }\r\n    body, html { overflow-x: hidden !important; width: 100%; }\r\n\r\n    \/* Typographie Fluide High-End *\/\r\n    .fluid-title { font-size: clamp(2.25rem, 6vw, 3.75rem); line-height: 1.1; }\r\n    .fluid-subtitle { font-size: clamp(1.5rem, 4vw, 2.25rem); }\r\n\r\n    \/* ==========================================\r\n       2. LIGNES STRUCTURELLES (DESKTOP UNIQUEMENT)\r\n       ========================================== *\/\r\n    @media (min-width: 1024px) {\r\n        .tree-root::after { content: ''; position: absolute; bottom: -40px; left: 50%; width: 2px; height: 40px; background: linear-gradient(to bottom, #059669, #e2e8f0); transform: translateX(-50%); }\r\n        .tree-node-top::before { content: ''; position: absolute; top: -40px; left: 50%; width: 2px; height: 40px; background: #e2e8f0; transform: translateX(-50%); }\r\n        .tree-branch-middle::after { content: ''; position: absolute; bottom: -40px; left: 50%; width: 2px; height: 40px; background: linear-gradient(to bottom, #0a2540, #059669); transform: translateX(-50%); }\r\n        \r\n        \/* Ligne horizontale reliant les Directions *\/\r\n        .tree-line-horizontal-directions::before { content: ''; position: absolute; top: -40px; left: 16.66%; right: 16.66%; height: 2px; background: #e2e8f0; }\r\n        \/* Ligne horizontale reliant les P\u00f4les *\/\r\n        .tree-line-horizontal-poles::before { content: ''; position: absolute; top: -40px; left: 16.66%; right: 16.66%; height: 2px; background: #059669; }\r\n    }\r\n\r\n    \/* ==========================================\r\n       3. EFFETS DE DESIGN PREMIUM (UX\/UI)\r\n       ========================================== *\/\r\n    .premium-blur-card {\r\n        background: rgba(255, 255, 255, 0.85);\r\n        backdrop-filter: blur(20px);\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    }\r\n    \r\n    .premium-blur-card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 30px 60px rgba(10, 37, 64, 0.12);\r\n        background: #ffffff;\r\n    }\r\n\r\n    \/* Glow discret de la marque *\/\r\n    .glow-navy:hover { border-color: #0A2540; box-shadow: 0 0 25px rgba(10, 37, 64, 0.15); }\r\n    .glow-emerald:hover { border-color: #059669; box-shadow: 0 0 25px rgba(5, 150, 105, 0.2); }\r\n<\/style>\r\n\r\n<script>\r\n    tailwind.config = {\r\n        theme: {\r\n            extend: {\r\n                fontFamily: { sans: ['\"Plus Jakarta Sans\"', 'sans-serif'], serif: ['\"Playfair Display\"', 'serif'] },\r\n                colors: { safednavy: '#0A2540', safedemerald: '#059669', safedslate: '#64748B' }\r\n            }\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<div class=\"bg-[#FAFBFD] font-sans overflow-x-hidden pb-40\" style=\"width: 100vw !important; max-width: 100vw !important; margin-left: calc(-50vw + 50%) !important;\">\r\n\r\n    <section class=\"w-full bg-safednavy text-white px-6 py-28 relative overflow-hidden\">\r\n        <div class=\"absolute inset-0 opacity-5 mix-blend-overlay bg-[url('https:\/\/www.transparenttextures.com\/patterns\/grid-me.png')]\"><\/div>\r\n        <div class=\"absolute -top-40 -right-40 w-96 h-96 bg-safedemerald\/15 rounded-full blur-3xl\"><\/div>\r\n        \r\n        <div class=\"relative z-10 max-w-6xl mx-auto text-center\">\r\n            <div class=\"inline-flex items-center gap-3 mb-6\">\r\n                <span class=\"h-[1px] w-12 bg-safedemerald\"><\/span>\r\n                <span class=\"uppercase tracking-[0.4em] text-[10px] md:text-xs font-bold text-safedemerald\">Gouvernance & Excellence<\/span>\r\n                <span class=\"h-[1px] w-12 bg-safedemerald\"><\/span>\r\n            <\/div>\r\n            <h1 class=\"fluid-title font-serif mb-6 leading-tight font-bold\">\r\n                Structure Organisationnelle <br><span class=\"italic text-gray-400 font-normal\">de SAFED S.A.R.L<\/span>\r\n            <\/h1>\r\n            <p class=\"text-base md:text-lg text-gray-300 font-light max-w-2xl mx-auto leading-relaxed\">\r\n                Une synergie d'experts et de cadres dirigeants structur\u00e9e de mani\u00e8re agile pour piloter avec rigueur vos grands projets d'ing\u00e9nierie.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"w-full px-4 md:px-8 lg:px-12 pt-20 max-w-[1400px] mx-auto\">\r\n        \r\n        <div class=\"flex justify-center mb-20 lg:mb-24 relative tree-root z-20\">\r\n            <div class=\"w-full max-w-lg bg-safednavy text-white p-8 rounded-[2rem] border-t-8 border-safedemerald text-center shadow-2xl relative group transition-all duration-300 hover:scale-[1.02]\">\r\n                <div class=\"absolute inset-0 bg-gradient-to-tr from-safedemerald\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity rounded-[2rem]\"><\/div>\r\n                \r\n                <span class=\"inline-block bg-safedemerald\/10 text-safedemerald border border-safedemerald\/20 text-[10px] font-bold uppercase tracking-widest px-4 py-1.5 rounded-full mb-4\">\r\n                    Haute Direction\r\n                <\/span>\r\n                <h3 class=\"text-2xl md:text-3xl font-bold font-serif tracking-wide mb-1\">M. Mahfoud CHATER<\/h3>\r\n                <p class=\"text-sm text-gray-400 uppercase tracking-[0.15em] font-light\">Directeur G\u00e9n\u00e9ral<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative mb-20 lg:mb-28 tree-line-horizontal-directions\">\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-12\">\r\n                \r\n                <div class=\"premium-blur-card glow-navy border border-slate-100 p-8 rounded-3xl shadow-md text-center relative tree-node-top\">\r\n                    <div class=\"w-12 h-12 bg-slate-50 border border-slate-100 text-safednavy rounded-2xl flex items-center justify-center mx-auto mb-5\">\r\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 002 2h2a2 2 0 002-2\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <span class=\"text-[9px] font-bold uppercase tracking-widest text-safedslate block mb-1\">P\u00f4le Business<\/span>\r\n                    <h4 class=\"text-xl font-bold text-safednavy mb-4\">Direction Commerciale<\/h4>\r\n                    <div class=\"bg-gray-50 rounded-xl py-3 px-4 inline-block border border-gray-100\">\r\n                        <p class=\"text-safedemerald font-bold font-serif italic text-sm\">R. Belbatoul<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"bg-white border-2 border-safednavy p-8 rounded-3xl shadow-xl text-center relative tree-node-top tree-branch-middle z-20 group transition-all duration-300 hover:shadow-2xl\">\r\n                    <div class=\"w-12 h-12 bg-safednavy text-white rounded-2xl flex items-center justify-center mx-auto mb-5 shadow-lg shadow-safednavy\/20\">\r\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <span class=\"text-[9px] font-bold uppercase tracking-widest text-safedemerald block mb-1\">C\u0153ur de M\u00e9tier<\/span>\r\n                    <h4 class=\"text-xl font-bold text-safednavy mb-4\">Direction Technique<\/h4>\r\n                    <div class=\"bg-safednavy text-white rounded-xl py-3 px-6 inline-block\">\r\n                        <p class=\"text-safedemerald font-bold font-serif italic text-sm tracking-wide\">A. Kaddaf<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"premium-blur-card glow-navy border border-slate-100 p-8 rounded-3xl shadow-md text-center relative tree-node-top\">\r\n                    <div class=\"w-12 h-12 bg-slate-50 border border-slate-100 text-safednavy rounded-2xl flex items-center justify-center mx-auto mb-5\">\r\n                        <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z\"><\/path><\/svg>\r\n                    <\/div>\r\n                    <span class=\"text-[9px] font-bold uppercase tracking-widest text-safedslate block mb-1\">P\u00f4le Humain<\/span>\r\n                    <h4 class=\"text-xl font-bold text-safednavy mb-4\">Dir. Ressources Humaines<\/h4>\r\n                    <div class=\"bg-gray-50 rounded-xl py-3 px-4 inline-block border border-gray-100\">\r\n                        <p class=\"text-safedemerald font-bold font-serif italic text-sm\">O. Sakout<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"relative tree-line-horizontal-poles mt-12\">\r\n            \r\n            <div class=\"text-center mb-10 hidden lg:block\">\r\n                <span class=\"bg-safedemerald\/5 text-safedemerald text-xs font-semibold px-4 py-2 rounded-full border border-safedemerald\/10\">\r\n                    D\u00e9partements Op\u00e9rationnels sous Supervision Technique Directe\r\n                <\/span>\r\n            <\/div>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n                \r\n                <div class=\"premium-blur-card glow-emerald border border-slate-100 p-8 rounded-3xl shadow-lg relative tree-node-top flex flex-col justify-between\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-6\">\r\n                            <span class=\"bg-emerald-50 text-safedemerald text-[10px] font-bold px-3 py-1 rounded-md uppercase tracking-wider border border-emerald-100\">P\u00f4le Sp\u00e9cialis\u00e9<\/span>\r\n                            <div class=\"w-8 h-8 bg-emerald-50 rounded-lg flex items-center justify-center text-safedemerald\">\r\n                                <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold text-safednavy mb-2\">Eau & Environnement<\/h4>\r\n                        <p class=\"text-safedemerald text-sm font-serif italic mb-6 font-semibold\">M. Ouaros<\/p>\r\n                        \r\n                        <div class=\"h-[1px] bg-slate-100 w-full mb-6\"><\/div>\r\n                        \r\n                        <ul class=\"space-y-4\">\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-600 font-medium\">\r\n                                <span class=\"w-2 h-2 bg-safedemerald rounded-full mt-1.5 shrink-0\"><\/span>\r\n                                <span>Assainissement Liquide & Solide<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-600 font-medium\">\r\n                                <span class=\"w-2 h-2 bg-safedemerald rounded-full mt-1.5 shrink-0\"><\/span>\r\n                                <span>A.E.P (Alimentation en Eau Potable)<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-600 font-medium\">\r\n                                <span class=\"w-2 h-2 bg-safedemerald rounded-full mt-1.5 shrink-0\"><\/span>\r\n                                <span>\u00c9tudes d'Impact Environnemental<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"premium-blur-card border border-slate-100 p-8 rounded-3xl shadow-lg relative tree-node-top flex flex-col justify-between hover:border-blue-500\/30 hover:shadow-blue-500\/5\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-6\">\r\n                            <span class=\"bg-blue-50 text-blue-600 text-[10px] font-bold px-3 py-1 rounded-md uppercase tracking-wider border border-blue-100\">P\u00f4le Sp\u00e9cialis\u00e9<\/span>\r\n                            <div class=\"w-8 h-8 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600\">\r\n                                <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold text-safednavy mb-2\">Infrastructure<\/h4>\r\n                        <p class=\"text-blue-600 text-sm font-serif italic mb-6 font-semibold\">M. Boutaieb<\/p>\r\n                        \r\n                        <div class=\"h-[1px] bg-slate-100 w-full mb-6\"><\/div>\r\n                        \r\n                        <ul class=\"space-y-4\">\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-600 font-medium\">\r\n                                <span class=\"w-2 h-2 bg-blue-500 rounded-full mt-1.5 shrink-0\"><\/span>\r\n                                <span>V.R.D (Voirie & R\u00e9seaux Divers)<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-600 font-medium\">\r\n                                <span class=\"w-2 h-2 bg-blue-500 rounded-full mt-1.5 shrink-0\"><\/span>\r\n                                <span>Am\u00e9nagement Urbain & Lotissements<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"premium-blur-card border border-slate-100 p-8 rounded-3xl shadow-lg relative tree-node-top flex flex-col justify-between hover:border-teal-500\/30 hover:shadow-teal-500\/5\">\r\n                    <div>\r\n                        <div class=\"flex items-center justify-between mb-6\">\r\n                            <span class=\"bg-teal-50 text-teal-700 text-[10px] font-bold px-3 py-1 rounded-md uppercase tracking-wider border border-teal-100\">P\u00f4le Transverse<\/span>\r\n                            <div class=\"w-8 h-8 bg-teal-50 rounded-lg flex items-center justify-center text-teal-700\">\r\n                                <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path><\/svg>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <h4 class=\"text-xl font-bold text-safednavy mb-2\">Assistance Technique<\/h4>\r\n                        <p class=\"text-teal-700 text-sm font-serif italic mb-6 font-semibold\">K. Berkouchi<\/p>\r\n                        \r\n                        <div class=\"h-[1px] bg-slate-100 w-full mb-6\"><\/div>\r\n                        \r\n                        <ul class=\"space-y-4\">\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-600 font-medium\">\r\n                                <span class=\"w-2 h-2 bg-teal-600 rounded-full mt-1.5 shrink-0\"><\/span>\r\n                                <span>Suivi & Ma\u00eetrise d'\u0152uvre<\/span>\r\n                            <\/li>\r\n                            <li class=\"flex items-start gap-3 text-sm text-gray-600 font-medium\">\r\n                                <span class=\"w-2 h-2 bg-teal-600 rounded-full mt-1.5 shrink-0\"><\/span>\r\n                                <span>Contr\u00f4le Qualit\u00e9 & Audit Technique<\/span>\r\n                            <\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/section>\r\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>Gouvernance &#038; Excellence Structure Organisationnelle de SAFED S.A.R.L Une synergie d&rsquo;experts et de cadres dirigeants structur\u00e9e de mani\u00e8re agile pour piloter avec rigueur vos grands projets d&rsquo;ing\u00e9nierie. Haute Direction M. Mahfoud CHATER Directeur G\u00e9n\u00e9ral P\u00f4le Business Direction Commerciale R. Belbatoul C\u0153ur de M\u00e9tier Direction Technique A. Kaddaf P\u00f4le Humain Dir. Ressources Humaines O. Sakout D\u00e9partements [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":24,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-27","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/27","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=27"}],"version-history":[{"count":16,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions"}],"predecessor-version":[{"id":707,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/27\/revisions\/707"}],"up":[{"embeddable":true,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/24"}],"wp:attachment":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/media?parent=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}