{"id":378,"date":"2026-05-10T14:49:18","date_gmt":"2026-05-10T12:49:18","guid":{"rendered":"https:\/\/safed.ma\/staging\/index.php\/references\/eau-et-environnement\/"},"modified":"2026-05-10T17:51:40","modified_gmt":"2026-05-10T15:51:40","slug":"domaine-eau-environnement","status":"publish","type":"page","link":"https:\/\/safed.ma\/index.php\/nos-references\/domaine-eau-environnement\/","title":{"rendered":"Eau et Environnement"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"378\" class=\"elementor elementor-378\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad1a705 e-flex e-con-boxed e-con e-parent\" data-id=\"ad1a705\" 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-92daac8 elementor-widget elementor-widget-text-editor\" data-id=\"92daac8\" 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<style>\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&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    @keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } 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; } \n    .domaine-card { background: #ffffff; border-radius: 20px; padding: 3rem 2rem; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); border: 1px solid #f1f5f9; box-shadow: 0 4px 20px rgba(0,0,0,0.03); display: flex; flex-direction: column; height: 100%; position: relative; overflow: hidden; text-decoration: none; cursor: pointer; } \n    .domaine-card::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #059669; transform: scaleX(0); transform-origin: right; transition: transform 0.4s ease; } \n    .domaine-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(10, 37, 64, 0.08); border-color: transparent; } \n    .domaine-card:hover::before { transform: scaleX(1); transform-origin: left; } \n    .icon-circle { width: 70px; height: 70px; background: rgba(5, 150, 105, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #059669; margin-bottom: 2rem; transition: all 0.4s ease; } \n    .domaine-card:hover .icon-circle { background: #059669; color: #ffffff; transform: scale(1.1); } \n    .domaine-card:hover h3 { color: #059669; }\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>\n<br><br>\n<div class=\"w-full bg-[#FDFDFD] font-sans -mt-2 md:-mt-8 pb-24\">\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-1544431526-b9241b7ddc45?q=80&#038;w=2000&#038;auto=format&#038;fit=crop\" alt=\"Eau et Environnement\" class=\"w-full h-full object-cover object-center opacity-20 mix-blend-luminosity\">\n            <div class=\"absolute inset-0 bg-gradient-to-r from-safednavy via-safednavy\/90 to-transparent\"><\/div>\n            <div class=\"absolute inset-0 bg-gradient-to-t from-safednavy via-transparent to-transparent\"><\/div>\n        <\/div>\n\n        <div class=\"max-w-[1200px] mx-auto px-6 lg:px-12 relative z-10 animate-fade-up\">\n            <div class=\"inline-flex items-center gap-4 mb-4\">\n                <div class=\"h-[2px] w-10 bg-[#059669]\"><\/div>\n                <span class=\"uppercase tracking-[0.25em] text-xs font-bold text-[#059669]\">P\u00f4le d&rsquo;Excellence<\/span>\n            <\/div>\n            <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-serif leading-tight text-white mb-6\" style=\"font-family: 'Playfair Display', serif;\">\n                R\u00e9f\u00e9rences en <br><span class=\"italic text-[#059669]\">Eau et Environnement.<\/span>\n            <\/h1>\n            <p class=\"max-w-2xl text-gray-300 font-light text-lg leading-relaxed border-l-2 border-white\/20 pl-6\">\n                D\u00e9couvrez nos r\u00e9alisations majeures en mati\u00e8re de gestion des ressources hydriques, d&rsquo;\u00e9puration et de protection de l&rsquo;environnement \u00e0 travers tout le Royaume.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"max-w-[1200px] mx-auto px-6 lg:px-12 mt-20\">\n        \n        <div class=\"flex items-center gap-4 mb-12\">\n            <h2 class=\"text-3xl font-serif text-[#0A2540]\" style=\"font-family: 'Playfair Display', serif;\">Explorez par <span class=\"italic text-gray-400\">Domaine<\/span><\/h2>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 lg:gap-10\">\n            \n            <div class=\"animate-fade-up\">\n                <a href=\"\/index.php\/assainissement-liquide-et-solide\/\" class=\"domaine-card group\">\n                    <div class=\"flex justify-between items-start\">\n                        <div class=\"icon-circle\">\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                        <div class=\"w-10 h-10 rounded-full border border-gray-100 flex items-center justify-center text-gray-300 group-hover:border-[#059669] group-hover:bg-[#059669] group-hover:text-white transition-all duration-300\">\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 5l7 7-7 7\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"text-2xl font-serif text-[#0A2540] font-bold mb-4 transition-colors\" style=\"font-family: 'Playfair Display', serif;\">Assainissement Liquide et Solide<\/h3>\n                    <p class=\"text-gray-500 font-light leading-relaxed mb-6\">\n                        Consultez nos \u00e9tudes de sch\u00e9mas directeurs, stations d&rsquo;\u00e9puration (STEP) et conceptions de r\u00e9seaux de drainage.\n                    <\/p>\n                    <span class=\"mt-auto text-xs font-bold uppercase tracking-widest text-[#059669] flex items-center gap-2\">\n                        Voir les projets <span class=\"w-4 h-[1px] bg-[#059669]\"><\/span>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n            <div class=\"animate-fade-up delay-100\">\n                <a href=\"\/index.php\/alimentation-en-eau-potable\/\" class=\"domaine-card group\">\n                    <div class=\"flex justify-between items-start\">\n                        <div class=\"icon-circle\">\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                        <div class=\"w-10 h-10 rounded-full border border-gray-100 flex items-center justify-center text-gray-300 group-hover:border-[#059669] group-hover:bg-[#059669] group-hover:text-white transition-all duration-300\">\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 5l7 7-7 7\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                    <h3 class=\"text-2xl font-serif text-[#0A2540] font-bold mb-4 transition-colors\" style=\"font-family: 'Playfair Display', serif;\">Alimentation en Eau Potable<\/h3>\n                    <p class=\"text-gray-500 font-light leading-relaxed mb-6\">\n                        Parcourez nos r\u00e9alisations en adduction d&rsquo;eau, r\u00e9seaux de distribution, stockage et sectorisation.\n                    <\/p>\n                    <span class=\"mt-auto text-xs font-bold uppercase tracking-widest text-[#059669] flex items-center gap-2\">\n                        Voir les projets <span class=\"w-4 h-[1px] bg-[#059669]\"><\/span>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"mt-20 text-center animate-fade-up delay-200\">\n            <a href=\"\/index.php\/nos-references\/\" class=\"inline-flex items-center justify-center px-8 py-4 border-2 border-gray-200 text-[#0A2540] text-xs font-bold uppercase tracking-[0.2em] hover:bg-[#0A2540] hover:border-[#0A2540] hover:text-white transition-all duration-300 rounded-full\">\n                <svg class=\"w-4 h-4 mr-3\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"><\/path><\/svg>\n                Retour aux R\u00e9f\u00e9rences Globales\n            <\/a>\n        <\/div>\n\n    <\/section>\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>P\u00f4le d&rsquo;Excellence R\u00e9f\u00e9rences en Eau et Environnement. D\u00e9couvrez nos r\u00e9alisations majeures en mati\u00e8re de gestion des ressources hydriques, d&rsquo;\u00e9puration et de protection de l&rsquo;environnement \u00e0 travers tout le Royaume. Explorez par Domaine Assainissement Liquide et Solide Consultez nos \u00e9tudes de sch\u00e9mas directeurs, stations d&rsquo;\u00e9puration (STEP) et conceptions de r\u00e9seaux de drainage. Voir les projets Alimentation [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":377,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-378","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/378","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=378"}],"version-history":[{"count":10,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/378\/revisions"}],"predecessor-version":[{"id":669,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/378\/revisions\/669"}],"up":[{"embeddable":true,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/377"}],"wp:attachment":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/media?parent=378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}