{"id":28,"date":"2026-04-25T17:32:03","date_gmt":"2026-04-25T15:32:03","guid":{"rendered":"https:\/\/safed.ma\/staging\/index.php\/domaines-dactivites\/"},"modified":"2026-05-10T17:39:00","modified_gmt":"2026-05-10T15:39:00","slug":"domaines-dactivites","status":"publish","type":"page","link":"https:\/\/safed.ma\/index.php\/domaines-dactivites\/","title":{"rendered":"Domaines d&rsquo;activit\u00e9s"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3b1d36 e-flex e-con-boxed e-con e-parent\" data-id=\"b3b1d36\" 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-a8b76ac elementor-widget-mobile__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"a8b76ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<style>\n    \/* ==========================================\n       1. TUEUR DE CSS (NETTOYAGE DU TH\u00c8ME)\n       ========================================== *\/\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap'); \n    header.entry-header, .entry-header, .page-header, .nv-page-title-wrap, h1.entry-title, .ast-single-post-order, .site-heading { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; opacity: 0 !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    \/* Animations de base *\/\n    @keyframes fadeUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } } \n    .animate-fade-up { animation: fadeUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; } \n    .delay-100 { animation-delay: 0.15s; } .delay-200 { animation-delay: 0.3s; } .delay-300 { animation-delay: 0.45s; }\n\n    \/* ==========================================\n       2. DESIGN DES CARTES \"DOMAINES\"\n       ========================================== *\/\n    .domaine-pro-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 40px 30px;\n        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n        border: 1px solid #f1f5f9;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.02);\n        position: relative;\n        overflow: hidden;\n        z-index: 1;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n    \n    .domaine-pro-card::before {\n        content: '';\n        position: absolute;\n        top: 0; left: 0; width: 100%; height: 5px;\n        background: #059669;\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: transform 0.5s ease;\n        z-index: 2;\n    }\n\n    .domaine-pro-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(10, 37, 64, 0.08);\n        border-color: rgba(5, 150, 105, 0.1);\n    }\n\n    .domaine-pro-card:hover::before { transform: scaleX(1); }\n\n    .dom-icon-wrapper {\n        width: 70px; height: 70px;\n        background: rgba(5, 150, 105, 0.05);\n        border-radius: 16px;\n        display: flex; align-items: center; justify-content: center;\n        color: #059669;\n        margin-bottom: 25px;\n        transition: all 0.5s ease;\n        transform: rotate(-5deg);\n    }\n\n    .domaine-pro-card:hover .dom-icon-wrapper {\n        background: #059669;\n        color: #ffffff;\n        transform: rotate(0deg) scale(1.1);\n        border-radius: 50%;\n    }\n\n    .sub-tags span {\n        display: inline-block;\n        background: #f8fafc;\n        color: #64748b;\n        font-size: 0.75rem;\n        padding: 4px 10px;\n        border-radius: 6px;\n        margin: 0 6px 6px 0;\n        border: 1px solid #e2e8f0;\n        transition: all 0.3s ease;\n    }\n    \n    .domaine-pro-card:hover .sub-tags span {\n        background: rgba(5, 150, 105, 0.05);\n        color: #059669;\n        border-color: rgba(5, 150, 105, 0.2);\n    }\n\n    \/* ==========================================\n       3. DESIGN \"TIMELINE\" TYPES D'INTERVENTION\n       ========================================== *\/\n    .intervention-item {\n        position: relative;\n        padding-left: 40px;\n        margin-bottom: 30px;\n    }\n    .intervention-item::before {\n        content: '';\n        position: absolute;\n        left: 0; top: 5px;\n        width: 20px; height: 20px;\n        border-radius: 50%;\n        background: #059669;\n        border: 4px solid #0A2540;\n        box-shadow: 0 0 0 2px rgba(5, 150, 105, 0.3);\n        z-index: 2;\n        transition: all 0.3s ease;\n    }\n    .intervention-item::after {\n        content: '';\n        position: absolute;\n        left: 9px; top: 25px;\n        width: 2px; height: calc(100% + 10px);\n        background: rgba(5, 150, 105, 0.2);\n        z-index: 1;\n    }\n    .intervention-item:last-child::after { display: none; }\n    .intervention-item:hover::before { transform: scale(1.3); background: #ffffff; }\n\n    \/* ==========================================\n       4. DESIGN \"BENTO BOX\" NOTRE DEVISE (HAJA JDIDA)\n       ========================================== *\/\n    .bento-grid {\n        display: grid;\n        grid-template-columns: repeat(1, 1fr);\n        gap: 20px;\n    }\n    @media (min-width: 768px) { .bento-grid { grid-template-columns: repeat(2, 1fr); } }\n    @media (min-width: 1024px) { .bento-grid { grid-template-columns: repeat(3, 1fr); } }\n\n    .bento-card {\n        background: #ffffff;\n        border-radius: 24px;\n        padding: 40px 30px;\n        text-align: center;\n        border: 1px solid #f1f5f9;\n        position: relative;\n        overflow: hidden;\n        cursor: pointer;\n        transition: all 0.5s ease;\n    }\n\n    \/* Le fond qui monte *\/\n    .bento-card::before {\n        content: '';\n        position: absolute;\n        bottom: 0; left: 0; width: 100%; height: 100%;\n        background: #059669;\n        transform: translateY(100%);\n        transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n        z-index: 0;\n        border-radius: 24px;\n    }\n\n    .bento-content { position: relative; z-index: 1; }\n\n    .bento-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(5, 150, 105, 0.2); border-color: #059669; }\n    .bento-card:hover::before { transform: translateY(0); }\n    .bento-card:hover h4 { color: #ffffff; }\n    .bento-card:hover svg { color: #ffffff; transform: scale(1.2) translateY(-5px); }\n\n<\/style>\n<script>tailwind.config={theme:{extend:{fontFamily:{sans:['\"Plus Jakarta Sans\"','sans-serif'],serif:['\"Playfair Display\"','serif']},colors:{safednavy:'#0A2540',safedemerald:'#059669'}}}}<\/script><br><br>\n\n<div class=\"w-full bg-[#FDFDFD] font-sans -mt-2 md:-mt-8\">\n\n    <section class=\"relative pt-32 pb-24 bg-[#0A2540] text-white w-full overflow-hidden\" style=\"width: 100vw; margin-left: calc(-50vw + 50%);\">\n        <div class=\"absolute inset-0 w-full h-full z-0\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503387762-592deb58ef4e?q=80&#038;w=2000&#038;auto=format&#038;fit=crop\" alt=\"Domaines d'activit\u00e9s\" class=\"w-full h-full object-cover object-center opacity-10 mix-blend-luminosity\">\n            <div class=\"absolute inset-0 bg-gradient-to-r from-safednavy via-safednavy\/95 to-safednavy\/50\"><\/div>\n        <\/div>\n\n        <div class=\"max-w-[1400px] mx-auto px-6 lg:px-12 relative z-10 animate-fade-up\">\n            <div class=\"inline-flex items-center gap-4 mb-6\">\n                <div class=\"h-[2px] w-12 bg-[#059669]\"><\/div>\n                <span class=\"uppercase tracking-[0.3em] text-xs font-black text-[#059669]\">Notre Expertise<\/span>\n            <\/div>\n            <h1 class=\"text-4xl md:text-5xl lg:text-7xl font-serif leading-tight text-white mb-6\" style=\"font-family: 'Playfair Display', serif;\">\n                Domaines <br><span class=\"italic text-gray-400\">d&rsquo;Activit\u00e9s.<\/span>\n            <\/h1>\n            <p class=\"max-w-2xl text-gray-300 font-light text-lg leading-relaxed border-l-2 border-[#059669] pl-6\">\n                De l&rsquo;\u00e9tude pr\u00e9liminaire \u00e0 la r\u00e9ception des travaux, SAFED d\u00e9ploie une ing\u00e9nierie de pointe \u00e0 travers 6 p\u00f4les d&rsquo;excellence pour fa\u00e7onner les infrastructures de demain.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"relative py-24 bg-[#FDFDFD]\" style=\"width: 100vw; margin-left: calc(-50vw + 50%);\">\n        <div class=\"max-w-[1400px] mx-auto px-6 lg:px-12\">\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                \n                <div class=\"domaine-pro-card animate-fade-up\">\n                    <div class=\"dom-icon-wrapper\">\n                        <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" 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 1H9L8 4zm9.932 9.145a2 2 0 01-1.195.117l-3.95-.79a4 4 0 00-2.573.344l-.157.079a4 4 0 01-2.573.344l-3.95-.79a2 2 0 01-1.195-.117l-.856-.428a2 2 0 00-1.808.117l-.856.428a2 2 0 01-1.195.117\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"text-2xl font-serif text-[#0A2540] font-bold mb-4\" style=\"font-family: 'Playfair Display', serif;\">Assainissement liquide et solide<\/h3>\n                    <div class=\"sub-tags mt-auto\">\n                        <span>R\u00e9seau<\/span> <span>\u00c9puration<\/span> <span>Traitement<\/span> <span>R\u00e9utilisation<\/span> <span>Collecte et transfert<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"domaine-pro-card animate-fade-up delay-100\">\n                    <div class=\"dom-icon-wrapper\">\n                        <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"text-2xl font-serif text-[#0A2540] font-bold mb-4\" style=\"font-family: 'Playfair Display', serif;\">Alimentation en eau potable<\/h3>\n                    <div class=\"sub-tags mt-auto\">\n                        <span>Production<\/span> <span>Adduction<\/span> <span>Stockage<\/span> <span>Distribution<\/span> <span>R\u00e9habilitation<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"domaine-pro-card animate-fade-up delay-200\">\n                    <div class=\"dom-icon-wrapper\">\n                        <svg class=\"w-8 h-8\" 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                    <h3 class=\"text-2xl font-serif text-[#0A2540] font-bold mb-4\" style=\"font-family: 'Playfair Display', serif;\">Ouvrages hydrauliques<\/h3>\n                    <div class=\"sub-tags mt-auto\">\n                        <span>Station de pompage<\/span> <span>Protection contre les crues<\/span> <span>Mod\u00e9lisation des \u00e9coulements<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"domaine-pro-card animate-fade-up\">\n                    <div class=\"dom-icon-wrapper\">\n                        <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"text-2xl font-serif text-[#0A2540] font-bold mb-4\" style=\"font-family: 'Playfair Display', serif;\">\u00c9tudes environnementales<\/h3>\n                    <div class=\"sub-tags mt-auto\">\n                        <span>\u00c9valuation environnementale<\/span> <span>Impact sur l&rsquo;environnement<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"domaine-pro-card animate-fade-up delay-100\">\n                    <div class=\"dom-icon-wrapper\">\n                        <svg class=\"w-8 h-8\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-1.447-.894L15 7m0 10V7m0 0L9 7\"><\/path><\/svg>\n                    <\/div>\n                    <h3 class=\"text-2xl font-serif text-[#0A2540] font-bold mb-4\" style=\"font-family: 'Playfair Display', serif;\">V.R.D. et am\u00e9nagement urbain<\/h3>\n                    <div class=\"sub-tags mt-auto\">\n                        <span>Voirie<\/span> <span>R\u00e9seau assainissement<\/span> <span>R\u00e9seau AEP<\/span> <span>R\u00e9seau t\u00e9l\u00e9phonique \/ \u00e9lectrique<\/span> <span>\u00c9clairage public<\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"domaine-pro-card animate-fade-up delay-200\">\n                    <div class=\"dom-icon-wrapper\">\n                        <svg class=\"w-8 h-8\" 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                    <h3 class=\"text-2xl font-serif text-[#0A2540] font-bold mb-4\" style=\"font-family: 'Playfair Display', serif;\">Assistance technique et suivi<\/h3>\n                    <div class=\"sub-tags mt-auto\">\n                        <span>Suivi et contr\u00f4le des travaux<\/span> <span>Assistance technique globale<\/span> <span>Coordination<\/span>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"relative py-24 bg-[#0A2540] text-white\" style=\"width: 100vw; margin-left: calc(-50vw + 50%);\">\n        <div class=\"absolute top-0 right-0 w-full h-full overflow-hidden z-0 pointer-events-none\">\n            <div class=\"absolute -top-40 -right-40 w-96 h-96 bg-[#059669] rounded-full blur-[120px] opacity-20\"><\/div>\n            <div class=\"absolute bottom-10 left-10 w-64 h-64 border border-white\/5 rounded-full\"><\/div>\n        <\/div>\n\n        <div class=\"max-w-[1400px] mx-auto px-6 lg:px-12 relative z-10\">\n            <div class=\"flex flex-col lg:flex-row gap-16 items-center\">\n                \n                <div class=\"w-full lg:w-1\/2 animate-fade-up\">\n                    <div class=\"inline-flex items-center gap-4 mb-4\">\n                        <div class=\"h-[2px] w-12 bg-[#059669]\"><\/div>\n                        <span class=\"uppercase tracking-[0.2em] text-xs font-bold text-[#059669]\">Notre M\u00e9thodologie<\/span>\n                    <\/div>\n                    <h2 class=\"text-4xl md:text-5xl font-serif mb-6\" style=\"font-family: 'Playfair Display', serif;\">\n                        Types <span class=\"italic text-gray-400\">d&rsquo;intervention.<\/span>\n                    <\/h2>\n                    <p class=\"text-gray-400 font-light leading-relaxed text-lg mb-8\">\n                        Une pr\u00e9sence continue \u00e0 chaque \u00e9tape critique de votre projet. De la premi\u00e8re esquisse jusqu&rsquo;\u00e0 la livraison finale, nous garantissons rigueur, conformit\u00e9 et excellence.\n                    <\/p>\n                <\/div>\n\n                <div class=\"w-full lg:w-1\/2 bg-white\/5 border border-white\/10 rounded-3xl p-8 md:p-12 animate-fade-up delay-100 backdrop-blur-md\">\n                    <div class=\"intervention-item\"><h4 class=\"text-xl font-bold font-sans tracking-wide\">\u00c9tudes g\u00e9n\u00e9rales<\/h4><\/div>\n                    <div class=\"intervention-item\"><h4 class=\"text-xl font-bold font-sans tracking-wide\">Sch\u00e9mas-directeurs<\/h4><\/div>\n                    <div class=\"intervention-item\"><h4 class=\"text-xl font-bold font-sans tracking-wide\">\u00c9tudes d&rsquo;avant-projets<\/h4><\/div>\n                    <div class=\"intervention-item\"><h4 class=\"text-xl font-bold font-sans tracking-wide\">Dossiers d&rsquo;appel d&rsquo;offres<\/h4><\/div>\n                    <div class=\"intervention-item\"><h4 class=\"text-xl font-bold font-sans tracking-wide\">Dossiers d&rsquo;ex\u00e9cution<\/h4><\/div>\n                    <div class=\"intervention-item\"><h4 class=\"text-xl font-bold font-sans tracking-wide text-[#059669]\">Suivi et contr\u00f4le des travaux<\/h4><\/div>\n                    <div class=\"intervention-item\"><h4 class=\"text-xl font-bold font-sans tracking-wide text-[#059669]\">Assistance technique<\/h4><\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"relative py-24 bg-[#FDFDFD]\" style=\"width: 100vw; margin-left: calc(-50vw + 50%);\">\n        <div class=\"max-w-[1400px] mx-auto px-6 lg:px-12\">\n            \n            <div class=\"text-center mb-16 animate-fade-up\">\n                <div class=\"flex items-center justify-center gap-4 mb-4\">\n                    <div class=\"h-[2px] w-12 bg-[#059669]\"><\/div>\n                    <span class=\"uppercase tracking-[0.2em] text-xs font-bold text-[#059669]\">Notre ADN<\/span>\n                    <div class=\"h-[2px] w-12 bg-[#059669]\"><\/div>\n                <\/div>\n                <h2 class=\"text-4xl md:text-5xl font-serif text-[#0A2540]\" style=\"font-family: 'Playfair Display', serif;\">\n                    Notre <span class=\"italic text-[#059669]\">Devise.<\/span>\n                <\/h2>\n            <\/div>\n\n            <div class=\"bento-grid\">\n                \n                <div class=\"bento-card animate-fade-up\">\n                    <div class=\"bento-content\">\n                        <svg class=\"w-12 h-12 mx-auto mb-6 text-[#0A2540] transition-all duration-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3\"><\/path><\/svg>\n                        <h4 class=\"text-xl font-bold uppercase tracking-widest text-[#0A2540] transition-colors duration-500\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">L&rsquo;Int\u00e9grit\u00e9<\/h4>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bento-card animate-fade-up delay-100\">\n                    <div class=\"bento-content\">\n                        <svg class=\"w-12 h-12 mx-auto mb-6 text-[#0A2540] transition-all duration-500\" 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                        <h4 class=\"text-xl font-bold uppercase tracking-widest text-[#0A2540] transition-colors duration-500\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">La Fid\u00e9lit\u00e9<\/h4>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bento-card animate-fade-up delay-200\">\n                    <div class=\"bento-content\">\n                        <svg class=\"w-12 h-12 mx-auto mb-6 text-[#0A2540] transition-all duration-500\" 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-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"><\/path><\/svg>\n                        <h4 class=\"text-xl font-bold uppercase tracking-widest text-[#0A2540] transition-colors duration-500\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">La Qualit\u00e9<\/h4>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bento-card animate-fade-up\">\n                    <div class=\"bento-content\">\n                        <svg class=\"w-12 h-12 mx-auto mb-6 text-[#0A2540] transition-all duration-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z\"><\/path><\/svg>\n                        <h4 class=\"text-xl font-bold uppercase tracking-widest text-[#0A2540] transition-colors duration-500\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">Le Partage<\/h4>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bento-card animate-fade-up delay-100\">\n                    <div class=\"bento-content\">\n                        <svg class=\"w-12 h-12 mx-auto mb-6 text-[#0A2540] transition-all duration-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"><\/path><\/svg>\n                        <h4 class=\"text-xl font-bold uppercase tracking-widest text-[#0A2540] transition-colors duration-500\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">La Capitalisation<\/h4>\n                    <\/div>\n                <\/div>\n\n                <div class=\"bento-card animate-fade-up delay-200\">\n                    <div class=\"bento-content\">\n                        <svg class=\"w-12 h-12 mx-auto mb-6 text-[#0A2540] transition-all duration-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"><\/path><\/svg>\n                        <h4 class=\"text-xl font-bold uppercase tracking-widest text-[#0A2540] transition-colors duration-500\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">L&rsquo;Innovation<\/h4>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\t\t\t\t\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>Notre Expertise Domaines d&rsquo;Activit\u00e9s. De l&rsquo;\u00e9tude pr\u00e9liminaire \u00e0 la r\u00e9ception des travaux, SAFED d\u00e9ploie une ing\u00e9nierie de pointe \u00e0 travers 6 p\u00f4les d&rsquo;excellence pour fa\u00e7onner les infrastructures de demain. Assainissement liquide et solide R\u00e9seau \u00c9puration Traitement R\u00e9utilisation Collecte et transfert Alimentation en eau potable Production Adduction Stockage Distribution R\u00e9habilitation Ouvrages hydrauliques Station de pompage Protection [&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-28","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/28","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=28"}],"version-history":[{"count":28,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":657,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/28\/revisions\/657"}],"wp:attachment":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}