From a703b5738e33792106869c0f14251f5ece83e14b Mon Sep 17 00:00:00 2001
From: Guillaume-Sanchez <sanchez.guillaume116@gmail.com>
Date: Tue, 30 Jun 2026 16:27:16 +0200
Subject: [PATCH] =?UTF-8?q?Ajout=20de=20la=20pr=C3=A9sentation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 presentation/index.html | 38 +++++++++++++++++++++++---------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/presentation/index.html b/presentation/index.html
index ae87c0c..1f6f9f4 100644
--- a/presentation/index.html
+++ b/presentation/index.html
@@ -503,22 +503,30 @@
         <!-- SLIDE 10: PESTEL -->
         <div class="slide" data-speaker="Guillaume Sanchez" data-role="Directeur Conformité & Éthique" data-section="Sécurité & Légal">
             <h2 class="text-4xl font-bold mb-8 border-b border-slate-800 pb-4"><span class="text-sky-400">10.</span> Environnement PESTEL</h2>
-            <div class="grid grid-cols-2 gap-8 h-full pb-6">
-                <div class="bg-slate-800/80 p-6 rounded-2xl border border-slate-700 shadow-lg flex flex-col">
-                    <h3 class="text-xl font-bold mb-4 text-green-400 flex items-center gap-2"><i class="fas fa-arrow-trend-up"></i> Opportunités</h3>
-                    <ul class="space-y-4 text-sm text-slate-300 flex-grow">
-                        <li><strong>Économique :</strong> Optimisation des coûts, flex-office, modèle SaaS récurrent.</li>
-                        <li><strong>Sociologique :</strong> Génération Mobile-Only, attentes collaborateur fortes pour des outils fluides.</li>
-                        <li><strong>Environnemental :</strong> Dématérialisation responsable, suppression du plastique PVC.</li>
-                    </ul>
+            <div class="grid grid-cols-3 gap-4 h-full pb-6">
+                <div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
+                    <h3 class="font-bold text-sky-400 mb-2 flex items-center gap-2"><i class="fas fa-landmark w-5"></i> Politique</h3>
+                    <p class="text-sm text-slate-300">Pression RSE, recherche de souveraineté numérique (Cloud européen), indépendance technologique.</p>
                 </div>
-                <div class="bg-slate-800/80 p-6 rounded-2xl border border-slate-700 shadow-lg flex flex-col">
-                    <h3 class="text-xl font-bold mb-4 text-orange-400 flex items-center gap-2"><i class="fas fa-triangle-exclamation"></i> Vigilances</h3>
-                    <ul class="space-y-4 text-sm text-slate-300 flex-grow">
-                        <li><strong>Technologique :</strong> Complexité de l'interopérabilité, gestion de la batterie (BLE).</li>
-                        <li><strong>Légal :</strong> Respect strict du RGPD, durée de conservation des logs, finalité des données.</li>
-                        <li><strong>Humain :</strong> Crainte de surveillance, nécessité de pédagogie (CSE, droit à la déconnexion).</li>
-                    </ul>
+                <div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
+                    <h3 class="font-bold text-green-400 mb-2 flex items-center gap-2"><i class="fas fa-chart-pie w-5"></i> Économique</h3>
+                    <p class="text-sm text-slate-300">Optimisation des coûts (Opex vs Capex), gestion du Flex-Office, élimination des coûts logistiques.</p>
+                </div>
+                <div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
+                    <h3 class="font-bold text-purple-400 mb-2 flex items-center gap-2"><i class="fas fa-users w-5"></i> Sociologique</h3>
+                    <p class="text-sm text-slate-300">Génération Mobile-Only. Attente d'outils fluides, mais vigilance sur l'acceptabilité et le droit à la déconnexion.</p>
+                </div>
+                <div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
+                    <h3 class="font-bold text-blue-400 mb-2 flex items-center gap-2"><i class="fas fa-microchip w-5"></i> Technologique</h3>
+                    <p class="text-sm text-slate-300">Maturité NFC/BLE, biométrie native, architectures Cloud sécurisées, interfaçage API (SIRH).</p>
+                </div>
+                <div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
+                    <h3 class="font-bold text-emerald-400 mb-2 flex items-center gap-2"><i class="fas fa-leaf w-5"></i> Environnement</h3>
+                    <p class="text-sm text-slate-300">Dématérialisation responsable : fin du plastique PVC (dérivé du pétrole), réduction de l'empreinte.</p>
+                </div>
+                <div class="bg-slate-800/50 p-5 rounded-xl border border-slate-700">
+                    <h3 class="font-bold text-red-400 mb-2 flex items-center gap-2"><i class="fas fa-scale-balanced w-5"></i> Légal</h3>
+                    <p class="text-sm text-slate-300">Cadre RGPD strict, Privacy by Design, directives CNIL sur la traçabilité des salariés.</p>
                 </div>
             </div>
         </div>