{"id":397,"date":"2026-05-10T14:49:18","date_gmt":"2026-05-10T12:49:18","guid":{"rendered":"https:\/\/safed.ma\/staging\/index.php\/references\/assistance-technique-et-suivi\/suivi-et-controle-des-travaux\/"},"modified":"2026-05-10T17:41:36","modified_gmt":"2026-05-10T15:41:36","slug":"suivi-et-controle-des-travaux","status":"publish","type":"page","link":"https:\/\/safed.ma\/index.php\/domaine-assistance-technique\/assistance-technique-et-suivi\/suivi-et-controle-des-travaux\/","title":{"rendered":"Suivi et contr\u00f4le des travaux"},"content":{"rendered":"\n<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><\/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\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-1503387762-592deb58ef4e?q=80&#038;w=2000&#038;auto=format&#038;fit=crop\" alt=\"Suivi des travaux\" 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]\">Nos R\u00e9alisations<\/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                \u00c9tudes et Suivi des Travaux <br><span class=\"italic text-[#059669]\">de V.R.D. et d&rsquo;Am\u00e9nagement Urbain.<\/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                Une pr\u00e9sence continue sur le terrain pour garantir la qualit\u00e9, le respect des d\u00e9lais et la conformit\u00e9 rigoureuse de vos chantiers d&rsquo;infrastructures.\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;\">Principales <span class=\"italic text-gray-400\">R\u00e9alisations<\/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=\"2\" d=\"M5 13l4 4L19 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=\"2\" d=\"M5 13l4 4L19 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-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=\"2\" d=\"M5 13l4 4L19 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=\"2\" d=\"M5 13l4 4L19 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=\"2\" d=\"M5 13l4 4L19 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=\"2\" d=\"M5 13l4 4L19 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 maitrise 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\/domaine-assistance-technique\/\" 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 au P\u00f4le Assistance Technique\n            <\/a>\n        <\/div>\n\n    <\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Nos R\u00e9alisations \u00c9tudes et Suivi des Travaux de V.R.D. et d&rsquo;Am\u00e9nagement Urbain. Une pr\u00e9sence continue sur le terrain pour garantir la qualit\u00e9, le respect des d\u00e9lais et la conformit\u00e9 rigoureuse de vos chantiers d&rsquo;infrastructures. Principales R\u00e9alisations 01 AL DARNA \u00c9tude et suivi des travaux de VRD de la nouvelle ville CHWITER \u00e0 Marrakech d&rsquo;une superficie [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":380,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-397","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/397","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=397"}],"version-history":[{"count":3,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/397\/revisions"}],"predecessor-version":[{"id":660,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/397\/revisions\/660"}],"up":[{"embeddable":true,"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/pages\/380"}],"wp:attachment":[{"href":"https:\/\/safed.ma\/index.php\/wp-json\/wp\/v2\/media?parent=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}