{"id":351,"date":"2025-11-03T18:43:34","date_gmt":"2025-11-03T17:43:34","guid":{"rendered":"https:\/\/hodronn.fr\/?page_id=351"},"modified":"2025-11-12T23:31:16","modified_gmt":"2025-11-12T22:31:16","slug":"politique-rgpd","status":"publish","type":"page","link":"https:\/\/hodronn.fr\/index.php\/politique-rgpd\/","title":{"rendered":"RGPD"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-95a17a8e 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>Protection des Donn\u00e9es Personnelles &#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 PREMIUM\n           ======================================== *\/\n        :root {\n            --hodronn-blue: #00017B;\n            --hodronn-blue-hover: #00006A;\n            --blue-10: #EEF0FF;\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        html {\n            scroll-behavior: smooth;\n        }\n        \n        body {\n            font-family: 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n            background: linear-gradient(135deg, #fafbfc 0%, #f5f7fa 100%);\n            color: var(--ink-70);\n            -webkit-font-smoothing: antialiased;\n            -moz-osx-font-smoothing: grayscale;\n            line-height: 1.7;\n            position: relative;\n            overflow-x: hidden;\n        }\n        \n        \/* ========================================\n           BACKGROUND DECORATION\n           ======================================== *\/\n        .page-background {\n            position: fixed;\n            inset: 0;\n            z-index: 0;\n            overflow: hidden;\n            pointer-events: none;\n        }\n        \n        .bg-gradient-1 {\n            position: absolute;\n            top: -20%;\n            right: -10%;\n            width: 600px;\n            height: 600px;\n            background: radial-gradient(circle, rgba(0, 1, 123, 0.08) 0%, transparent 70%);\n            border-radius: 50%;\n            animation: float 20s ease-in-out infinite;\n        }\n        \n        .bg-gradient-2 {\n            position: absolute;\n            bottom: -15%;\n            left: -10%;\n            width: 500px;\n            height: 500px;\n            background: radial-gradient(circle, rgba(147, 51, 234, 0.06) 0%, transparent 70%);\n            border-radius: 50%;\n            animation: float 25s ease-in-out infinite reverse;\n        }\n        \n        @keyframes float {\n            0%, 100% { transform: translate(0, 0) scale(1); }\n            50% { transform: translate(30px, -30px) scale(1.1); }\n        }\n        \n        \/* ========================================\n           HEADER HERO - DA HODR\u00d8NN\n           ======================================== *\/\n        .rgpd-header {\n            position: relative;\n            z-index: 10;\n            background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.95));\n            backdrop-filter: blur(24px);\n            border-bottom: 1px solid rgba(0, 1, 123, 0.08);\n            padding: 5rem 1.5rem 4rem;\n            text-align: center;\n            overflow: hidden;\n        }\n        \n        .rgpd-header::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: radial-gradient(circle at 50% 0%, rgba(0, 1, 123, 0.06), transparent 70%);\n            opacity: 0.8;\n        }\n        \n        .rgpd-header::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 1px;\n            background: linear-gradient(90deg, transparent, rgba(0, 1, 123, 0.2), transparent);\n        }\n        \n        .rgpd-header-container {\n            max-width: 900px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 1;\n        }\n        \n        .rgpd-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5rem;\n            padding: 0.5rem 1.5rem;\n            border-radius: 9999px;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(0, 1, 123, 0.12);\n            box-shadow: 0 4px 20px rgba(0, 1, 123, 0.08);\n            margin-bottom: 2rem;\n            font-size: 0.75rem;\n            font-weight: 600;\n            color: var(--hodronn-blue);\n            opacity: 0;\n            animation: fadeInUp 0.8s ease-out 0.1s forwards;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n        }\n        \n        .rgpd-badge-icon {\n            width: 0.95rem;\n            height: 0.95rem;\n        }\n        \n        .rgpd-title {\n            font-size: 3.5rem;\n            font-weight: 700;\n            color: var(--ink-100);\n            margin-bottom: 2rem;\n            letter-spacing: -0.03em;\n            line-height: 1.1;\n            opacity: 0;\n            animation: fadeInUp 0.8s ease-out 0.2s forwards;\n        }\n        \n        \/* ========================================\n           LAYOUT CONTAINER\n           ======================================== *\/\n        .content-wrapper {\n            position: relative;\n            z-index: 10;\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 3rem 1.5rem 5rem;\n            display: grid;\n            grid-template-columns: 280px 1fr;\n            gap: 3.5rem;\n            align-items: start;\n        }\n        \n        \/* ========================================\n           TABLE OF CONTENTS - ULTRA PREMIUM\n           ======================================== *\/\n        .toc-sidebar {\n            position: sticky;\n            top: 2rem;\n            background: rgba(255, 255, 255, 0.98);\n            backdrop-filter: blur(24px);\n            border-radius: 1rem;\n            padding: 1.75rem 0;\n            border: 1px solid rgba(0, 1, 123, 0.08);\n            box-shadow: \n                0 8px 32px rgba(0, 1, 123, 0.06),\n                0 0 0 1px rgba(255, 255, 255, 0.5) inset;\n            max-height: calc(100vh - 4rem);\n            overflow-y: auto;\n            overflow-x: hidden;\n            opacity: 0;\n            animation: fadeInLeft 0.8s ease-out 0.5s forwards;\n            align-self: start;\n        }\n        \n        .toc-sidebar::-webkit-scrollbar {\n            width: 3px;\n        }\n        \n        .toc-sidebar::-webkit-scrollbar-track {\n            background: transparent;\n        }\n        \n        .toc-sidebar::-webkit-scrollbar-thumb {\n            background: rgba(0, 1, 123, 0.15);\n            border-radius: 10px;\n        }\n        \n        .toc-sidebar::-webkit-scrollbar-thumb:hover {\n            background: rgba(0, 1, 123, 0.25);\n        }\n        \n        .toc-title {\n            font-size: 0.7rem;\n            font-weight: 700;\n            color: var(--ink-100);\n            margin-bottom: 1.25rem;\n            padding: 0 1.75rem;\n            text-transform: uppercase;\n            letter-spacing: 0.1em;\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n        }\n        \n        .toc-title::before {\n            content: '';\n            width: 3px;\n            height: 1rem;\n            background: linear-gradient(135deg, var(--hodronn-blue), #9333ea);\n            border-radius: 9999px;\n        }\n        \n        .toc-list {\n            list-style: none;\n        }\n        \n        .toc-item {\n            margin-bottom: 0.15rem;\n        }\n        \n        .toc-link {\n            display: flex;\n            align-items: center;\n            gap: 0.75rem;\n            text-decoration: none;\n            color: var(--ink-40);\n            font-size: 0.78rem;\n            font-weight: 500;\n            padding: 0.65rem 1.75rem;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative;\n        }\n        \n        .toc-link::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            width: 4px;\n            height: 0%;\n            background: linear-gradient(135deg, var(--hodronn-blue), #9333ea);\n            border-radius: 0 2px 2px 0;\n            transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n        \n        .toc-link:hover {\n            color: var(--hodronn-blue);\n        }\n        \n        .toc-link.active {\n            color: var(--hodronn-blue);\n            font-weight: 600;\n            background: linear-gradient(90deg, rgba(0, 1, 123, 0.08), transparent 80%);\n        }\n        \n        .toc-link.active::before {\n            height: 80%;\n        }\n        \n        .toc-number {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 1.5rem;\n            height: 1.5rem;\n            border-radius: 0.4rem;\n            background: rgba(0, 1, 123, 0.06);\n            color: var(--hodronn-blue);\n            font-size: 0.68rem;\n            font-weight: 700;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            flex-shrink: 0;\n        }\n        \n        .toc-link.active .toc-number {\n            background: linear-gradient(135deg, var(--hodronn-blue), #6366f1);\n            color: white;\n            box-shadow: 0 3px 10px rgba(0, 1, 123, 0.25);\n            transform: scale(1.05);\n        }\n        \n        \/* ========================================\n           MAIN CONTENT - ULTRA COMPACT\n           ======================================== *\/\n        .rgpd-content {\n            min-width: 0;\n        }\n        \n        .rgpd-article {\n            background: rgba(255, 255, 255, 0.98);\n            backdrop-filter: blur(20px);\n            border-radius: 0.65rem;\n            padding: 0.75rem 1rem;\n            margin-bottom: 0.6rem;\n            border: 1px solid rgba(0, 1, 123, 0.05);\n            box-shadow: \n                0 1px 4px rgba(0, 1, 123, 0.02),\n                0 0 0 1px rgba(255, 255, 255, 0.6) inset;\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n            scroll-margin-top: 2rem;\n        }\n        \n        .rgpd-article:hover {\n            box-shadow: \n                0 8px 24px rgba(0, 1, 123, 0.1),\n                0 0 0 1px rgba(0, 1, 123, 0.12),\n                0 0 0 2px rgba(255, 255, 255, 0.9) inset;\n            transform: translateY(-3px) scale(1.005);\n            border-color: rgba(0, 1, 123, 0.15);\n        }\n        \n        .article-header {\n            display: flex;\n            align-items: center;\n            gap: 0.65rem;\n            margin-bottom: 0.65rem;\n            padding-bottom: 0.65rem;\n            border-bottom: 1px solid rgba(0, 1, 123, 0.05);\n        }\n        \n        .article-number {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 1.6rem;\n            height: 1.6rem;\n            border-radius: 0.4rem;\n            background: linear-gradient(135deg, var(--hodronn-blue), #6366f1);\n            color: white;\n            font-size: 0.7rem;\n            font-weight: 700;\n            flex-shrink: 0;\n            box-shadow: 0 2px 6px rgba(0, 1, 123, 0.15);\n        }\n        \n        .rgpd-article-title {\n            font-size: 0.88rem;\n            font-weight: 700;\n            color: var(--ink-100);\n            letter-spacing: -0.01em;\n            line-height: 1.3;\n        }\n        \n        .rgpd-article-content {\n            color: var(--ink-70);\n            font-size: 0.75rem;\n            line-height: 1.55;\n        }\n        \n        .rgpd-article-content p {\n            margin-bottom: 0.6rem;\n        }\n        \n        .rgpd-article-content p:last-child {\n            margin-bottom: 0;\n        }\n        \n        .rgpd-article-content ul,\n        .rgpd-article-content ol {\n            margin: 0.6rem 0 0.6rem 1rem;\n        }\n        \n        .rgpd-article-content li {\n            margin-bottom: 0.4rem;\n            padding-left: 0.25rem;\n        }\n        \n        .rgpd-article-content li::marker {\n            color: var(--hodronn-blue);\n        }\n        \n        .rgpd-article-content strong {\n            color: var(--ink-100);\n            font-weight: 600;\n        }\n        \n        .rgpd-article-content a {\n            color: var(--hodronn-blue);\n            text-decoration: none;\n            font-weight: 500;\n            transition: all 0.2s ease;\n            border-bottom: 1px solid rgba(0, 1, 123, 0.3);\n        }\n        \n        .rgpd-article-content a:hover {\n            border-bottom-color: var(--hodronn-blue);\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 fadeInLeft {\n            from {\n                opacity: 0;\n                transform: translateX(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateX(0);\n            }\n        }\n        \n        \/* ========================================\n           RESPONSIVE\n           ======================================== *\/\n        @media (max-width: 1024px) {\n            .content-wrapper {\n                grid-template-columns: 240px 1fr;\n                gap: 2.5rem;\n                padding: 2.5rem 1.25rem 4rem;\n            }\n            \n            .toc-sidebar {\n                padding: 1.5rem 0;\n            }\n            \n            .toc-title {\n                font-size: 0.65rem;\n                padding: 0 1.5rem;\n            }\n            \n            .toc-link {\n                font-size: 0.72rem;\n                padding: 0.6rem 1.5rem;\n            }\n            \n            .toc-number {\n                min-width: 1.4rem;\n                height: 1.4rem;\n                font-size: 0.65rem;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .rgpd-header {\n                padding: 3rem 1rem 2.5rem;\n            }\n            \n            .rgpd-title {\n                font-size: 2.25rem;\n            }\n            \n            .rgpd-badge {\n                font-size: 0.7rem;\n                padding: 0.45rem 1.25rem;\n                margin-bottom: 1.5rem;\n            }\n            \n            \/* Masquer le sommaire sur mobile *\/\n            .content-wrapper {\n                grid-template-columns: 1fr;\n                padding: 2rem 1rem 3rem;\n                gap: 0;\n            }\n            \n            .toc-sidebar {\n                display: none;\n            }\n            \n            .rgpd-article {\n                padding: 1rem 1.1rem;\n                margin-bottom: 0.7rem;\n            }\n            \n            .article-header {\n                gap: 0.65rem;\n                margin-bottom: 0.7rem;\n                padding-bottom: 0.7rem;\n            }\n            \n            .article-number {\n                min-width: 1.65rem;\n                height: 1.65rem;\n                font-size: 0.72rem;\n                border-radius: 0.4rem;\n            }\n            \n            .rgpd-article-title {\n                font-size: 0.92rem;\n            }\n            \n            .rgpd-article-content {\n                font-size: 0.78rem;\n                line-height: 1.55;\n            }\n            \n            .rgpd-article-content p {\n                margin-bottom: 0.65rem;\n            }\n            \n            .rgpd-article-content ul,\n            .rgpd-article-content ol {\n                margin: 0.65rem 0 0.65rem 1.1rem;\n            }\n            \n            .rgpd-article-content li {\n                margin-bottom: 0.4rem;\n                padding-left: 0.25rem;\n            }\n            \n            .bg-gradient-1,\n            .bg-gradient-2 {\n                display: none;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .rgpd-header {\n                padding: 2.5rem 0.85rem 2rem;\n            }\n            \n            .rgpd-title {\n                font-size: 1.9rem;\n            }\n            \n            .rgpd-badge {\n                font-size: 0.68rem;\n                padding: 0.4rem 1.15rem;\n            }\n            \n            .content-wrapper {\n                padding: 1.75rem 0.85rem 2.5rem;\n            }\n            \n            .rgpd-article {\n                padding: 0.9rem 0.95rem;\n                border-radius: 0.7rem;\n            }\n            \n            .article-header {\n                gap: 0.6rem;\n            }\n            \n            .article-number {\n                min-width: 1.6rem;\n                height: 1.6rem;\n                font-size: 0.7rem;\n            }\n            \n            .rgpd-article-title {\n                font-size: 0.88rem;\n            }\n            \n            .rgpd-article-content {\n                font-size: 0.76rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    \n    <!-- Background Decoration -->\n    <div class=\"page-background\">\n        <div class=\"bg-gradient-1\"><\/div>\n        <div class=\"bg-gradient-2\"><\/div>\n    <\/div>\n    \n    <!-- Header Hero -->\n    <header class=\"rgpd-header\">\n        <div class=\"rgpd-header-container\">\n            <div class=\"rgpd-badge\">\n                <svg class=\"rgpd-badge-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                <span class=\"rgpd-badge-text\">RGPD<\/span>\n            <\/div>\n            <h1 class=\"rgpd-title\">Protection des Donn\u00e9es Personnelles<\/h1>\n        <\/div>\n    <\/header>\n    \n    <!-- Main Content -->\n    <div class=\"content-wrapper\">\n        \n        <!-- Table of Contents -->\n        <aside class=\"toc-sidebar\" id=\"tocSidebar\">\n            <div class=\"toc-title\">Sommaire<\/div>\n            <nav>\n                <ul class=\"toc-list\" id=\"tocList\">\n                    <li class=\"toc-item\">\n                        <a href=\"#article-1\" class=\"toc-link\" data-target=\"article-1\">\n                            <span class=\"toc-number\">1<\/span>\n                            <span>Responsable du traitement<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-2\" class=\"toc-link\" data-target=\"article-2\">\n                            <span class=\"toc-number\">2<\/span>\n                            <span>Donn\u00e9es collect\u00e9es<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-3\" class=\"toc-link\" data-target=\"article-3\">\n                            <span class=\"toc-number\">3<\/span>\n                            <span>Finalit\u00e9s du traitement<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-4\" class=\"toc-link\" data-target=\"article-4\">\n                            <span class=\"toc-number\">4<\/span>\n                            <span>Base l\u00e9gale du traitement<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-5\" class=\"toc-link\" data-target=\"article-5\">\n                            <span class=\"toc-number\">5<\/span>\n                            <span>Destinataires des donn\u00e9es<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-6\" class=\"toc-link\" data-target=\"article-6\">\n                            <span class=\"toc-number\">6<\/span>\n                            <span>Transferts de donn\u00e9es<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-7\" class=\"toc-link\" data-target=\"article-7\">\n                            <span class=\"toc-number\">7<\/span>\n                            <span>Dur\u00e9e de conservation<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-8\" class=\"toc-link\" data-target=\"article-8\">\n                            <span class=\"toc-number\">8<\/span>\n                            <span>Droits des personnes<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-9\" class=\"toc-link\" data-target=\"article-9\">\n                            <span class=\"toc-number\">9<\/span>\n                            <span>Droit d&rsquo;acc\u00e8s<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-10\" class=\"toc-link\" data-target=\"article-10\">\n                            <span class=\"toc-number\">10<\/span>\n                            <span>Droit de rectification<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-11\" class=\"toc-link\" data-target=\"article-11\">\n                            <span class=\"toc-number\">11<\/span>\n                            <span>Droit \u00e0 l&rsquo;effacement<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-12\" class=\"toc-link\" data-target=\"article-12\">\n                            <span class=\"toc-number\">12<\/span>\n                            <span>Droit \u00e0 la portabilit\u00e9<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-13\" class=\"toc-link\" data-target=\"article-13\">\n                            <span class=\"toc-number\">13<\/span>\n                            <span>Droit d&rsquo;opposition<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-14\" class=\"toc-link\" data-target=\"article-14\">\n                            <span class=\"toc-number\">14<\/span>\n                            <span>S\u00e9curit\u00e9 des donn\u00e9es<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-15\" class=\"toc-link\" data-target=\"article-15\">\n                            <span class=\"toc-number\">15<\/span>\n                            <span>Violations de donn\u00e9es<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-16\" class=\"toc-link\" data-target=\"article-16\">\n                            <span class=\"toc-number\">16<\/span>\n                            <span>Cookies et traceurs<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-17\" class=\"toc-link\" data-target=\"article-17\">\n                            <span class=\"toc-number\">17<\/span>\n                            <span>Mineurs<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-18\" class=\"toc-link\" data-target=\"article-18\">\n                            <span class=\"toc-number\">18<\/span>\n                            <span>Modifications<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-19\" class=\"toc-link\" data-target=\"article-19\">\n                            <span class=\"toc-number\">19<\/span>\n                            <span>Contact DPO<\/span>\n                        <\/a>\n                    <\/li>\n                    <li class=\"toc-item\">\n                        <a href=\"#article-20\" class=\"toc-link\" data-target=\"article-20\">\n                            <span class=\"toc-number\">20<\/span>\n                            <span>R\u00e9clamation CNIL<\/span>\n                        <\/a>\n                    <\/li>\n                <\/ul>\n            <\/nav>\n        <\/aside>\n        \n        <!-- Main Content -->\n        <main class=\"rgpd-content\">\n            \n            <!-- Article 1 -->\n            <article class=\"rgpd-article\" id=\"article-1\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">1<\/div>\n                    <h2 class=\"rgpd-article-title\">Responsable du traitement<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Le responsable du traitement des donn\u00e9es personnelles est la soci\u00e9t\u00e9 Hodr\u00f8nn SAS, dont le si\u00e8ge social est situ\u00e9 au 2 rue du Neuf Moulins, 54570 Foug. Hodr\u00f8nn d\u00e9termine les finalit\u00e9s et les moyens du traitement des donn\u00e9es personnelles collect\u00e9es via son service.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 2 -->\n            <article class=\"rgpd-article\" id=\"article-2\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">2<\/div>\n                    <h2 class=\"rgpd-article-title\">Donn\u00e9es collect\u00e9es<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Nous collectons les donn\u00e9es personnelles suivantes :<\/p>\n                    <ul>\n                        <li>Donn\u00e9es d&rsquo;identification : nom, pr\u00e9nom, adresse email, num\u00e9ro de t\u00e9l\u00e9phone,<\/li>\n                        <li>Donn\u00e9es professionnelles : soci\u00e9t\u00e9, fonction, secteur d&rsquo;activit\u00e9,<\/li>\n                        <li>Donn\u00e9es de connexion : adresse IP, logs de connexion, identifiants,<\/li>\n                        <li>Donn\u00e9es d&rsquo;utilisation : actions effectu\u00e9es, pr\u00e9f\u00e9rences, param\u00e8tres,<\/li>\n                        <li>Donn\u00e9es techniques : type de navigateur, syst\u00e8me d&rsquo;exploitation, r\u00e9solution d&rsquo;\u00e9cran.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 3 -->\n            <article class=\"rgpd-article\" id=\"article-3\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">3<\/div>\n                    <h2 class=\"rgpd-article-title\">Finalit\u00e9s du traitement<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vos donn\u00e9es personnelles sont trait\u00e9es pour les finalit\u00e9s suivantes :<\/p>\n                    <ul>\n                        <li>Gestion de votre compte utilisateur et authentification,<\/li>\n                        <li>Fourniture et am\u00e9lioration du service Hodr\u00f8nn,<\/li>\n                        <li>Support technique et assistance client,<\/li>\n                        <li>Facturation et gestion comptable,<\/li>\n                        <li>S\u00e9curit\u00e9 et pr\u00e9vention de la fraude,<\/li>\n                        <li>Analyse statistique et am\u00e9lioration de l&rsquo;exp\u00e9rience utilisateur,<\/li>\n                        <li>Communication sur les \u00e9volutions du service.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 4 -->\n            <article class=\"rgpd-article\" id=\"article-4\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">4<\/div>\n                    <h2 class=\"rgpd-article-title\">Base l\u00e9gale du traitement<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Le traitement de vos donn\u00e9es personnelles repose sur les bases l\u00e9gales suivantes :<\/p>\n                    <ul>\n                        <li>L&rsquo;ex\u00e9cution du contrat de service conclu avec vous,<\/li>\n                        <li>Le respect de nos obligations l\u00e9gales et r\u00e9glementaires,<\/li>\n                        <li>Votre consentement pour certains traitements sp\u00e9cifiques,<\/li>\n                        <li>Notre int\u00e9r\u00eat l\u00e9gitime \u00e0 am\u00e9liorer nos services et assurer leur s\u00e9curit\u00e9.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 5 -->\n            <article class=\"rgpd-article\" id=\"article-5\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">5<\/div>\n                    <h2 class=\"rgpd-article-title\">Destinataires des donn\u00e9es<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vos donn\u00e9es personnelles sont destin\u00e9es aux services internes de Hodr\u00f8nn et peuvent \u00eatre partag\u00e9es avec :<\/p>\n                    <ul>\n                        <li>Nos prestataires techniques (h\u00e9bergement, maintenance, support),<\/li>\n                        <li>Nos partenaires de paiement pour la gestion de la facturation,<\/li>\n                        <li>Les autorit\u00e9s comp\u00e9tentes en cas d&rsquo;obligation l\u00e9gale,<\/li>\n                        <li>Nos conseils juridiques et comptables dans la limite n\u00e9cessaire.<\/li>\n                    <\/ul>\n                    <p>Vos donn\u00e9es ne sont jamais vendues \u00e0 des tiers \u00e0 des fins commerciales.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 6 -->\n            <article class=\"rgpd-article\" id=\"article-6\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">6<\/div>\n                    <h2 class=\"rgpd-article-title\">Transferts de donn\u00e9es<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vos donn\u00e9es sont h\u00e9berg\u00e9es au sein de l&rsquo;Union Europ\u00e9enne. Si un transfert hors UE s&rsquo;av\u00e8re n\u00e9cessaire, nous nous assurons que des garanties appropri\u00e9es sont mises en place conform\u00e9ment au RGPD, notamment par le biais de clauses contractuelles types approuv\u00e9es par la Commission Europ\u00e9enne.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 7 -->\n            <article class=\"rgpd-article\" id=\"article-7\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">7<\/div>\n                    <h2 class=\"rgpd-article-title\">Dur\u00e9e de conservation<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vos donn\u00e9es sont conserv\u00e9es pendant la dur\u00e9e n\u00e9cessaire aux finalit\u00e9s pour lesquelles elles sont trait\u00e9es :<\/p>\n                    <ul>\n                        <li>Donn\u00e9es de compte : dur\u00e9e du contrat + 3 ans (prescription commerciale),<\/li>\n                        <li>Donn\u00e9es de facturation : 10 ans (obligations comptables),<\/li>\n                        <li>Donn\u00e9es de connexion : 1 an (obligations l\u00e9gales),<\/li>\n                        <li>Donn\u00e9es de prospection : 3 ans \u00e0 compter du dernier contact.<\/li>\n                    <\/ul>\n                    <p>Au-del\u00e0 de ces dur\u00e9es, vos donn\u00e9es sont supprim\u00e9es ou anonymis\u00e9es.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 8 -->\n            <article class=\"rgpd-article\" id=\"article-8\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">8<\/div>\n                    <h2 class=\"rgpd-article-title\">Droits des personnes<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Conform\u00e9ment au RGPD, vous disposez des droits suivants concernant vos donn\u00e9es personnelles :<\/p>\n                    <ul>\n                        <li>Droit d&rsquo;acc\u00e8s \u00e0 vos donn\u00e9es,<\/li>\n                        <li>Droit de rectification des donn\u00e9es inexactes,<\/li>\n                        <li>Droit \u00e0 l&rsquo;effacement (droit \u00e0 l&rsquo;oubli),<\/li>\n                        <li>Droit \u00e0 la limitation du traitement,<\/li>\n                        <li>Droit \u00e0 la portabilit\u00e9 de vos donn\u00e9es,<\/li>\n                        <li>Droit d&rsquo;opposition au traitement,<\/li>\n                        <li>Droit de retirer votre consentement \u00e0 tout moment.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 9 -->\n            <article class=\"rgpd-article\" id=\"article-9\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">9<\/div>\n                    <h2 class=\"rgpd-article-title\">Droit d&rsquo;acc\u00e8s<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vous avez le droit d&rsquo;obtenir la confirmation que des donn\u00e9es vous concernant sont trait\u00e9es et d&rsquo;acc\u00e9der \u00e0 ces donn\u00e9es. Vous pouvez demander une copie de vos donn\u00e9es personnelles dans un format structur\u00e9 et couramment utilis\u00e9. Ce droit peut \u00eatre exerc\u00e9 gratuitement une fois par an.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 10 -->\n            <article class=\"rgpd-article\" id=\"article-10\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">10<\/div>\n                    <h2 class=\"rgpd-article-title\">Droit de rectification<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vous avez le droit de demander la rectification de vos donn\u00e9es personnelles lorsqu&rsquo;elles sont inexactes, incompl\u00e8tes ou obsol\u00e8tes. Vous pouvez \u00e9galement mettre \u00e0 jour certaines donn\u00e9es directement depuis votre compte utilisateur.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 11 -->\n            <article class=\"rgpd-article\" id=\"article-11\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">11<\/div>\n                    <h2 class=\"rgpd-article-title\">Droit \u00e0 l&rsquo;effacement<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vous pouvez demander l&rsquo;effacement de vos donn\u00e9es personnelles dans certains cas : retrait du consentement, opposition au traitement, donn\u00e9es collect\u00e9es de mani\u00e8re illicite, ou obligation l\u00e9gale d&rsquo;effacement. Ce droit ne s&rsquo;applique pas si nous devons conserver vos donn\u00e9es pour respecter une obligation l\u00e9gale.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 12 -->\n            <article class=\"rgpd-article\" id=\"article-12\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">12<\/div>\n                    <h2 class=\"rgpd-article-title\">Droit \u00e0 la portabilit\u00e9<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vous avez le droit de recevoir vos donn\u00e9es personnelles dans un format structur\u00e9, couramment utilis\u00e9 et lisible par machine. Vous pouvez \u00e9galement demander que ces donn\u00e9es soient transmises directement \u00e0 un autre responsable de traitement lorsque cela est techniquement possible.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 13 -->\n            <article class=\"rgpd-article\" id=\"article-13\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">13<\/div>\n                    <h2 class=\"rgpd-article-title\">Droit d&rsquo;opposition<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Vous pouvez vous opposer \u00e0 tout moment au traitement de vos donn\u00e9es personnelles pour des raisons tenant \u00e0 votre situation particuli\u00e8re. Vous pouvez \u00e9galement vous opposer au traitement de vos donn\u00e9es \u00e0 des fins de prospection commerciale sans avoir \u00e0 justifier votre demande.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 14 -->\n            <article class=\"rgpd-article\" id=\"article-14\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">14<\/div>\n                    <h2 class=\"rgpd-article-title\">S\u00e9curit\u00e9 des donn\u00e9es<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Nous mettons en \u0153uvre des mesures techniques et organisationnelles appropri\u00e9es pour assurer la s\u00e9curit\u00e9 de vos donn\u00e9es :<\/p>\n                    <ul>\n                        <li>Chiffrement des donn\u00e9es sensibles (SSL\/TLS),<\/li>\n                        <li>Authentification s\u00e9curis\u00e9e et gestion des acc\u00e8s,<\/li>\n                        <li>Sauvegardes r\u00e9guli\u00e8res et redondance des donn\u00e9es,<\/li>\n                        <li>Surveillance et d\u00e9tection des intrusions,<\/li>\n                        <li>Formation r\u00e9guli\u00e8re de nos \u00e9quipes \u00e0 la protection des donn\u00e9es.<\/li>\n                    <\/ul>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 15 -->\n            <article class=\"rgpd-article\" id=\"article-15\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">15<\/div>\n                    <h2 class=\"rgpd-article-title\">Violations de donn\u00e9es<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>En cas de violation de donn\u00e9es personnelles susceptible d&rsquo;engendrer un risque \u00e9lev\u00e9 pour vos droits et libert\u00e9s, nous nous engageons \u00e0 vous en informer dans les meilleurs d\u00e9lais et \u00e0 notifier la CNIL conform\u00e9ment \u00e0 la r\u00e9glementation en vigueur.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 16 -->\n            <article class=\"rgpd-article\" id=\"article-16\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">16<\/div>\n                    <h2 class=\"rgpd-article-title\">Cookies et traceurs<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Nous utilisons des cookies strictement n\u00e9cessaires au fonctionnement du service et des cookies d&rsquo;analyse pour am\u00e9liorer l&rsquo;exp\u00e9rience utilisateur. Vous pouvez g\u00e9rer vos pr\u00e9f\u00e9rences en mati\u00e8re de cookies via les param\u00e8tres de votre navigateur. Le refus de certains cookies peut affecter le bon fonctionnement du service.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 17 -->\n            <article class=\"rgpd-article\" id=\"article-17\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">17<\/div>\n                    <h2 class=\"rgpd-article-title\">Mineurs<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Le service Hodr\u00f8nn est destin\u00e9 aux professionnels et n&rsquo;est pas con\u00e7u pour les mineurs de moins de 16 ans. Nous ne collectons pas sciemment de donn\u00e9es personnelles concernant des mineurs. Si vous pensez que nous avons collect\u00e9 des donn\u00e9es concernant un mineur, contactez-nous imm\u00e9diatement.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 18 -->\n            <article class=\"rgpd-article\" id=\"article-18\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">18<\/div>\n                    <h2 class=\"rgpd-article-title\">Modifications<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Nous nous r\u00e9servons le droit de modifier la pr\u00e9sente politique de protection des donn\u00e9es \u00e0 tout moment. En cas de modification substantielle, nous vous en informerons par email ou via une notification sur le service. La version \u00e0 jour est toujours accessible sur notre site internet.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 19 -->\n            <article class=\"rgpd-article\" id=\"article-19\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">19<\/div>\n                    <h2 class=\"rgpd-article-title\">Contact DPO<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Pour toute question concernant le traitement de vos donn\u00e9es personnelles ou pour exercer vos droits, vous pouvez contacter notre D\u00e9l\u00e9gu\u00e9 \u00e0 la Protection des Donn\u00e9es (DPO) par email \u00e0 dpo@hodronn.com ou par courrier \u00e0 : Hodr\u00f8nn &#8211; DPO, 2 rue du Neuf Moulins, 54570 Foug.<\/p>\n                <\/div>\n            <\/article>\n            \n            <!-- Article 20 -->\n            <article class=\"rgpd-article\" id=\"article-20\">\n                <div class=\"article-header\">\n                    <div class=\"article-number\">20<\/div>\n                    <h2 class=\"rgpd-article-title\">R\u00e9clamation CNIL<\/h2>\n                <\/div>\n                <div class=\"rgpd-article-content\">\n                    <p>Si vous estimez que le traitement de vos donn\u00e9es personnelles n&rsquo;est pas conforme \u00e0 la r\u00e9glementation, vous disposez du droit d&rsquo;introduire une r\u00e9clamation aupr\u00e8s de la Commission Nationale de l&rsquo;Informatique et des Libert\u00e9s (CNIL) \u00e0 l&rsquo;adresse suivante : CNIL, 3 Place de Fontenoy, TSA 80715, 75334 Paris Cedex 07.<\/p>\n                <\/div>\n            <\/article>\n            \n        <\/main>\n    <\/div>\n    \n    <script>\n        \/\/ ========================================\n        \/\/ D\u00c9TECTION ARTICLE ACTIF - ULTRA STABLE & PR\u00c9CIS\n        \/\/ ========================================\n        \n        const tocSidebar = document.getElementById('tocSidebar');\n        const tocLinks = document.querySelectorAll('.toc-link');\n        const articles = document.querySelectorAll('.rgpd-article');\n        \n        let currentActiveId = null;\n        let debounceTimer = null;\n        \n        \/\/ IntersectionObserver avec zone de d\u00e9tection optimale\n        const observerOptions = {\n            root: null,\n            rootMargin: '-20% 0px -60% 0px', \/\/ Zone \u00e9quilibr\u00e9e pour tous les articles\n            threshold: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1]\n        };\n        \n        const observer = new IntersectionObserver((entries) => {\n            \/\/ Annuler le timer pr\u00e9c\u00e9dent\n            if (debounceTimer) {\n                clearTimeout(debounceTimer);\n            }\n            \n            \/\/ Attendre un tout petit moment pour stabiliser\n            debounceTimer = setTimeout(() => {\n                \/\/ Filtrer uniquement les articles visibles\n                const visibleEntries = entries.filter(entry => entry.isIntersecting);\n                \n                if (visibleEntries.length === 0) return;\n                \n                \/\/ Si un seul article visible, c'est lui\n                if (visibleEntries.length === 1) {\n                    setActiveArticle(visibleEntries[0].target.id);\n                    return;\n                }\n                \n                \/\/ Si plusieurs articles visibles, utiliser un syst\u00e8me de score am\u00e9lior\u00e9\n                let bestEntry = visibleEntries[0];\n                let bestScore = -Infinity;\n                \n                visibleEntries.forEach(entry => {\n                    const rect = entry.target.getBoundingClientRect();\n                    const viewportHeight = window.innerHeight;\n                    \n                    \/\/ Position du centre de l'article par rapport au viewport\n                    const articleCenter = rect.top + (rect.height \/ 2);\n                    const viewportCenter = viewportHeight \/ 2;\n                    \n                    \/\/ Distance du centre de l'article par rapport au centre du viewport\n                    const distanceFromCenter = Math.abs(articleCenter - viewportCenter);\n                    \n                    \/\/ Score : prioriser l'article le plus centr\u00e9 ET le plus visible\n                    \/\/ Plus l'article est visible et centr\u00e9, meilleur est le score\n                    const visibilityScore = entry.intersectionRatio * 1000;\n                    const centerScore = (viewportHeight - distanceFromCenter) \/ viewportHeight * 500;\n                    \n                    const totalScore = visibilityScore + centerScore;\n                    \n                    if (totalScore > bestScore) {\n                        bestScore = totalScore;\n                        bestEntry = entry;\n                    }\n                });\n                \n                setActiveArticle(bestEntry.target.id);\n            }, 30); \/\/ D\u00e9lai r\u00e9duit \u00e0 30ms pour plus de r\u00e9activit\u00e9\n            \n        }, observerOptions);\n        \n        \/\/ Observer tous les articles\n        articles.forEach(article => {\n            observer.observe(article);\n        });\n        \n        \/\/ Fonction pour d\u00e9finir l'article actif\n        function setActiveArticle(articleId) {\n            \/\/ Ne rien faire si c'est d\u00e9j\u00e0 l'article actif\n            if (articleId === currentActiveId) return;\n            \n            currentActiveId = articleId;\n            \n            \/\/ Retirer toutes les classes actives\n            tocLinks.forEach(link => link.classList.remove('active'));\n            \n            \/\/ Ajouter la classe active au bon lien\n            const activeLink = document.querySelector(`.toc-link[data-target=\"${articleId}\"]`);\n            if (activeLink) {\n                activeLink.classList.add('active');\n                \n                \/\/ Auto-scroll du sommaire vers le lien actif\n                scrollTocToActiveLink(activeLink);\n            }\n        }\n        \n        \/\/ Fonction pour scroller le sommaire de mani\u00e8re fluide\n        function scrollTocToActiveLink(activeLink) {\n            \/\/ Calculer la position du lien dans le sommaire\n            const linkOffsetTop = activeLink.offsetTop;\n            const linkHeight = activeLink.offsetHeight;\n            \n            \/\/ Position cible : centrer le lien dans le sommaire\n            const sidebarHeight = tocSidebar.clientHeight;\n            const targetScroll = linkOffsetTop - (sidebarHeight \/ 2) + (linkHeight \/ 2);\n            \n            \/\/ Scroller seulement si n\u00e9cessaire (\u00e9viter les mouvements inutiles)\n            const currentScroll = tocSidebar.scrollTop;\n            const visibleTop = currentScroll;\n            const visibleBottom = currentScroll + sidebarHeight;\n            \n            const linkTop = linkOffsetTop;\n            const linkBottom = linkOffsetTop + linkHeight;\n            \n            \/\/ Scroller uniquement si le lien n'est pas compl\u00e8tement visible\n            if (linkTop < visibleTop + 50 || linkBottom > visibleBottom - 50) {\n                tocSidebar.scrollTo({\n                    top: targetScroll,\n                    behavior: 'smooth'\n                });\n            }\n        }\n        \n        \/\/ Event listener pour les clics sur les liens du sommaire\n        tocLinks.forEach(link => {\n            link.addEventListener('click', function(e) {\n                e.preventDefault();\n                \n                const targetId = this.getAttribute('data-target');\n                const targetElement = document.getElementById(targetId);\n                \n                if (targetElement) {\n                    \/\/ Scroller vers l'article avec un offset\n                    const offsetTop = targetElement.offsetTop - 120;\n                    \n                    window.scrollTo({\n                        top: offsetTop,\n                        behavior: 'smooth'\n                    });\n                    \n                    \/\/ Marquer imm\u00e9diatement comme actif (pour feedback instantan\u00e9)\n                    setActiveArticle(targetId);\n                }\n            });\n        });\n        \n        \/\/ Initialiser au chargement\n        window.addEventListener('load', () => {\n            \/\/ D\u00e9terminer l'article initial\n            setTimeout(() => {\n                const firstVisibleArticle = Array.from(articles).find(article => {\n                    const rect = article.getBoundingClientRect();\n                    return rect.top >= 0 && rect.top < window.innerHeight \/ 2;\n                });\n                \n                if (firstVisibleArticle) {\n                    setActiveArticle(firstVisibleArticle.id);\n                } else {\n                    setActiveArticle(articles[0].id);\n                }\n            }, 100);\n        });\n    <\/script>\n    \n<\/body>\n<\/html>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Protection des Donn\u00e9es Personnelles &#8211; Hodr\u00f8nn RGPD Protection des Donn\u00e9es Personnelles Sommaire 1 Responsable du traitement 2 Donn\u00e9es collect\u00e9es 3 [&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-351","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"_edit_lock":["1762986699: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":["6"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_internal_links_processed":["1"],"_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-95a17a8e .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-95a17a8e .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-95a17a8e .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-95a17a8e .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-95a17a8e .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-95a17a8e{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-95a17a8e > .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-95a17a8e{box-shadow: 0px 0px   #00000070 ;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -35px !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-95a17a8e{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-95a17a8e > .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-95a17a8e{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -35px !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-95a17a8e{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-95a17a8e > .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-95a17a8e{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -35px !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:11:{i:0;s:14:\"uagb\/container\";i:1;s:9:\"core\/html\";i:2;s:11:\"core\/search\";i:3;s:10:\"core\/group\";i:4;s:12:\"core\/heading\";i:5;s:17:\"core\/latest-posts\";i:6;s:20:\"core\/latest-comments\";i:7;s:13:\"core\/archives\";i:8;s:15:\"core\/categories\";i:9;s:10:\"uagb\/image\";i:10;s:10:\"core\/image\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1775575727\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"],"_uag_css_file_name":["uag-css-351.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":"Protection des Donn\u00e9es Personnelles &#8211; Hodr\u00f8nn RGPD Protection des Donn\u00e9es Personnelles Sommaire 1 Responsable du traitement 2 Donn\u00e9es collect\u00e9es 3 [&hellip;]","_links":{"self":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/351","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=351"}],"version-history":[{"count":9,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/351\/revisions"}],"predecessor-version":[{"id":1378,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/351\/revisions\/1378"}],"wp:attachment":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/media?parent=351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}