<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Archives des Union européenne - Philippe Schmitt Avocats</title>
	<atom:link href="https://www.schmitt-avocats.fr/tag/union-europeenne/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.schmitt-avocats.fr/tag/union-europeenne/</link>
	<description>Marques, modèles, brevets, données personnelles et industrielles.</description>
	<lastBuildDate>Mon, 25 Aug 2025 13:22:37 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://www.schmitt-avocats.fr/wp-content/uploads/2024/08/cropped-LOGO-PSA-32x32.jpg</url>
	<title>Archives des Union européenne - Philippe Schmitt Avocats</title>
	<link>https://www.schmitt-avocats.fr/tag/union-europeenne/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>La décennie numérique : inventaire et lien vers les textes</title>
		<link>https://www.schmitt-avocats.fr/la-decennie-numerique-la-boussole-numerique/la-decennie-numerique-inventaire-et-lien-vers-les-textes/</link>
		
		<dc:creator><![CDATA[Philippe Schmitt]]></dc:creator>
		<pubDate>Fri, 08 Aug 2025 08:42:08 +0000</pubDate>
				<category><![CDATA[Décennie numérique]]></category>
		<category><![CDATA[Boussole numérique]]></category>
		<category><![CDATA[Connectivité universelle]]></category>
		<category><![CDATA[Droits et principes numériques]]></category>
		<category><![CDATA[Durabilité numérique]]></category>
		<category><![CDATA[Éducation numérique]]></category>
		<category><![CDATA[IA et algorithmes transparents]]></category>
		<category><![CDATA[Inclusion digitale]]></category>
		<category><![CDATA[Philippe Schmitt Avocats]]></category>
		<category><![CDATA[Protection des données]]></category>
		<category><![CDATA[Régulation européenne]]></category>
		<category><![CDATA[Sécurité numérique]]></category>
		<category><![CDATA[Services publics numériques]]></category>
		<category><![CDATA[Souveraineté numérique]]></category>
		<category><![CDATA[Transformation numérique]]></category>
		<category><![CDATA[Union européenne]]></category>
		<guid isPermaLink="false">https://www.schmitt-avocats.fr/?page_id=8112</guid>

					<description><![CDATA[<p>L’article <a href="https://www.schmitt-avocats.fr/la-decennie-numerique-la-boussole-numerique/la-decennie-numerique-inventaire-et-lien-vers-les-textes/">La décennie numérique : inventaire et lien vers les textes</a> est apparu en premier sur <a href="https://www.schmitt-avocats.fr">Philippe Schmitt Avocats</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-page" data-elementor-id="8112" class="elementor elementor-8112">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-95339f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="95339f1" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-91596a4" data-id="91596a4" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-cfac5fd elementor-widget elementor-widget-html" data-id="cfac5fd" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<html lang="fr" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Législations de la Décennie Numérique Européenne - Liste Exhaustive</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        body { font-family: 'Inter', sans-serif; }
        .legislation-card { transition: all 0.3s ease; }
        .legislation-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
        .category-header { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
        .search-highlight { background-color: #fef08a; }
         {
            .no-print { display: none !important; }
            body { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800">

    <!-- Header -->
    <header class="bg-blue-900 text-white shadow-lg">
        <div class="max-w-7xl mx-auto px-4 py-6">
            <div class="flex items-center justify-between">
                <div>
                    <h1 class="text-3xl font-bold mb-2">
                        <i class="fas fa-gavel mr-3"></i>
                        Législations de la Décennie Numérique Européenne
                    </h1>
                    <p class="text-blue-200">Liste exhaustive 2020-2030 • 36+ textes législatifs • Base EUR-Lex officielle</p>
                </div>
                <div class="text-right">
                    <div class="text-sm text-blue-200">Dernière mise à jour</div>
                    <div class="font-semibold">8 Août 2025</div>
                </div>
            </div>
        </div>
    </header>

    <!-- Navigation & Search -->
    <nav class="bg-white border-b border-gray-200 sticky top-0 z-50 no-print">
        <div class="max-w-7xl mx-auto px-4">
            <div class="flex items-center justify-between py-4">
                <div class="flex space-x-8 overflow-x-auto">
                    <a href="#cadre" class="text-sm font-medium text-gray-600 hover:text-blue-600 whitespace-nowrap">Cadre Stratégique</a>
                    <a href="#plateformes" class="text-sm font-medium text-gray-600 hover:text-blue-600 whitespace-nowrap">Plateformes</a>
                    <a href="#ia" class="text-sm font-medium text-gray-600 hover:text-blue-600 whitespace-nowrap">IA</a>
                    <a href="#donnees" class="text-sm font-medium text-gray-600 hover:text-blue-600 whitespace-nowrap">Données</a>
                    <a href="#sante" class="text-sm font-medium text-gray-600 hover:text-blue-600 whitespace-nowrap">Santé</a>
                    <a href="#cybersecurite" class="text-sm font-medium text-gray-600 hover:text-blue-600 whitespace-nowrap">Cybersécurité</a>
                    <a href="#finance" class="text-sm font-medium text-gray-600 hover:text-blue-600 whitespace-nowrap">Finance</a>
                    <a href="#identite" class="text-sm font-medium text-gray-600 hover:text-blue-600 whitespace-nowrap">Identité</a>
                </div>
                <div class="ml-4">
                    <input type="text" id="searchInput" placeholder="Rechercher..." 
                           class="px-3 py-2 border border-gray-300 rounded-lg text-sm focus:ring-2 focus:ring-blue-500 focus:border-transparent">
                </div>
            </div>
        </div>
    </nav>

    <!-- Main Content -->
    <main class="max-w-7xl mx-auto px-4 py-8">

        <!-- Summary Statistics -->
        <div class="bg-white rounded-xl shadow-lg p-6 mb-8">
            <h2 class="text-2xl font-bold mb-4 text-gray-800">
                <i class="fas fa-chart-bar mr-2 text-blue-600"></i>Synthèse Quantitative
            </h2>
            <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
                <div class="text-center">
                    <div class="text-3xl font-bold text-green-600 mb-1">31</div>
                    <div class="text-sm text-gray-600">Textes adoptés</div>
                </div>
                <div class="text-center">
                    <div class="text-3xl font-bold text-orange-600 mb-1">5</div>
                    <div class="text-sm text-gray-600">En négociation</div>
                </div>
                <div class="text-center">
                    <div class="text-3xl font-bold text-blue-600 mb-1">2018-2030</div>
                    <div class="text-sm text-gray-600">Période couverte</div>
                </div>
                <div class="text-center">
                    <div class="text-3xl font-bold text-purple-600 mb-1">14</div>
                    <div class="text-sm text-gray-600">Domaines thématiques</div>
                </div>
            </div>
        </div>

        <!-- Section I: Cadre Stratégique Global -->
        <section id="cadre" class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-compass mr-3"></i>I. CADRE STRATÉGIQUE GLOBAL
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Programme d'action pour la décennie numérique</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Décision (UE) 2022/2481<br>
                                <strong>Intitulé:</strong> Décision établissant le programme d'action « Voie à suivre pour la décennie numérique » à l'horizon 2030
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 9 janvier 2023</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/dec/2022/2481/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Section II: Plateformes et Services Numériques -->
        <section id="plateformes" class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-globe mr-3"></i>II. PLATEFORMES ET SERVICES NUMÉRIQUES
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Digital Services Act (DSA)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2022/2065<br>
                                <strong>Intitulé:</strong> Règlement relatif à un marché unique des services numériques et modifiant la directive 2000/31/CE
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 16 novembre 2022 / Application: 25 août 2023 (VLOP) - 17 février 2024 (tous)</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2022/2065/oj/eng" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Digital Markets Act (DMA)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2022/1925<br>
                                <strong>Intitulé:</strong> Règlement sur les marchés contestables et équitables dans le secteur numérique
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 1er novembre 2022 / Application: 2 mai 2023</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2022/1925/oj/eng" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">European Media Freedom Act (EMFA)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2024/1083<br>
                                <strong>Intitulé:</strong> Règlement établissant des mesures pour un environnement médiatique ouvert et libre dans l'Union européenne
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 11 mai 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2024/1083/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- Section III: Intelligence Artificielle -->
        <section id="ia" class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-robot mr-3"></i>III. INTELLIGENCE ARTIFICIELLE
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">AI Act</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2024/1689<br>
                                <strong>Intitulé:</strong> Règlement établissant des règles harmonisées concernant l'intelligence artificielle
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 1er août 2024 / Application progressive 2025-2027</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=OJ:L_202401689" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Section IV: Données et Gouvernance -->
        <section id="donnees" class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-database mr-3"></i>IV. DONNÉES ET GOUVERNANCE
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">RGPD (Règlement général sur la protection des données)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2016/679<br>
                                <strong>Intitulé:</strong> Règlement relatif à la protection des personnes physiques à l'égard du traitement des données à caractère personnel
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 25 mai 2018</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2016/679/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Data Governance Act (DGA)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2022/868<br>
                                <strong>Intitulé:</strong> Règlement relatif à la gouvernance européenne des données
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 23 juin 2022 / Application: 24 septembre 2023</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2022/868/oj/eng" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Data Act</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2023/2854<br>
                                <strong>Intitulé:</strong> Règlement concernant des règles harmonisées sur l'accès équitable aux données et leur utilisation
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 11 janvier 2024 / Application: 12 septembre 2025</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=OJ:L_202302854" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Open Data - Données de haute valeur</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement d'exécution (UE) 2023/138<br>
                                <strong>Intitulé:</strong> Règlement d'exécution établissant une liste des ensembles spécifiques de données de haute valeur
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 9 juin 2023</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg_impl/2023/138/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- Section V: Santé Numérique -->
        <section id="sante" class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-heartbeat mr-3"></i>V. SANTÉ NUMÉRIQUE
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">European Health Data Space (EHDS)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2025/327<br>
                                <strong>Intitulé:</strong> Règlement relatif à l'espace européen des données de santé
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 26 mars 2025</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2025/327/oj/eng" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Section VI: Cybersécurité -->
        <section id="cybersecurite" class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-shield-alt mr-3"></i>VI. CYBERSÉCURITÉ ET RÉSILIENCE
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Directive NIS2</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Directive (UE) 2022/2555<br>
                                <strong>Intitulé:</strong> Directive concernant des mesures destinées à assurer un niveau élevé commun de cybersécurité dans l'ensemble de l'Union
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 16 janvier 2023 / Transposition: 17 octobre 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=CELEX:32022L2555" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Cyber Resilience Act (CRA)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2024/2847<br>
                                <strong>Intitulé:</strong> Règlement concernant les exigences horizontales de cybersécurité pour les produits comportant des éléments numériques
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 10 décembre 2024 / Application: 11 décembre 2027</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=OJ:L_202402847" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Directive CER (Critical Entities Resilience)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Directive (UE) 2022/2557<br>
                                <strong>Intitulé:</strong> Directive relative à la résilience des entités critiques
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 17 janvier 2023 / Application: 18 octobre 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/dir/2022/2557/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Cyber Solidarity Act</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2025/38<br>
                                <strong>Intitulé:</strong> Règlement relatif à la solidarité et à la préparation en matière de cybersécurité
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 8 janvier 2025</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2025/38/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">EUCC - Certification cybersécurité</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement d'exécution (UE) 2024/482<br>
                                <strong>Intitulé:</strong> Règlement d'exécution établissant un schéma européen de certification de cybersécurité pour les produits TIC
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 20 février 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg_impl/2024/482/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- Section VII: Finance Numérique -->
        <section id="finance" class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-coins mr-3"></i>VII. FINANCE NUMÉRIQUE
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">MiCA (Markets in Crypto-Assets)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2023/1114<br>
                                <strong>Intitulé:</strong> Règlement sur les marchés de crypto-actifs
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 29 juin 2023 / Application complète: 30 décembre 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=CELEX:32023R1114" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">TFR (Transfer of Funds Regulation)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2023/1113<br>
                                <strong>Intitulé:</strong> Règlement relatif aux informations accompagnant les transferts de fonds et certains transferts de crypto-actifs
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 29 juin 2023 / Application: 30 décembre 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2023/1113/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">DORA (Digital Operational Resilience Act)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2022/2554<br>
                                <strong>Intitulé:</strong> Règlement sur la résilience opérationnelle numérique du secteur financier
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 16 janvier 2023 / Application: 17 janvier 2025</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/legal-content/FR/TXT/PDF/?uri=CELEX:32022R2554" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Instant Payments</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2024/886<br>
                                <strong>Intitulé:</strong> Règlement modifiant les règlements relatifs aux virements instantanés en euros
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 2 mai 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2024/886/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">AMLA (Anti-Money Laundering Authority)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2024/1624<br>
                                <strong>Intitulé:</strong> Règlement instituant l'Autorité de lutte contre le blanchiment de capitaux et le financement du terrorisme
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 1er juillet 2025</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2024/1624/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- Section VIII: Identité et Services Publics -->
        <section id="identite" class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-id-card mr-3"></i>VIII. IDENTITÉ ET SERVICES PUBLICS NUMÉRIQUES
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">eIDAS 2.0</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2024/1183<br>
                                <strong>Intitulé:</strong> Règlement établissant un cadre européen relatif à une identité numérique
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 20 mai 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/legal-content/EN/TXT/PDF/?uri=OJ:L_202401183" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex PDF
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Interoperable Europe Act</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2024/903<br>
                                <strong>Intitulé:</strong> Règlement établissant des mesures pour un niveau élevé d'interopérabilité du secteur public dans l'Union
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 12 juillet 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2024/903/oj/eng" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Single Digital Gateway - OOTS</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2018/1724<br>
                                <strong>Intitulé:</strong> Règlement établissant un portail numérique unique
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 12 décembre 2018 / OOTS opérationnel: 12 décembre 2023</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2018/1724/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- Section IX: Infrastructures Numériques (continuation avec les autres sections) -->
        <section class="mb-12">
            <div class="category-header text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-microchip mr-3"></i>IX. INFRASTRUCTURES NUMÉRIQUES
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                
                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Chips Act</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2023/1781<br>
                                <strong>Intitulé:</strong> Règlement établissant un cadre de mesures pour renforcer l'écosystème européen des semi-conducteurs
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 21 septembre 2023</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2023/1781/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-gray-50 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Gigabit Infrastructure Act (GIA)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> Règlement (UE) 2024/1309<br>
                                <strong>Intitulé:</strong> Règlement visant à réduire le coût du déploiement de réseaux de communications électroniques à très haute capacité
                            </p>
                            <div class="flex items-center text-sm text-gray-500">
                                <i class="fas fa-calendar-alt mr-2"></i>
                                <span>Entrée en vigueur: 19 mai 2024</span>
                            </div>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <a href="https://eur-lex.europa.eu/eli/reg/2024/1309/oj" target="_blank" 
                               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 text-sm">
                                <i class="fas fa-download mr-2"></i>EUR-Lex
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </section>

        <!-- Section Propositions en cours -->
        <section class="mb-12">
            <div class="bg-orange-500 text-white p-4 rounded-t-xl">
                <h2 class="text-2xl font-bold">
                    <i class="fas fa-hourglass-half mr-3"></i>PROPOSITIONS EN COURS DE NÉGOCIATION
                </h2>
            </div>
            <div class="bg-white rounded-b-xl shadow-lg p-6">
                
                <div class="legislation-card bg-orange-50 border-l-4 border-orange-400 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">PSD3/PSR (Payment Services)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Références:</strong> COM(2023) 366 et COM(2023) 367<br>
                                <strong>Statut:</strong> Propositions du 28 juin 2023 en négociation
                            </p>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <span class="inline-flex items-center px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">
                                <i class="fas fa-clock mr-2"></i>En cours
                            </span>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-orange-50 border-l-4 border-orange-400 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">FIDA (Financial Data Access)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> COM(2023) 360<br>
                                <strong>Statut:</strong> Proposition du 28 juin 2023 en négociation
                            </p>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <span class="inline-flex items-center px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">
                                <i class="fas fa-clock mr-2"></i>En cours
                            </span>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-orange-50 border-l-4 border-orange-400 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">Euro numérique</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> COM(2023) 369<br>
                                <strong>Statut:</strong> Proposition du 28 juin 2023 en discussion
                            </p>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <span class="inline-flex items-center px-3 py-1 bg-orange-100 text-orange-800 text-sm rounded-full">
                                <i class="fas fa-clock mr-2"></i>En cours
                            </span>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-orange-50 border-l-4 border-orange-400 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">ePrivacy Regulation</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> COM(2017) 10<br>
                                <strong>Statut:</strong> Proposition de 2017 toujours en négociation
                            </p>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <span class="inline-flex items-center px-3 py-1 bg-red-100 text-red-800 text-sm rounded-full">
                                <i class="fas fa-exclamation-triangle mr-2"></i>Longue négociation
                            </span>
                        </div>
                    </div>
                </div>

                <div class="legislation-card bg-orange-50 border-l-4 border-orange-400 p-4 rounded-lg mb-4">
                    <div class="flex flex-col lg:flex-row lg:items-center lg:justify-between">
                        <div class="flex-1">
                            <h3 class="font-semibold text-lg text-gray-900 mb-2">CSAM (Child Sexual Abuse Material)</h3>
                            <p class="text-sm text-gray-600 mb-2">
                                <strong>Référence:</strong> COM(2022) 209<br>
                                <strong>Statut:</strong> Proposition de 2022 en négociation complexe
                            </p>
                        </div>
                        <div class="mt-4 lg:mt-0 lg:ml-4">
                            <span class="inline-flex items-center px-3 py-1 bg-yellow-100 text-yellow-800 text-sm rounded-full">
                                <i class="fas fa-balance-scale mr-2"></i>Négociation complexe
                            </span>
                        </div>
                    </div>
                </div>

            </div>
        </section>

    </main>

    <!-- Footer -->
    <footer class="bg-gray-800 text-white py-8 mt-12">
        <div class="max-w-7xl mx-auto px-4">
            <div class="text-center">
                <h3 class="text-lg font-semibold mb-4">Décennie Numérique Européenne 2020-2030</h3>
                <div class="flex justify-center space-x-8 text-sm text-gray-300 mb-4">
                    <div><strong>36+</strong> textes législatifs</div>
                    <div><strong>14</strong> domaines thématiques</div>
                    <div><strong></div>
                </div>
                <p class="text-sm text-gray-400">
                    Cette cartographie doit être actualisée, vérifiée et  validée avant toute mise en oeuvre. 
                </p>
                <div class="mt-6 text-xs text-gray-500">
                    <p>Dernière mise à jour: 8 août 2025 | </p>
                    <p>| Source: EUR-Lex (eur-lex.europa.eu)</p>
                </div>
            </div>
        </div>
    </footer>

    <script>
        // Search functionality
        document.getElementById('searchInput').addEventListener('input', function(e) {
            const searchTerm = e.target.value.toLowerCase();
            const legislationCards = document.querySelectorAll('.legislation-card');
            
            legislationCards.forEach(card => {
                const text = card.textContent.toLowerCase();
                if (text.includes(searchTerm)) {
                    card.style.display = 'block';
                    // Highlight search term
                    if (searchTerm.length > 0) {
                        card.classList.add('search-highlight');
                    } else {
                        card.classList.remove('search-highlight');
                    }
                } else {
                    if (searchTerm.length > 0) {
                        card.style.display = 'none';
                    } else {
                        card.style.display = 'block';
                    }
                }
            });
        });

        // Smooth scrolling for navigation links
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function (e) {
                e.preventDefault();
                const target = document.querySelector(this.getAttribute('href'));
                if (target) {
                    target.scrollIntoView({
                        behavior: 'smooth',
                        block: 'start'
                    });
                }
            });
        });

        // Add some dynamic interactions
        document.querySelectorAll('.legislation-card').forEach(card => {
            card.addEventListener('mouseenter', function() {
                this.style.borderLeft = '4px solid #3B82F6';
            });
            
            card.addEventListener('mouseleave', function() {
                this.style.borderLeft = 'none';
            });
        });
    </script>

</body>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.schmitt-avocats.fr/la-decennie-numerique-la-boussole-numerique/la-decennie-numerique-inventaire-et-lien-vers-les-textes/">La décennie numérique : inventaire et lien vers les textes</a> est apparu en premier sur <a href="https://www.schmitt-avocats.fr">Philippe Schmitt Avocats</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
