{"id":107,"date":"2026-08-27T14:02:18","date_gmt":"2026-08-27T12:02:18","guid":{"rendered":"https:\/\/newrevelationezannkpodo.com\/?page_id=107"},"modified":"2026-08-29T21:58:05","modified_gmt":"2026-08-29T19:58:05","slug":"chantiers-en-cours","status":"publish","type":"page","link":"https:\/\/newrevelationezannkpodo.com\/index.php\/chantiers-en-cours\/","title":{"rendered":"Chantiers en cours"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================\n   VARIABLES\n========================================== *\/\n\n:root {\n\n    --nr-blue: #123F8F;\n    --nr-blue-dark: #0A2A63;\n\n    --nr-red: #D20A2E;\n    --nr-red-dark: #A80724;\n\n    --nr-black: #111111;\n    --nr-gray: #666666;\n\n    --nr-light: #F5F7FA;\n    --nr-white: #FFFFFF;\n}\n\n\n\/* ==========================================\n   SECTION\n========================================== *\/\n\n.chantiers-section {\n\n    position: relative;\n\n    width: 100%;\n\n    padding: 110px 7%;\n\n    background: var(--nr-white);\n\n    overflow: hidden;\n}\n\n\n\/* ==========================================\n   D\u00c9CORATIONS\n========================================== *\/\n\n.chantiers-decoration {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n\n.chantiers-blue {\n\n    width: 450px;\n\n    height: 450px;\n\n    top: -300px;\n\n    left: -300px;\n\n    border: 75px solid rgba(18, 63, 143, 0.04);\n}\n\n\n.chantiers-red {\n\n    width: 360px;\n\n    height: 360px;\n\n    right: -250px;\n\n    bottom: -230px;\n\n    border: 60px solid rgba(210, 10, 46, 0.04);\n}\n\n\n\/* ==========================================\n   CONTAINER\n========================================== *\/\n\n.chantiers-container {\n\n    position: relative;\n\n    z-index: 2;\n\n    max-width: 1250px;\n\n    margin: auto;\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 80px;\n\n    align-items: center;\n}\n\n\n\/* ==========================================\n   LABEL\n========================================== *\/\n\n.chantiers-label {\n\n    display: inline-block;\n\n    margin-bottom: 18px;\n\n    padding-left: 15px;\n\n    border-left: 4px solid var(--nr-red);\n\n    color: var(--nr-blue);\n\n    font-size: 13px;\n\n    font-weight: 800;\n\n    letter-spacing: 2px;\n}\n\n\n\/* ==========================================\n   TITRE\n========================================== *\/\n\n.chantiers-content h2 {\n\n    max-width: 650px;\n\n    margin: 0;\n\n    color: var(--nr-black);\n\n    font-size: clamp(40px, 4vw, 58px);\n\n    line-height: 1.08;\n\n    font-weight: 800;\n}\n\n\n.chantiers-content h2 span {\n\n    color: var(--nr-blue);\n}\n\n\n\/* ==========================================\n   LIGNE\n========================================== *\/\n\n.chantiers-line {\n\n    position: relative;\n\n    width: 80px;\n\n    height: 5px;\n\n    margin: 28px 0;\n\n    background: var(--nr-red);\n}\n\n\n.chantiers-line::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    left: 90px;\n\n    top: 0;\n\n    width: 25px;\n\n    height: 5px;\n\n    background: var(--nr-blue);\n}\n\n\n\/* ==========================================\n   TEXTES\n========================================== *\/\n\n.chantiers-content > p {\n\n    margin: 0 0 18px;\n\n    color: var(--nr-gray);\n\n    font-size: 15px;\n\n    line-height: 1.8;\n}\n\n\n.chantiers-content .chantiers-intro {\n\n    color: #333333;\n\n    font-size: 18px;\n\n    font-weight: 500;\n}\n\n\n\/* ==========================================\n   STATISTIQUES\n========================================== *\/\n\n.chantiers-stats {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, 1fr);\n\n    gap: 12px;\n\n    margin-top: 35px;\n}\n\n\n.chantiers-stat {\n\n    padding: 20px 12px;\n\n    background: var(--nr-light);\n\n    border-bottom: 3px solid var(--nr-blue);\n\n    text-align: center;\n}\n\n\n.chantiers-stat:nth-child(2) {\n\n    border-bottom-color: var(--nr-red);\n}\n\n\n.chantiers-stat strong {\n\n    display: block;\n\n    color: var(--nr-blue);\n\n    font-size: 30px;\n\n    font-weight: 900;\n}\n\n\n.chantiers-stat:nth-child(2) strong {\n\n    color: var(--nr-red);\n}\n\n\n.chantiers-stat span {\n\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--nr-gray);\n\n    font-size: 11px;\n}\n\n\n\/* ==========================================\n   VISUEL\n========================================== *\/\n\n.chantiers-visual {\n\n    position: relative;\n\n    min-height: 570px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n}\n\n\n\/* ==========================================\n   IMAGE\n========================================== *\/\n\n.chantiers-main-image {\n\n    position: relative;\n\n    width: 100%;\n\n    height: 550px;\n\n    overflow: hidden;\n\n    border-radius: 7px;\n\n    box-shadow:\n        0 25px 60px rgba(0, 0, 0, 0.15);\n}\n\n\n.chantiers-main-image img {\n\n    width: 100%;\n\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n        transform 0.8s ease;\n}\n\n\n.chantiers-main-image:hover img {\n\n    transform: scale(1.06);\n}\n\n\n\/* ==========================================\n   OVERLAY\n========================================== *\/\n\n.chantiers-image-overlay {\n\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(10, 42, 99, 0.88),\n            rgba(10, 42, 99, 0.02) 65%\n        );\n}\n\n\n\/* ==========================================\n   BADGE\n========================================== *\/\n\n.chantiers-badge {\n\n    position: absolute;\n\n    left: 25px;\n\n    bottom: 25px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 15px;\n\n    padding: 18px 22px;\n\n    background: var(--nr-white);\n\n    border-left: 5px solid var(--nr-red);\n\n    box-shadow:\n        0 15px 35px rgba(0, 0, 0, 0.20);\n}\n\n\n.chantiers-badge-icon {\n\n    width: 48px;\n\n    height: 48px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    background: rgba(18, 63, 143, 0.10);\n\n    border-radius: 50%;\n\n    font-size: 22px;\n}\n\n\n.chantiers-badge strong {\n\n    display: block;\n\n    color: var(--nr-blue);\n\n    font-size: 14px;\n}\n\n\n.chantiers-badge span {\n\n    display: block;\n\n    margin-top: 4px;\n\n    color: var(--nr-gray);\n\n    font-size: 10px;\n}\n\n\n\/* ==========================================\n   CARTE FLOTTANTE\n========================================== *\/\n\n.chantiers-floating-card {\n\n    position: absolute;\n\n    right: -25px;\n\n    top: 45px;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding: 18px 22px;\n\n    background: var(--nr-blue);\n\n    color: var(--nr-white);\n\n    box-shadow:\n        0 15px 35px rgba(18, 63, 143, 0.25);\n}\n\n\n.chantiers-floating-icon {\n\n    width: 40px;\n\n    height: 40px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    background: var(--nr-red);\n\n    border-radius: 50%;\n\n    font-weight: 900;\n}\n\n\n.chantiers-floating-card strong {\n\n    display: block;\n\n    font-size: 12px;\n\n    letter-spacing: 1px;\n}\n\n\n.chantiers-floating-card span {\n\n    display: block;\n\n    margin-top: 3px;\n\n    color: rgba(255,255,255,0.75);\n\n    font-size: 10px;\n}\n\n\n\/* ==========================================\n   PROJETS\n========================================== *\/\n\n.chantiers-projects {\n\n    position: relative;\n\n    z-index: 2;\n\n    max-width: 1250px;\n\n    margin: 110px auto 0;\n}\n\n\n.chantiers-projects-header {\n\n    margin-bottom: 45px;\n\n    text-align: center;\n}\n\n\n.chantiers-projects-header span {\n\n    color: var(--nr-red);\n\n    font-size: 12px;\n\n    font-weight: 800;\n\n    letter-spacing: 2px;\n}\n\n\n.chantiers-projects-header h3 {\n\n    margin: 10px 0 0;\n\n    color: var(--nr-black);\n\n    font-size: 32px;\n\n    font-weight: 800;\n}\n\n\n\/* ==========================================\n   GRILLE PROJETS\n========================================== *\/\n\n.chantiers-projects-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, 1fr);\n\n    gap: 22px;\n}\n\n\n\/* ==========================================\n   CARTE PROJET\n========================================== *\/\n\n.chantier-card {\n\n    overflow: hidden;\n\n    background: var(--nr-white);\n\n    border: 1px solid #eeeeee;\n\n    border-radius: 5px;\n\n    box-shadow:\n        0 10px 30px rgba(0, 0, 0, 0.05);\n\n    transition:\n        transform 0.4s ease,\n        box-shadow 0.4s ease;\n}\n\n\n.chantier-card:hover {\n\n    transform: translateY(-8px);\n\n    box-shadow:\n        0 20px 45px rgba(0, 0, 0, 0.12);\n}\n\n\n\/* ==========================================\n   IMAGE PROJET\n========================================== *\/\n\n.chantier-image {\n\n    position: relative;\n\n    height: 220px;\n\n    overflow: hidden;\n}\n\n\n.chantier-image img {\n\n    width: 100%;\n\n    height: 100%;\n\n    object-fit: cover;\n\n    transition:\n        transform 0.6s ease;\n}\n\n\n.chantier-card:hover\n.chantier-image img {\n\n    transform: scale(1.08);\n}\n\n\n\/* ==========================================\n   STATUS\n========================================== *\/\n\n.chantier-status {\n\n    position: absolute;\n\n    top: 15px;\n\n    left: 15px;\n\n    padding: 7px 12px;\n\n    background: var(--nr-blue);\n\n    color: var(--nr-white);\n\n    font-size: 9px;\n\n    font-weight: 800;\n\n    letter-spacing: 1px;\n}\n\n\n.chantier-red-status {\n\n    background: var(--nr-red);\n}\n\n\n\/* ==========================================\n   CONTENU CARTE\n========================================== *\/\n\n.chantier-card-content {\n\n    padding: 25px;\n}\n\n\n.chantier-category {\n\n    color: var(--nr-red);\n\n    font-size: 10px;\n\n    font-weight: 800;\n\n    letter-spacing: 1.5px;\n}\n\n\n.chantier-card h4 {\n\n    margin: 8px 0 10px;\n\n    color: var(--nr-blue);\n\n    font-size: 18px;\n\n    line-height: 1.3;\n}\n\n\n.chantier-card p {\n\n    margin: 0 0 20px;\n\n    color: var(--nr-gray);\n\n    font-size: 12px;\n\n    line-height: 1.6;\n}\n\n\n\/* ==========================================\n   PROGRESSION\n========================================== *\/\n\n.chantier-progress-info {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: space-between;\n\n    margin-bottom: 8px;\n}\n\n\n.chantier-progress-info span {\n\n    color: var(--nr-gray);\n\n    font-size: 11px;\n}\n\n\n.chantier-progress-info strong {\n\n    color: var(--nr-blue);\n\n    font-size: 12px;\n}\n\n\n\/* ==========================================\n   BARRE\n========================================== *\/\n\n.chantier-progress {\n\n    width: 100%;\n\n    height: 6px;\n\n    overflow: hidden;\n\n    background: #E8EBF0;\n\n    border-radius: 10px;\n}\n\n\n.chantier-progress-bar {\n\n    width: 0;\n\n    height: 100%;\n\n    background: var(--nr-blue);\n\n    border-radius: 10px;\n\n    transition:\n        width 1.5s ease;\n}\n\n\n.chantier-red-progress {\n\n    background: var(--nr-red);\n}\n\n\n\/* ==========================================\n   PROCESSUS\n========================================== *\/\n\n.chantiers-process {\n\n    max-width: 1250px;\n\n    margin: 110px auto 0;\n}\n\n\n.chantiers-process-header {\n\n    margin-bottom: 45px;\n\n    text-align: center;\n}\n\n\n.chantiers-process-header span {\n\n    color: var(--nr-red);\n\n    font-size: 12px;\n\n    font-weight: 800;\n\n    letter-spacing: 2px;\n}\n\n\n.chantiers-process-header h3 {\n\n    margin: 10px 0 0;\n\n    color: var(--nr-black);\n\n    font-size: 32px;\n\n    font-weight: 800;\n}\n\n\n\/* ==========================================\n   PROCESS GRID\n========================================== *\/\n\n.chantiers-process-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, 1fr);\n\n    gap: 20px;\n}\n\n\n.chantiers-process-item {\n\n    position: relative;\n\n    padding: 30px 25px;\n\n    background: var(--nr-light);\n\n    border-top: 4px solid var(--nr-blue);\n\n    transition:\n        transform 0.4s ease;\n}\n\n\n.chantiers-process-item:nth-child(even) {\n\n    border-top-color: var(--nr-red);\n}\n\n\n.chantiers-process-item:hover {\n\n    transform: translateY(-7px);\n}\n\n\n\/* ==========================================\n   NUM\u00c9ROS\n========================================== *\/\n\n.process-number {\n\n    margin-bottom: 20px;\n\n    color: var(--nr-blue);\n\n    font-size: 35px;\n\n    font-weight: 900;\n}\n\n\n.process-red {\n\n    color: var(--nr-red);\n}\n\n\n.chantiers-process-item h4 {\n\n    margin: 0 0 10px;\n\n    color: var(--nr-blue);\n\n    font-size: 18px;\n}\n\n\n.chantiers-process-item:nth-child(even) h4 {\n\n    color: var(--nr-red);\n}\n\n\n.chantiers-process-item p {\n\n    margin: 0;\n\n    color: var(--nr-gray);\n\n    font-size: 12px;\n\n    line-height: 1.7;\n}\n\n\n\/* ==========================================\n   BANDEAU FINAL\n========================================== *\/\n\n.chantiers-trust {\n\n    max-width: 1250px;\n\n    margin: 60px auto 0;\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 20px;\n\n    padding: 25px 30px;\n\n    background: var(--nr-blue);\n\n    border-left: 6px solid var(--nr-red);\n\n    color: var(--nr-white);\n\n    box-shadow:\n        0 15px 40px rgba(18, 63, 143, 0.15);\n}\n\n\n.chantiers-trust-icon {\n\n    flex-shrink: 0;\n\n    width: 50px;\n\n    height: 50px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    background: var(--nr-red);\n\n    border-radius: 50%;\n\n    font-size: 22px;\n}\n\n\n.chantiers-trust strong {\n\n    display: block;\n\n    font-size: 15px;\n}\n\n\n.chantiers-trust span {\n\n    display: block;\n\n    margin-top: 5px;\n\n    color: rgba(255,255,255,0.75);\n\n    font-size: 12px;\n\n    line-height: 1.5;\n}\n\n\n\/* ==========================================\n   ANIMATIONS\n========================================== *\/\n\n.chantiers-content,\n.chantiers-visual,\n.chantiers-projects,\n.chantiers-process,\n.chantiers-trust {\n\n    opacity: 0;\n\n    transform: translateY(40px);\n\n    transition:\n        opacity 0.8s ease,\n        transform 0.8s ease;\n}\n\n\n.chantiers-section.active\n.chantiers-content {\n\n    opacity: 1;\n\n    transform: translateY(0);\n}\n\n\n.chantiers-section.active\n.chantiers-visual {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.15s;\n}\n\n\n.chantiers-section.active\n.chantiers-projects {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.3s;\n}\n\n\n.chantiers-section.active\n.chantiers-process {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.45s;\n}\n\n\n.chantiers-section.active\n.chantiers-trust {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.8s;\n}\n\n\n\/* ==========================================\n   RESPONSIVE TABLETTE\n========================================== *\/\n\n@media (max-width: 1000px) {\n\n    .chantiers-section {\n\n        padding: 80px 5%;\n    }\n\n\n    .chantiers-container {\n\n        grid-template-columns: 1fr;\n\n        gap: 60px;\n    }\n\n\n    .chantiers-projects-grid {\n\n        grid-template-columns:\n            repeat(2, 1fr);\n    }\n\n\n    .chantiers-process-grid {\n\n        grid-template-columns:\n            repeat(2, 1fr);\n    }\n\n}\n\n\n\/* ==========================================\n   RESPONSIVE MOBILE\n========================================== *\/\n\n@media (max-width: 600px) {\n\n    .chantiers-section {\n\n        padding: 65px 20px;\n    }\n\n\n    .chantiers-content h2 {\n\n        font-size: 38px;\n    }\n\n\n    .chantiers-content\n    .chantiers-intro {\n\n        font-size: 16px;\n    }\n\n\n    .chantiers-stats {\n\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n\n    .chantiers-visual {\n\n        min-height: 430px;\n    }\n\n\n    .chantiers-main-image {\n\n        height: 430px;\n    }\n\n\n    .chantiers-floating-card {\n\n        right: 10px;\n\n        top: 20px;\n\n        padding: 15px 18px;\n    }\n\n\n    .chantiers-badge {\n\n        left: 15px;\n\n        bottom: 15px;\n\n        padding: 14px 16px;\n    }\n\n\n    .chantiers-projects-grid {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .chantiers-process-grid {\n\n        grid-template-columns: 1fr;\n    }\n\n\n    .chantiers-projects-header h3,\n    .chantiers-process-header h3 {\n\n        font-size: 27px;\n    }\n\n\n    .chantiers-trust {\n\n        align-items: flex-start;\n\n        padding: 20px;\n    }\n\n\n    .chantiers-trust strong {\n\n        font-size: 13px;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* ==========================================\n   SECTION CHANTIERS EN COURS\n========================================== *\/\n\ndocument.addEventListener(\n    \"DOMContentLoaded\",\n    function () {\n\n\n        const section =\n            document.querySelector(\n                \"#chantiers\"\n            );\n\n\n        if (!section) return;\n\n\n        \/* ==================================\n           OBSERVATION DE LA SECTION\n        ================================== *\/\n\n        const observer =\n            new IntersectionObserver(\n\n                function (entries) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            if (\n                                entry.isIntersecting\n                            ) {\n\n                                section\n                                    .classList\n                                    .add(\"active\");\n\n\n                                lancerCompteurs();\n\n\n                                lancerProgressions();\n\n\n                                observer.unobserve(\n                                    section\n                                );\n\n                            }\n\n                        }\n                    );\n\n                },\n\n                {\n                    threshold: 0.12\n                }\n\n            );\n\n\n        observer.observe(section);\n\n\n        \/* ==================================\n           COMPTEURS\n        ================================== *\/\n\n        function lancerCompteurs() {\n\n            const counters =\n                section.querySelectorAll(\n                    \".chantiers-counter\"\n                );\n\n\n            counters.forEach(\n                function (counter) {\n\n                    const target =\n                        parseInt(\n                            counter.dataset.target\n                        );\n\n\n                    let current = 0;\n\n\n                    const duration = 1500;\n\n\n                    const step =\n                        target \/\n                        (duration \/ 20);\n\n\n                    const timer =\n                        setInterval(\n                            function () {\n\n                                current += step;\n\n\n                                if (\n                                    current >= target\n                                ) {\n\n                                    current =\n                                        target;\n\n                                    clearInterval(\n                                        timer\n                                    );\n\n                                }\n\n\n                                counter.textContent =\n                                    Math.floor(\n                                        current\n                                    );\n\n                            },\n                            20\n                        );\n\n                }\n            );\n\n        }\n\n\n        \/* ==================================\n           BARRES DE PROGRESSION\n        ================================== *\/\n\n        function lancerProgressions() {\n\n            const progressBars =\n                section.querySelectorAll(\n                    \".chantier-progress-bar\"\n                );\n\n\n            progressBars.forEach(\n                function (bar) {\n\n                    const progress =\n                        bar.dataset.progress;\n\n\n                    setTimeout(\n                        function () {\n\n                            bar.style.width =\n                                progress + \"%\";\n\n                        },\n                        300\n                    );\n\n                }\n            );\n\n        }\n\n\n        \/* ==================================\n           EFFET PARALLAXE IMAGE\n        ================================== *\/\n\n        const image =\n            section.querySelector(\n                \".chantiers-main-image img\"\n            );\n\n\n        if (image) {\n\n            section.addEventListener(\n                \"mousemove\",\n                function (event) {\n\n                    const rect =\n                        section.getBoundingClientRect();\n\n\n                    const x =\n                        (event.clientX -\n                            rect.left)\n                        \/ rect.width;\n\n\n                    const y =\n                        (event.clientY -\n                            rect.top)\n                        \/ rect.height;\n\n\n                    const moveX =\n                        (x - 0.5) * 6;\n\n\n                    const moveY =\n                        (y - 0.5) * 6;\n\n\n                    image.style.transform =\n                        `scale(1.04)\n                         translate(\n                            ${moveX}px,\n                            ${moveY}px\n                         )`;\n\n                }\n            );\n\n\n            section.addEventListener(\n                \"mouseleave\",\n                function () {\n\n                    image.style.transform =\n                        \"scale(1)\";\n\n                }\n            );\n\n        }\n\n\n        \/* ==================================\n           HOVER CARTES PROJETS\n        ================================== *\/\n\n        const cards =\n            section.querySelectorAll(\n                \".chantier-card\"\n            );\n\n\n        cards.forEach(\n            function (card) {\n\n                card.addEventListener(\n                    \"mouseenter\",\n                    function () {\n\n                        this.style.transform =\n                            \"translateY(-8px)\";\n\n                    }\n                );\n\n\n                card.addEventListener(\n                    \"mouseleave\",\n                    function () {\n\n                        this.style.transform =\n                            \"\";\n\n                    }\n                );\n\n            }\n        );\n\n    }\n);\n<\/script>\n\n<!-- ==========================================\n     SECTION : CHANTIERS EN COURS\n========================================== -->\n\n<section class=\"chantiers-section\" id=\"chantiers\">\n\n    <!-- D\u00e9corations -->\n    <div class=\"chantiers-decoration chantiers-blue\"><\/div>\n    <div class=\"chantiers-decoration chantiers-red\"><\/div>\n\n\n    <!-- ==========================================\n         INTRODUCTION\n    =========================================== -->\n\n    <div class=\"chantiers-container\">\n\n        <div class=\"chantiers-content\">\n\n            <span class=\"chantiers-label\">\n                NOS R\u00c9ALISATIONS\n            <\/span>\n\n\n            <h2>\n                Des projets qui\n                <span>prennent vie<\/span>\n            <\/h2>\n\n\n            <div class=\"chantiers-line\"><\/div>\n\n\n            <p class=\"chantiers-intro\">\n\n                D\u00e9couvrez les projets actuellement\n                r\u00e9alis\u00e9s et suivis par NEW REVELATION.\n                De la construction au suivi de chantier,\n                nous transformons les id\u00e9es en r\u00e9alisations\n                concr\u00e8tes.\n\n            <\/p>\n\n\n            <p>\n\n                Chaque chantier b\u00e9n\u00e9ficie d&rsquo;un suivi\n                rigoureux afin de garantir la qualit\u00e9,\n                le respect des \u00e9tapes de r\u00e9alisation\n                et la bonne progression des travaux.\n\n            <\/p>\n\n\n            <!-- ==================================\n                 INDICATEURS\n            =================================== -->\n\n            <div class=\"chantiers-stats\">\n\n                <div class=\"chantiers-stat\">\n\n                    <strong class=\"chantiers-counter\" data-target=\"12\">\n                        0\n                    <\/strong>\n\n                    <span>\n                        Chantiers en cours\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"chantiers-stat\">\n\n                    <strong class=\"chantiers-counter\" data-target=\"85\">\n                        0\n                    <\/strong>\n\n                    <span>\n                        % de suivi moyen\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"chantiers-stat\">\n\n                    <strong class=\"chantiers-counter\" data-target=\"25\">\n                        0\n                    <\/strong>\n\n                    <span>\n                        Projets r\u00e9alis\u00e9s\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n\n        <!-- ==========================================\n             IMAGE PRINCIPALE\n        =========================================== -->\n\n        <div class=\"chantiers-visual\">\n\n            <div class=\"chantiers-main-image\">\n\n                <img  alt=\"Chantier en cours NEW REVELATION\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/newrevelationezannkpodo.com\/wp-content\/uploads\/2026\/08\/img7.png\">\n\n                <div class=\"chantiers-image-overlay\"><\/div>\n\n\n                <!-- Badge -->\n\n                <div class=\"chantiers-badge\">\n\n                    <div class=\"chantiers-badge-icon\">\n                        \ud83c\udfd7\ufe0f\n                    <\/div>\n\n                    <div>\n\n                        <strong>\n                            CHANTIER EN COURS\n                        <\/strong>\n\n                        <span>\n                            Suivi professionnel des travaux\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Carte flottante -->\n\n            <div class=\"chantiers-floating-card\">\n\n                <div class=\"chantiers-floating-icon\">\n                    \u2713\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        SUIVI DE PROJET\n                    <\/strong>\n\n                    <span>\n                        Qualit\u00e9 \u2022 D\u00e9lais \u2022 Coordination\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ==========================================\n         PROJETS EN COURS\n    =========================================== -->\n\n    <div class=\"chantiers-projects\">\n\n        <div class=\"chantiers-projects-header\">\n\n            <span>\n                PROJETS EN COURS\n            <\/span>\n\n            <h3>\n                Suivez l&rsquo;\u00e9volution de nos r\u00e9alisations\n            <\/h3>\n\n        <\/div>\n\n\n        <div class=\"chantiers-projects-grid\">\n\n\n            <!-- ==================================\n                 PROJET 1\n            =================================== -->\n\n            <div class=\"chantier-card\">\n\n                <div class=\"chantier-image\">\n\n                    <img  alt=\"Construction b\u00e2timent\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/newrevelationezannkpodo.com\/wp-content\/uploads\/2026\/08\/img7.png\">\n\n                    <span class=\"chantier-status\">\n                        EN COURS\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"chantier-card-content\">\n\n                    <span class=\"chantier-category\">\n                        CONSTRUCTION\n                    <\/span>\n\n                    <h4>\n                        Construction d&rsquo;un b\u00e2timent\n                    <\/h4>\n\n                    <p>\n                        R\u00e9alisation d&rsquo;un b\u00e2timent moderne\n                        avec suivi complet des travaux.\n                    <\/p>\n\n\n                    <!-- Progression -->\n\n                    <div class=\"chantier-progress-info\">\n\n                        <span>\n                            Avancement\n                        <\/span>\n\n                        <strong>\n                            75%\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <div class=\"chantier-progress\">\n\n                        <div class=\"chantier-progress-bar\" data-progress=\"75\"><\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- ==================================\n                 PROJET 2\n            =================================== -->\n\n            <div class=\"chantier-card\">\n\n                <div class=\"chantier-image\">\n\n                    <img  alt=\"Projet immobilier\" loading=\"lazy\" decoding=\"async\" src=\"images\/chantier-02.jpg\">\n\n                    <span class=\"chantier-status chantier-red-status\">\n                        EN COURS\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"chantier-card-content\">\n\n                    <span class=\"chantier-category\">\n                        IMMOBILIER\n                    <\/span>\n\n                    <h4>\n                        Projet immobilier r\u00e9sidentiel\n                    <\/h4>\n\n                    <p>\n                        D\u00e9veloppement d&rsquo;un ensemble\n                        r\u00e9sidentiel moderne et fonctionnel.\n                    <\/p>\n\n\n                    <div class=\"chantier-progress-info\">\n\n                        <span>\n                            Avancement\n                        <\/span>\n\n                        <strong>\n                            60%\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <div class=\"chantier-progress\">\n\n                        <div class=\"chantier-progress-bar chantier-red-progress\" data-progress=\"60\"><\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- ==================================\n                 PROJET 3\n            =================================== -->\n\n            <div class=\"chantier-card\">\n\n                <div class=\"chantier-image\">\n\n                    <img  alt=\"Construction villa\" loading=\"lazy\" decoding=\"async\" src=\"images\/chantier-03.jpg\">\n\n                    <span class=\"chantier-status\">\n                        EN COURS\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"chantier-card-content\">\n\n                    <span class=\"chantier-category\">\n                        VILLA\n                    <\/span>\n\n                    <h4>\n                        Construction d&rsquo;une villa\n                    <\/h4>\n\n                    <p>\n                        Construction d&rsquo;une villa moderne\n                        adapt\u00e9e aux besoins du propri\u00e9taire.\n                    <\/p>\n\n\n                    <div class=\"chantier-progress-info\">\n\n                        <span>\n                            Avancement\n                        <\/span>\n\n                        <strong>\n                            45%\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <div class=\"chantier-progress\">\n\n                        <div class=\"chantier-progress-bar\" data-progress=\"45\"><\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- ==================================\n                 PROJET 4\n            =================================== -->\n\n            <div class=\"chantier-card\">\n\n                <div class=\"chantier-image\">\n\n                    <img  alt=\"Travaux de r\u00e9novation\" loading=\"lazy\" decoding=\"async\" src=\"images\/chantier-04.jpg\">\n\n                    <span class=\"chantier-status chantier-red-status\">\n                        EN COURS\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"chantier-card-content\">\n\n                    <span class=\"chantier-category\">\n                        R\u00c9NOVATION\n                    <\/span>\n\n                    <h4>\n                        R\u00e9novation d&rsquo;un b\u00e2timent\n                    <\/h4>\n\n                    <p>\n                        Transformation et modernisation\n                        compl\u00e8te d&rsquo;un b\u00e2timent existant.\n                    <\/p>\n\n\n                    <div class=\"chantier-progress-info\">\n\n                        <span>\n                            Avancement\n                        <\/span>\n\n                        <strong>\n                            80%\n                        <\/strong>\n\n                    <\/div>\n\n\n                    <div class=\"chantier-progress\">\n\n                        <div class=\"chantier-progress-bar chantier-red-progress\" data-progress=\"80\"><\/div>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ==========================================\n         PROCESSUS\n    =========================================== -->\n\n    <div class=\"chantiers-process\">\n\n        <div class=\"chantiers-process-header\">\n\n            <span>\n                NOTRE M\u00c9THODE\n            <\/span>\n\n            <h3>\n                Un suivi organis\u00e9 \u00e0 chaque \u00e9tape\n            <\/h3>\n\n        <\/div>\n\n\n        <div class=\"chantiers-process-grid\">\n\n\n            <div class=\"chantiers-process-item\">\n\n                <div class=\"process-number\">\n                    01\n                <\/div>\n\n                <h4>\n                    Planification\n                <\/h4>\n\n                <p>\n                    Organisation des diff\u00e9rentes\n                    \u00e9tapes avant le d\u00e9marrage.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"chantiers-process-item\">\n\n                <div class=\"process-number process-red\">\n                    02\n                <\/div>\n\n                <h4>\n                    Ex\u00e9cution\n                <\/h4>\n\n                <p>\n                    Coordination et r\u00e9alisation\n                    des travaux sur le terrain.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"chantiers-process-item\">\n\n                <div class=\"process-number\">\n                    03\n                <\/div>\n\n                <h4>\n                    Contr\u00f4le\n                <\/h4>\n\n                <p>\n                    V\u00e9rification de la qualit\u00e9\n                    et de la progression du chantier.\n                <\/p>\n\n            <\/div>\n\n\n            <div class=\"chantiers-process-item\">\n\n                <div class=\"process-number process-red\">\n                    04\n                <\/div>\n\n                <h4>\n                    Livraison\n                <\/h4>\n\n                <p>\n                    Finalisation et r\u00e9ception\n                    du projet r\u00e9alis\u00e9.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ==========================================\n         BANDEAU FINAL\n    =========================================== -->\n\n    <div class=\"chantiers-trust\">\n\n        <div class=\"chantiers-trust-icon\">\n            \ud83c\udfd7\ufe0f\n        <\/div>\n\n        <div>\n\n            <strong>\n                NOUS SUIVONS VOTRE PROJET JUSQU&rsquo;\u00c0 SA R\u00c9ALISATION\n            <\/strong>\n\n            <span>\n                NEW REVELATION assure le suivi et la\n                coordination de vos travaux avec\n                professionnalisme et rigueur.\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>NOS R\u00c9ALISATIONS Des projets qui prennent vie D\u00e9couvrez les projets actuellement r\u00e9alis\u00e9s et suivis par NEW REVELATION. De la construction [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-107","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":5,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":370,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/107\/revisions\/370"}],"wp:attachment":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/media?parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}