<?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 Éducation numérique - Philippe Schmitt Avocats</title>
	<atom:link href="https://www.schmitt-avocats.fr/tag/education-numerique/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.schmitt-avocats.fr/tag/education-numerique/</link>
	<description>Marques, modèles, brevets, données personnelles et industrielles.</description>
	<lastBuildDate>Wed, 15 Oct 2025 09:59:52 +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 Éducation numérique - Philippe Schmitt Avocats</title>
	<link>https://www.schmitt-avocats.fr/tag/education-numerique/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>La décennie numérique : la boussole numérique</title>
		<link>https://www.schmitt-avocats.fr/la-decennie-numerique-la-boussole-numerique/</link>
		
		<dc:creator><![CDATA[Philippe Schmitt]]></dc:creator>
		<pubDate>Fri, 08 Aug 2025 09:53:13 +0000</pubDate>
				<category><![CDATA[Décennie numérique]]></category>
		<category><![CDATA[accès à l'éducation]]></category>
		<category><![CDATA[améliorer la qualité de vie]]></category>
		<category><![CDATA[Boussole numérique]]></category>
		<category><![CDATA[Citoyens au Cœur]]></category>
		<category><![CDATA[Conditions de Travail]]></category>
		<category><![CDATA[conditions de travail équitables]]></category>
		<category><![CDATA[Connectivité universelle]]></category>
		<category><![CDATA[connexion numérique haut débit]]></category>
		<category><![CDATA[cybercriminalité]]></category>
		<category><![CDATA[discriminations numériques]]></category>
		<category><![CDATA[Durabilité]]></category>
		<category><![CDATA[Éducation numérique]]></category>
		<category><![CDATA[environnement en ligne diversifié]]></category>
		<category><![CDATA[environnement numérique fiable et multilingue]]></category>
		<category><![CDATA[fiables et interopérables]]></category>
		<category><![CDATA[formation numérique]]></category>
		<category><![CDATA[Garantir l'accès équitable aux technologies numériques]]></category>
		<category><![CDATA[garantir la confidentialité des données personnelles]]></category>
		<category><![CDATA[groupes vulnérables]]></category>
		<category><![CDATA[impact positif sur le climat.]]></category>
		<category><![CDATA[Liberté de Choix]]></category>
		<category><![CDATA[Participation Publique]]></category>
		<category><![CDATA[protection de la liberté d'expression]]></category>
		<category><![CDATA[respecter leurs droits fondamentaux]]></category>
		<category><![CDATA[Services publics numériques]]></category>
		<category><![CDATA[services publics numériques sûrs]]></category>
		<category><![CDATA[Solidarité et Inclusion]]></category>
		<category><![CDATA[Sûreté et Sécurité]]></category>
		<category><![CDATA[technologie doit servir les citoyens]]></category>
		<category><![CDATA[technologies numériques respectueuses de l'environnement]]></category>
		<category><![CDATA[transparence des algorithmes et de l'intelligence artificielle]]></category>
		<guid isPermaLink="false">https://www.schmitt-avocats.fr/?page_id=8120</guid>

					<description><![CDATA[<p>L’article <a href="https://www.schmitt-avocats.fr/la-decennie-numerique-la-boussole-numerique/">La décennie numérique : la boussole numérique</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="8120" class="elementor elementor-8120">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-4e7933a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="4e7933a" 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-bccd107" data-id="bccd107" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-191ef98 elementor-widget elementor-widget-html" data-id="191ef98" data-element_type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>La Décennie Numérique Européenne 2030 | Vision Stratégique de l'UE</title>
    
    <!-- SEO Meta Tags -->
    <meta name="description" content="Découvrez la Boussole numérique 2030 : la stratégie européenne pour une transformation numérique inclusive, durable et respectueuse des droits fondamentaux. 10 principes directeurs pour l'Europe de demain.">
    <meta name="keywords" content="décennie numérique européenne, boussole numérique 2030, transformation numérique UE, Commission européenne, souveraineté numérique, droits numériques, intelligence artificielle, données personnelles, inclusion numérique, durabilité numérique">
    <meta name="author" content="Commission Européenne">
    <meta name="robots" content="index, follow">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="">
    <meta property="og:title" content="La Décennie Numérique Européenne 2030 | Vision Stratégique de l'UE">
    <meta property="og:description" content="Découvrez la Boussole numérique 2030 : la stratégie européenne pour une transformation numérique inclusive, durable et respectueuse des droits fondamentaux.">
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="">
    <meta property="twitter:title" content="La Décennie Numérique Européenne 2030">
    <meta property="twitter:description" content="La stratégie européenne pour une transformation numérique inclusive, durable et respectueuse des droits fondamentaux.">
    
    <!-- CDN Libraries -->
    <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">
    
    <!-- Custom Styles -->
    <style>
        body {
            font-family: Arial, sans-serif;
            font-size: 14px;
            line-height: 1.6;
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #06b6d4 100%);
        }
        
        .card-hover:hover {
            transform: translateY(-5px);
            transition: all 0.3s ease;
        }
        
        .principle-card {
            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
            border-left: 4px solid #3b82f6;
        }
        
        .data-ai-card {
            background: linear-gradient(135deg, #fef7cd 0%, #fde68a 100%);
            border-left: 4px solid #f59e0b;
        }
        
        .section-title {
            position: relative;
            display: inline-block;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 60px;
            height: 3px;
            background: #3b82f6;
        }
        
        .icon-circle {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #3b82f6, #06b6d4);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 24px;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- Header -->
    <header class="hero-gradient text-white py-16">
        <div class="container mx-auto px-4">
            <div class="text-center">
                <div class="mb-6">
                    <i class="fas fa-compass text-6xl mb-4"></i>
                </div>
                <h1 class="text-4xl md:text-6xl font-bold mb-6">La Décennie Numérique Européenne</h1>
                <h2 class="text-2xl md:text-3xl font-light mb-8">Vision Stratégique 2030</h2>
                <p class="text-xl md:text-2xl max-w-4xl mx-auto leading-relaxed">
                    La Boussole numérique pour faire de l'Europe un leader numérique mondial, 
                    respectueux des droits fondamentaux et de la durabilité environnementale
                </p>
                <div class="mt-8 text-lg">
                    <span class="bg-blue-600 bg-opacity-20 px-4 py-2 rounded-full">
                        <i class="fas fa-calendar-alt mr-2"></i>
                        Communication COM(2021) 118 final - 9 mars 2021
                    </span>
                </div>
            </div>
        </div>
    </header>

    <!-- Introduction Section -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-4">
            <div class="max-w-6xl mx-auto">
                <div class="text-center mb-12">
                    <h2 class="section-title text-3xl md:text-4xl font-bold text-gray-800 mb-6">
                        Le Document Fondateur de la Transformation Numérique
                    </h2>
                    <p class="text-lg text-gray-600 max-w-4xl mx-auto">
                        La <strong>Boussole numérique pour 2030</strong> constitue le document fondateur de la décennie numérique européenne. 
                        Cette communication établit la vision stratégique et les objectifs quantifiés pour renforcer 
                        la souveraineté numérique et l'autonomie stratégique de l'Union européenne.
                    </p>
                </div>
                
                <div class="grid md:grid-cols-2 gap-8 mb-12">
                    <div class="bg-blue-50 p-8 rounded-lg">
                        <div class="icon-circle mb-4">
                            <i class="fas fa-target"></i>
                        </div>
                        <h3 class="text-xl font-bold text-gray-800 mb-4">Objectif Principal</h3>
                        <p class="text-gray-600">
                            Faire de l'Europe un leader numérique mondial d'ici 2030, tout en garantissant 
                            une transformation numérique centrée sur les citoyens.
                        </p>
                    </div>
                    
                    <div class="bg-green-50 p-8 rounded-lg">
                        <div class="icon-circle mb-4 bg-gradient-to-r from-green-500 to-emerald-500">
                            <i class="fas fa-shield-alt"></i>
                        </div>
                        <h3 class="text-xl font-bold text-gray-800 mb-4">Valeurs Fondamentales</h3>
                        <p class="text-gray-600">
                            Respectueuse des droits fondamentaux, inclusive, durable et bénéfique pour tous, 
                            selon la déclaration de 2022.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 10 Principles Section -->
    <section class="py-16 bg-gray-100">
        <div class="container mx-auto px-4">
            <div class="max-w-6xl mx-auto">
                <div class="text-center mb-12">
                    <h2 class="section-title text-3xl md:text-4xl font-bold text-gray-800 mb-6">
                        Les 10 Principes Directeurs
                    </h2>
                    <p class="text-lg text-gray-600 max-w-4xl mx-auto">
                        Basés sur la <strong>Déclaration européenne sur les droits et principes numériques pour la décennie numérique</strong> 
                        (COM(2022) 27 final et COM(2022) 28 final, 26 janvier 2022)
                    </p>
                </div>

                <div class="grid md:grid-cols-2 gap-6">
                    <!-- Principe 1 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-users"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">1. Citoyens au Cœur</h3>
                                <p class="text-gray-600">
                                    La technologie doit servir les citoyens, respecter leurs droits fondamentaux 
                                    et améliorer leur qualité de vie.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 2 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-heart"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">2. Solidarité et Inclusion</h3>
                                <p class="text-gray-600">
                                    Garantir l'accès équitable aux technologies numériques, sans laisser personne de côté, 
                                    notamment les groupes vulnérables.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 3 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-wifi"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">3. Connectivité Universelle</h3>
                                <p class="text-gray-600">
                                    Assurer une connexion numérique haut débit et abordable pour tous, 
                                    tout en protégeant un internet neutre et ouvert.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 4 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-graduation-cap"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">4. Éducation Numérique</h3>
                                <p class="text-gray-600">
                                    Promouvoir l'accès à l'éducation et à la formation numérique pour développer 
                                    les compétences nécessaires à la participation active.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 5 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-balance-scale"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">5. Conditions de Travail</h3>
                                <p class="text-gray-600">
                                    Garantir des conditions de travail équitables et un équilibre entre vie professionnelle 
                                    et vie privée dans l'environnement numérique.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 6 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-university"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">6. Services Publics Numériques</h3>
                                <p class="text-gray-600">
                                    Faciliter l'accès à des services publics numériques sûrs, fiables et interopérables 
                                    pour tous les citoyens.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 7 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-eye"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">7. Liberté de Choix</h3>
                                <p class="text-gray-600">
                                    Assurer la transparence des algorithmes et de l'intelligence artificielle, 
                                    tout en protégeant contre les discriminations.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 8 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-comments"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">8. Participation Publique</h3>
                                <p class="text-gray-600">
                                    Favoriser un environnement en ligne diversifié, fiable et multilingue, 
                                    tout en protégeant la liberté d'expression.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 9 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0">
                                <i class="fas fa-shield-alt"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">9. Sûreté et Sécurité</h3>
                                <p class="text-gray-600">
                                    Protéger les citoyens contre la cybercriminalité, garantir la confidentialité 
                                    des données personnelles, notamment pour les enfants.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Principe 10 -->
                    <div class="principle-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0 bg-gradient-to-r from-green-500 to-emerald-500">
                                <i class="fas fa-leaf"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">10. Durabilité</h3>
                                <p class="text-gray-600">
                                    Promouvoir des technologies numériques respectueuses de l'environnement 
                                    et encourager des solutions ayant un impact positif sur le climat.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Data & AI Section -->
    <section class="py-16 bg-white">
        <div class="container mx-auto px-4">
            <div class="max-w-6xl mx-auto">
                <div class="text-center mb-12">
                    <h2 class="section-title text-3xl md:text-4xl font-bold text-gray-800 mb-6">
                        Axes Stratégiques : Données et Intelligence Artificielle
                    </h2>
                    <p class="text-lg text-gray-600 max-w-4xl mx-auto">
                        Quatre domaines d'intervention prioritaires pour encadrer l'écosystème numérique européen
                    </p>
                </div>

                <div class="grid md:grid-cols-2 gap-6">
                    <!-- Axe 1 -->
                    <div class="data-ai-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0 bg-gradient-to-r from-amber-500 to-orange-500">
                                <i class="fas fa-user-shield"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">Protection des Droits Fondamentaux</h3>
                                <p class="text-gray-600">
                                    Renforcer la protection des droits fondamentaux et des consommateurs 
                                    dans l'espace numérique européen.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Axe 2 -->
                    <div class="data-ai-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0 bg-gradient-to-r from-amber-500 to-orange-500">
                                <i class="fas fa-exchange-alt"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">Libre Circulation des Données</h3>
                                <p class="text-gray-600">
                                    Garantir la libre circulation et le partage sécurisé des données 
                                    (personnelles et non-personnelles) au sein de l'UE.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Axe 3 -->
                    <div class="data-ai-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0 bg-gradient-to-r from-amber-500 to-orange-500">
                                <i class="fas fa-building"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">Régulation des Plateformes</h3>
                                <p class="text-gray-600">
                                    Réguler les grandes plateformes et les services numériques 
                                    pour garantir un marché équitable et concurrentiel.
                                </p>
                            </div>
                        </div>
                    </div>

                    <!-- Axe 4 -->
                    <div class="data-ai-card p-6 rounded-lg card-hover">
                        <div class="flex items-start space-x-4">
                            <div class="icon-circle flex-shrink-0 bg-gradient-to-r from-amber-500 to-orange-500">
                                <i class="fas fa-brain"></i>
                            </div>
                            <div>
                                <h3 class="text-xl font-bold text-gray-800 mb-3">Encadrement de l'IA</h3>
                                <p class="text-gray-600">
                                    Encadrer l'usage de l'intelligence artificielle pour garantir 
                                    une IA éthique, transparente et respectueuse des droits.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- References Section -->
    <section class="py-16 bg-gray-100">
        <div class="container mx-auto px-4">
            <div class="max-w-6xl mx-auto">
                <div class="text-center mb-12">
                    <h2 class="section-title text-3xl md:text-4xl font-bold text-gray-800 mb-6">
                        Documents de Référence Officiels
                    </h2>
                    <p class="text-lg text-gray-600">
                        Les textes fondateurs de la décennie numérique européenne
                    </p>
                </div>

                <div class="grid md:grid-cols-1 gap-6">
                    <!-- Document 1 -->
                    <div class="bg-white p-8 rounded-lg shadow-lg card-hover">
                        <div class="flex items-start space-x-6">
                            <div class="icon-circle flex-shrink-0 bg-gradient-to-r from-indigo-500 to-purple-500">
                                <i class="fas fa-file-alt"></i>
                            </div>
                            <div class="flex-1">
                                <h3 class="text-2xl font-bold text-gray-800 mb-4">
                                    Communication « Une boussole numérique pour 2030 : l'Europe balise la décennie numérique »
                                </h3>
                                <p class="text-gray-600 mb-4">
                                    <strong>Référence :</strong> COM(2021) 118 final<br>
                                    <strong>Date :</strong> 9 mars 2021<br>
                                    <strong>Objet :</strong> Vision stratégique et objectifs quantifiés pour la souveraineté numérique européenne
                                </p>
                                <div class="bg-blue-50 p-4 rounded border-l-4 border-blue-500">
                                    <p class="text-sm text-blue-800">
                                        <i class="fas fa-info-circle mr-2"></i>
                                        Document fondateur établissant les quatre axes principaux de transformation et les mécanismes de gouvernance
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Document 2 -->
                    <div class="bg-white p-8 rounded-lg shadow-lg card-hover">
                        <div class="flex items-start space-x-6">
                            <div class="icon-circle flex-shrink-0 bg-gradient-to-r from-green-500 to-emerald-500">
                                <i class="fas fa-scroll"></i>
                            </div>
                            <div class="flex-1">
                                <h3 class="text-2xl font-bold text-gray-800 mb-4">
                                    Déclaration européenne sur les droits et principes numériques pour la décennie numérique
                                </h3>
                                <p class="text-gray-600 mb-4">
                                    <strong>Références :</strong> COM(2022) 27 final et COM(2022) 28 final<br>
                                    <strong>Date :</strong> 26 janvier 2022<br>
                                    <strong>Objet :</strong> Principes directeurs pour une transformation numérique centrée sur les citoyens
                                </p>
                                <div class="bg-green-50 p-4 rounded border-l-4 border-green-500">
                                    <p class="text-sm text-green-800">
                                        <i class="fas fa-check-circle mr-2"></i>
                                        Cadre éthique et juridique garantissant le respect des droits fondamentaux dans l'environnement numérique
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="mt-12 text-center">
                    <div class="bg-yellow-50 p-6 rounded-lg border border-yellow-200">
                        <div class="flex items-center justify-center mb-4">
                            <i class="fas fa-exclamation-triangle text-yellow-600 text-2xl mr-3"></i>
                            <span class="text-lg font-semibold text-yellow-800">Note Importante</span>
                        </div>
                        <p class="text-yellow-800 text-lg">
                            Cette présentation est indicative. Pour une mise en œuvre opérationnelle, 
                            consultez l'inventaire complet des textes législatifs et leurs liens officiels.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Call to Action -->
    <section class="py-16 hero-gradient text-white">
        <div class="container mx-auto px-4">
            <div class="max-w-4xl mx-auto text-center">
                <h2 class="text-3xl md:text-4xl font-bold mb-6">
                    Vers une Europe Numérique Souveraine
                </h2>
                <p class="text-xl mb-8 leading-relaxed">
                    La Boussole numérique 2030 trace la voie vers une transformation numérique européenne 
                    respectueuse des valeurs démocratiques, inclusive et durable. 
                    Une vision ambitieuse pour l'autonomie stratégique de l'Union européenne.
                </p>
                <div class="flex flex-wrap justify-center gap-4">
                    <span class="bg-white bg-opacity-20 px-6 py-3 rounded-full text-lg">
                        <i class="fas fa-flag-checkered mr-2"></i>
                        Objectif 2030
                    </span>
                    <span class="bg-white bg-opacity-20 px-6 py-3 rounded-full text-lg">
                        <i class="fas fa-users mr-2"></i>
                        447 Millions de Citoyens
                    </span>
                    <span class="bg-white bg-opacity-20 px-6 py-3 rounded-full text-lg">
                        <i class="fas fa-globe-europe mr-2"></i>
                        27 États Membres
                    </span>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="bg-gray-900 text-white py-8">
        <div class="container mx-auto px-4">
            <div class="max-w-6xl mx-auto">
                <div class="text-center">
                    <div class="mb-6">
                        <i class="fas fa-landmark text-3xl text-blue-400 mb-4"></i>
                        <h3 class="text-xl font-semibold">Commission Européenne</h3>
                        <p class="text-gray-400">Décennie Numérique 2020-2030</p>
                    </div>
                    
                    <div class="border-t border-gray-700 pt-6">
                        <p class="text-gray-400 text-lg">
                            <i class="fas fa-calendar mr-2"></i>
                            <strong>2025. Avant toute mise en œuvre, ce document doit être réactualisé</strong>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- Schema.org structured data -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "WebPage",
        "name": "La Décennie Numérique Européenne 2030",
        "description": "Découvrez la Boussole numérique 2030 : la stratégie européenne pour une transformation numérique inclusive, durable et respectueuse des droits fondamentaux",
        "publisher": {
            "@type": "Organization",
            "name": "Commission Européenne"
        },
        "mainEntity": {
            "@type": "GovernmentService",
            "name": "Boussole numérique pour 2030",
            "description": "Vision stratégique et objectifs quantifiés pour la souveraineté numérique européenne",
            "provider": {
                "@type": "GovernmentOrganization",
                "name": "Commission Européenne"
            }
        }
    }
    </script>
</body>
</html>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		<p>L’article <a href="https://www.schmitt-avocats.fr/la-decennie-numerique-la-boussole-numerique/">La décennie numérique : la boussole numérique</a> est apparu en premier sur <a href="https://www.schmitt-avocats.fr">Philippe Schmitt Avocats</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<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>
