{"id":99,"date":"2026-08-27T13:57:22","date_gmt":"2026-08-27T11:57:22","guid":{"rendered":"https:\/\/newrevelationezannkpodo.com\/?page_id=99"},"modified":"2026-08-29T22:57:38","modified_gmt":"2026-08-29T20:57:38","slug":"transit","status":"publish","type":"page","link":"https:\/\/newrevelationezannkpodo.com\/index.php\/transit\/","title":{"rendered":"Transit"},"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 TRANSIT\n========================================== *\/\n\n.transit-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.transit-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.transit-decoration {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n\n.transit-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.transit-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.transit-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.transit-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.transit-content h2 span {\n\n    color: var(--nr-blue);\n}\n\n\n\/* ==========================================\n   LIGNE\n========================================== *\/\n\n.transit-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.transit-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.transit-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.transit-content .transit-intro {\n\n    color: #333333;\n\n    font-size: 18px;\n\n    font-weight: 500;\n}\n\n\n\/* ==========================================\n   FEATURES\n========================================== *\/\n\n.transit-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.transit-feature {\n\n    display: flex;\n\n    align-items: flex-start;\n\n    gap: 12px;\n}\n\n\n.transit-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.transit-red-check {\n\n    background: rgba(210, 10, 46, 0.10);\n\n    color: var(--nr-red);\n}\n\n\n.transit-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.transit-feature:nth-child(even) h4 {\n\n    color: var(--nr-red);\n}\n\n\n.transit-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\n========================================== *\/\n\n.transit-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        box-shadow 0.3s ease;\n}\n\n\n.transit-button span {\n\n    font-size: 21px;\n\n    transition:\n        transform 0.3s ease;\n}\n\n\n.transit-button:hover {\n\n    background: var(--nr-blue);\n\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 10px 25px rgba(18, 63, 143, 0.25);\n}\n\n\n.transit-button:hover span {\n\n    transform: translateX(6px);\n}\n\n\n\/* ==========================================\n   VISUEL\n========================================== *\/\n\n.transit-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\n========================================== *\/\n\n.transit-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.transit-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.transit-main-image:hover img {\n\n    transform: scale(1.06);\n}\n\n\n\/* ==========================================\n   OVERLAY\n========================================== *\/\n\n.transit-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.84),\n            rgba(10, 42, 99, 0.04) 65%\n        );\n}\n\n\n\/* ==========================================\n   CARTE BLEUE\n========================================== *\/\n\n.transit-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.transit-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.transit-blue-card strong {\n\n    display: block;\n\n    color: var(--nr-blue);\n\n    font-size: 15px;\n}\n\n\n.transit-blue-card span {\n\n    display: block;\n\n    margin-top: 4px;\n\n    color: var(--nr-gray);\n\n    font-size: 11px;\n}\n\n\n\/* ==========================================\n   CARTE FLOTTANTE\n========================================== *\/\n\n.transit-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.transit-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.transit-floating-card strong {\n\n    display: block;\n\n    font-size: 12px;\n\n    letter-spacing: 1px;\n}\n\n\n.transit-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.transit-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.transit-process-header {\n\n    margin-bottom: 45px;\n\n    text-align: center;\n}\n\n\n.transit-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.transit-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\n========================================== *\/\n\n.transit-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\n========================================== *\/\n\n.transit-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.transit-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.transit-process-card:nth-child(even)::before {\n\n    background: var(--nr-red);\n}\n\n\n.transit-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.transit-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.transit-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.transit-red-icon {\n\n    background: rgba(210, 10, 46, 0.10);\n}\n\n\n\/* ==========================================\n   TITRES\n========================================== *\/\n\n.transit-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.transit-process-card:nth-child(even) h4 {\n\n    color: var(--nr-red);\n}\n\n\n\/* ==========================================\n   DESCRIPTIONS\n========================================== *\/\n\n.transit-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   BANDEAU\n========================================== *\/\n\n.transit-trust {\n\n    position: relative;\n\n    z-index: 2;\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.transit-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    font-weight: 900;\n}\n\n\n.transit-trust strong {\n\n    display: block;\n\n    font-size: 15px;\n\n    letter-spacing: 0.5px;\n}\n\n\n.transit-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   ANIMATION\n========================================== *\/\n\n.transit-content,\n.transit-visual,\n.transit-process-header,\n.transit-process-card,\n.transit-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.transit-section.active\n.transit-content {\n\n    opacity: 1;\n\n    transform: translateY(0);\n}\n\n\n.transit-section.active\n.transit-visual {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.15s;\n}\n\n\n.transit-section.active\n.transit-process-header {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.3s;\n}\n\n\n.transit-section.active\n.transit-process-card {\n\n    opacity: 1;\n\n    transform: translateY(0);\n}\n\n\n.transit-section.active\n.transit-trust {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.8s;\n}\n\n\n\/* ==========================================\n   ANIMATION DES CARTES\n========================================== *\/\n\n.transit-section.active\n.transit-process-card:nth-child(1) {\n\n    transition-delay: 0.4s;\n}\n\n\n.transit-section.active\n.transit-process-card:nth-child(2) {\n\n    transition-delay: 0.5s;\n}\n\n\n.transit-section.active\n.transit-process-card:nth-child(3) {\n\n    transition-delay: 0.6s;\n}\n\n\n.transit-section.active\n.transit-process-card:nth-child(4) {\n\n    transition-delay: 0.7s;\n}\n\n\n\/* ==========================================\n   TABLETTE\n========================================== *\/\n\n@media (max-width: 1000px) {\n\n    .transit-section {\n\n        padding: 80px 5%;\n    }\n\n\n    .transit-container {\n\n        grid-template-columns: 1fr;\n\n        gap: 60px;\n    }\n\n\n    .transit-visual {\n\n        min-height: 550px;\n    }\n\n\n    .transit-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    .transit-section {\n\n        padding: 65px 20px;\n    }\n\n\n    .transit-content h2 {\n\n        font-size: 38px;\n    }\n\n\n    .transit-content\n    .transit-intro {\n\n        font-size: 16px;\n    }\n\n\n    .transit-features {\n\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n    }\n\n\n    .transit-button {\n\n        width: 100%;\n    }\n\n\n    .transit-visual {\n\n        min-height: 430px;\n    }\n\n\n    .transit-main-image {\n\n        height: 430px;\n    }\n\n\n    .transit-floating-card {\n\n        right: 10px;\n\n        top: 20px;\n\n        padding: 15px 18px;\n    }\n\n\n    .transit-blue-card {\n\n        left: 15px;\n\n        bottom: 15px;\n\n        padding: 14px 16px;\n    }\n\n\n    .transit-process-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n    }\n\n\n    .transit-process-header h3 {\n\n        font-size: 27px;\n    }\n\n\n    .transit-trust {\n\n        align-items: flex-start;\n\n        padding: 20px;\n    }\n\n\n    .transit-trust strong {\n\n        font-size: 13px;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* ==========================================\n   SERVICE TRANSIT\n========================================== *\/\n\ndocument.addEventListener(\n    \"DOMContentLoaded\",\n    function () {\n\n\n        const transitSection =\n            document.querySelector(\n                \"#service-transit\"\n            );\n\n\n        if (!transitSection) return;\n\n\n        \/* ==================================\n           ANIMATION AU SCROLL\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                                transitSection\n                                    .classList\n                                    .add(\"active\");\n\n\n                                observer.unobserve(\n                                    transitSection\n                                );\n\n                            }\n\n                        }\n                    );\n\n                },\n\n                {\n                    threshold: 0.12\n                }\n\n            );\n\n\n        observer.observe(\n            transitSection\n        );\n\n\n        \/* ==================================\n           EFFET PARALLAXE SUR L'IMAGE\n        ================================== *\/\n\n        const transitImage =\n            transitSection.querySelector(\n                \".transit-main-image img\"\n            );\n\n\n        if (transitImage) {\n\n            transitSection.addEventListener(\n                \"mousemove\",\n                function (event) {\n\n                    const rect =\n                        transitSection\n                            .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                    transitImage.style.transform =\n                        `scale(1.04)\n                         translate(\n                            ${moveX}px,\n                            ${moveY}px\n                         )`;\n\n                }\n            );\n\n\n            transitSection.addEventListener(\n                \"mouseleave\",\n                function () {\n\n                    transitImage.style.transform =\n                        \"scale(1)\";\n\n                }\n            );\n\n        }\n\n\n        \/* ==================================\n           BOUTON SANS DESTINATION\n        ================================== *\/\n\n        const transitButton =\n            document.querySelector(\n                \"#transitAction\"\n            );\n\n\n        if (transitButton) {\n\n            transitButton.addEventListener(\n                \"click\",\n                function () {\n\n                    this.classList.add(\n                        \"transit-button-clicked\"\n                    );\n\n\n                    this.style.transform =\n                        \"scale(0.96)\";\n\n\n                    setTimeout(\n                        () => {\n\n                            this.style.transform =\n                                \"\";\n\n                            this.classList.remove(\n                                \"transit-button-clicked\"\n                            );\n\n                        },\n                        180\n                    );\n\n                }\n            );\n\n        }\n\n\n        \/* ==================================\n           EFFET SUR LES CARTES\n        ================================== *\/\n\n        const cards =\n            transitSection.querySelectorAll(\n                \".transit-process-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 : TRANSIT\n========================================== -->\n\n<section class=\"transit-section\" id=\"service-transit\">\n\n    <!-- D\u00e9corations -->\n    <div class=\"transit-decoration transit-blue\"><\/div>\n    <div class=\"transit-decoration transit-red\"><\/div>\n\n\n    <div class=\"transit-container\">\n\n        <!-- ==================================\n             PARTIE GAUCHE : CONTENU\n        =================================== -->\n\n        <div class=\"transit-content\">\n\n            <span class=\"transit-label\">\n                SERVICE TRANSIT\n            <\/span>\n\n\n            <h2>\n                Facilitez vos\n                <span>op\u00e9rations de transit<\/span>\n            <\/h2>\n\n\n            <div class=\"transit-line\"><\/div>\n\n\n            <p class=\"transit-intro\">\n\n                NEW REVELATION vous accompagne dans\n                vos op\u00e9rations de transit avec une\n                approche organis\u00e9e, professionnelle\n                et orient\u00e9e vers la satisfaction de\n                vos besoins.\n\n            <\/p>\n\n\n            <p>\n\n                Nous vous accompagnons dans la coordination\n                de vos op\u00e9rations afin de faciliter la\n                circulation de vos marchandises et de\n                simplifier vos diff\u00e9rentes d\u00e9marches.\n\n            <\/p>\n\n\n            <!-- ==================================\n                 SERVICES\n            =================================== -->\n\n            <div class=\"transit-features\">\n\n\n                <!-- SERVICE 1 -->\n\n                <div class=\"transit-feature\">\n\n                    <div class=\"transit-check\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Organisation du transit\n                        <\/h4>\n\n                        <p>\n                            Coordination des diff\u00e9rentes\n                            \u00e9tapes de vos op\u00e9rations.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- SERVICE 2 -->\n\n                <div class=\"transit-feature\">\n\n                    <div class=\"transit-check transit-red-check\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Gestion documentaire\n                        <\/h4>\n\n                        <p>\n                            Assistance dans la pr\u00e9paration\n                            et le suivi des documents.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- SERVICE 3 -->\n\n                <div class=\"transit-feature\">\n\n                    <div class=\"transit-check\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Suivi des op\u00e9rations\n                        <\/h4>\n\n                        <p>\n                            Suivi de l&rsquo;\u00e9volution de vos\n                            op\u00e9rations de transit.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n\n                <!-- SERVICE 4 -->\n\n                <div class=\"transit-feature\">\n\n                    <div class=\"transit-check transit-red-check\">\n                        \u2713\n                    <\/div>\n\n                    <div>\n\n                        <h4>\n                            Accompagnement personnalis\u00e9\n                        <\/h4>\n\n                        <p>\n                            Une assistance adapt\u00e9e aux\n                            sp\u00e9cificit\u00e9s de votre op\u00e9ration.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- ==================================\n                 BOUTON SANS LIEN\n            =================================== -->\n\n            <button type=\"button\" class=\"transit-button\" id=\"transitAction\">\n\n                Pr\u00e9senter mon op\u00e9ration\n\n                <span>\u2192<\/span>\n\n            <\/button>\n\n        <\/div>\n\n\n        <!-- ==================================\n             PARTIE DROITE : IMAGE\n        =================================== -->\n\n        <div class=\"transit-visual\">\n\n            <div class=\"transit-main-image\">\n\n                <img  alt=\"Service transit NEW REVELATION\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/newrevelationezannkpodo.com\/wp-content\/uploads\/2026\/08\/img15.png\">\n\n                <div class=\"transit-image-overlay\"><\/div>\n\n\n                <!-- Carte image -->\n\n                <div class=\"transit-blue-card\">\n\n                    <div class=\"transit-card-icon\">\n                        \ud83d\udea2\n                    <\/div>\n\n                    <div>\n\n                        <strong>\n                            SERVICE TRANSIT\n                        <\/strong>\n\n                        <span>\n                            Organisation &amp; suivi\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n\n            <!-- Carte flottante -->\n\n            <div class=\"transit-floating-card\">\n\n                <div class=\"transit-floating-icon\">\n                    \u2713\n                <\/div>\n\n                <div>\n\n                    <strong>\n                        TRANSIT ORGANIS\u00c9\n                    <\/strong>\n\n                    <span>\n                        Un suivi \u00e0 chaque \u00e9tape\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ==========================================\n         PROCESSUS\n    =========================================== -->\n\n    <div class=\"transit-process\">\n\n        <div class=\"transit-process-header\">\n\n            <span>\n                NOTRE PROCESSUS\n            <\/span>\n\n            <h3>\n                Un accompagnement structur\u00e9 de votre op\u00e9ration\n            <\/h3>\n\n        <\/div>\n\n\n        <div class=\"transit-process-grid\">\n\n\n            <!-- \u00c9TAPE 1 -->\n\n            <div class=\"transit-process-card\">\n\n                <div class=\"transit-process-number\">\n                    01\n                <\/div>\n\n                <div class=\"transit-process-icon\">\n                    \ud83d\udccb\n                <\/div>\n\n                <h4>\n                    \u00c9tude\n                <\/h4>\n\n                <p>\n                    Analyse de votre besoin et des\n                    caract\u00e9ristiques de l&rsquo;op\u00e9ration.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- \u00c9TAPE 2 -->\n\n            <div class=\"transit-process-card\">\n\n                <div class=\"transit-process-number\">\n                    02\n                <\/div>\n\n                <div class=\"transit-process-icon transit-red-icon\">\n                    \ud83d\udcd1\n                <\/div>\n\n                <h4>\n                    Pr\u00e9paration\n                <\/h4>\n\n                <p>\n                    Organisation des documents et\n                    des diff\u00e9rentes d\u00e9marches.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- \u00c9TAPE 3 -->\n\n            <div class=\"transit-process-card\">\n\n                <div class=\"transit-process-number\">\n                    03\n                <\/div>\n\n                <div class=\"transit-process-icon\">\n                    \ud83d\ude9a\n                <\/div>\n\n                <h4>\n                    Coordination\n                <\/h4>\n\n                <p>\n                    Coordination des diff\u00e9rentes\n                    \u00e9tapes de l&rsquo;op\u00e9ration.\n                <\/p>\n\n            <\/div>\n\n\n            <!-- \u00c9TAPE 4 -->\n\n            <div class=\"transit-process-card\">\n\n                <div class=\"transit-process-number\">\n                    04\n                <\/div>\n\n                <div class=\"transit-process-icon transit-red-icon\">\n                    \u2713\n                <\/div>\n\n                <h4>\n                    Suivi\n                <\/h4>\n\n                <p>\n                    Suivi de l&rsquo;op\u00e9ration jusqu&rsquo;\u00e0\n                    son aboutissement.\n                <\/p>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- ==========================================\n         BANDEAU\n    =========================================== -->\n\n    <div class=\"transit-trust\">\n\n        <div class=\"transit-trust-icon\">\n            \u2713\n        <\/div>\n\n        <div>\n\n            <strong>\n                UN TRANSIT PLUS SIMPLE ET MIEUX ORGANIS\u00c9\n            <\/strong>\n\n            <span>\n                NEW REVELATION vous accompagne dans\n                la coordination et le suivi de vos\n                op\u00e9rations de transit.\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>SERVICE TRANSIT Facilitez vos op\u00e9rations de transit NEW REVELATION vous accompagne dans vos op\u00e9rations de transit avec une approche organis\u00e9e, [&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-99","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/99","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=99"}],"version-history":[{"count":4,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/99\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/99\/revisions\/387"}],"wp:attachment":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/media?parent=99"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}