{"id":777,"date":"2025-11-09T06:31:56","date_gmt":"2025-11-09T05:31:56","guid":{"rendered":"https:\/\/hodronn.fr\/?page_id=777"},"modified":"2025-11-12T20:58:37","modified_gmt":"2025-11-12T19:58:37","slug":"securite","status":"publish","type":"page","link":"https:\/\/hodronn.fr\/index.php\/securite\/","title":{"rendered":"S\u00e9curit\u00e9"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-468987af alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>S\u00e9curit\u00e9 &#038; Conformit\u00e9 &#8211; Hodr\u00f8nn<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        \/* ========================================\n           VARIABLES CSS 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        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\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            overflow-x: hidden;\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 gradientSlide {\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        @keyframes pulse {\n            0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }\n            50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.4; }\n        }\n        \n        \/* ========================================\n           HERO SECTION\n           ======================================== *\/\n        .hero-section {\n            min-height: 75vh;\n            display: flex;\n            align-items: center;\n            position: relative;\n            overflow: hidden;\n            padding: 6rem 0 5rem;\n            background: linear-gradient(180deg, white 0%, var(--blue-5) 100%);\n        }\n        \n        .hero-background {\n            position: absolute;\n            inset: 0;\n            z-index: 0;\n            overflow: hidden;\n        }\n        \n        .hero-veil {\n            position: absolute;\n            border-radius: 50%;\n            background: radial-gradient(circle, rgba(0, 1, 123, 0.08), transparent 70%);\n            filter: blur(60px);\n        }\n        \n        .hero-veil-1 {\n            width: 500px;\n            height: 500px;\n            top: -150px;\n            right: -100px;\n        }\n        \n        .hero-veil-2 {\n            width: 350px;\n            height: 350px;\n            bottom: -80px;\n            left: -80px;\n            background: radial-gradient(circle, rgba(99, 102, 241, 0.06), transparent 70%);\n        }\n        \n        .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        .hero-content {\n            max-width: 750px;\n            margin: 0 auto;\n            text-align: center;\n        }\n        \n        .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            opacity: 0;\n        }\n        \n        .hero-badge.animate {\n            animation: fadeInUp 0.6s ease-out forwards;\n        }\n        \n        .hero-badge-icon {\n            width: 1rem;\n            height: 1rem;\n            color: var(--hodronn-blue);\n        }\n        \n        .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        .hero-title {\n            font-size: 2.75rem;\n            line-height: 1.2;\n            font-weight: 600;\n            color: var(--ink-100);\n            margin-bottom: 1.25rem;\n            letter-spacing: -0.02em;\n            opacity: 0;\n        }\n        \n        .hero-title.animate {\n            animation: fadeInUp 0.6s ease-out 0.1s forwards;\n        }\n        \n        .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        .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        .hero-description {\n            font-size: 1.0625rem;\n            line-height: 1.7;\n            color: var(--ink-70);\n            max-width: 650px;\n            margin-left: auto;\n            margin-right: auto;\n            opacity: 0;\n        }\n        \n        .hero-description.animate {\n            animation: fadeInUp 0.6s ease-out 0.2s forwards;\n        }\n        \n        \/* ========================================\n           SECURITY GRID SECTION (4 cards)\n           ======================================== *\/\n        .security-section {\n            padding: 4rem 0;\n            background: white;\n        }\n        \n        .security-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 1.5rem;\n        }\n        \n        .security-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 2rem;\n        }\n        \n        .security-card {\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 240, 255, 0.5));\n            backdrop-filter: blur(16px);\n            border: 1px solid rgba(0, 1, 123, 0.12);\n            border-radius: 1.25rem;\n            padding: 2.5rem;\n            position: relative;\n            overflow: hidden;\n            transition: all 0.3s ease;\n        }\n        \n        .security-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--hodronn-blue), #9333ea, #6366f1);\n            background-size: 200% 100%;\n            animation: gradientSlide 3s ease infinite;\n            opacity: 0;\n            transition: opacity 0.3s ease;\n        }\n        \n        .security-card:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 50px rgba(0, 1, 123, 0.15);\n            border-color: rgba(0, 1, 123, 0.2);\n        }\n        \n        .security-card:hover::before {\n            opacity: 1;\n        }\n        \n        .security-icon {\n            width: 3rem;\n            height: 3rem;\n            color: var(--hodronn-blue);\n            margin-bottom: 1.5rem;\n        }\n        \n        .security-title {\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: var(--ink-100);\n            margin-bottom: 0.75rem;\n            letter-spacing: -0.01em;\n        }\n        \n        .security-description {\n            font-size: 0.9375rem;\n            line-height: 1.6;\n            color: var(--ink-70);\n        }\n        \n        \/* ========================================\n           CONFORMITE SECTION (Box centrale)\n           ======================================== *\/\n        .conformite-section {\n            padding: 4rem 0;\n            background: linear-gradient(180deg, white 0%, var(--blue-5) 100%);\n        }\n        \n        .conformite-container {\n            max-width: 900px;\n            margin: 0 auto;\n            padding: 0 1.5rem;\n        }\n        \n        .conformite-header {\n            text-align: center;\n            margin-bottom: 3rem;\n        }\n        \n        .conformite-tag {\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: var(--hodronn-blue);\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            margin-bottom: 0.75rem;\n        }\n        \n        .conformite-title {\n            font-size: 2rem;\n            line-height: 1.2;\n            font-weight: 600;\n            color: var(--ink-100);\n            letter-spacing: -0.03em;\n            margin-bottom: 0.75rem;\n        }\n        \n        .conformite-subtitle {\n            font-size: 1rem;\n            line-height: 1.6;\n            color: var(--ink-70);\n        }\n        \n        .conformite-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n        \n        .conformite-card {\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 240, 255, 0.7));\n            backdrop-filter: blur(16px);\n            border: 1px solid rgba(0, 1, 123, 0.12);\n            border-radius: 1.25rem;\n            padding: 2.5rem;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .conformite-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--hodronn-blue), #9333ea, #6366f1);\n            background-size: 200% 100%;\n            animation: gradientSlide 3s ease infinite;\n        }\n        \n        .conformite-card-content {\n            display: flex;\n            gap: 2rem;\n            align-items: flex-start;\n        }\n        \n        .conformite-icon {\n            width: 3.5rem;\n            height: 3.5rem;\n            color: var(--hodronn-blue);\n            flex-shrink: 0;\n        }\n        \n        .conformite-text h3 {\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: var(--ink-100);\n            margin-bottom: 0.75rem;\n            letter-spacing: -0.01em;\n        }\n        \n        .conformite-text p {\n            font-size: 0.9375rem;\n            line-height: 1.6;\n            color: var(--ink-70);\n        }\n        \n        \/* ========================================\n           INFRASTRUCTURE SECTION (2 colonnes)\n           ======================================== *\/\n        .infrastructure-section {\n            padding: 4rem 0;\n            background: white;\n        }\n        \n        .infrastructure-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 1.5rem;\n        }\n        \n        .infrastructure-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n        }\n        \n        .infrastructure-text {\n            display: flex;\n            flex-direction: column;\n        }\n        \n        .infrastructure-tag {\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: var(--hodronn-blue);\n            letter-spacing: 0.1em;\n            text-transform: uppercase;\n            margin-bottom: 1rem;\n        }\n        \n        .infrastructure-title {\n            font-size: 2rem;\n            line-height: 1.2;\n            font-weight: 600;\n            color: var(--ink-100);\n            letter-spacing: -0.03em;\n            margin-bottom: 1rem;\n        }\n        \n        .infrastructure-description {\n            font-size: 0.9375rem;\n            line-height: 1.6;\n            color: var(--ink-70);\n            margin-bottom: 2rem;\n        }\n        \n        .infrastructure-features {\n            display: flex;\n            flex-direction: column;\n            gap: 1rem;\n        }\n        \n        .infrastructure-feature {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            padding: 1rem;\n            background: white;\n            border: 1px solid var(--line-10);\n            border-radius: 0.75rem;\n            transition: all 0.3s ease;\n        }\n        \n        .infrastructure-feature:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 8px 24px rgba(0, 1, 123, 0.1);\n            border-color: var(--hodronn-blue);\n        }\n        \n        .infrastructure-feature-icon {\n            width: 1.25rem;\n            height: 1.25rem;\n            color: var(--hodronn-blue);\n            flex-shrink: 0;\n        }\n        \n        .infrastructure-feature-text {\n            font-size: 0.8125rem;\n            font-weight: 500;\n            color: var(--ink-100);\n            line-height: 1.4;\n        }\n        \n        .infrastructure-visual {\n            background: linear-gradient(135deg, var(--blue-5) 0%, white 100%);\n            border-radius: 1.5rem;\n            padding: 3rem;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            height: 100%;\n            min-height: 400px;\n            border: 1px solid var(--line-10);\n            position: relative;\n            overflow: hidden;\n        }\n        \n        .infrastructure-visual::before {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 300px;\n            height: 300px;\n            background: radial-gradient(circle, rgba(0, 1, 123, 0.08), transparent);\n            border-radius: 50%;\n            animation: pulse 4s ease-in-out infinite;\n        }\n        \n        .infrastructure-visual-content {\n            text-align: center;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .infrastructure-visual-icon {\n            width: 5rem;\n            height: 5rem;\n            color: var(--hodronn-blue);\n            margin-bottom: 1.5rem;\n            filter: drop-shadow(0 8px 16px rgba(0, 1, 123, 0.15));\n        }\n        \n        .infrastructure-visual-text {\n            font-size: 0.9375rem;\n            color: var(--ink-70);\n            font-weight: 500;\n            line-height: 1.6;\n        }\n        \n        \/* ========================================\n           AUDIT SECTION (2 colonnes invers\u00e9es)\n           ======================================== *\/\n        .audit-section {\n            padding: 4rem 0;\n            background: linear-gradient(180deg, white 0%, var(--blue-5) 100%);\n        }\n        \n        .audit-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            padding: 0 1.5rem;\n        }\n        \n        .audit-content {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 4rem;\n            align-items: center;\n        }\n        \n        \/* ========================================\n           MOBILE CAROUSEL\n           ======================================== *\/\n        .carousel-section {\n            display: none;\n        }\n        \n        .carousel-nav {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 1.5rem;\n            margin-bottom: 2rem;\n            padding: 0 1rem;\n        }\n        \n        .carousel-btn {\n            width: 3.5rem;\n            height: 3.5rem;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(8px);\n            border: 2px solid var(--line-10);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);\n            flex-shrink: 0;\n        }\n        \n        .carousel-btn:hover {\n            border-color: var(--hodronn-blue);\n            background: var(--hodronn-blue);\n            transform: scale(1.1);\n            box-shadow: 0 8px 24px rgba(0, 1, 123, 0.25);\n        }\n        \n        .carousel-btn svg {\n            width: 1.75rem;\n            height: 1.75rem;\n            color: var(--hodronn-blue);\n            transition: color 0.3s ease;\n            stroke-width: 2.5;\n        }\n        \n        .carousel-btn:hover svg {\n            color: white;\n        }\n        \n        .carousel-progress {\n            flex: 1;\n            max-width: 200px;\n            display: flex;\n            flex-direction: column;\n            gap: 0.5rem;\n            align-items: center;\n        }\n        \n        .carousel-progress-bar {\n            width: 100%;\n            height: 0.5rem;\n            background: rgba(0, 1, 123, 0.1);\n            border-radius: 999px;\n            overflow: hidden;\n            position: relative;\n        }\n        \n        .carousel-progress-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--hodronn-blue), #6366f1, #9333ea);\n            background-size: 200% 100%;\n            border-radius: 999px;\n            transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            animation: gradientShift 3s ease infinite;\n        }\n        \n        .carousel-progress-text {\n            font-size: 0.75rem;\n            font-weight: 600;\n            color: var(--hodronn-blue);\n        }\n        \n        .carousel-container {\n            overflow: visible;\n            position: relative;\n            padding: 0 1rem;\n        }\n        \n        .carousel-track {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n            min-height: 450px;\n            padding: 2rem 0;\n        }\n        \n        .carousel-card {\n            width: 280px;\n            max-width: 90%;\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 240, 255, 0.5));\n            backdrop-filter: blur(16px);\n            border: 1px solid rgba(0, 1, 123, 0.12);\n            border-radius: 1.25rem;\n            padding: 1.75rem;\n            position: absolute;\n            transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n            opacity: 0;\n            visibility: hidden;\n            overflow: hidden;\n            left: 50%;\n            top: 50%;\n            transform: translateX(-50%) translateY(-50%) scale(0.9);\n        }\n        \n        .carousel-card.center {\n            opacity: 1;\n            visibility: visible;\n            transform: translateX(-50%) translateY(-50%) scale(1);\n            box-shadow: 0 20px 50px rgba(0, 1, 123, 0.2);\n            border-color: rgba(0, 1, 123, 0.2);\n            z-index: 10;\n        }\n        \n        .carousel-card.center::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 3px;\n            background: linear-gradient(90deg, var(--hodronn-blue), #9333ea, #6366f1);\n            background-size: 200% 100%;\n            animation: gradientSlide 3s ease infinite;\n            border-radius: 1.25rem 1.25rem 0 0;\n        }\n        \n        .carousel-card .security-icon {\n            position: relative;\n            z-index: 1;\n        }\n        \n        .carousel-card .security-title {\n            font-size: 1.25rem;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .carousel-card .security-description {\n            font-size: 0.875rem;\n            line-height: 1.5;\n            position: relative;\n            z-index: 1;\n        }\n        \n        \/* ========================================\n           CTA SECTION\n           ======================================== *\/\n        .cta-section {\n            padding: 5rem 0;\n            background: white;\n        }\n        \n        .cta-wrapper {\n            max-width: 800px;\n            margin: 0 auto;\n            text-align: center;\n            padding: 0 1.5rem;\n        }\n        \n        .cta-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.4rem;\n            padding: 0.4rem 1rem;\n            background: var(--blue-10);\n            border-radius: 999px;\n            margin-bottom: 1.5rem;\n        }\n        \n        .cta-tag-icon {\n            width: 0.85rem;\n            height: 0.85rem;\n            color: var(--hodronn-blue);\n        }\n        \n        .cta-tag-text {\n            font-size: 0.7rem;\n            font-weight: 600;\n            color: var(--hodronn-blue);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n        \n        .cta-title {\n            font-size: 2rem;\n            line-height: 1.3;\n            font-weight: 700;\n            color: var(--ink-100);\n            letter-spacing: -0.02em;\n            margin-bottom: 1rem;\n        }\n        \n        .cta-description {\n            font-size: 1rem;\n            line-height: 1.7;\n            color: var(--ink-70);\n            max-width: 550px;\n            margin: 0 auto 2rem;\n        }\n        \n        .cta-button-primary {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.75rem;\n            padding: 1.125rem 3rem;\n            background: var(--hodronn-blue);\n            color: white;\n            font-size: 0.9375rem;\n            font-weight: 600;\n            border-radius: 0.75rem;\n            border: none;\n            cursor: pointer;\n            text-decoration: none;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 4px 12px rgba(0, 1, 123, 0.2);\n        }\n        \n        .cta-button-primary:hover {\n            background: var(--hodronn-blue-hover);\n            transform: translateY(-3px);\n            box-shadow: 0 8px 24px rgba(0, 1, 123, 0.3);\n            color: white;\n        }\n        \n        .cta-button-icon {\n            width: 1.125rem;\n            height: 1.125rem;\n        }\n        \n        \/* ========================================\n           RESPONSIVE\n           ======================================== *\/\n        @media (max-width: 768px) {\n            .hero-section {\n                min-height: auto;\n                padding: 4rem 0 3rem;\n            }\n            \n            .hero-title {\n                font-size: 2rem;\n            }\n            \n            .security-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            \/* Masquer sections desktop *\/\n            .security-section,\n            .conformite-section,\n            .infrastructure-section,\n            .audit-section {\n                display: none;\n            }\n            \n            \/* Afficher carousel *\/\n            .carousel-section {\n                display: block;\n                padding: 3rem 0;\n                background: linear-gradient(180deg, white 0%, var(--blue-5) 100%);\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .hero-title {\n                font-size: 1.75rem;\n            }\n            \n            .carousel-btn {\n                width: 3rem;\n                height: 3rem;\n            }\n            \n            .carousel-track {\n                min-height: 420px;\n            }\n            \n            .carousel-card {\n                width: 260px;\n                max-width: 85%;\n                padding: 1.5rem;\n            }\n            \n            .cta-button-primary {\n                padding: 1rem 2rem;\n                font-size: 0.875rem;\n                width: 100%;\n                justify-content: center;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\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        \n        <div class=\"hero-container\">\n            <div class=\"hero-content\">\n                <div class=\"hero-badge animate\">\n                    <svg class=\"hero-badge-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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\" \/>\n                    <\/svg>\n                    <span class=\"hero-badge-text\">S\u00e9curit\u00e9 &#038; Conformit\u00e9<\/span>\n                <\/div>\n                \n                <h1 class=\"hero-title animate\">\n                    Vos donn\u00e9es en <span class=\"gradient-word\">s\u00e9curit\u00e9<\/span>\n                <\/h1>\n                \n                <p class=\"hero-description animate\">\n                    Hodr\u00f8nn garantit la protection de vos donn\u00e9es sensibles avec une infrastructure s\u00e9curis\u00e9e, des certifications reconnues et une conformit\u00e9 totale aux normes europ\u00e9ennes.\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Section Security Features - Grid 4 cards -->\n    <section class=\"security-section\">\n        <div class=\"security-container\">\n            <div class=\"security-grid\">\n                \n                <div class=\"security-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Chiffrement de bout en bout<\/h3>\n                    <p class=\"security-description\">\n                        Vos donn\u00e9es sont chiffr\u00e9es en transit avec TLS 1.3 et au repos avec AES-256, garantissant une protection maximale.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"security-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Authentification MFA &#038; SSO<\/h3>\n                    <p class=\"security-description\">\n                        Authentification multi-facteurs obligatoire, support SSO (SAML, OAuth 2.0) et gestion avanc\u00e9e des acc\u00e8s.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"security-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Infrastructure souveraine<\/h3>\n                    <p class=\"security-description\">\n                        H\u00e9bergement 100% fran\u00e7ais dans des datacenters certifi\u00e9s Tier III+ avec redondance g\u00e9ographique.\n                    <\/p>\n                <\/div>\n                \n                <div class=\"security-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Tra\u00e7abilit\u00e9 compl\u00e8te<\/h3>\n                    <p class=\"security-description\">\n                        Logs d&rsquo;audit d\u00e9taill\u00e9s de toutes les actions avec horodatage cryptographique et conservation s\u00e9curis\u00e9e.\n                    <\/p>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Section Conformit\u00e9 - Cards empil\u00e9es -->\n    <section class=\"conformite-section\">\n        <div class=\"conformite-container\">\n            \n            <div class=\"conformite-header\">\n                <div class=\"conformite-tag\">Conformit\u00e9<\/div>\n                <h2 class=\"conformite-title\">Certifications reconnues<\/h2>\n                <p class=\"conformite-subtitle\">Des garanties concr\u00e8tes pour la protection de vos donn\u00e9es<\/p>\n            <\/div>\n            \n            <div class=\"conformite-grid\">\n                \n                <div class=\"conformite-card\">\n                    <div class=\"conformite-card-content\">\n                        <svg class=\"conformite-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                        <\/svg>\n                        <div class=\"conformite-text\">\n                            <h3>RGPD<\/h3>\n                            <p>Conformit\u00e9 totale au R\u00e8glement G\u00e9n\u00e9ral sur la Protection des Donn\u00e9es avec DPO d\u00e9sign\u00e9, droit \u00e0 l&rsquo;oubli et portabilit\u00e9 garantie.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"conformite-card\">\n                    <div class=\"conformite-card-content\">\n                        <svg class=\"conformite-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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\" \/>\n                        <\/svg>\n                        <div class=\"conformite-text\">\n                            <h3>ISO 27001<\/h3>\n                            <p>Certification ISO 27001 garantissant un syst\u00e8me de management de la s\u00e9curit\u00e9 de l&rsquo;information rigoureux et audit\u00e9 r\u00e9guli\u00e8rement.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"conformite-card\">\n                    <div class=\"conformite-card-content\">\n                        <svg class=\"conformite-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01\" \/>\n                        <\/svg>\n                        <div class=\"conformite-text\">\n                            <h3>H\u00e9bergement s\u00e9curis\u00e9<\/h3>\n                            <p>Datacenters Tier III+ en France avec monitoring 24\/7, sauvegardes chiffr\u00e9es horaires et disponibilit\u00e9 garantie \u00e0 99.9%.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            \n        <\/div>\n    <\/section>\n    \n    <!-- Section Infrastructure - 2 colonnes -->\n    <section class=\"infrastructure-section\">\n        <div class=\"infrastructure-container\">\n            <div class=\"infrastructure-content\">\n                <div class=\"infrastructure-text\">\n                    <div class=\"infrastructure-tag\">Infrastructure<\/div>\n                    <h2 class=\"infrastructure-title\">Datacenters souverains et redondance<\/h2>\n                    <p class=\"infrastructure-description\">\n                        Vos donn\u00e9es sont h\u00e9berg\u00e9es exclusivement en France dans des datacenters Tier III+ avec redondance g\u00e9ographique et sauvegardes continues.\n                    <\/p>\n                    <div class=\"infrastructure-features\">\n                        <div class=\"infrastructure-feature\">\n                            <svg class=\"infrastructure-feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <span class=\"infrastructure-feature-text\">H\u00e9bergement 100% fran\u00e7ais certifi\u00e9<\/span>\n                        <\/div>\n                        <div class=\"infrastructure-feature\">\n                            <svg class=\"infrastructure-feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <span class=\"infrastructure-feature-text\">Redondance multi-sites<\/span>\n                        <\/div>\n                        <div class=\"infrastructure-feature\">\n                            <svg class=\"infrastructure-feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <span class=\"infrastructure-feature-text\">Disponibilit\u00e9 99.9% garantie<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"infrastructure-visual\">\n                    <div class=\"infrastructure-visual-content\">\n                        <svg class=\"infrastructure-visual-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01\" \/>\n                        <\/svg>\n                        <p class=\"infrastructure-visual-text\">\n                            Infrastructure<br>haute disponibilit\u00e9\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Section Audit - 2 colonnes invers\u00e9es -->\n    <section class=\"audit-section\">\n        <div class=\"audit-container\">\n            <div class=\"audit-content\">\n                <div class=\"infrastructure-visual\">\n                    <div class=\"infrastructure-visual-content\">\n                        <svg class=\"infrastructure-visual-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" \/>\n                        <\/svg>\n                        <p class=\"infrastructure-visual-text\">\n                            Audit &#038;<br>Tra\u00e7abilit\u00e9\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"infrastructure-text\">\n                    <div class=\"infrastructure-tag\">Audit &#038; Tra\u00e7abilit\u00e9<\/div>\n                    <h2 class=\"infrastructure-title\">Logs d\u00e9taill\u00e9s et monitoring continu<\/h2>\n                    <p class=\"infrastructure-description\">\n                        Tous les acc\u00e8s et actions sont trac\u00e9s avec horodatage cryptographique. Monitoring 24\/7 et alertes en temps r\u00e9el en cas d&rsquo;activit\u00e9 suspecte.\n                    <\/p>\n                    <div class=\"infrastructure-features\">\n                        <div class=\"infrastructure-feature\">\n                            <svg class=\"infrastructure-feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <span class=\"infrastructure-feature-text\">Logs d&rsquo;audit complets et inalt\u00e9rables<\/span>\n                        <\/div>\n                        <div class=\"infrastructure-feature\">\n                            <svg class=\"infrastructure-feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <span class=\"infrastructure-feature-text\">Monitoring 24\/7 et alertes temps r\u00e9el<\/span>\n                        <\/div>\n                        <div class=\"infrastructure-feature\">\n                            <svg class=\"infrastructure-feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                            <\/svg>\n                            <span class=\"infrastructure-feature-text\">Conservation s\u00e9curis\u00e9e et archivage<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Carousel Section - MOBILE ONLY -->\n    <section class=\"carousel-section\">\n        <div class=\"carousel-nav\">\n            <button class=\"carousel-btn\" id=\"prevBtn\">\n                <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <polyline points=\"15 18 9 12 15 6\"\/>\n                <\/svg>\n            <\/button>\n            <div class=\"carousel-progress\">\n                <div class=\"carousel-progress-bar\">\n                    <div class=\"carousel-progress-fill\" id=\"progressFill\"><\/div>\n                <\/div>\n                <div class=\"carousel-progress-text\" id=\"progressText\">1\/7<\/div>\n            <\/div>\n            <button class=\"carousel-btn\" id=\"nextBtn\">\n                <svg fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <polyline points=\"9 18 15 12 9 6\"\/>\n                <\/svg>\n            <\/button>\n        <\/div>\n        \n        <div class=\"carousel-container\">\n            <div class=\"carousel-track\" id=\"carouselTrack\">\n                \n                <!-- Card 1 : Chiffrement -->\n                <div class=\"carousel-card center\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Chiffrement bout en bout<\/h3>\n                    <p class=\"security-description\">TLS 1.3 en transit et AES-256 au repos pour une protection maximale.<\/p>\n                <\/div>\n                \n                <!-- Card 2 : MFA -->\n                <div class=\"carousel-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Authentification MFA &#038; SSO<\/h3>\n                    <p class=\"security-description\">Multi-facteurs obligatoire, SSO (SAML, OAuth 2.0) et gestion des acc\u00e8s.<\/p>\n                <\/div>\n                \n                <!-- Card 3 : Infrastructure -->\n                <div class=\"carousel-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Infrastructure souveraine<\/h3>\n                    <p class=\"security-description\">H\u00e9bergement 100% fran\u00e7ais, datacenters Tier III+ et redondance g\u00e9ographique.<\/p>\n                <\/div>\n                \n                <!-- Card 4 : Tra\u00e7abilit\u00e9 -->\n                <div class=\"carousel-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Tra\u00e7abilit\u00e9 compl\u00e8te<\/h3>\n                    <p class=\"security-description\">Logs d&rsquo;audit d\u00e9taill\u00e9s avec horodatage cryptographique et conservation.<\/p>\n                <\/div>\n                \n                <!-- Card 5 : RGPD -->\n                <div class=\"carousel-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">RGPD<\/h3>\n                    <p class=\"security-description\">Conformit\u00e9 totale avec DPO d\u00e9sign\u00e9, droit \u00e0 l&rsquo;oubli et portabilit\u00e9 garantie.<\/p>\n                <\/div>\n                \n                <!-- Card 6 : ISO 27001 -->\n                <div class=\"carousel-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\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\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">ISO 27001<\/h3>\n                    <p class=\"security-description\">Syst\u00e8me de management de la s\u00e9curit\u00e9 rigoureux et audit\u00e9 r\u00e9guli\u00e8rement.<\/p>\n                <\/div>\n                \n                <!-- Card 7 : Monitoring -->\n                <div class=\"carousel-card\">\n                    <svg class=\"security-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" \/>\n                    <\/svg>\n                    <h3 class=\"security-title\">Monitoring 24\/7<\/h3>\n                    <p class=\"security-description\">Surveillance continue, alertes temps r\u00e9el et disponibilit\u00e9 99.9% garantie.<\/p>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- CTA Section -->\n    <section class=\"cta-section\">\n        <div class=\"cta-wrapper\">\n            <div class=\"cta-tag\">\n                <svg class=\"cta-tag-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\" \/>\n                <\/svg>\n                <span class=\"cta-tag-text\">Parlons s\u00e9curit\u00e9<\/span>\n            <\/div>\n            \n            <h2 class=\"cta-title\">\n                Des questions sur notre s\u00e9curit\u00e9 ?\n            <\/h2>\n            \n            <p class=\"cta-description\">\n                Notre \u00e9quipe est disponible pour r\u00e9pondre \u00e0 toutes vos questions sur nos pratiques de s\u00e9curit\u00e9 et notre conformit\u00e9 r\u00e9glementaire.\n            <\/p>\n            \n            <a href=\"https:\/\/hodronn.fr\/index.php\/contact\/\" class=\"cta-button-primary\">\n                <span>Contactez-nous<\/span>\n                <svg class=\"cta-button-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" \/>\n                <\/svg>\n            <\/a>\n        <\/div>\n    <\/section>\n    \n    <script>\n        \/\/ Carousel mobile\n        const track = document.getElementById('carouselTrack');\n        const cards = Array.from(document.querySelectorAll('.carousel-card'));\n        const prevBtn = document.getElementById('prevBtn');\n        const nextBtn = document.getElementById('nextBtn');\n        const progressFill = document.getElementById('progressFill');\n        const progressText = document.getElementById('progressText');\n        \n        let currentIndex = 0;\n        const totalCards = cards.length;\n        \n        function updateCarousel() {\n            cards.forEach((card, index) => {\n                card.classList.remove('center');\n                if (index === currentIndex) {\n                    card.classList.add('center');\n                }\n            });\n            \n            const progressPercent = ((currentIndex + 1) \/ totalCards) * 100;\n            progressFill.style.width = progressPercent + '%';\n            progressText.textContent = (currentIndex + 1) + '\/' + totalCards;\n        }\n        \n        prevBtn.addEventListener('click', function() {\n            currentIndex = (currentIndex - 1 + totalCards) % totalCards;\n            updateCarousel();\n        });\n        \n        nextBtn.addEventListener('click', function() {\n            currentIndex = (currentIndex + 1) % totalCards;\n            updateCarousel();\n        });\n        \n        updateCarousel();\n    <\/script>\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>S\u00e9curit\u00e9 &#038; Conformit\u00e9 &#8211; Hodr\u00f8nn S\u00e9curit\u00e9 &#038; Conformit\u00e9 Vos donn\u00e9es en s\u00e9curit\u00e9 Hodr\u00f8nn garantit la protection de vos donn\u00e9es sensibles [&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":"","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-777","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"_uabb_version":["1.36.13"],"_edit_lock":["1762977525: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":[""],"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":["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":[""],"_elementor_edit_mode":[""],"_elementor_template_type":[""],"_elementor_data":[""],"_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-468987af .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-468987af .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-468987af .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-468987af .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-468987af .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-468987af{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-468987af > .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-468987af{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-468987af{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-468987af > .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-468987af{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-468987af{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-468987af > .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-468987af{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:\"1775574129\";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-777.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":"S\u00e9curit\u00e9 &#038; Conformit\u00e9 &#8211; Hodr\u00f8nn S\u00e9curit\u00e9 &#038; Conformit\u00e9 Vos donn\u00e9es en s\u00e9curit\u00e9 Hodr\u00f8nn garantit la protection de vos donn\u00e9es sensibles [&hellip;]","_links":{"self":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/777","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=777"}],"version-history":[{"count":13,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/777\/revisions"}],"predecessor-version":[{"id":1343,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/777\/revisions\/1343"}],"wp:attachment":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/media?parent=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}