{"id":1300,"date":"2025-11-12T14:41:11","date_gmt":"2025-11-12T13:41:11","guid":{"rendered":"https:\/\/hodronn.fr\/?page_id=1300"},"modified":"2025-11-17T01:02:48","modified_gmt":"2025-11-17T00:02:48","slug":"qui-sommes-nous","status":"publish","type":"page","link":"https:\/\/hodronn.fr\/index.php\/qui-sommes-nous\/","title":{"rendered":"Qui sommes-nous ?"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-6ef4fae8 alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<style>\n    \/* ========================================\n       VARIABLES HODR\u00d8NN\n       ======================================== *\/\n    :root {\n        --hodronn-blue: #00017B;\n        --hodronn-blue-hover: #00006A;\n        --blue-10: #EEF0FF;\n        --blue-5: #F7F8FF;\n        --ink-100: #0B0B0E;\n        --ink-70: #2A2A32;\n        --ink-40: #6B6B78;\n        --line-10: #E9E9EF;\n        --surface: #FFFFFF;\n    }\n\n    \/* ========================================\n       RESET & BASE\n       ======================================== *\/\n    .hodronn-qui-sommes-nous * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    .hodronn-qui-sommes-nous {\n        font-family: 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n        background: white;\n        color: var(--ink-70);\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n    }\n\n    \/* ========================================\n       ANIMATIONS\n       ======================================== *\/\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes gradientShift {\n        0%, 100% { background-position: 0% 50%; }\n        50% { background-position: 100% 50%; }\n    }\n\n    @keyframes underlineGrow {\n        to { transform: scaleX(1); }\n    }\n\n    \/* ========================================\n       HERO SECTION\n       ======================================== *\/\n    .hodronn-qui-sommes-nous .hero-section {\n        min-height: 65vh;\n        display: flex;\n        align-items: center;\n        position: relative;\n        overflow: hidden;\n        padding: 5rem 0 4rem;\n        background: linear-gradient(180deg, white 0%, var(--blue-5) 100%);\n    }\n\n    .hodronn-qui-sommes-nous .hero-background {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        overflow: hidden;\n    }\n\n    .hodronn-qui-sommes-nous .hero-veil {\n        position: absolute;\n        border-radius: 50%;\n        background: radial-gradient(circle, rgba(0, 1, 123, 0.06), transparent 70%);\n        filter: blur(80px);\n    }\n\n    .hodronn-qui-sommes-nous .hero-veil-1 {\n        width: 500px;\n        height: 500px;\n        top: -150px;\n        right: -100px;\n    }\n\n    .hodronn-qui-sommes-nous .hero-veil-2 {\n        width: 400px;\n        height: 400px;\n        bottom: -100px;\n        left: -80px;\n        background: radial-gradient(circle, rgba(99, 102, 241, 0.05), transparent 70%);\n    }\n\n    .hodronn-qui-sommes-nous .hero-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 1.5rem;\n        position: relative;\n        z-index: 1;\n    }\n\n    .hodronn-qui-sommes-nous .hero-content {\n        max-width: 800px;\n        margin: 0 auto;\n        text-align: center;\n    }\n\n    .hodronn-qui-sommes-nous .hero-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.5rem 1.25rem;\n        background: rgba(255, 255, 255, 0.9);\n        backdrop-filter: blur(12px);\n        border: 1px solid var(--line-10);\n        border-radius: 999px;\n        margin-bottom: 1.5rem;\n    }\n\n    .hodronn-qui-sommes-nous .hero-badge-icon {\n        width: 1rem;\n        height: 1rem;\n        color: var(--hodronn-blue);\n    }\n\n    .hodronn-qui-sommes-nous .hero-badge-text {\n        font-size: 0.75rem;\n        font-weight: 600;\n        color: var(--hodronn-blue);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\n\n    .hodronn-qui-sommes-nous .hero-title {\n        font-size: clamp(2.5rem, 5vw, 3.5rem);\n        line-height: 1.2;\n        font-weight: 600;\n        color: var(--ink-100);\n        margin-bottom: 1.5rem;\n        letter-spacing: -0.02em;\n    }\n\n    .hodronn-qui-sommes-nous .gradient-word {\n        background: linear-gradient(135deg, var(--hodronn-blue), #6366f1, #9333ea);\n        background-size: 200% 200%;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        animation: gradientShift 4s ease infinite;\n        position: relative;\n        display: inline-block;\n    }\n\n    .hodronn-qui-sommes-nous .gradient-word::after {\n        content: '';\n        position: absolute;\n        bottom: 0.2rem;\n        left: 0;\n        width: 100%;\n        height: 3px;\n        background: linear-gradient(90deg, var(--hodronn-blue), #6366f1);\n        transform: scaleX(0);\n        transform-origin: left;\n        animation: underlineGrow 1.2s ease-out 0.6s forwards;\n    }\n\n    .hodronn-qui-sommes-nous .hero-description {\n        font-size: 1.125rem;\n        line-height: 1.7;\n        color: var(--ink-70);\n        max-width: 700px;\n        margin: 0 auto;\n    }\n\n    \/* ========================================\n       CONTENT SECTIONS\n       ======================================== *\/\n    .hodronn-qui-sommes-nous .content-section {\n        padding: 4rem 0;\n    }\n\n    .hodronn-qui-sommes-nous .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 1.5rem;\n    }\n\n    \/* ========================================\n       INTRO SECTION\n       ======================================== *\/\n    .hodronn-qui-sommes-nous .intro-box {\n        max-width: 1000px;\n        margin: 0 auto;\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(247, 248, 255, 0.95));\n        backdrop-filter: blur(20px);\n        border: 1px solid var(--line-10);\n        border-radius: 24px;\n        padding: 3.5rem;\n        box-shadow: 0 8px 32px rgba(0, 1, 123, 0.08);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hodronn-qui-sommes-nous .intro-box::before {\n        content: '';\n        position: absolute;\n        top: -50%;\n        right: -10%;\n        width: 400px;\n        height: 400px;\n        background: radial-gradient(circle, rgba(0, 1, 123, 0.04), transparent 70%);\n        border-radius: 50%;\n        filter: blur(60px);\n    }\n\n    .hodronn-qui-sommes-nous .intro-content {\n        position: relative;\n        z-index: 1;\n    }\n\n    .hodronn-qui-sommes-nous .intro-icon-wrapper {\n        display: flex;\n        justify-content: center;\n        gap: 1.5rem;\n        margin-bottom: 2rem;\n    }\n\n    .hodronn-qui-sommes-nous .intro-icon-box {\n        width: 3.5rem;\n        height: 3.5rem;\n        padding: 0.875rem;\n        background: linear-gradient(135deg, var(--blue-10), white);\n        border: 1px solid rgba(0, 1, 123, 0.1);\n        border-radius: 16px;\n        color: var(--hodronn-blue);\n        transition: all 0.3s ease;\n    }\n\n    .hodronn-qui-sommes-nous .intro-icon-box:hover {\n        transform: translateY(-3px) rotate(5deg);\n        box-shadow: 0 8px 20px rgba(0, 1, 123, 0.15);\n    }\n\n    .hodronn-qui-sommes-nous .intro-title {\n        font-size: clamp(1.875rem, 3.5vw, 2.5rem);\n        font-weight: 700;\n        color: var(--ink-100);\n        margin-bottom: 1.5rem;\n        letter-spacing: -0.02em;\n        text-align: center;\n    }\n\n    .hodronn-qui-sommes-nous .intro-text {\n        font-size: 1.1875rem;\n        line-height: 1.8;\n        color: var(--ink-70);\n        text-align: center;\n        max-width: 800px;\n        margin: 0 auto;\n    }\n\n    .hodronn-qui-sommes-nous .intro-highlight {\n        color: var(--hodronn-blue);\n        font-weight: 600;\n    }\n\n    \/* ========================================\n       FONDATEURS SECTION\n       ======================================== *\/\n    .hodronn-qui-sommes-nous .fondateurs-section {\n        padding: 5rem 0;\n        background: white;\n    }\n\n    .hodronn-qui-sommes-nous .section-title {\n        font-size: clamp(2rem, 4vw, 2.5rem);\n        font-weight: 600;\n        text-align: center;\n        margin-bottom: 4rem;\n        color: var(--ink-100);\n        letter-spacing: -0.02em;\n    }\n\n    .hodronn-qui-sommes-nous .founders-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\n        gap: 3rem;\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .hodronn-qui-sommes-nous .founder-card {\n        background: white;\n        border: 1px solid var(--line-10);\n        border-radius: 24px;\n        padding: 3rem;\n        transition: all 0.3s ease;\n    }\n\n    .hodronn-qui-sommes-nous .founder-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 12px 40px rgba(0, 1, 123, 0.1);\n        border-color: rgba(0, 1, 123, 0.2);\n    }\n\n    .hodronn-qui-sommes-nous .founder-header {\n        margin-bottom: 2rem;\n        padding-bottom: 2rem;\n        border-bottom: 2px solid var(--line-10);\n    }\n\n    .hodronn-qui-sommes-nous .founder-icon {\n        width: 3rem;\n        height: 3rem;\n        padding: 0.75rem;\n        background: linear-gradient(135deg, var(--blue-10), var(--blue-5));\n        border-radius: 12px;\n        color: var(--hodronn-blue);\n        margin-bottom: 1.5rem;\n    }\n\n    .hodronn-qui-sommes-nous .founder-name {\n        font-size: 1.75rem;\n        font-weight: 600;\n        color: var(--hodronn-blue);\n        margin-bottom: 0.5rem;\n        letter-spacing: -0.01em;\n    }\n\n    .hodronn-qui-sommes-nous .founder-role {\n        font-size: 1.125rem;\n        font-weight: 500;\n        color: #6366f1;\n        margin-bottom: 0.75rem;\n    }\n\n    .hodronn-qui-sommes-nous .founder-subtitle {\n        font-size: 0.9375rem;\n        font-weight: 500;\n        color: var(--ink-40);\n        line-height: 1.5;\n    }\n\n    .hodronn-qui-sommes-nous .founder-description {\n        font-size: 1.0625rem;\n        line-height: 1.8;\n        color: var(--ink-70);\n        margin-bottom: 1.5rem;\n    }\n\n    .hodronn-qui-sommes-nous .founder-mission {\n        background: var(--blue-5);\n        border-left: 3px solid var(--hodronn-blue);\n        padding: 1.25rem 1.5rem;\n        border-radius: 8px;\n        margin-bottom: 1.5rem;\n    }\n\n    .hodronn-qui-sommes-nous .mission-label {\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: var(--hodronn-blue);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        margin-bottom: 0.5rem;\n    }\n\n    .hodronn-qui-sommes-nous .mission-text {\n        font-size: 1rem;\n        line-height: 1.7;\n        color: var(--ink-70);\n    }\n\n    .hodronn-qui-sommes-nous .founder-quote {\n        padding: 1.25rem 1.5rem;\n        background: linear-gradient(135deg, rgba(0, 1, 123, 0.03), rgba(99, 102, 241, 0.03));\n        border-radius: 12px;\n        font-style: italic;\n        color: var(--ink-70);\n        font-size: 1rem;\n        line-height: 1.6;\n        position: relative;\n    }\n\n    .hodronn-qui-sommes-nous .founder-quote::before {\n        content: '\"';\n        position: absolute;\n        left: 0.75rem;\n        top: 0.5rem;\n        font-size: 2.5rem;\n        color: rgba(0, 1, 123, 0.1);\n        font-family: Georgia, serif;\n        line-height: 1;\n    }\n\n    \/* ========================================\n       MISSION SECTION\n       ======================================== *\/\n    .hodronn-qui-sommes-nous .mission-section {\n        padding: 5rem 0;\n        background: linear-gradient(180deg, white 0%, var(--blue-5) 100%);\n    }\n\n    .hodronn-qui-sommes-nous .mission-box {\n        max-width: 850px;\n        margin: 0 auto;\n        text-align: center;\n        background: white;\n        border: 1px solid var(--line-10);\n        border-radius: 24px;\n        padding: 3.5rem;\n    }\n\n    .hodronn-qui-sommes-nous .mission-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0.5rem 1.25rem;\n        background: var(--blue-10);\n        border-radius: 999px;\n        margin-bottom: 1.5rem;\n    }\n\n    .hodronn-qui-sommes-nous .mission-badge-icon {\n        width: 1.25rem;\n        height: 1.25rem;\n        color: var(--hodronn-blue);\n    }\n\n    .hodronn-qui-sommes-nous .mission-badge-text {\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: var(--hodronn-blue);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\n\n    .hodronn-qui-sommes-nous .mission-title {\n        font-size: clamp(1.75rem, 3vw, 2.25rem);\n        font-weight: 600;\n        color: var(--ink-100);\n        margin-bottom: 1.5rem;\n        letter-spacing: -0.01em;\n    }\n\n    .hodronn-qui-sommes-nous .mission-description {\n        font-size: 1.125rem;\n        line-height: 1.8;\n        color: var(--ink-70);\n        margin-bottom: 1.25rem;\n    }\n\n    .hodronn-qui-sommes-nous .mission-tagline {\n        font-size: 1.25rem;\n        font-weight: 600;\n        color: var(--hodronn-blue);\n        margin-top: 1.5rem;\n        font-style: italic;\n    }\n\n    \/* ========================================\n       CTA SECTION\n       ======================================== *\/\n    .hodronn-qui-sommes-nous .cta-section {\n        text-align: center;\n        padding: 5rem 0 4rem;\n        background: white;\n    }\n\n    .hodronn-qui-sommes-nous .cta-title {\n        font-size: clamp(2rem, 4vw, 2.75rem);\n        font-weight: 600;\n        margin-bottom: 1.25rem;\n        color: var(--ink-100);\n        letter-spacing: -0.02em;\n    }\n\n    .hodronn-qui-sommes-nous .cta-text {\n        font-size: 1.125rem;\n        color: var(--ink-70);\n        margin-bottom: 2.5rem;\n        max-width: 600px;\n        margin-left: auto;\n        margin-right: auto;\n        line-height: 1.7;\n    }\n\n    .hodronn-qui-sommes-nous .cta-button {\n        display: inline-block;\n        padding: 1rem 3rem;\n        background: var(--hodronn-blue);\n        color: white;\n        text-decoration: none;\n        border-radius: 999px;\n        font-weight: 600;\n        font-size: 1.0625rem;\n        transition: all 0.3s ease;\n        box-shadow: 0 8px 24px rgba(0, 1, 123, 0.25);\n    }\n\n    .hodronn-qui-sommes-nous .cta-button:hover {\n        background: var(--hodronn-blue-hover);\n        transform: translateY(-2px);\n        box-shadow: 0 12px 32px rgba(0, 1, 123, 0.35);\n    }\n\n    \/* ========================================\n       RESPONSIVE\n       ======================================== *\/\n    @media (max-width: 768px) {\n        .hodronn-qui-sommes-nous .hero-section {\n            min-height: auto;\n            padding: 4rem 0 3.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .hero-veil-1,\n        .hodronn-qui-sommes-nous .hero-veil-2 {\n            width: 300px;\n            height: 300px;\n        }\n\n        .hodronn-qui-sommes-nous .hero-container,\n        .hodronn-qui-sommes-nous .container {\n            padding: 0 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .hero-badge {\n            padding: 0.4rem 1rem;\n            margin-bottom: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .hero-badge-text {\n            font-size: 0.6875rem;\n        }\n\n        .hodronn-qui-sommes-nous .hero-title {\n            font-size: 2rem;\n            margin-bottom: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .hero-description {\n            font-size: 1rem;\n        }\n\n        .hodronn-qui-sommes-nous .content-section {\n            padding: 3.5rem 0;\n        }\n\n        .hodronn-qui-sommes-nous .intro-box {\n            padding: 2.5rem 1.75rem;\n            border-radius: 20px;\n        }\n\n        .hodronn-qui-sommes-nous .intro-icon-wrapper {\n            gap: 1rem;\n            margin-bottom: 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .intro-icon-box {\n            width: 3rem;\n            height: 3rem;\n            padding: 0.75rem;\n            border-radius: 12px;\n        }\n\n        .hodronn-qui-sommes-nous .intro-title {\n            font-size: 1.75rem;\n            margin-bottom: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .intro-text {\n            font-size: 1rem;\n            line-height: 1.7;\n        }\n\n        .hodronn-qui-sommes-nous .fondateurs-section {\n            padding: 4rem 0;\n        }\n\n        .hodronn-qui-sommes-nous .section-title {\n            font-size: 1.875rem;\n            margin-bottom: 2.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .founders-grid {\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-card {\n            padding: 2.25rem;\n            border-radius: 20px;\n        }\n\n        .hodronn-qui-sommes-nous .founder-header {\n            margin-bottom: 1.75rem;\n            padding-bottom: 1.75rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-icon {\n            width: 2.75rem;\n            height: 2.75rem;\n            padding: 0.625rem;\n            margin-bottom: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-name {\n            font-size: 1.5rem;\n            margin-bottom: 0.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-role {\n            font-size: 1rem;\n            margin-bottom: 0.625rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-subtitle {\n            font-size: 0.875rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-description {\n            font-size: 1rem;\n            line-height: 1.7;\n            margin-bottom: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-mission {\n            padding: 1.125rem 1.25rem;\n            margin-bottom: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-label {\n            font-size: 0.8125rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-text {\n            font-size: 0.9375rem;\n            line-height: 1.6;\n        }\n\n        .hodronn-qui-sommes-nous .mission-section {\n            padding: 4rem 0;\n        }\n\n        .hodronn-qui-sommes-nous .mission-box {\n            padding: 2.5rem 1.75rem;\n            border-radius: 20px;\n        }\n\n        .hodronn-qui-sommes-nous .mission-badge {\n            padding: 0.4rem 1rem;\n            margin-bottom: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-badge-icon {\n            width: 1.125rem;\n            height: 1.125rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-badge-text {\n            font-size: 0.8125rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-title {\n            font-size: 1.625rem;\n            margin-bottom: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-description {\n            font-size: 1rem;\n            line-height: 1.7;\n            margin-bottom: 1rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-tagline {\n            font-size: 1.125rem;\n            margin-top: 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .cta-section {\n            padding: 4rem 0 3.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .cta-title {\n            font-size: 1.75rem;\n            margin-bottom: 1rem;\n        }\n\n        .hodronn-qui-sommes-nous .cta-text {\n            font-size: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        .hodronn-qui-sommes-nous .cta-button {\n            padding: 0.875rem 2.25rem;\n            font-size: 1rem;\n        }\n    }\n\n    @media (max-width: 480px) {\n        .hodronn-qui-sommes-nous .hero-section {\n            padding: 3rem 0 2.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .hero-container,\n        .hodronn-qui-sommes-nous .container {\n            padding: 0 1.25rem;\n        }\n\n        .hodronn-qui-sommes-nous .hero-title {\n            font-size: 1.75rem;\n        }\n\n        .hodronn-qui-sommes-nous .hero-description {\n            font-size: 0.9375rem;\n        }\n\n        .hodronn-qui-sommes-nous .content-section {\n            padding: 3rem 0;\n        }\n\n        .hodronn-qui-sommes-nous .intro-box {\n            padding: 2rem 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .intro-icon-wrapper {\n            gap: 0.875rem;\n        }\n\n        .hodronn-qui-sommes-nous .intro-icon-box {\n            width: 2.75rem;\n            height: 2.75rem;\n            padding: 0.625rem;\n        }\n\n        .hodronn-qui-sommes-nous .intro-title {\n            font-size: 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .intro-text {\n            font-size: 0.9375rem;\n        }\n\n        .hodronn-qui-sommes-nous .fondateurs-section {\n            padding: 3.5rem 0;\n        }\n\n        .hodronn-qui-sommes-nous .section-title {\n            font-size: 1.625rem;\n            margin-bottom: 2rem;\n        }\n\n        .hodronn-qui-sommes-nous .founders-grid {\n            gap: 1.75rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-card {\n            padding: 2rem 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-header {\n            margin-bottom: 1.5rem;\n            padding-bottom: 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-icon {\n            width: 2.5rem;\n            height: 2.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-name {\n            font-size: 1.375rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-role {\n            font-size: 0.9375rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-subtitle {\n            font-size: 0.8125rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-description {\n            font-size: 0.9375rem;\n            margin-bottom: 1rem;\n        }\n\n        .hodronn-qui-sommes-nous .founder-mission {\n            padding: 1rem;\n            margin-bottom: 1rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-label {\n            font-size: 0.75rem;\n            margin-bottom: 0.375rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-text {\n            font-size: 0.875rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-section {\n            padding: 3.5rem 0;\n        }\n\n        .hodronn-qui-sommes-nous .mission-box {\n            padding: 2rem 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-title {\n            font-size: 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-description {\n            font-size: 0.9375rem;\n        }\n\n        .hodronn-qui-sommes-nous .mission-tagline {\n            font-size: 1rem;\n        }\n\n        .hodronn-qui-sommes-nous .cta-section {\n            padding: 3.5rem 0 3rem;\n        }\n\n        .hodronn-qui-sommes-nous .cta-title {\n            font-size: 1.5rem;\n        }\n\n        .hodronn-qui-sommes-nous .cta-text {\n            font-size: 0.9375rem;\n        }\n\n        .hodronn-qui-sommes-nous .cta-button {\n            width: 100%;\n            max-width: 280px;\n            padding: 0.875rem 2rem;\n            font-size: 0.9375rem;\n        }\n    }\n<\/style>\n\n<div class=\"hodronn-qui-sommes-nous\">\n\n    <!-- Hero Section -->\n    <section class=\"hero-section\">\n        <div class=\"hero-background\">\n            <div class=\"hero-veil hero-veil-1\"><\/div>\n            <div class=\"hero-veil hero-veil-2\"><\/div>\n        <\/div>\n        <div class=\"hero-container\">\n            <div class=\"hero-content\">\n                <div class=\"hero-badge\">\n                    <svg class=\"hero-badge-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path>\n                    <\/svg>\n                    <span class=\"hero-badge-text\">L&rsquo;\u00e9quipe Hodr\u00f8nn<\/span>\n                <\/div>\n                <h1 class=\"hero-title\">\n                    Deux fondateurs, une <span class=\"gradient-word\">vision<\/span>\n                <\/h1>\n                <p class=\"hero-description\">\n                    Hodr\u00f8nn est n\u00e9e d&rsquo;une rencontre entre deux univers : celui du terrain industriel, exigeant et concret, et celui de la technologie, agile et visionnaire.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Intro -->\n    <section class=\"content-section\">\n        <div class=\"container\">\n            <div class=\"intro-box\">\n                <div class=\"intro-content\">\n                    <div class=\"intro-icon-wrapper\">\n                        <div class=\"intro-icon-box\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"intro-icon-box\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path>\n                            <\/svg>\n                        <\/div>\n                        <div class=\"intro-icon-box\">\n                            <svg fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n                    <h2 class=\"intro-title\">Une vision commune<\/h2>\n                    <p class=\"intro-text\">\n                        <span class=\"intro-highlight\">Matthieu De Barros<\/span> et <span class=\"intro-highlight\">Maxime Kisylyczko<\/span> ont imagin\u00e9 une plateforme capable de digitaliser les process critiques des entreprises \u2014 sans jamais perdre de vue la r\u00e9alit\u00e9 du terrain.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Fondateurs -->\n    <section class=\"fondateurs-section\">\n        <div class=\"container\">\n            <h2 class=\"section-title\">Les Fondateurs<\/h2>\n            <div class=\"founders-grid\">\n                \n                <!-- Maxime (\u00e0 gauche) -->\n                <div class=\"founder-card\">\n                    <div class=\"founder-header\">\n                        <svg class=\"founder-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path>\n                        <\/svg>\n                        <h3 class=\"founder-name\">Maxime Kisylyczko<\/h3>\n                        <p class=\"founder-role\">Co-fondateur<\/p>\n                        <p class=\"founder-subtitle\">Architecture logicielle &#038; innovation technique<\/p>\n                    <\/div>\n                    \n                    <p class=\"founder-description\">\n                        Ancien directeur adjoint d&rsquo;usine, ing\u00e9nieur et d\u00e9veloppeur full-stack passionn\u00e9, Maxime est le garant de la solidit\u00e9 et de la performance technique d&rsquo;Hodr\u00f8nn.\n                    <\/p>\n\n                    <div class=\"founder-mission\">\n                        <div class=\"mission-label\">Son r\u00f4le<\/div>\n                        <p class=\"mission-text\">\n                            Il con\u00e7oit l&rsquo;architecture globale, les int\u00e9grations API, la cybers\u00e9curit\u00e9 et l&rsquo;interface utilisateur avec une exigence de qualit\u00e9 et de fiabilit\u00e9 constante.\n                        <\/p>\n                    <\/div>\n\n                    <p class=\"founder-description\">\n                        Son approche : Transformer les besoins en solution. Combiner puissance, simplicit\u00e9 et \u00e9volutivit\u00e9 pour que la technologie serve l&rsquo;humain, pas l&rsquo;inverse.\n                    <\/p>\n                <\/div>\n\n                <!-- Matthieu (\u00e0 droite) -->\n                <div class=\"founder-card\">\n                    <div class=\"founder-header\">\n                        <svg class=\"founder-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                        <\/svg>\n                        <h3 class=\"founder-name\">Matthieu De Barros<\/h3>\n                        <p class=\"founder-role\">Co-fondateur<\/p>\n                        <p class=\"founder-subtitle\">Vision strat\u00e9gique &#038; expertise op\u00e9rationnelle<\/p>\n                    <\/div>\n                    \n                    <p class=\"founder-description\">\n                        Ancien responsable s\u00e9curit\u00e9 et formateur en s\u00e9curit\u00e9 et pr\u00e9vention, Matthieu conna\u00eet intimement les contraintes du quotidien industriel et la r\u00e9alit\u00e9 du terrain.\n                    <\/p>\n\n                    <div class=\"founder-mission\">\n                        <div class=\"mission-label\">Son r\u00f4le<\/div>\n                        <p class=\"mission-text\">\n                            Il pilote la strat\u00e9gie, la relation client et la conception fonctionnelle des modules \u2014 garantissant que chaque fonctionnalit\u00e9 ait du sens et une utilit\u00e9 r\u00e9elle.\n                        <\/p>\n                    <\/div>\n\n                    <p class=\"founder-description\">\n                        Confront\u00e9 \u00e0 la complexit\u00e9 des outils existants, il a voulu cr\u00e9er une solution simple, claire et adapt\u00e9e aux vrais besoins des utilisateurs.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Mission Partag\u00e9e -->\n    <section class=\"mission-section\">\n        <div class=\"container\">\n            <div class=\"mission-box\">\n                <div class=\"mission-badge\">\n                    <svg class=\"mission-badge-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                    <\/svg>\n                    <span class=\"mission-badge-text\">Notre mission<\/span>\n                <\/div>\n                <h2 class=\"mission-title\">Une mission partag\u00e9e<\/h2>\n                <p class=\"mission-description\">\n                    Hodr\u00f8nn simplifie la gestion des sites industriels en centralisant s\u00e9curit\u00e9, maintenance, RH et logistique dans une seule plateforme modulaire.\n                <\/p>\n                <p class=\"mission-tagline\">\n                    Notre ambition : digitaliser le terrain, pas le d\u00e9naturer.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CTA -->\n    <section class=\"cta-section\">\n        <div class=\"container\">\n            <h2 class=\"cta-title\">Discutons de Votre Projet<\/h2>\n            <p class=\"cta-text\">\n                Vous avez un projet ou des questions ? \u00c9changeons ensemble sur vos besoins.\n            <\/p>\n            <a href=\"https:\/\/hodronn.fr\/index.php\/contact\/\" class=\"cta-button\">Contactez-nous<\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;\u00e9quipe Hodr\u00f8nn Deux fondateurs, une vision Hodr\u00f8nn est n\u00e9e d&rsquo;une rencontre entre deux univers : celui du terrain industriel, exigeant [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"enabled","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-1300","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"_edit_lock":["1763359493:1"],"_uag_custom_page_level_css":[""],"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":["disabled"],"ast-breadcrumbs-content":[""],"ast-featured-img":[""],"footer-sml-layout":[""],"theme-transparent-header-meta":["enabled"],"adv-header-id-meta":[""],"stick-header-meta":["enabled"],"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":["a:3:{s:7:\"desktop\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-5)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"tablet\";a:12:{s:16:\"background-color\";s:0:\"\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"mobile\";a:12:{s:16:\"background-color\";s:0:\"\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}}"],"ast-content-background-meta":["a:3:{s:7:\"desktop\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-4)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"tablet\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-4)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"mobile\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-4)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}}"],"footnotes":[""],"_edit_last":["1"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_uag_page_assets":["a:9:{s:3:\"css\";s:14881:\".wp-block-uagb-container{display:flex;position:relative;box-sizing:border-box;transition-property:box-shadow;transition-duration:0.2s;transition-timing-function:ease}.wp-block-uagb-container .spectra-container-link-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.wp-block-uagb-container.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:flex;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.wp-block-uagb-container .wp-block-uagb-blockquote,.wp-block-uagb-container .wp-block-spectra-pro-login,.wp-block-uagb-container .wp-block-spectra-pro-register{margin:unset}.wp-block-uagb-container .uagb-container__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.wp-block-uagb-container .uagb-container__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-container.uagb-layout-grid{display:grid;width:100%}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap{display:inherit;width:inherit}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.alignwide.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:inherit;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box),body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap,body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){min-width:unset !important;width:100%;position:relative}body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container ol,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap ol{max-width:-webkit-fill-available;margin-block-start:0;margin-block-end:0;margin-left:20px}.ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .uagb-is-root-container.wp-block-uagb-container.alignwide{margin-left:auto;margin-right:auto}.uagb-container__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.uagb-container__shape-top{top:-3px}.uagb-container__shape-bottom{bottom:-3px}.uagb-container__shape.uagb-container__invert.uagb-container__shape-bottom,.uagb-container__shape.uagb-container__invert.uagb-container__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-container__shape.uagb-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-container__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-container__shape .uagb-container__shape-fill{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-container__shape.uagb-container__shape-above-content{z-index:9;pointer-events:none}.nv-single-page-wrap .nv-content-wrap.entry-content .wp-block-uagb-container.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media only screen and (max-width: 767px){.wp-block-uagb-container .wp-block-uagb-advanced-heading{width:-webkit-fill-available}}.wp-block-uagb-image--align-none{justify-content:center}\n.wp-block-uagb-container.uagb-block-6ef4fae8 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-6ef4fae8 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-6ef4fae8 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-6ef4fae8 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-6ef4fae8 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-6ef4fae8{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-6ef4fae8 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-6ef4fae8{box-shadow: 0px 0px   #00000070 ;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -10px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-color: inherit;row-gap: 20px;column-gap: 20px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-6ef4fae8{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-6ef4fae8 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-6ef4fae8{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -10px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-6ef4fae8{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-6ef4fae8 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-6ef4fae8{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -10px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.wp-block-uagb-image{display:flex}.wp-block-uagb-image__figure{position:relative;display:flex;flex-direction:column;max-width:100%;height:auto;margin:0}.wp-block-uagb-image__figure img{height:auto;display:flex;max-width:100%;transition:box-shadow 0.2s ease}.wp-block-uagb-image__figure>a{display:inline-block}.wp-block-uagb-image__figure figcaption{text-align:center;margin-top:0.5em;margin-bottom:1em}.wp-block-uagb-image .components-placeholder.block-editor-media-placeholder .components-placeholder__instructions{align-self:center}.wp-block-uagb-image--align-left{text-align:left}.wp-block-uagb-image--align-right{text-align:right}.wp-block-uagb-image--align-center{text-align:center}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw;height:auto}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure img{height:auto;width:100% !important}.wp-block-uagb-image--align-wide .wp-block-uagb-image__figure img{height:auto;width:100%}.wp-block-uagb-image--layout-overlay__color-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.2;background:rgba(0,0,0,0.5);transition:opacity 0.35s ease-in-out}.wp-block-uagb-image--layout-overlay-link{position:absolute;left:0;right:0;bottom:0;top:0}.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity:1}.wp-block-uagb-image--layout-overlay__inner{position:absolute;left:15px;right:15px;bottom:15px;top:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-color:#fff;transition:0.35s ease-in-out}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.top-center,.wp-block-uagb-image--layout-overlay__inner.top-right{justify-content:flex-start}.wp-block-uagb-image--layout-overlay__inner.bottom-left,.wp-block-uagb-image--layout-overlay__inner.bottom-center,.wp-block-uagb-image--layout-overlay__inner.bottom-right{justify-content:flex-end}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.center-left,.wp-block-uagb-image--layout-overlay__inner.bottom-left{align-items:flex-start}.wp-block-uagb-image--layout-overlay__inner.top-right,.wp-block-uagb-image--layout-overlay__inner.center-right,.wp-block-uagb-image--layout-overlay__inner.bottom-right{align-items:flex-end}.wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{color:#fff;transition:transform 0.35s, opacity 0.35s ease-in-out;transform:translate3d(0, 24px, 0);margin:0;line-height:1em}.wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width:30%;border-top-width:2px;border-top-color:#fff;border-top-style:solid;margin-bottom:10px;opacity:0;transition:transform 0.4s, opacity 0.4s ease-in-out;transform:translate3d(0, 30px, 0)}.wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity:0;overflow:visible;color:#fff;transition:transform 0.45s, opacity 0.45s ease-in-out;transform:translate3d(0, 35px, 0)}.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-heading,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-separator,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-caption{opacity:1;transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1.05)}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{width:calc(100% + 40px) !important;max-width:none !important;transform:translate3d(-40px, 0, 0);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-grayscale img{filter:grayscale(0%);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-grayscale:hover img{filter:grayscale(100%)}.wp-block-uagb-image--effect-blur img{filter:blur(0);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-blur:hover img{filter:blur(3px)}\n.uagb-block-2c4aa539.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}@media only screen and (max-width: 976px) {.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}}@media only screen and (max-width: 767px) {.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:12:{i:0;s:14:\"uagb\/container\";i:1;s:9:\"core\/html\";i:2;s:14:\"core\/paragraph\";i:3;s:11:\"core\/search\";i:4;s:10:\"core\/group\";i:5;s:12:\"core\/heading\";i:6;s:17:\"core\/latest-posts\";i:7;s:20:\"core\/latest-comments\";i:8;s:13:\"core\/archives\";i:9;s:15:\"core\/categories\";i:10;s:10:\"uagb\/image\";i:11;s:10:\"core\/image\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1775574211\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_internal_links_processed":["1"],"_uag_css_file_name":["uag-css-1300.css"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Matthieu","author_link":"https:\/\/hodronn.fr\/author\/matthieu\/"},"uagb_comment_info":0,"uagb_excerpt":"L&rsquo;\u00e9quipe Hodr\u00f8nn Deux fondateurs, une vision Hodr\u00f8nn est n\u00e9e d&rsquo;une rencontre entre deux univers : celui du terrain industriel, exigeant [&hellip;]","_links":{"self":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/1300","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/comments?post=1300"}],"version-history":[{"count":33,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/1300\/revisions"}],"predecessor-version":[{"id":1421,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/1300\/revisions\/1421"}],"wp:attachment":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/media?parent=1300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}