{"id":87,"date":"2026-08-27T13:52:20","date_gmt":"2026-08-27T11:52:20","guid":{"rendered":"https:\/\/newrevelationezannkpodo.com\/?page_id=87"},"modified":"2026-08-29T22:27:17","modified_gmt":"2026-08-29T20:27:17","slug":"plans-conception","status":"publish","type":"page","link":"https:\/\/newrevelationezannkpodo.com\/index.php\/plans-conception\/","title":{"rendered":"Plans &amp; conception"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ==========================================\n   VARIABLES NEW REVELATION\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 PLANS & CONCEPTION\n========================================== *\/\n\n.plans-section {\n\n    position: relative;\n\n    width: 100%;\n\n    padding: 110px 7%;\n\n    background: var(--nr-light);\n\n    overflow: hidden;\n}\n\n\n\/* ==========================================\n   CONTAINER\n========================================== *\/\n\n.plans-container {\n\n    position: relative;\n\n    z-index: 2;\n\n    max-width: 1250px;\n\n    margin: 0 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   D\u00c9CORATIONS\n========================================== *\/\n\n.plans-decoration {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n\n.plans-blue {\n\n    width: 420px;\n\n    height: 420px;\n\n    top: -280px;\n\n    left: -280px;\n\n    border: 70px solid rgba(18, 63, 143, 0.04);\n}\n\n\n.plans-red {\n\n    width: 350px;\n\n    height: 350px;\n\n    right: -240px;\n\n    bottom: -230px;\n\n    border: 60px solid rgba(210, 10, 46, 0.04);\n}\n\n\n\/* ==========================================\n   LABEL\n========================================== *\/\n\n.plans-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.plans-content h2 {\n\n    max-width: 600px;\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.plans-content h2 span {\n\n    color: var(--nr-blue);\n}\n\n\n\/* ==========================================\n   LIGNE\n========================================== *\/\n\n.plans-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.plans-line::after {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n\n    left: 90px;\n\n    width: 25px;\n\n    height: 5px;\n\n    background: var(--nr-blue);\n}\n\n\n\/* ==========================================\n   TEXTES\n========================================== *\/\n\n.plans-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.plans-content .plans-intro {\n\n    color: #333333;\n\n    font-size: 18px;\n\n    font-weight: 500;\n}\n\n\n\/* ==========================================\n   FEATURES\n========================================== *\/\n\n.plans-features {\n\n    display: grid;\n\n    grid-template-columns: 1fr 1fr;\n\n    gap: 20px;\n\n    margin: 30px 0;\n}\n\n\n.plans-feature {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 12px;\n}\n\n\n.plans-check {\n\n    flex-shrink: 0;\n\n    width: 30px;\n\n    height: 30px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    border-radius: 50%;\n\n    background: rgba(18, 63, 143, 0.10);\n\n    color: var(--nr-blue);\n\n    font-size: 14px;\n\n    font-weight: 900;\n}\n\n\n.plans-red-check {\n\n    background: rgba(210, 10, 46, 0.10);\n\n    color: var(--nr-red);\n}\n\n\n.plans-feature h4 {\n\n    margin: 0 0 4px;\n\n    color: var(--nr-blue);\n\n    font-size: 15px;\n\n    font-weight: 800;\n}\n\n\n.plans-feature:nth-child(even) h4 {\n\n    color: var(--nr-red);\n}\n\n\n.plans-feature p {\n\n    margin: 0;\n\n    color: var(--nr-gray);\n\n    font-size: 12px;\n\n    line-height: 1.5;\n}\n\n\n\/* ==========================================\n   BOUTON\n   Aucun lien de destination\n========================================== *\/\n\n.plans-button {\n\n    display: inline-flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 18px;\n\n    margin-top: 10px;\n\n    padding: 16px 27px;\n\n    border: none;\n\n    border-radius: 4px;\n\n    background: var(--nr-red);\n\n    color: var(--nr-white);\n\n    cursor: pointer;\n\n    font-family: inherit;\n\n    font-size: 14px;\n\n    font-weight: 800;\n\n    transition:\n        background 0.3s ease,\n        transform 0.3s ease;\n}\n\n\n.plans-button span {\n\n    font-size: 21px;\n\n    transition:\n        transform 0.3s ease;\n}\n\n\n.plans-button:hover {\n\n    background: var(--nr-blue);\n\n    transform: translateY(-3px);\n}\n\n\n.plans-button:hover span {\n\n    transform: translateX(6px);\n}\n\n\n\/* ==========================================\n   VISUEL\n========================================== *\/\n\n.plans-visual {\n\n    position: relative;\n\n    min-height: 590px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n}\n\n\n\/* ==========================================\n   IMAGE PRINCIPALE\n========================================== *\/\n\n.plans-main-image {\n\n    position: relative;\n\n    width: 100%;\n\n    height: 560px;\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.plans-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.plans-main-image:hover img {\n\n    transform: scale(1.06);\n}\n\n\n\/* ==========================================\n   OVERLAY\n========================================== *\/\n\n.plans-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.82),\n            rgba(10, 42, 99, 0.03) 65%\n        );\n}\n\n\n\/* ==========================================\n   CARTE BLEUE\n========================================== *\/\n\n.plans-blue-card {\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.plans-card-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.plans-blue-card strong {\n\n    display: block;\n\n    color: var(--nr-blue);\n\n    font-size: 16px;\n}\n\n\n.plans-blue-card span {\n\n    display: block;\n\n    margin-top: 3px;\n\n    color: var(--nr-gray);\n\n    font-size: 11px;\n}\n\n\n\/* ==========================================\n   CARTE FLOTTANTE\n========================================== *\/\n\n.plans-floating-card {\n\n    position: absolute;\n\n    right: -25px;\n\n    top: 50px;\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.plans-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.plans-floating-card strong {\n\n    display: block;\n\n    font-size: 12px;\n\n    letter-spacing: 1px;\n}\n\n\n.plans-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   PROCESSUS\n========================================== *\/\n\n.plans-process {\n\n    position: relative;\n\n    z-index: 2;\n\n    max-width: 1250px;\n\n    margin: 100px auto 0;\n}\n\n\n.plans-process-header {\n\n    margin-bottom: 45px;\n\n    text-align: center;\n}\n\n\n.plans-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.plans-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   GRILLE PROCESSUS\n========================================== *\/\n\n.plans-process-grid {\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, 1fr);\n\n    gap: 20px;\n}\n\n\n\/* ==========================================\n   CARTES PROCESSUS\n========================================== *\/\n\n.plans-process-card {\n\n    position: relative;\n\n    padding: 30px 25px;\n\n    background: var(--nr-white);\n\n    border: 1px solid #eeeeee;\n\n    border-radius: 5px;\n\n    overflow: hidden;\n\n    box-shadow:\n        0 10px 30px rgba(0, 0, 0, 0.04);\n\n    transition:\n        transform 0.4s ease,\n        box-shadow 0.4s ease;\n}\n\n\n.plans-process-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n\n    left: 0;\n\n    width: 100%;\n\n    height: 4px;\n\n    background: var(--nr-blue);\n}\n\n\n.plans-process-card:nth-child(even)::before {\n\n    background: var(--nr-red);\n}\n\n\n.plans-process-card:hover {\n\n    transform: translateY(-8px);\n\n    box-shadow:\n        0 20px 40px rgba(0, 0, 0, 0.10);\n}\n\n\n\/* ==========================================\n   NUM\u00c9RO\n========================================== *\/\n\n.plans-process-number {\n\n    position: absolute;\n\n    top: 15px;\n\n    right: 20px;\n\n    color: #E8EBF0;\n\n    font-size: 38px;\n\n    font-weight: 900;\n}\n\n\n\/* ==========================================\n   IC\u00d4NE\n========================================== *\/\n\n.plans-process-icon {\n\n    width: 55px;\n\n    height: 55px;\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    margin-bottom: 20px;\n\n    border-radius: 50%;\n\n    background: rgba(18, 63, 143, 0.10);\n\n    font-size: 22px;\n}\n\n\n.plans-red-icon {\n\n    background: rgba(210, 10, 46, 0.10);\n}\n\n\n\/* ==========================================\n   TITRE\n========================================== *\/\n\n.plans-process-card h4 {\n\n    margin: 0 0 10px;\n\n    color: var(--nr-blue);\n\n    font-size: 18px;\n\n    font-weight: 800;\n}\n\n\n.plans-process-card:nth-child(even) h4 {\n\n    color: var(--nr-red);\n}\n\n\n\/* ==========================================\n   DESCRIPTION\n========================================== *\/\n\n.plans-process-card p {\n\n    margin: 0;\n\n    color: var(--nr-gray);\n\n    font-size: 13px;\n\n    line-height: 1.7;\n}\n\n\n\/* ==========================================\n   ANIMATION\n========================================== *\/\n\n.plans-content,\n.plans-visual,\n.plans-process-header,\n.plans-process-card {\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.plans-section.active\n.plans-content {\n\n    opacity: 1;\n\n    transform: translateY(0);\n}\n\n\n.plans-section.active\n.plans-visual {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.15s;\n}\n\n\n.plans-section.active\n.plans-process-header {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.3s;\n}\n\n\n.plans-section.active\n.plans-process-card {\n\n    opacity: 1;\n\n    transform: translateY(0);\n}\n\n\n.plans-section.active\n.plans-process-card:nth-child(1) {\n    transition-delay: 0.4s;\n}\n\n\n.plans-section.active\n.plans-process-card:nth-child(2) {\n    transition-delay: 0.5s;\n}\n\n\n.plans-section.active\n.plans-process-card:nth-child(3) {\n    transition-delay: 0.6s;\n}\n\n\n.plans-section.active\n.plans-process-card:nth-child(4) {\n    transition-delay: 0.7s;\n}\n\n\n\/* ==========================================\n   TABLETTE\n========================================== *\/\n\n@media (max-width: 1000px) {\n\n    .plans-section {\n\n        padding: 80px 5%;\n    }\n\n\n    .plans-container {\n\n        grid-template-columns: 1fr;\n\n        gap: 60px;\n    }\n\n\n    .plans-visual {\n\n        min-height: 550px;\n    }\n\n\n    .plans-process-grid {\n\n        grid-template-columns:\n            repeat(2, 1fr);\n    }\n\n}\n\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media (max-width: 600px) {\n\n    .plans-section {\n\n        padding: 65px 20px;\n    }\n\n\n    .plans-content h2 {\n\n        font-size: 38px;\n    }\n\n\n    .plans-content\n    .plans-intro {\n\n        font-size: 16px;\n    }\n\n\n    .plans-features {\n\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n    }\n\n\n    .plans-button {\n\n        width: 100%;\n    }\n\n\n    .plans-visual {\n\n        min-height: 430px;\n    }\n\n\n    .plans-main-image {\n\n        height: 430px;\n    }\n\n\n    .plans-floating-card {\n\n        right: 10px;\n\n        top: 20px;\n\n        padding: 15px 18px;\n    }\n\n\n    .plans-blue-card {\n\n        left: 15px;\n\n        bottom: 15px;\n\n        padding: 14px 16px;\n    }\n\n\n    .plans-process-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n    }\n\n\n    .plans-process-header h3 {\n\n        font-size: 27px;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* ==========================================\n   SECTION PLANS & CONCEPTION\n   ANIMATION AU SCROLL\n========================================== *\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const plansSection =\n        document.querySelector(\"#plans-conception\");\n\n\n    if (!plansSection) return;\n\n\n    \/* ======================================\n       ANIMATION \u00c0 L'APPARITION\n    ====================================== *\/\n\n    const observer = new IntersectionObserver(\n\n        function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (entry.isIntersecting) {\n\n                    plansSection.classList.add(\"active\");\n\n                    observer.unobserve(\n                        plansSection\n                    );\n\n                }\n\n            });\n\n        },\n\n        {\n            threshold: 0.12\n        }\n\n    );\n\n\n    observer.observe(plansSection);\n\n\n    \/* ======================================\n       EFFET INTERACTIF SUR L'IMAGE\n    ====================================== *\/\n\n    const plansImage =\n        plansSection.querySelector(\n            \".plans-main-image img\"\n        );\n\n\n    if (plansImage) {\n\n        plansSection.addEventListener(\n            \"mousemove\",\n            function (event) {\n\n                const rect =\n                    plansSection.getBoundingClientRect();\n\n\n                const x =\n                    (event.clientX - rect.left)\n                    \/ rect.width;\n\n\n                const y =\n                    (event.clientY - 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                plansImage.style.transform =\n                    `scale(1.04)\n                     translate(${moveX}px, ${moveY}px)`;\n\n            }\n        );\n\n\n        plansSection.addEventListener(\n            \"mouseleave\",\n            function () {\n\n                plansImage.style.transform =\n                    \"scale(1)\";\n\n            }\n        );\n\n    }\n\n\n    \/* ======================================\n       BOUTON SANS LIEN\n    ====================================== *\/\n\n    const plansButton =\n        document.querySelector(\"#plansAction\");\n\n\n    if (plansButton) {\n\n        plansButton.addEventListener(\n            \"click\",\n            function () {\n\n                this.classList.add(\n                    \"plans-button-active\"\n                );\n\n\n                setTimeout(function () {\n\n                    plansButton.classList.remove(\n                        \"plans-button-active\"\n                    );\n\n                }, 300);\n\n            }\n        );\n\n    }\n\n});\n<\/script>\n\n<!-- ==========================================\n     SECTION : PLANS & CONCEPTION\n========================================== -->\n\n<section class=\"plans-section\" id=\"plans-conception\">\n\n    <!-- D\u00e9corations -->\n    <div class=\"plans-decoration plans-blue\"><\/div>\n    <div class=\"plans-decoration plans-red\"><\/div>\n\n\n    <div class=\"plans-container\">\n\n        <!-- ==================================\n             PARTIE GAUCHE : CONTENU\n        =================================== -->\n\n        <div class=\"plans-content\">\n\n            <span class=\"plans-label\">\n                PLANS &amp; CONCEPTION\n            <\/span>\n\n\n            <h2>\n                Donnons forme\n                \u00e0 <span>vos id\u00e9es<\/span>\n            <\/h2>\n\n\n            <div class=\"plans-line\"><\/div>\n\n\n            <p class=\"plans-intro\">\n\n                Un bon projet commence par une conception\n                bien pens\u00e9e. NEW REVELATION EZAN NKPODO\n                vous accompagne dans la conception de vos\n                plans afin de transformer vos id\u00e9es en un\n                projet concret et coh\u00e9rent.\n\n            <\/p>\n\n\n            <p>\n\n                Nous vous accompagnons dans la r\u00e9flexion,\n                l&rsquo;organisation des espaces et la conception\n                de votre projet afin de vous permettre\n                d&rsquo;avoir une vision claire de votre future\n                r\u00e9alisation.\n\n            <\/p>\n\n\n            <!-- ==================================\n                 SERVICES\n            =================================== -->\n\n            <div class=\"plans-features\">\n\n\n                <!-- \u00c9l\u00e9ment 1 -->\n\n                <div class=\"plans-feature\">\n\n                    <div class=\"plans-check\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Conception de plans\n                        <\/h4>\n\n                        <p>\n                            Des plans adapt\u00e9s aux besoins\n                            et aux caract\u00e9ristiques de votre projet.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- \u00c9l\u00e9ment 2 -->\n\n                <div class=\"plans-feature\">\n\n                    <div class=\"plans-check plans-red-check\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Organisation des espaces\n                        <\/h4>\n\n                        <p>\n                            Une r\u00e9flexion sur la disposition\n                            et la fonctionnalit\u00e9 des espaces.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- \u00c9l\u00e9ment 3 -->\n\n                <div class=\"plans-feature\">\n\n                    <div class=\"plans-check\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            \u00c9tude du projet\n                        <\/h4>\n\n                        <p>\n                            Analyse des besoins avant le\n                            d\u00e9marrage de la r\u00e9alisation.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- \u00c9l\u00e9ment 4 -->\n\n                <div class=\"plans-feature\">\n\n                    <div class=\"plans-check plans-red-check\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Accompagnement\n                        <\/h4>\n\n                        <p>\n                            Un suivi personnalis\u00e9 pour faire\n                            \u00e9voluer votre projet sereinement.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- ==================================\n                 BOUTON SANS DESTINATION\n            =================================== -->\n\n            <button type=\"button\" class=\"plans-button\" id=\"plansAction\">\n\n                Pr\u00e9senter mon projet\n\n                <span>\u2192<\/span>\n\n            <\/button>\n\n        <\/div>\n\n\n        <!-- ==================================\n             PARTIE DROITE : VISUEL\n        =================================== -->\n\n        <div class=\"plans-visual\">\n\n            <div class=\"plans-main-image\">\n\n                <img  alt=\"Plans et conception de b\u00e2timents\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/newrevelationezannkpodo.com\/wp-content\/uploads\/2026\/08\/img11.png\">\n\n                <div class=\"plans-image-overlay\"><\/div>\n\n\n                <!-- Carte principale -->\n\n                <div class=\"plans-blue-card\">\n\n                    <div class=\"plans-card-icon\">\n                        \ud83d\udcd0\n                    <\/div>\n\n                    <div>\n\n                        <strong>\n                            CONCEPTION\n                        <\/strong>\n\n                        <span>\n                            De l&rsquo;id\u00e9e au plan\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Carte flottante -->\n\n            <div class=\"plans-floating-card\">\n\n                <div class=\"plans-floating-icon\">\n                    \u2713\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        PROJET SUR MESURE\n                    <\/strong>\n\n                    <span>\n                        Pens\u00e9 selon vos besoins\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ==================================\n         PROCESSUS DE CONCEPTION\n    =================================== -->\n\n    <div class=\"plans-process\">\n\n        <div class=\"plans-process-header\">\n\n            <span>\n                NOTRE PROCESSUS\n            <\/span>\n\n            <h3>\n                De votre id\u00e9e \u00e0 votre projet\n            <\/h3>\n\n        <\/div>\n\n\n        <div class=\"plans-process-grid\">\n\n\n            <!-- \u00c9TAPE 1 -->\n\n            <div class=\"plans-process-card\">\n\n                <div class=\"plans-process-number\">\n                    01\n                <\/div>\n\n                <div class=\"plans-process-icon\">\n                    \ud83d\udcac\n                <\/div>\n\n                <h4>\n                    \u00c9coute\n                <\/h4>\n\n                <p>\n                    Comprendre vos besoins, vos envies\n                    et vos objectifs.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- \u00c9TAPE 2 -->\n\n            <div class=\"plans-process-card\">\n\n                <div class=\"plans-process-number\">\n                    02\n                <\/div>\n\n                <div class=\"plans-process-icon plans-red-icon\">\n                    \ud83d\udcd0\n                <\/div>\n\n                <h4>\n                    Conception\n                <\/h4>\n\n                <p>\n                    Organiser les espaces et donner\n                    forme \u00e0 votre projet.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- \u00c9TAPE 3 -->\n\n            <div class=\"plans-process-card\">\n\n                <div class=\"plans-process-number\">\n                    03\n                <\/div>\n\n                <div class=\"plans-process-icon\">\n                    \ud83c\udfe0\n                <\/div>\n\n                <h4>\n                    Visualisation\n                <\/h4>\n\n                <p>\n                    Vous permettre de mieux visualiser\n                    votre future r\u00e9alisation.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- \u00c9TAPE 4 -->\n\n            <div class=\"plans-process-card\">\n\n                <div class=\"plans-process-number\">\n                    04\n                <\/div>\n\n                <div class=\"plans-process-icon plans-red-icon\">\n                    \u2713\n                <\/div>\n\n                <h4>\n                    Validation\n                <\/h4>\n\n                <p>\n                    Finaliser la conception avant\n                    le passage \u00e0 la r\u00e9alisation.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>PLANS &amp; CONCEPTION Donnons forme \u00e0 vos id\u00e9es Un bon projet commence par une conception bien pens\u00e9e. NEW REVELATION EZAN [&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-87","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/87","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=87"}],"version-history":[{"count":3,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/87\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/media?parent=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}