{"id":379,"date":"2026-05-10T14:49:18","date_gmt":"2026-05-10T12:49:18","guid":{"rendered":"https:\/\/safed.ma\/staging\/index.php\/references\/amenagement-urbain-et-infrastructures\/"},"modified":"2026-05-10T18:03:13","modified_gmt":"2026-05-10T16:03:13","slug":"amenagement-urbain-et-infrastructures","status":"publish","type":"page","link":"https:\/\/safed.ma\/index.php\/nos-references\/amenagement-urbain-et-infrastructures\/","title":{"rendered":"Am\u00e9nagement Urbain et Infrastructures"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"379\" class=\"elementor elementor-379\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9485890 e-flex e-con-boxed e-con e-parent\" data-id=\"9485890\" 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-5b79c80 elementor-widget elementor-widget-text-editor\" data-id=\"5b79c80\" 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    \/* ==========================================\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.1s; } \n    .delay-200 { animation-delay: 0.2s; } \n    .delay-300 { animation-delay: 0.3s; }\n    .delay-400 { animation-delay: 0.4s; }\n    .delay-500 { animation-delay: 0.5s; }\n\n    \/* ==========================================\n       2. DESIGN DES CARTES DE PROJETS\n       ========================================== *\/\n    .projet-card {\n        background: #ffffff;\n        border-radius: 20px;\n        padding: 35px 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    \/* Num\u00e9ro en filigrane *\/\n    .projet-number {\n        position: absolute;\n        top: -15px;\n        right: 10px;\n        font-family: 'Playfair Display', serif;\n        font-size: 100px;\n        font-weight: 700;\n        font-style: italic;\n        color: rgba(10, 37, 64, 0.03);\n        z-index: 0;\n        transition: all 0.5s ease;\n        pointer-events: none;\n        line-height: 1;\n    }\n\n    \/* Bordure anim\u00e9e au survol *\/\n    .projet-card::before {\n        content: '';\n        position: absolute;\n        bottom: 0; left: 0; width: 100%; height: 4px;\n        background: #059669;\n        transform: scaleX(0);\n        transform-origin: right;\n        transition: transform 0.5s ease;\n        z-index: 2;\n    }\n\n    .projet-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 40px rgba(10, 37, 64, 0.08);\n        border-color: transparent;\n    }\n\n    .projet-card:hover::before {\n        transform: scaleX(1);\n        transform-origin: left;\n    }\n\n    .projet-card:hover .projet-number {\n        color: rgba(5, 150, 105, 0.05);\n        transform: scale(1.1) translate(-10px, 10px);\n    }\n\n    .client-badge {\n        display: inline-flex;\n        align-items: center;\n        background: rgba(5, 150, 105, 0.08);\n        color: #059669;\n        font-size: 0.7rem;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.15em;\n        padding: 6px 12px;\n        border-radius: 50px;\n        margin-bottom: 20px;\n        border: 1px solid rgba(5, 150, 105, 0.2);\n        position: relative;\n        z-index: 10;\n    }\n\n    .icon-check {\n        width: 40px; height: 40px;\n        background: #f8fafc;\n        border-radius: 50%;\n        display: flex; align-items: center; justify-content: center;\n        color: #94a3b8;\n        margin-right: 15px;\n        flex-shrink: 0;\n        transition: all 0.4s ease;\n    }\n\n    .projet-card:hover .icon-check {\n        background: #059669;\n        color: #ffffff;\n        box-shadow: 0 4px 15px rgba(5, 150, 105, 0.3);\n    }\n<\/style>\n<br><br>\n<script>tailwind.config={theme:{extend:{fontFamily:{sans:['\"Plus Jakarta Sans\"','sans-serif'],serif:['\"Playfair Display\"','serif']},colors:{safednavy:'#0A2540',safedemerald:'#059669'}}}}<\/script>\n\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-1519999482648-25049ddd37b1?q=80&#038;w=2000&#038;auto=format&#038;fit=crop\" alt=\"Am\u00e9nagement urbain et infrastructures\" 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-[1400px] 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                Am\u00e9nagement Urbain <br><span class=\"italic text-[#059669]\">&#038; Infrastructures.<\/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                Notre expertise en Voirie et R\u00e9seaux Divers (V.R.D) et am\u00e9nagement urbain pour fa\u00e7onner des villes durables, modernes et connect\u00e9es au Maroc.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <section class=\"max-w-[1400px] 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;\">\u00c9tudes et Suivi des travaux de <span class=\"italic text-[#059669]\">V.R.D.<\/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                <div class=\"projet-card\">\n                    <span class=\"projet-number\">01<\/span>\n                    <div class=\"client-badge\">AL DARNA<\/div>\n                    <div class=\"flex items-start mt-2 relative z-10\">\n                        <div class=\"icon-check\">\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 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-lg font-bold text-[#0A2540] leading-snug\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">\n                            \u00c9tude et suivi des travaux de VRD de la nouvelle ville CHWITER \u00e0 Marrakech d&rsquo;une superficie de 220 ha.\n                        <\/h3>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"animate-fade-up delay-100\">\n                <div class=\"projet-card\">\n                    <span class=\"projet-number\">02<\/span>\n                    <div class=\"client-badge\">IDMAJ SAKANE<\/div>\n                    <div class=\"flex items-start mt-2 relative z-10\">\n                        <div class=\"icon-check\">\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 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-lg font-bold text-[#0A2540] leading-snug\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">\n                            \u00c9tude et suivi des travaux de VRD du lotissement RYAD \u00e0 Sidi Hajjaj d&rsquo;une superficie de 120 ha.\n                        <\/h3>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"animate-fade-up delay-200\">\n                <div class=\"projet-card\">\n                    <span class=\"projet-number\">03<\/span>\n                    <div class=\"client-badge\">TMZ &#8211; TMSA<\/div>\n                    <div class=\"flex items-start mt-2 relative z-10\">\n                        <div class=\"icon-check\">\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 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-lg font-bold text-[#0A2540] leading-snug\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">\n                            \u00c9tude et suivi des travaux de VRD d&rsquo;extension de la zone franche TFZ d&rsquo;une superficie de 63 ha.\n                        <\/h3>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"animate-fade-up delay-300\">\n                <div class=\"projet-card\">\n                    <span class=\"projet-number\">04<\/span>\n                    <div class=\"client-badge\">RABAT AMENAGEMENT<\/div>\n                    <div class=\"flex items-start mt-2 relative z-10\">\n                        <div class=\"icon-check\">\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 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-lg font-bold text-[#0A2540] leading-snug\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">\n                            \u00c9tude et suivi des travaux de l&rsquo;\u00e9largissement et d&rsquo;am\u00e9nagement de la route c\u00f4ti\u00e8re de RABAT &#8211; TEMARA.\n                        <\/h3>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"animate-fade-up delay-400\">\n                <div class=\"projet-card\">\n                    <span class=\"projet-number\">05<\/span>\n                    <div class=\"client-badge\">RABAT AMENAGEMENT<\/div>\n                    <div class=\"flex items-start mt-2 relative z-10\">\n                        <div class=\"icon-check\">\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 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-lg font-bold text-[#0A2540] leading-snug\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">\n                            \u00c9tude et suivi des travaux d&rsquo;am\u00e9nagement du boulevard Annakhil \u00e0 RABAT.\n                        <\/h3>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"animate-fade-up delay-500\">\n                <div class=\"projet-card\">\n                    <span class=\"projet-number\">06<\/span>\n                    <div class=\"client-badge\">CASA AMENAGEMENT<\/div>\n                    <div class=\"flex items-start mt-2 relative z-10\">\n                        <div class=\"icon-check\">\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 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-lg font-bold text-[#0A2540] leading-snug\" style=\"font-family: 'Plus Jakarta Sans', sans-serif;\">\n                            \u00c9tude et ma\u00eetrise d&rsquo;\u0153uvre de r\u00e9am\u00e9nagement et mise \u00e0 niveau des voiries et trottoirs de la ville de Casablanca LOT 2.\n                        <\/h3>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <div class=\"mt-20 text-center animate-fade-up delay-300\">\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 Am\u00e9nagement Urbain &#038; Infrastructures. Notre expertise en Voirie et R\u00e9seaux Divers (V.R.D) et am\u00e9nagement urbain pour fa\u00e7onner des villes durables, modernes et connect\u00e9es au Maroc. \u00c9tudes et Suivi des travaux de V.R.D. 01 AL DARNA \u00c9tude et suivi des travaux de VRD de la nouvelle ville CHWITER \u00e0 Marrakech d&rsquo;une superficie de 220 [&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-379","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/379","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=379"}],"version-history":[{"count":4,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/379\/revisions"}],"predecessor-version":[{"id":672,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/379\/revisions\/672"}],"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=379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}