{"id":119,"date":"2026-08-27T14:05:25","date_gmt":"2026-08-27T12:05:25","guid":{"rendered":"https:\/\/newrevelationezannkpodo.com\/?page_id=119"},"modified":"2026-08-29T15:30:35","modified_gmt":"2026-08-29T13:30:35","slug":"nos-valeurs","status":"publish","type":"page","link":"https:\/\/newrevelationezannkpodo.com\/index.php\/nos-valeurs\/","title":{"rendered":"Nos valeurs"},"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 NOS VALEURS\n========================================== *\/\n\n.values-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.values-container {\n\n    position: relative;\n\n    z-index: 2;\n\n    max-width: 1250px;\n\n    margin: 0 auto;\n}\n\n\n\/* ==========================================\n   D\u00c9CORATIONS\n========================================== *\/\n\n.values-decoration {\n\n    position: absolute;\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n\n.values-decoration-blue {\n\n    width: 430px;\n    height: 430px;\n\n    top: -280px;\n    left: -280px;\n\n    border: 70px solid rgba(18, 63, 143, 0.04);\n}\n\n\n.values-decoration-red {\n\n    width: 350px;\n    height: 350px;\n\n    right: -240px;\n    bottom: -230px;\n\n    border: 65px solid rgba(210, 10, 46, 0.04);\n}\n\n\n\/* ==========================================\n   EN-T\u00caTE\n========================================== *\/\n\n.values-header {\n\n    max-width: 750px;\n\n    margin: 0 auto 65px;\n\n    text-align: center;\n}\n\n\n.values-label {\n\n    display: inline-block;\n\n    margin-bottom: 18px;\n\n    color: var(--nr-red);\n\n    font-size: 13px;\n\n    font-weight: 800;\n\n    letter-spacing: 3px;\n}\n\n\n.values-header h2 {\n\n    margin: 0;\n\n    color: var(--nr-black);\n\n    font-size: clamp(38px, 4vw, 56px);\n\n    line-height: 1.1;\n\n    font-weight: 800;\n}\n\n\n.values-header h2 span {\n\n    color: var(--nr-blue);\n}\n\n\n\/* ==========================================\n   LIGNE\n========================================== *\/\n\n.values-line {\n\n    position: relative;\n\n    width: 80px;\n    height: 5px;\n\n    margin: 25px auto 25px;\n\n    background: var(--nr-red);\n}\n\n\n.values-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.values-header p {\n\n    margin: 0;\n\n    color: var(--nr-gray);\n\n    font-size: 16px;\n\n    line-height: 1.8;\n}\n\n\n.values-header strong {\n\n    color: var(--nr-blue);\n\n    font-weight: 800;\n}\n\n\n\/* ==========================================\n   GRILLE\n========================================== *\/\n\n.values-grid {\n\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 25px;\n}\n\n\n\/* ==========================================\n   CARTE\n========================================== *\/\n\n.value-card {\n\n    position: relative;\n\n    min-height: 330px;\n\n    padding: 35px 30px;\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.05);\n\n    transition:\n        transform 0.4s ease,\n        box-shadow 0.4s ease,\n        border-color 0.4s ease;\n}\n\n\n\/* Barre sup\u00e9rieure *\/\n\n.value-card::before {\n\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 0;\n\n    width: 0;\n    height: 4px;\n\n    background: var(--nr-blue);\n\n    transition: width 0.4s ease;\n}\n\n\n.value-card:nth-child(even)::before {\n\n    background: var(--nr-red);\n}\n\n\n.value-card:hover {\n\n    transform: translateY(-10px);\n\n    border-color: transparent;\n\n    box-shadow:\n        0 25px 50px rgba(0, 0, 0, 0.12);\n}\n\n\n.value-card:hover::before {\n\n    width: 100%;\n}\n\n\n\/* ==========================================\n   NUM\u00c9RO\n========================================== *\/\n\n.value-number {\n\n    position: absolute;\n\n    top: 20px;\n    right: 25px;\n\n    color: #E8EBF0;\n\n    font-size: 45px;\n\n    font-weight: 900;\n\n    line-height: 1;\n}\n\n\n\/* ==========================================\n   IC\u00d4NE\n========================================== *\/\n\n.value-icon {\n\n    position: relative;\n\n    z-index: 2;\n\n    width: 65px;\n    height: 65px;\n\n    display: flex;\n\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 25px;\n\n    border-radius: 50%;\n\n    font-size: 25px;\n\n    font-weight: 900;\n\n    transition: all 0.4s ease;\n}\n\n\n.blue-icon {\n\n    color: var(--nr-blue);\n\n    background: rgba(18, 63, 143, 0.10);\n}\n\n\n.red-icon {\n\n    color: var(--nr-red);\n\n    background: rgba(210, 10, 46, 0.10);\n}\n\n\n.value-card:hover .value-icon {\n\n    transform: scale(1.08) rotate(5deg);\n}\n\n\n\/* ==========================================\n   TITRE CARTE\n========================================== *\/\n\n.value-card h3 {\n\n    position: relative;\n\n    z-index: 2;\n\n    margin: 0 0 14px;\n\n    color: var(--nr-blue);\n\n    font-size: 21px;\n\n    font-weight: 800;\n}\n\n\n.value-card:nth-child(even) h3 {\n\n    color: var(--nr-red);\n}\n\n\n\/* ==========================================\n   DESCRIPTION\n========================================== *\/\n\n.value-card p {\n\n    position: relative;\n\n    z-index: 2;\n\n    margin: 0;\n\n    color: var(--nr-gray);\n\n    font-size: 14px;\n\n    line-height: 1.75;\n}\n\n\n\/* ==========================================\n   FL\u00c8CHE\n========================================== *\/\n\n.value-arrow {\n\n    position: absolute;\n\n    bottom: 22px;\n    right: 25px;\n\n    color: var(--nr-blue);\n\n    font-size: 22px;\n\n    opacity: 0;\n\n    transform: translateX(-10px);\n\n    transition: all 0.4s ease;\n}\n\n\n.value-card:nth-child(even) .value-arrow {\n\n    color: var(--nr-red);\n}\n\n\n.value-card:hover .value-arrow {\n\n    opacity: 1;\n\n    transform: translateX(0);\n}\n\n\n\/* ==========================================\n   BAS DE SECTION\n========================================== *\/\n\n.values-bottom {\n\n    display: flex;\n\n    align-items: center;\n\n    justify-content: center;\n\n    gap: 20px;\n\n    margin-top: 60px;\n}\n\n\n.values-bottom p {\n\n    margin: 0;\n\n    color: var(--nr-gray);\n\n    font-size: 14px;\n\n    text-align: center;\n}\n\n\n.values-bottom strong {\n\n    color: var(--nr-blue);\n}\n\n\n.values-bottom-line {\n\n    width: 70px;\n\n    height: 1px;\n\n    background: var(--nr-red);\n}\n\n\n\/* ==========================================\n   ANIMATION AU SCROLL\n========================================== *\/\n\n.values-header,\n.value-card,\n.values-bottom {\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.values-section.active .values-header {\n\n    opacity: 1;\n\n    transform: translateY(0);\n}\n\n\n.values-section.active .value-card {\n\n    opacity: 1;\n\n    transform: translateY(0);\n}\n\n\n.values-section.active .values-bottom {\n\n    opacity: 1;\n\n    transform: translateY(0);\n\n    transition-delay: 0.8s;\n}\n\n\n\/* Animation progressive des cartes *\/\n\n.values-section.active .value-card:nth-child(1) {\n    transition-delay: 0.1s;\n}\n\n.values-section.active .value-card:nth-child(2) {\n    transition-delay: 0.2s;\n}\n\n.values-section.active .value-card:nth-child(3) {\n    transition-delay: 0.3s;\n}\n\n.values-section.active .value-card:nth-child(4) {\n    transition-delay: 0.4s;\n}\n\n.values-section.active .value-card:nth-child(5) {\n    transition-delay: 0.5s;\n}\n\n.values-section.active .value-card:nth-child(6) {\n    transition-delay: 0.6s;\n}\n\n\n\/* ==========================================\n   TABLETTE\n========================================== *\/\n\n@media (max-width: 950px) {\n\n    .values-section {\n\n        padding: 80px 5%;\n    }\n\n\n    .values-grid {\n\n        grid-template-columns: repeat(2, 1fr);\n    }\n\n}\n\n\n\/* ==========================================\n   MOBILE\n========================================== *\/\n\n@media (max-width: 600px) {\n\n    .values-section {\n\n        padding: 65px 20px;\n    }\n\n\n    .values-header {\n\n        margin-bottom: 45px;\n    }\n\n\n    .values-header h2 {\n\n        font-size: 38px;\n    }\n\n\n    .values-grid {\n\n        grid-template-columns: 1fr;\n\n        gap: 18px;\n    }\n\n\n    .value-card {\n\n        min-height: 290px;\n\n        padding: 30px 25px;\n    }\n\n\n    .value-icon {\n\n        width: 55px;\n        height: 55px;\n\n        font-size: 22px;\n    }\n\n\n    .value-card h3 {\n\n        font-size: 19px;\n    }\n\n\n    .values-bottom {\n\n        gap: 10px;\n    }\n\n\n    .values-bottom-line {\n\n        width: 30px;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* ==========================================\n   ANIMATION - NOS VALEURS\n========================================== *\/\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n    const valuesSection =\n        document.querySelector(\"#nos-valeurs\");\n\n\n    if (!valuesSection) return;\n\n\n    const observer = new IntersectionObserver(\n\n        function (entries) {\n\n            entries.forEach(function (entry) {\n\n                if (entry.isIntersecting) {\n\n                    valuesSection.classList.add(\"active\");\n\n                    observer.unobserve(valuesSection);\n\n                }\n\n            });\n\n        },\n\n        {\n            threshold: 0.15\n        }\n\n    );\n\n\n    observer.observe(valuesSection);\n\n});\n<\/script>\n\n<!-- ==========================================\n     SECTION : NOS VALEURS\n========================================== -->\n\n<section class=\"values-section\" id=\"nos-valeurs\">\n\n    <!-- D\u00e9corations -->\n    <div class=\"values-decoration values-decoration-blue\"><\/div>\n    <div class=\"values-decoration values-decoration-red\"><\/div>\n\n    <div class=\"values-container\">\n\n        <!-- ==================================\n             EN-T\u00caTE DE SECTION\n        =================================== -->\n\n        <div class=\"values-header\">\n\n            <span class=\"values-label\">\n                NOS VALEURS\n            <\/span>\n\n            <h2>\n                Les valeurs qui\n                <span>nous d\u00e9finissent<\/span>\n            <\/h2>\n\n            <div class=\"values-line\"><\/div>\n\n            <p>\n                Chez <strong>NEW REVELATION EZAN NKPODO<\/strong>, nos\n                valeurs guident chacune de nos d\u00e9cisions et chacune\n                de nos relations avec nos clients et partenaires.\n            <\/p>\n\n        <\/div>\n\n\n        <!-- ==================================\n             CARTES DES VALEURS\n        =================================== -->\n\n        <div class=\"values-grid\">\n\n\n            <!-- VALEUR 1 -->\n            <article class=\"value-card\">\n\n                <div class=\"value-number\">\n                    01\n                <\/div>\n\n                <div class=\"value-icon blue-icon\">\n                    \u2713\n                <\/div>\n\n                <h3>\n                    Int\u00e9grit\u00e9\n                <\/h3>\n\n                <p>\n                    Nous agissons avec honn\u00eatet\u00e9, transparence et\n                    responsabilit\u00e9 afin de construire une relation\n                    durable avec nos clients.\n                <\/p>\n\n                <div class=\"value-arrow\">\n                    \u2192\n                <\/div>\n\n            <\/article>\n\n\n            <!-- VALEUR 2 -->\n            <article class=\"value-card\">\n\n                <div class=\"value-number\">\n                    02\n                <\/div>\n\n                <div class=\"value-icon red-icon\">\n                    \ud83e\udd1d\n                <\/div>\n\n                <h3>\n                    Confiance\n                <\/h3>\n\n                <p>\n                    Nous pla\u00e7ons la confiance au c\u0153ur de nos \u00e9changes\n                    pour accompagner chaque client avec s\u00e9r\u00e9nit\u00e9.\n                <\/p>\n\n                <div class=\"value-arrow\">\n                    \u2192\n                <\/div>\n\n            <\/article>\n\n\n            <!-- VALEUR 3 -->\n            <article class=\"value-card\">\n\n                <div class=\"value-number\">\n                    03\n                <\/div>\n\n                <div class=\"value-icon blue-icon\">\n                    \u2605\n                <\/div>\n\n                <h3>\n                    Excellence\n                <\/h3>\n\n                <p>\n                    Nous recherchons constamment la qualit\u00e9 et le\n                    professionnalisme dans chacune de nos r\u00e9alisations.\n                <\/p>\n\n                <div class=\"value-arrow\">\n                    \u2192\n                <\/div>\n\n            <\/article>\n\n\n            <!-- VALEUR 4 -->\n            <article class=\"value-card\">\n\n                <div class=\"value-number\">\n                    04\n                <\/div>\n\n                <div class=\"value-icon red-icon\">\n                    \ud83d\udca1\n                <\/div>\n\n                <h3>\n                    Innovation\n                <\/h3>\n\n                <p>\n                    Nous adoptons des solutions modernes et innovantes\n                    pour r\u00e9pondre aux nouvelles exigences du secteur.\n                <\/p>\n\n                <div class=\"value-arrow\">\n                    \u2192\n                <\/div>\n\n            <\/article>\n\n\n            <!-- VALEUR 5 -->\n            <article class=\"value-card\">\n\n                <div class=\"value-number\">\n                    05\n                <\/div>\n\n                <div class=\"value-icon blue-icon\">\n                    \u2764\ufe0f\n                <\/div>\n\n                <h3>\n                    Engagement\n                <\/h3>\n\n                <p>\n                    Nous nous engageons pleinement aux c\u00f4t\u00e9s de nos\n                    clients pour transformer leurs projets en r\u00e9ussites.\n                <\/p>\n\n                <div class=\"value-arrow\">\n                    \u2192\n                <\/div>\n\n            <\/article>\n\n\n            <!-- VALEUR 6 -->\n            <article class=\"value-card\">\n\n                <div class=\"value-number\">\n                    06\n                <\/div>\n\n                <div class=\"value-icon red-icon\">\n                    \ud83c\udf0d\n                <\/div>\n\n                <h3>\n                    Responsabilit\u00e9\n                <\/h3>\n\n                <p>\n                    Nous contribuons \u00e0 un d\u00e9veloppement immobilier\n                    responsable, durable et b\u00e9n\u00e9fique pour les g\u00e9n\u00e9rations\n                    futures.\n                <\/p>\n\n                <div class=\"value-arrow\">\n                    \u2192\n                <\/div>\n\n            <\/article>\n\n        <\/div>\n\n\n        <!-- ==================================\n             PHRASE FINALE\n        =================================== -->\n\n        <div class=\"values-bottom\">\n\n            <span class=\"values-bottom-line\"><\/span>\n\n            <p>\n                <strong>NEW REVELATION<\/strong> \u2014 Votre projet,\n                notre engagement.\n            <\/p>\n\n            <span class=\"values-bottom-line\"><\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>NOS VALEURS Les valeurs qui nous d\u00e9finissent Chez NEW REVELATION EZAN NKPODO, nos valeurs guident chacune de nos d\u00e9cisions et [&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-119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/119","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=119"}],"version-history":[{"count":3,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/pages\/119\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/newrevelationezannkpodo.com\/index.php\/wp-json\/wp\/v2\/media?parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}