1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 6-7
6 7<script async src="https://www.googletagmanager.com/gtag/js?id=
7G-LWE7LNXFEG
vendor: 12 bytes, line 7
7"></script>
8<script>
vendor: 118 bytes, line 8
8window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','
8G-LWE7LNXFEG
vendor: 3 bytes, line 8
8');
8</script>
8 9 <title>ESD-Skills â La plateforme cyber 2.0</title> 10 <meta name="description" content="ESD-Skills â 10 parcours métiers cyber par abonnement : Pentester, SOC Analyst, RSSI, Forensics⦠Labs dans le navigateur, IA tuteur, certifications RNCP. Bloc RNCP à 990 ⬠finançable CPF / OPCO." /> 11 <meta property="og:title" content="ESD-Skills â La plateforme cyber 2.0 pour les professionnels IT" /> 12 <meta property="og:description" content="10 parcours métiers cyber, labs navigateur, IA tuteur personnalisée, certifications RNCP. Par abonnement (engagement 6 mois sur la formule Complet). Bloc RNCP à 990 ⬠finançable CPF / OPCO." /> 13 <meta property="og:image" content="https://esdcybersecurity.eu/assets/img/og-skills.webp" /> 14 <meta property="og:url" content="https://esdcybersecurity.eu/skills.html" /> 15 <meta property="og:type" content="website" /> 16 <meta name="twitter:card" content="summary_large_image" /> 17 <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon.png" /> 18 <link rel="preconnect" href="https://fonts.googleapis.com" /> 19 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 20 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&family=Lato:wght@400;700&display=swap" rel="stylesheet" /> 21 <link rel="stylesheet" href="assets/css/style.css" /> 22 <style> 23 /* ââ Hero h1 skills : forcer 3 lignes ââ */ 24 .hero h1 { font-size: clamp(28px, 3.8vw, 46px); } 25 26 /* ââ Parcours métiers ââ */ 27 .metier-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:40px; } 28 .metier-card { background:var(--white); border:1px solid #E0E4EB; border-radius:10px; overflow:hidden; transition:box-shadow .2s,transform .2s; cursor:default; } 29 .metier-card:hover { box-shadow:0 8px 32px rgba(7,26,61,.12); transform:translateY(-2px); } 30 .metier-header { padding:28px 24px 20px; display:flex; align-items:center; gap:16px; } 31 .metier-icon-wrap { width:52px; height:52px; border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; } 32 .metier-name { font-family:'Poppins',sans-serif; font-size:16px; font-weight:700; color:var(--navy); line-height:1.2; } 33 .metier-hours { font-size:11px; color:var(--grey-text); margin-top:3px; font-weight:600; } 34 .metier-body { padding:0 24px 24px; } 35 .metier-desc { font-size:13px; color:var(--grey-text); line-height:1.7; margin-bottom:16px; } 36 .metier-tools { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:18px; } 37 .metier-tool { font-size:10px; font-weight:700; padding:3px 8px; border-radius:3px; background:var(--light-bg); color:var(--navy); letter-spacing:.04em; } 38 .metier-bar { height:3px; background:var(--light-bg); border-radius:2px; margin-bottom:16px; overflow:hidden; } 39 .metier-bar-fill { height:100%; border-radius:2px; } 40 .metier-modules { display:flex; gap:6px; flex-wrap:wrap; } 41 .metier-module-tag { font-size:10px; color:var(--grey-text); background:var(--light-bg); padding:2px 7px; border-radius:2px; } 42 43 /* ââ Types de contenus ââ */ 44 .content-types { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:36px; } 45 .ct-card { background:var(--white); border:1px solid #E0E4EB; border-radius:8px; padding:22px 16px; text-align:center; } 46 .ct-icon { width:44px; height:44px; border-radius:10px; margin:0 auto 12px; display:flex; align-items:center; justify-content:center; } 47 .ct-name { font-family:'Poppins',sans-serif; font-size:12px; font-weight:700; color:var(--navy); margin-bottom:4px; } 48 .ct-desc { font-size:11px; color:var(--grey-text); line-height:1.55; } 49 50 /* ââ Mockup plateforme ââ */ 51 .platform-mockup { background:var(--navy); border-radius:12px; overflow:hidden; box-shadow:0 20px 60px rgba(7,26,61,.4); } 52 .mockup-topbar { background:#0A1628; padding:10px 16px; display:flex; align-items:center; gap:8px; } 53 .mockup-dot { width:10px; height:10px; border-radius:50%; } 54 .mockup-url { flex:1; background:rgba(255,255,255,.06); border-radius:4px; height:22px; margin:0 12px; } 55 .mockup-body { display:grid; grid-template-columns:220px 1fr; min-height:320px; } 56 .mockup-sidebar { background:#0D1829; padding:16px; border-right:1px solid rgba(255,255,255,.06); } 57 .mockup-sidebar-item { font-size:11px; padding:8px 10px; border-radius:4px; margin-bottom:4px; color:rgba(255,255,255,.5); cursor:default; } 58 .mockup-sidebar-item.active { background:rgba(53,91,158,.3); color:#fff; font-weight:600; } 59 .mockup-sidebar-section { font-size:9px; text-transform:uppercase; letter-spacing:.1em; color:rgba(255,255,255,.25); padding:12px 10px 4px; } 60 .mockup-content { padding:20px; } 61 .mockup-video { background:linear-gradient(135deg,#071A3D,#1a3a6e); border-radius:6px; height:140px; display:flex; align-items:center; justify-content:center; margin-bottom:12px; position:relative; overflow:hidden; } 62 .mockup-video::after { content:''; position:absolute; inset:0; background:linear-gradient(45deg,transparent 40%,rgba(53,91,158,.15)); } 63 .mockup-play { width:40px; height:40px; background:rgba(255,255,255,.15); border-radius:50%; display:flex; align-items:center; justify-content:center; backdrop-filter:blur(4px); } 64 .mockup-progress-row { display:flex; gap:8px; margin-bottom:10px; } 65 .mockup-chip { font-size:9px; padding:3px 8px; border-radius:3px; font-weight:600; } 66 .mockup-title-mock { height:14px; background:rgba(255,255,255,.12); border-radius:3px; margin-bottom:8px; } 67 .mockup-bar-wrap { background:rgba(255,255,255,.06); border-radius:10px; height:5px; overflow:hidden; margin-bottom:14px; } 68 .mockup-bar-fill { height:100%; background:linear-gradient(90deg,var(--blue),#00C9A7); border-radius:10px; } 69 .mockup-badges { display:flex; gap:6px; } 70 .mockup-badge { background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.1); border-radius:4px; padding:5px 10px; font-size:9px; color:rgba(255,255,255,.5); } 71 .mockup-badge.active { background:rgba(53,91,158,.25); border-color:rgba(53,91,158,.5); color:rgba(255,255,255,.85); } 72 73 /* ââ Plans ââ */ 74 .plans-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin:44px auto 0; max-width:1280px; align-items:stretch; } 75 @media (max-width:1100px) { .plans-grid { grid-template-columns:repeat(2,1fr); max-width:640px; } } 76 .plan-card { background:var(--white); border:1px solid #E0E4EB; border-radius:14px; padding:30px 26px; position:relative; display:flex; flex-direction:column;
76 transition:box-shadow .2s, transform .2s; } 77 .plan-card:hover { box-shadow:0 10px 30px rgba(7,26,61,.08); transform:translateY(-3px); } 78 .plan-card.featured { border:2px solid var(--blue); box-shadow:0 12px 36px rgba(53,91,158,.20); transform:scale(1.035); } 79 .plan-card.featured:hover { transform:scale(1.035) translateY(-3px); } 80 .plan-badge-pill { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--blue); color:#fff; font-size:10px; font-weight:700; font-family:'Poppins',sans-serif; padding:4px 14px; border-radius:20px; white-space:nowrap; } 81 .plan-name { font-family:'Poppins',sans-serif; font-size:12px; font-weight:700; color:var(--grey-text); text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; } 82 .plan-price { font-family:'Poppins',sans-serif; font-size:38px; font-weight:900; color:var(--navy); line-height:1; } 83 .plan-price sup { font-size:18px; vertical-align:super; } 84 .plan-price span { font-size:13px; font-weight:400; color:var(--grey-text); } 85 .plan-sub { font-size:11px; color:var(--grey-text); margin-top:4px; } 86 .plan-divider { height:1px; background:#F0F2F6; margin:20px 0; } 87 .plan-features { list-style:none; padding:0; margin:0 0 24px; display:flex; flex-direction:column; gap:12px; flex:1 1 auto; } 88 .plan-features li { font-size:13px; color:var(--navy); display:flex; gap:10px; align-items:flex-start; line-height:1.45; } 89 .plan-features li:has(.f-no) { color:var(--grey-text); } 90 .f-ok { color:#22C55E; font-weight:700; flex-shrink:0; } 91 .f-no { color:#D1D5DB; flex-shrink:0; } 92 93 /* ââ FAQ ââ */ 94 .faq-item { border-bottom:1px solid #F0F2F6; } 95 .faq-q { font-family:'Poppins',sans-serif; font-size:14px; font-weight:600; color:var(--navy); padding:18px 0; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:16px; } 96 .faq-q:hover { color:var(--blue); } 97 .faq-a { font-size:13px; color:var(--grey-text); line-height:1.75; padding-bottom:18px; display:none; } 98 .faq-item.open .faq-a { display:block; } 99 .faq-item.open .faq-arr { transform:rotate(180deg); } 100 .faq-arr { transition:transform .2s; flex-shrink:0; } 101 102 .formateurs-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-bottom:56px; } 103 .videos-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } 104 .vid-card { text-decoration:none;display:block;border-radius:8px;overflow:hidden;border:1px solid #E0E4EB;background:var(--white);transition:box-shadow .2s,transform .2s; } 105 .vid-card:hover { box-shadow:0 8px 24px rgba(7,26,61,.12);transform:translateY(-2px); } 106 .vid-thumb { position:relative;aspect-ratio:16/9;overflow:hidden; } 107 .vid-thumb img { width:100%;height:100%;object-fit:cover;display:block; } 108 .vid-play { position:absolute;inset:0;background:rgba(7,26,61,.35);display:flex;align-items:center;justify-content:center; } 109 .vid-play div { width:42px;height:42px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center; } 110 .vid-info { padding:12px 14px; } 111 .vid-title { font-size:11px;font-weight:700;color:var(--navy);line-height:1.4;margin-bottom:4px; } 112 .vid-sub { font-size:10px;color:var(--grey-text); } 113 /* ââ 2-col section grids ââ */ 114 .sk-two-col { 115 display: grid; 116 grid-template-columns: 1fr 1fr; 117 gap: 64px; 118 align-items: center; 119 } 120 121 /* Skills testimonials 3-col */ 122 .sk-testi-grid { 123 display: grid; 124 grid-template-columns: repeat(3, 1fr); 125 gap: 20px; 126 } 127 128 @media(max-width:1100px) { 129 .metier-grid { grid-template-columns:repeat(3,1fr); } 130 .content-types { grid-template-columns:repeat(3,1fr); } 131 .plans-grid { grid-template-columns:1fr; max-width:420px; } 132 .plan-card.featured { transform:none; } 133 .plan-card.featured:hover { transform:translateY(-3px); } 134 .b2b-grid { grid-template-columns:1fr !important; } 135 .formateurs-grid { grid-template-columns:repeat(3,1fr); } 136 .videos-grid { grid-template-columns:repeat(2,1fr); } 137 .sk-two-col { gap:40px; } 138 .sk-testi-grid { grid-template-columns:repeat(2,1fr); } 139 } 140 @media(max-width:768px) { 141 .sk-two-col { grid-template-columns:1fr; gap:32px; } 142 .sk-testi-grid { grid-template-columns:1fr; } 143 } 144 @media(max-width:640px) { 145 .metier-grid { grid-template-columns:1fr; } 146 .content-types { grid-template-columns:repeat(2,1fr); } 147 .plans-grid { grid-template-columns:1fr; } 148 .mockup-body { grid-template-columns:1fr; } 149 .mockup-sidebar { display:none; } 150 .b2b-grid { grid-template-columns:1fr !important; }
151 .formateurs-grid { grid-template-columns:repeat(2,1fr); } 152 .videos-grid { grid-template-columns:1fr; } 153 .sk-testi-grid { grid-template-columns:1fr; } 154 /* Tableau parcours : passer en 2 colonnes sur mobile */ 155 .parcours-table > div, 156 .parcours-table > a { 157 grid-template-columns: 28px 1fr !important; 158 } 159 .parcours-table .p-hide { display:none; } 160 } 161 </style> 162 <link rel="canonical" href="https://esdcybersecurity.eu/skills.html">
163<script type="application/ld+json"> 164{ 165 "@context": "https://schema.org", 166 "@type": "Course", 167 "name": "ESD-Skills â Plateforme de certification cybersécurité", 168 "description": "22 certifications cybersécurité en e-learning : Pentest, SOC, Incident Response, GRC. Labs navigateur, IA tuteur, finançable CPF/OPCO.", 169 "provider": { 170 "@type": "EducationalOrganization", 171 "@id": "https://esdcybersecurity.eu/#organization" 172 }, 173 "url": "https://esdcybersecurity.eu/skills.html", 174 "educationalLevel": "Professional", 175 "inLanguage": "fr", 176 "teaches": ["Pentest", "Cyberdéfense", "SOC", "Incident Response", "RSSI", "ISO 27001"], 177 "financialAidEligible": "CPF, OPCO (bloc RNCP)", 178 "courseMode": "online" 179} 180</script>
180 181</head> 182<body> 183<div id="site-header"></div> 184 185<!-- HERO --> 186<section class="hero" style="background-image:url('assets/img/Background-Skills-website.webp');"> 187<div class="hero-particles"></div> 188<div class="hero-content"> 189<span class="hero-eyebrow">ESD-Skills</span> 190<h1>La plateforme cyber 2.0<br>pour les professionnels IT</h1> 191<p class="hero-sub">Des parcours métiers complets â vidéos, labs, QCM, études de cas interactives boostées par l'IA â pour devenir Pentester, SOC Analyst, RSSI ou Expert forensics. <strong style="color:rgba(255,255,255,0.9);">Certifiez-vous sur votre métier, financé par votre CPF.</strong></p> 192<div class="hero-btns"> 193<a href="contact.html?sujet=Essai gratuit ESD-Skills" class="btn btn-blue">Commencer gratuitement â</a> 194<a href="#parcours" class="btn btn-outline-white">Voir les parcours</a> 195</div> 196<p style="margin-top:14px;font-size:12px;color:rgba(255,255,255,.45);">Financement possible via <a href="financement" style="color:rgba(255,255,255,.6);text-decoration:underline;">CPF / OPCO</a> · Essai gratuit sans CB</p> 197 198<div style="margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(4,1fr);text-align:left;"> 199 <div style="padding:0 20px 0 0;"> 200 <div style="font-family:'Poppins',sans-serif;font-size:24px;font-weight:900;color:#fff;line-height:1;">1 000h+</div> 201 <div style="font-size:11px;color:rgba(255,255,255,.5);margin-top:4px;">de contenu e-learning</div> 202 </div> 203 <div style="padding:0 20px;border-left:1px solid rgba(255,255,255,.12);"> 204 <div style="font-family:'Poppins',sans-serif;font-size:24px;font-weight:900;color:#00C9A7;line-height:1;">90+</div> 205 <div style="font-size:11px;color:rgba(255,255,255,.5);margin-top:4px;">challenges CTF</div> 206 </div> 207 <div style="padding:0 20px;border-left:1px solid rgba(255,255,255,.12);"> 208 <div style="font-family:'Poppins',sans-serif;font-size:24px;font-weight:900;color:#fff;line-height:1;">100+</div> 209 <div style="font-size:11px;color:rgba(255,255,255,.5);margin-top:4px;">labs virtuels</div> 210 </div> 211 <div style="padding:0 0 0 20px;border-left:1px solid rgba(255,255,255,.12);"> 212 <div style="font-family:'Poppins',sans-serif;font-size:24px;font-weight:900;color:#fff;line-height:1;">10</div> 213 <div style="font-size:11px;color:rgba(255,255,255,.5);margin-top:4px;">parcours métiers</div> 214 </div> 215</div> 216</div> 217</section> 218<div class="wave-divider"></div> 219 220<!-- ILS NOUS FONT CONFIANCE --> 221<div class="stats-bar" style="background:var(--white);"> 222<div class="container"> 223<h2 class="section-title centered" style="margin-bottom:36px;">Ils nous font confiance</h2> 224<div class="stats-grid" style="grid-template-columns:repeat(6,1fr);border:none;gap:0;"> 225<div class="stat-item reveal"> 226<img src="assets/img/saint-cyr.webp" alt="Saint-Cyr" style="height:48px;width:auto;margin:0 auto 8px;display:block;object-fit:contain;filter:grayscale(100%);opacity:.7;" /> 227<span style="font-family:'Poppins',sans-serif;font-size:11px;font-weight:400;color:var(--grey-text);display:block;margin-top:4px;">Saint-Cyr</span> 228</div> 229<div class="stat-item reveal"> 230<img src="assets/img/casino.webp" alt="Groupe Casino" style="height:48px;width:auto;margin:0 auto 8px;display:block;object-fit:contain;filter:grayscale(100%);opacity:.7;" /> 231<span style="font-family:'Poppins',sans-serif;font-size:11px;font-weight:400;color:var(--grey-text);display:block;margin-top:4px;">Groupe Casino</span> 232</div> 233<div class="stat-item reveal"> 234<img src="assets/img/chpm.webp" alt="CHPM" style="height:48px;width:auto;margin:0 auto 8px;display:block;object-fit:contain;filter:grayscale(100%);opacity:.7;" /> 235<span style="font-family:'Poppins',sans-serif;font-size:11px;font-weight:400;color:var(--grey-text);display:block;margin-top:4px;">CH Pays de Morlaix</span> 236</div> 237<div class="stat-item reveal"> 238<img src="assets/img/mirion.webp" alt="Mirion" style="height:48px;width:auto;margin:0 auto 8px;display:block;object-fit:contain;filter:grayscale(100%);opacity:.7;" /> 239<span style="font-family:'Poppins',sans-serif;font-size:11px;font-weight:400;color:var(--grey-text);display:block;margin-top:4px;">Mirion Technologies</span> 240</div> 241<div class="stat-item reveal"> 242<img src="assets/img/abylsen.webp" alt="Abylsen" style="height:48px;width:auto;margin:0 auto 8px;display:block;object-fit:contain;filter:grayscale(100%);opacity:.7;" /> 243<span style="font-family:'Poppins',sans-serif;font-size:11px;font-weight:400;color:var(--grey-text);display:block;margin-top:4px;">Abylsen</span> 244</div> 245<div class="stat-item reveal"> 246<img src="assets/img/ensm.webp" alt="ENSM" style="height:48px;width:auto;margin:0 auto 8px;display:block;object-fit:contain;filter:grayscale(100%);opacity:.7;" /> 247<span style="font-family:'Poppins',sans-serif;font-size:11px;font-weight:400;color:var(--grey-text);display:block;margin-top:4px;">ENSM</span> 248</div> 249</div> 250</div> 251</div> 252 253<!-- PARCOURS MÃTIERS --> 254<section id="parcours" style="background:var(--light-bg);padding:64px 0;"> 255<div class="container"> 256<h2 class="section-title">10 parcours métiers complets</h2> 257<p class="section-sub">Chaque parcours couvre l'intégralité des compétences d'un métier cyber â des fondamentaux aux techniques avancées.</p> 258 259<div class="parcours-table" style="margin-top:40px;
259display:flex;flex-direction:column;"> 260 261 <div style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:12px 0;border-bottom:1px solid #E8ECF0;font-size:10px;font-weight:700;color:var(--grey-text);text-transform:uppercase;letter-spacing:.1em;"> 262 <div></div><div>Parcours</div><div class="p-hide">Niveau</div><div class="p-hide">Outils clés</div> 263 </div> 264 265 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 266 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">01</div> 267 <div style="display:flex;align-items:center;gap:12px;"> 268 <div style="width:4px;height:36px;border-radius:2px;background:#C0392B;flex-shrink:0;"></div> 269 <div> 270 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Pentester</div> 271 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Reconnaissance, exploitation, post-exploitation, Active Directory</div> 272 </div> 273 </div> 274 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#FEF2F2;color:#C0392B;">Interm. â Avancé</span></div> 275 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">Kali · Metasploit · Burp · Nmap</div> 276 </a> 277 278 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 279 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">02</div> 280 <div style="display:flex;align-items:center;gap:12px;"> 281 <div style="width:4px;height:36px;border-radius:2px;background:#C0392B;flex-shrink:0;"></div> 282 <div> 283 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Pentester confirmé</div> 284 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Red Team, évasion EDR, attaques AD complexes, scripting offensif</div> 285 </div> 286 </div> 287 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#FEF2F2;color:#C0392B;">Avancé â Expert</span></div> 288 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">BloodHound · Cobalt Strike · Python</div> 289 </a> 290 291 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 292 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">03</div> 293 <div style="display:flex;align-items:center;gap:12px;"> 294 <div style="width:4px;height:36px;border-radius:2px;background:#0078D4;flex-shrink:0;"></div> 295 <div> 296 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Administrateur Windows Certifié</div> 297 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Windows Server, Active Directory, GPO, PKI, durcissement</div> 298 </div> 299 </div> 300 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#EFF6FF;color:#0078D4;">Foundation â Avancé</span></div> 301 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">Windows Server · AD · PowerShell</div> 302 </a> 303 304 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 305 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">04</div> 306 <div style="display:flex;align-items:center;gap:12px;"> 307 <div style="width:4px;height:36px;border-radius:2px;background:var(--blue);flex-shrink:0;"></div> 308 <div> 309 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Analyste SOC</div> 310 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">SIEM, EDR, corrélation d'événements, triage d'alertes</div> 311 </div> 312 </div> 313 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#EFF6FF;color:var(--blue);">Foundation â Avancé</span></div> 314 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">Elastic SIEM · Splunk · Wireshark</div> 315 </a> 316 317 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;
317gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 318 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">05</div> 319 <div style="display:flex;align-items:center;gap:12px;"> 320 <div style="width:4px;height:36px;border-radius:2px;background:#0F766E;flex-shrink:0;"></div> 321 <div> 322 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Investigateur numérique sur Windows</div> 323 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Collecte de preuves, investigation mémoire et disque, chronologie</div> 324 </div> 325 </div> 326 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#F0FDF4;color:#0F766E;">Interm. â Avancé</span></div> 327 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">Autopsy · Volatility · FTK</div> 328 </a> 329 330 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 331 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">06</div> 332 <div style="display:flex;align-items:center;gap:12px;"> 333 <div style="width:4px;height:36px;border-radius:2px;background:#DC2626;flex-shrink:0;"></div> 334 <div> 335 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Analyste de Malwares</div> 336 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Analyse statique & dynamique, reverse engineering, sandbox</div> 337 </div> 338 </div> 339 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#FEF2F2;color:#DC2626;">Avancé â Expert</span></div> 340 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">Ghidra · IDA Free · Any.run</div> 341 </a> 342 343 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 344 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">07</div> 345 <div style="display:flex;align-items:center;gap:12px;"> 346 <div style="width:4px;height:36px;border-radius:2px;background:#EA580C;flex-shrink:0;"></div> 347 <div> 348 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Incident Responder</div> 349 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Gestion de crise cyber, containment, éradication, remédiation</div> 350 </div> 351 </div> 352 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#FFF7ED;color:#EA580C;">Interm. â Avancé</span></div> 353 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">TheHive · MISP · MITRE ATT&CK</div> 354 </a> 355 356 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 357 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">08</div> 358 <div style="display:flex;align-items:center;gap:12px;"> 359 <div style="width:4px;height:36px;border-radius:2px;background:#B45309;flex-shrink:0;"></div> 360 <div> 361 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Manager en Cybersécurité</div> 362 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Gouvernance, gestion budgétaire, communication COMEX</div> 363 </div> 364 </div> 365 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#FFFBEB;color:#B45309;">Interm. â Expert</span></div> 366 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">ISO 27001 · ISO 27005 · EBIOS RM</div> 367 </a> 368 369 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;
369gap:0;padding:18px 0;border-bottom:1px solid #F0F2F6;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 370 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">09</div> 371 <div style="display:flex;align-items:center;gap:12px;"> 372 <div style="width:4px;height:36px;border-radius:2px;background:#C9A84C;flex-shrink:0;"></div> 373 <div> 374 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">ISO/IEC 27001 Implementer</div> 375 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Déploiement SMSI, analyse d'écarts, préparation à l'audit</div> 376 </div> 377 </div> 378 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#FFFBEB;color:#C9A84C;">Foundation â Avancé</span></div> 379 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">ISO 27001 · ISO 27002 · SMSI</div> 380 </a> 381 382 <a href="#plans" style="display:grid;grid-template-columns:40px 1fr 140px 180px;gap:0;padding:18px 0;align-items:center;text-decoration:none;transition:background .15s;" onmouseover="this.style.background='#F8F9FB'" onmouseout="this.style.background=''"> 383 <div style="font-family:'Poppins',sans-serif;font-size:12px;font-weight:700;color:#D1D5DB;">10</div> 384 <div style="display:flex;align-items:center;gap:12px;"> 385 <div style="width:4px;height:36px;border-radius:2px;background:#7C3AED;flex-shrink:0;"></div> 386 <div> 387 <div style="font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;color:var(--navy);">Manager des risques cyber ISO/IEC 27005</div> 388 <div style="font-size:11px;color:var(--grey-text);margin-top:2px;">Analyse des risques, EBIOS Risk Manager, cartographie</div> 389 </div> 390 </div> 391 <div class="p-hide"><span style="font-size:10px;font-weight:700;padding:3px 10px;border-radius:20px;background:#F5F3FF;color:#7C3AED;">Foundation â Avancé</span></div> 392 <div class="p-hide" style="font-size:10px;color:var(--grey-text);">ISO 27005 · EBIOS RM</div> 393 </a> 394 395</div> 396</div> 397</section> 398 399<!-- MOCKUP PLATEFORME --> 400<section style="background:var(--white);padding:64px 0;border-top:1px solid #E0E4EB;"> 401<div class="container"> 402<div class="sk-two-col"> 403<div> 404 <h2 class="section-title" style="text-align:left;">Une interface pensée pour progresser</h2> 405 <p style="font-size:15px;color:var(--grey-text);line-height:1.8;margin-top:14px;margin-bottom:28px;">La plateforme ESD-Skills centralise tout votre parcours : vidéos, labs, QCM, avancement, badges obtenus et recommandations personnalisées par l'IA selon votre profil et vos objectifs.</p> 406 <ul style="list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;"> 407 <li style="display:flex;gap:12px;align-items:flex-start;"> 408 <span style="color:#22C55E;font-weight:700;flex-shrink:0;margin-top:1px;">â</span> 409 <span style="font-size:14px;color:var(--grey-text);">Dashboard de progression par parcours métier</span> 410 </li> 411 <li style="display:flex;gap:12px;align-items:flex-start;"> 412 <span style="color:#22C55E;font-weight:700;flex-shrink:0;margin-top:1px;">â</span> 413 <span style="font-size:14px;color:var(--grey-text);">Labs accessibles directement depuis le navigateur</span> 414 </li> 415 <li style="display:flex;gap:12px;align-items:flex-start;"> 416 <span style="color:#22C55E;font-weight:700;flex-shrink:0;margin-top:1px;">â</span> 417 <span style="font-size:14px;color:var(--grey-text);">Assistant IA disponible à chaque étape du cours</span> 418 </li> 419 <li style="display:flex;gap:12px;align-items:flex-start;"> 420 <span style="color:#22C55E;font-weight:700;flex-shrink:0;margin-top:1px;">â</span> 421 <span style="font-size:14px;color:var(--grey-text);">Badges et certifications débloqués automatiquement</span> 422 </li> 423 </ul> 424</div> 425<div> 426 <div class="platform-mockup"> 427 <div class="mockup-topbar"> 428 <div class="mockup-dot" style="background:#FF5F57;"></div> 429 <div class="mockup-dot" style="background:#FEBC2E;"></div> 430 <div class="mockup-dot" style="background:#28C840;"></div> 431 <div class="mockup-url"></div> 432 </div> 433 <div class="mockup-body"> 434 <div class="mockup-sidebar"> 435 <div class="mockup-sidebar-section">Mon parcours</div> 436 <div class="mockup-sidebar-item active">Pentester</div> 437 <div class="mockup-sidebar-item">SOC Analyst</div> 438 <div class="mockup-sidebar-section">Contenu</div> 439 <div class="mockup-sidebar-item">Vidéos</div> 440 <div class="mockup-sidebar-item">Labs & TP</div> 441 <div class="mockup-sidebar-item">QCM</div> 442 <div class="mockup-sidebar-item">CTF</div> 443 <div class="mockup-sidebar-section">Communauté</div> 444 <div class="mockup-sidebar-item">Discord</div> 445 <div class="mockup-sidebar-item">Mentorat</div> 446 </div> 447 <div class="mockup-content"> 448 <div class="mockup-video"> 449 <div class="mockup-play"> 450 <svg viewBox="0 0 24 24" width="16" height="16" fill="white"><polygon points="5 3 19 12 5 21 5 3"/></svg> 451 </div> 452 <div style="position:absolute;bottom:8px;left:10px;right:10px;"> 453 <div style="height:2px;background:rgba(255,255,255,.1);border-radius:1px;overflow:hidden;"> 454 <div style="width:42%;height:100%;background:var(--blue);border-radius:1px;"></div> 455 </div> 456 <div style="font-size:9px;color:rgba(255,255,255,.4);margin-top:4px;display:flex;justify-content:space-between;">
457 <span>Module 3 â Exploitation</span><span>18:34 / 44:12</span> 458 </div> 459 </div> 460 </div> 461 <div class="mockup-progress-row"> 462 <div class="mockup-chip" style="background:rgba(53,91,158,.3);color:rgba(255,255,255,.7);">Pentester Foundation</div> 463 <div class="mockup-chip" style="background:rgba(0,201,167,.15);color:#00C9A7;">68% complété</div> 464 </div> 465 <div class="mockup-title-mock" style="width:70%;"></div> 466 <div class="mockup-title-mock" style="width:45%;opacity:.6;"></div> 467 <div class="mockup-bar-wrap" style="margin-top:12px;"> 468 <div class="mockup-bar-fill" style="width:68%;"></div> 469 </div> 470 <div class="mockup-badges"> 471 <div class="mockup-badge active">Lab actif</div> 472 <div class="mockup-badge active">IA disponible</div> 473 <div class="mockup-badge">QCM</div> 474 <div class="mockup-badge">CTF</div> 475 </div> 476 </div> 477 </div> 478 </div> 479</div> 480</div> 481</div> 482</section> 483 484<!-- TYPES DE CONTENU --> 485<section style="background:var(--light-bg);padding:64px 0;"> 486<div class="container"> 487<h2 class="section-title">Une expérience d'apprentissage complète</h2> 488<p class="section-sub">5 formats pédagogiques complémentaires â conçus pour que vous progressiez vite et que les acquis durent.</p> 489 490<div class="content-types"> 491 492 <div class="ct-card"> 493 <div class="ct-icon" style="background:#EFF6FF;"> 494 <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="var(--blue)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="5 3 19 12 5 21 5 3"/></svg> 495 </div> 496 <div class="ct-name">Vidéos</div> 497 <div class="ct-desc">Cours filmés par des praticiens actifs. Chapitres courts, progressifs, visionnables à la demande.</div> 498 </div> 499 500 <div class="ct-card"> 501 <div class="ct-icon" style="background:#F0FDF4;"> 502 <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="#16A34A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8M12 17v4"/><path d="M7 8h.01M11 8h6"/></svg> 503 </div> 504 <div class="ct-name">Travaux Pratiques</div> 505 <div class="ct-desc">Labs en conditions réelles â machines cibles, environnements préconfigurés, accès depuis le navigateur.</div> 506 </div> 507 508 <div class="ct-card"> 509 <div class="ct-icon" style="background:#FEF3C7;"> 510 <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="#D97706" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"/></svg> 511 </div> 512 <div class="ct-name">QCM</div> 513 <div class="ct-desc">Quiz de validation à chaque module. Résultats immédiats, corrections détaillées, progression mesurable.</div> 514 </div> 515 516 <div class="ct-card"> 517 <div class="ct-icon" style="background:#FDF4FF;"> 518 <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="#9333EA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2z"/><path d="M12 8v4l3 3"/></svg> 519 </div> 520 <div class="ct-name">Ãtudes de cas IA</div> 521 <div class="ct-desc">Scénarios interactifs réalistes â l'IA joue le rôle d'un client, d'un attaquant ou d'un COMEX selon le contexte.</div> 522 </div> 523 524 <div class="ct-card"> 525 <div class="ct-icon" style="background:#FFF1F2;"> 526 <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="#E11D48" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg> 527 </div> 528 <div class="ct-name">Challenges CTF</div> 529 <div class="ct-desc">90+ challenges classés par niveau â du warmup au hard. Résolvez, progressez, comparez-vous à la communauté.</div> 530 </div> 531 532</div> 533</div> 534</section> 535 536<!-- POURQUOI ESD SKILLS --> 537<section style="background:var(--white);padding:64px 0;"> 538<div class="container"> 539<h2 class="section-title">Pourquoi ESD-Skills ?</h2> 540<p class="section-sub">Ni un catalogue de vidéos, ni une école classique â la seule plateforme cyber combinant IA + labs + certifications reconnues.</p> 541<div style="margin-top:40px;border-radius:12px;overflow:hidden;border:1px solid #E0E4EB;"> 542<table style="width:100%;border-collapse:collapse;font-size:13px;"> 543 <thead> 544 <tr style="background:var(--navy);"> 545 <th style="padding:16px 20px;text-align:left;color:rgba(255,255,255,.5);font-weight:600;font-family:'Poppins',sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.08em;width:34%;">Critère</th> 546 <th style="padding:16px 20px;text-align:center;color:#00C9A7;font-weight:700;font-family:'Poppins',sans-serif;font-size:13px;">ESD-Skills</th> 547 <th style="padding:16px 20px;text-align:center;color:rgba(255,255,255,.4);font-weight:600;font-family:'Poppins',sans-serif;font-size:11px;">Udemy / Coursera</th> 548 <th style="padding:16px 20px;text-align:center;color:rgba(255,255,255,.4);font-weight:600;font-family:'Poppins',sans-serif;font-size:11px;">TryHackMe / HTB</th> 549 </tr> 550 </thead> 551 <tbody> 552 <tr style="background:var(--white);"><td style="padding:13px 20px;color:var(--navy);font-weight:600;border-bottom:1px solid #F0F2F6;">Labs dans le navigateur</td><td style="padding:13px 20px;text-align:center;color:#22C55E;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#D1D5DB;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#22C55E;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td></tr> 553 <tr style="background:var(--light-bg);"><td style="padding:13px 20px;color:var(--navy);font-weight:600;border-bottom:1px solid #F0F2F6;">Certifications reconnues RNCP</td><td style="padding:13px 20px;text-align:center;color:#22C55E;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#D1D5DB;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#D1D5DB;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td></tr> 554 <tr style="background:var(--white);"><td style="padding:13px 20px;color:var(--navy);font-weight:600;border-bottom:1px solid #F0F2F6;">IA tuteur personnalisée</td><td style="padding:13px 20px;text-align:center;color:#22C55E;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#D1D5DB;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#D1D5DB;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td></tr> 555 <tr style="background:var(--light-bg);"><td style="padding:13px 20px;color:var(--navy);font-weight:600;border-bottom:1px solid #F0F2F6;">Finançable CPF / OPCO</td><td style="padding:13px 20px;text-align:center;color:#22C55E;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#D1D5DB;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#D1D5DB;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td></tr> 556 <tr style="background:var(--white);"><td style="padding:13px 20px;color:var(--navy);font-weight:600;border-bottom:1px solid #F0F2F6;">Formateurs praticiens actifs</td><td style="padding:13px 20px;text-align:center;color:#22C55E;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td><td style="padding:13px 20px;text-align:center;color:#FBBF24;font-size:17px;border-bottom:1px solid #F0F2F6;">~</td><td style="padding:13px 20px;text-align:center;color:#22C55E;font-size:17px;border-bottom:1px solid #F0F2F6;">â</td></tr> 557 <tr style="background:var(--light-bg);"><td style="padding:13px 20px;color:var(--navy);font-weight:600;">Parcours métiers structurés</td><td style="padding:13px 20px;text-align:center;color:#22C55E;font-size:17px;">â</td><td style="padding:13px 20px;text-align:center;color:#FBBF24;font-size:17px;">~</td><td style="padding:13px 20px;text-align:center;color:#FBBF24;font-size:17px;">~</td></tr> 558 </tbody> 559</table> 560</div> 561</div> 562</section> 563 564<!-- IA HIGHLIGHT --> 565<section style="background:linear-gradient(135deg,var(--navy) 0%,#1a3a6e 100%);padding:64px 0;"> 566<div class="container"> 567<div class="sk-two-col"> 568<div> 569 <span style="font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#00C9A7;">IA intégrée</span> 570 <h2 style="font-family:'Poppins',sans-serif;font-size:28px;font-weight:700;color:#fff;margin:12px 0 16px;line-height:1.3;">Des cours boostés par<br>l'intelligence artificielle</h2> 571 <p style="font-size:15px;color:rgba(255,255,255,.65);line-height:1.8;margin-bottom:28px;">L'IA ESD est présente à chaque étape de votre parcours â elle explique, corrige, simule et personnalise votre expérience selon vos lacunes et vos objectifs.</p> 572 <div style="display:flex;flex-direction:column;gap:16px;"> 573 <div style="display:flex;gap:14px;align-items:flex-start;"> 574 <div style="width:36px;height:36px;border-radius:8px;
574background:rgba(0,201,167,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 575 <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#00C9A7" stroke-width="2"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg> 576 </div> 577 <div> 578 <div style="font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;">Tuteur IA en temps réel</div> 579 <div style="font-size:12px;color:rgba(255,255,255,.5);line-height:1.6;">Posez vos questions pendant le cours, obtenez des explications adaptées à votre niveau instantanément.</div> 580 </div> 581 </div> 582 <div style="display:flex;gap:14px;align-items:flex-start;"> 583 <div style="width:36px;height:36px;border-radius:8px;background:rgba(0,201,167,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 584 <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#00C9A7" stroke-width="2"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg> 585 </div> 586 <div> 587 <div style="font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;">Ãtudes de cas interactives</div> 588 <div style="font-size:12px;color:rgba(255,255,255,.5);line-height:1.6;">L'IA joue le rôle d'un client, d'un attaquant ou d'un COMEX selon le scénario â immersion totale dans des situations réelles.</div> 589 </div> 590 </div> 591 <div style="display:flex;gap:14px;align-items:flex-start;"> 592 <div style="width:36px;height:36px;border-radius:8px;background:rgba(0,201,167,.15);display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 593 <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="#00C9A7" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> 594 </div> 595 <div> 596 <div style="font-size:13px;font-weight:700;color:#fff;margin-bottom:3px;">Recommandations personnalisées</div> 597 <div style="font-size:12px;color:rgba(255,255,255,.5);line-height:1.6;">L'IA analyse votre progression et vous suggère le prochain contenu le plus adapté à vos objectifs et vos lacunes.</div> 598 </div> 599 </div> 600 </div> 601</div> 602<div style="border-radius:12px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);aspect-ratio:16/9;"> 603 <iframe width="100%" height="100%" src="https://www.youtube.com/embed/JauVpDVB6p4" title="ESD-Skills â Aperçu de la plateforme" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen loading="lazy" style="display:block;width:100%;height:100%;"></iframe> 604</div> 605</div> 606</div> 607</section> 608 609<!-- FORMATEURS --> 610<section style="background:var(--light-bg);padding:72px 0;"> 611<div class="container"> 612 613 <div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;"> 614 <div style="width:3px;height:28px;background:var(--blue);border-radius:2px;flex-shrink:0;"></div> 615 <span style="font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;">Experts du terrain</span> 616 </div> 617 <h2 style="font-family:'Poppins',sans-serif;font-size:clamp(24px,3vw,36px);font-weight:900;color:var(--navy);margin-bottom:12px;">Formés par des praticiens, pas des théoriciens</h2> 618 <p style="font-size:16px;color:var(--grey-text);max-width:580px;line-height:1.75;margin-bottom:48px;">Chaque formation est conçue et animée par des professionnels actifs â consultants, RSSI, pentesters â qui interviennent quotidiennement sur le terrain.</p> 619 620 <!-- Cards formateurs --> 621 <div class="formateurs-grid"> 622 623 <!-- Jérôme Thémée --> 624 <div style="background:var(--white);border:1px solid #E0E4EB;border-radius:10px;padding:24px 18px;text-align:center;transition:box-shadow .2s,transform .2s;" onmouseover="this.style.boxShadow='0 8px 32px rgba(7,26,61,.1)';this.style.transform='translateY(-3px)'" onmouseout="this.style.boxShadow='';this.style.transform=''"> 625 <img src="assets/img/Jerome.webp" alt="Jérôme Thémée" style="width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block;" /> 626 <div style="font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px;">Jérôme Thémée</div> 627 <div style="font-size:11px;color:var(--blue);font-weight:600;margin-bottom:8px;">Co-fondateur · Gestion des risques</div> 628 <div style="font-size:11px;color:var(--grey-text);line-height:1.6;">Réserviste COMCYBER. Auteur ENI & MISC magazine. Expert cybersécurité RMC Sport (JO 2024).</div> 629 <div style="margin-top:12px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;">
630 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#EFF6FF;color:var(--blue);">Gestion des risques</span> 631 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#EFF6FF;color:var(--blue);">COMCYBER</span> 632 </div> 633 <a href="https://www.linkedin.com/in/jerome-themee-79539430/" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:10px;color:var(--blue);text-decoration:none;font-weight:600;"> 634 <svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> 635 LinkedIn 636 </a> 637 </div> 638 639 <!-- Matthieu Grall --> 640 <div style="background:var(--white);border:1px solid #E0E4EB;border-radius:10px;padding:24px 18px;text-align:center;transition:box-shadow .2s,transform .2s;" onmouseover="this.style.boxShadow='0 8px 32px rgba(7,26,61,.1)';this.style.transform='translateY(-3px)'" onmouseout="this.style.boxShadow='';this.style.transform=''"> 641 <img src="assets/img/Matthieu.webp" alt="Matthieu Grall" style="width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block;filter:grayscale(100%);" /> 642 <div style="font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px;">Matthieu Grall</div> 643 <div style="font-size:11px;color:var(--blue);font-weight:600;margin-bottom:8px;">Expert EBIOS · ISO 27005 · GRC</div> 644 <div style="font-size:11px;color:var(--grey-text);line-height:1.6;">Spécialiste analyse de risques, conformité et gouvernance de la sécurité.</div> 645 <div style="margin-top:12px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;"> 646 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#EFF6FF;color:var(--blue);">EBIOS RM</span> 647 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#EFF6FF;color:var(--blue);">ISO 27005</span> 648 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#EFF6FF;color:var(--blue);">GRC</span> 649 </div> 650 <a href="https://www.linkedin.com/in/matthieu-grall-76013217" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:10px;color:var(--blue);text-decoration:none;font-weight:600;"> 651 <svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> 652 LinkedIn 653 </a> 654 </div> 655 656 <!-- Alexandre Jawor --> 657 <div style="background:var(--white);border:1px solid #E0E4EB;border-radius:10px;padding:24px 18px;text-align:center;transition:box-shadow .2s,transform .2s;" onmouseover="this.style.boxShadow='0 8px 32px rgba(7,26,61,.1)';this.style.transform='translateY(-3px)'" onmouseout="this.style.boxShadow='';this.style.transform=''"> 658 <img src="assets/img/Alexandre.webp" alt="Alexandre Jawor" style="width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block;" /> 659 <div style="font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px;">Alexandre Jawor</div> 660 <div style="font-size:11px;color:var(--blue);font-weight:600;margin-bottom:8px;">Co-fondateur · ISO 27001 & GRC</div> 661 <div style="font-size:11px;color:var(--grey-text);line-height:1.6;">CEO SafeIT Consulting. EBIOS Risk Manager (PECB). Co-créateur du mast
661ère ESD.</div> 662 <div style="margin-top:12px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;"> 663 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#FFFBEB;color:#B45309;">ISO 27001</span> 664 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#FFFBEB;color:#B45309;">EBIOS RM</span> 665 </div> 666 <a href="https://www.linkedin.com/in/alexandre-jawor-1b1a2836/" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:10px;color:var(--blue);text-decoration:none;font-weight:600;"> 667 <svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> 668 LinkedIn 669 </a> 670 </div> 671 672 <!-- Jeremy Khalfa --> 673 <div style="background:var(--white);border:1px solid #E0E4EB;border-radius:10px;padding:24px 18px;text-align:center;transition:box-shadow .2s,transform .2s;" onmouseover="this.style.boxShadow='0 8px 32px rgba(7,26,61,.1)';this.style.transform='translateY(-3px)'" onmouseout="this.style.boxShadow='';this.style.transform=''"> 674 <img src="assets/img/Jeremy.webp" alt="Jeremy Khalfa" style="width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block;" /> 675 <div style="font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px;">Jeremy Khalfa</div> 676 <div style="font-size:11px;color:var(--blue);font-weight:600;margin-bottom:8px;">Directeur Technique SafeIT · Pentest</div> 677 <div style="font-size:11px;color:var(--grey-text);line-height:1.6;">Trésorier BZHack (communauté CTF). Développeur d'outils offensifs. Blog technique k-lfa.info.</div> 678 <div style="margin-top:12px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;"> 679 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#FEF2F2;color:#C0392B;">AD & Web</span> 680 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#FEF2F2;color:#C0392B;">CTF</span> 681 </div> 682 <a href="https://www.linkedin.com/in/jeremy-khalfa-236742191" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:10px;color:var(--blue);text-decoration:none;font-weight:600;"> 683 <svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> 684 LinkedIn 685 </a> 686 </div> 687 688 <!-- Jonathann Darmon --> 689 <div style="background:var(--white);border:1px solid #E0E4EB;border-radius:10px;padding:24px 18px;text-align:center;transition:box-shadow .2s,transform .2s;" onmouseover="this.style.boxShadow='0 8px 32px rgba(7,26,61,.1)';this.style.transform='translateY(-3px)'" onmouseout="this.style.boxShadow='';this.style.transform=''"> 690 <img src="assets/img/Jonathann.webp" alt="Jonathann Darmon" style="width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block;" /> 691 <div style="font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:var(--navy);margin-bottom:4px;">Jonathann Darmon</div> 692 <div style="font-size:11px;color:var(--blue);font-weight:600;margin-bottom:8px;">Consultant SSI SafeIT · CEH</div> 693 <div style="font-size:11px;color:var(--grey-text);line-height:1.6;">20 ans d'expérience sécurité systèmes. Certifié CEH. Développement d'outils offensifs.</div> 694 <div style="margin-top:12px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;">
695 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#FEF2F2;color:#C0392B;">CEH</span> 696 <span style="font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;background:#EFF6FF;color:var(--blue);">Offensif</span> 697 </div> 698 <a href="https://www.linkedin.com/in/jonathann-darmon/" target="_blank" rel="noopener noreferrer" style="display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:10px;color:var(--blue);text-decoration:none;font-weight:600;"> 699 <svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg> 700 LinkedIn 701 </a> 702 </div> 703 704 </div> 705 706 <!-- Vidéos aperçu --> 707 <div style="border-top:1px solid #E0E4EB;padding-top:48px;"> 708 <p style="font-size:12px;font-weight:700;color:var(--grey-text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:24px;">Aperçu des formations</p> 709 <div class="videos-grid"> 710 711 <a href="https://youtu.be/DYYXhxsgNgE" target="_blank" rel="noopener noreferrer" class="vid-card"> 712 <div class="vid-thumb"><img src="assets/img/yt/DYYXhxsgNgE_hq.webp" alt="Parcours certifiant Pentester"><div class="vid-play"><svg viewBox="0 0 24 24" width="18" height="18" fill="#071A3D"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div> 713 <div class="vid-info"><div class="vid-title">Parcours certifiant Pentester</div><div class="vid-sub">Jeremy Khalfa · Cyber-offensive</div></div> 714 </a> 715 716 <a href="https://youtu.be/K56kAZCnxNI" target="_blank" rel="noopener noreferrer" class="vid-card"> 717 <div class="vid-thumb"><img src="assets/img/yt/K56kAZCnxNI_hq.webp" alt="Parcours certifiant Analyste SOC"><div class="vid-play"><svg viewBox="0 0 24 24" width="18" height="18" fill="#071A3D"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div> 718 <div class="vid-info"><div class="vid-title">Parcours certifiant Analyste SOC</div><div class="vid-sub">Jonathann Darmon · Cyberdéfense</div></div> 719 </a> 720 721 <a href="https://youtu.be/74vdr4NRFNw" target="_blank" rel="noopener noreferrer" class="vid-card"> 722 <div class="vid-thumb"><img src="assets/img/yt/74vdr4NRFNw_hq.webp" alt="Déploiement de Sécurité Windows"><div class="vid-play"><svg viewBox="0 0 24 24" width="18" height="18" fill="#071A3D"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div> 723 <div class="vid-info"><div class="vid-title">Déploiement de Sécurité Windows</div><div class="vid-sub">Jonathann Darmon · Cyberdéfense</div></div> 724 </a> 725 726 <a href="https://youtu.be/tiAxVmfQoLA" target="_blank" rel="noopener noreferrer" class="vid-card"> 727 <div class="vid-thumb"><img src="assets/img/yt/tiAxVmfQoLA_hq.webp" alt="Investigation numérique Windows"><div class="vid-play"><svg viewBox="0 0 24 24" width="18" height="18" fill="#071A3D"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div> 728 <div class="vid-info"><div class="vid-title">Investigation numérique Windows</div><div class="vid-sub">Jérôme Thémée · Forensics</div></div> 729 </a> 730 731 <a href="https://youtu.be/f6z9kxcnnH4" target="_blank" rel="noopener noreferrer" class="vid-card"> 732 <div class="vid-thumb"><img src="assets/img/yt/f6z9kxcnnH4_hq.webp" alt="Parcours certifiant Incident Responder"><div class="vid-play"><svg viewBox="0 0 24 24" width="18" height="18" fill="#071A3D"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div> 733 <div class="vid-info"><div class="vid-title">Parcours certifiant Incident Responder</div><div class="vid-sub">Jérôme Thémée · IR</div></div> 734 </a> 735 736 <a href="https://youtu.be/lDXFaXrClbo" target="_blank" rel="noopener noreferrer" class="vid-card"> 737 <div class="vid-thumb"><img src="assets/img/yt/lDXFaXrClbo_hq.webp" alt="Présentation ISO/IEC 27005:2022"><div class="vid-play"><svg viewBox="0 0 24 24" width="18" height="18" fill="#071A3D"><polygon points="5 3 19 12 5 21 5 3"/></svg></div></div> 738 <div class="vid-info"><div class="vid-title">Présentation ISO/IEC 27005:2022</div><div class="vid-sub">Jérôme Thémée · GRC</div></div> 739 </a> 740 741 </div> 742 </div> 743 744</div> 745</section> 746 747<!-- TÃMOIGNAGES --> 748<section style="background:var(--navy);padding:72px 0;"> 749<div class="container"> 750 751 <!-- Header avec note Trustpilot --> 752 <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:48px;"> 753 <div> 754 <div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;"> 755 <div style="width:3px;height:28px;background:#00B67A;border-radius:2px;flex-shrink:0;"></div>
756 <span style="font-size:11px;font-weight:700;color:#00B67A;text-transform:uppercase;letter-spacing:.12em;">Avis vérifiés</span> 757 </div> 758 <h2 style="font-family:'Poppins',sans-serif;font-size:clamp(24px,3vw,34px);font-weight:900;color:#fff;line-height:1.2;">Ce que disent nos apprenants</h2> 759 </div> 760 <!-- Badge Trustpilot --> 761 <a href="https://fr.trustpilot.com/review/esdacademy.eu" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:16px 22px;text-decoration:none;flex-shrink:0;"> 762 <div> 763 <div style="display:flex;gap:3px;margin-bottom:5px;"> 764 <svg viewBox="0 0 24 24" width="20" height="20" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 765 <svg viewBox="0 0 24 24" width="20" height="20" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 766 <svg viewBox="0 0 24 24" width="20" height="20" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 767 <svg viewBox="0 0 24 24" width="20" height="20" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 768 <svg viewBox="0 0 24 24" width="20" height="20"><defs><linearGradient id="half43"><stop offset="30%" stop-color="#00B67A"/><stop offset="30%" stop-color="#555"/></linearGradient></defs><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" fill="url(#half43)"/></svg> 769 </div> 770 <div style="font-family:'Poppins',sans-serif;font-size:22px;font-weight:900;color:#fff;line-height:1;">4.3 <span style="font-size:13px;font-weight:400;color:rgba(255,255,255,.4);">/ 5</span></div> 771 <div style="font-size:11px;color:rgba(255,255,255,.4);margin-top:2px;">20 avis · Trustpilot</div> 772 </div> 773 <svg viewBox="0 0 111 120" width="32" height="32" xmlns="http://www.w3.org/2000/svg"><path fill="#00B67A" d="M55.5 0L72.2 50.3H124L81.9 81.4l16.7 50.3L55.5 101l-43.1 30.7 16.7-50.3L-12 50.3h51.8z"/></svg> 774 </a> 775 </div> 776 777 <!-- Grille témoignages --> 778 <div class="sk-testi-grid"> 779 780 <!-- Témoignage 1 --> 781 <div style="background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:24px;"> 782 <div style="display:flex;gap:3px;margin-bottom:16px;"> 783 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 784 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 785 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 786 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 787 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 788 </div> 789 <p style="font-size:13px;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:20px;font-style:italic;">"Les professeurs sont pédagogues et compétents. J'ai terminé cette formation avec une vision et une compréhension à 360° de la cybersécurité â offensif, défensif, réponse à incident et gouvernance."</p> 790 <div style="display:flex;align-items:center;gap:10px;"> 791 <div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#071A3D,#355B9E);
791display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;">DC</div> 792 <div> 793 <div style="font-size:12px;font-weight:700;color:#fff;">Destin Chris M. I.</div> 794 <div style="font-size:11px;color:rgba(255,255,255,.35);">Décembre 2025</div> 795 </div> 796 </div> 797 </div> 798 799 <!-- Témoignage 2 --> 800 <div style="background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:24px;"> 801 <div style="display:flex;gap:3px;margin-bottom:16px;"> 802 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 803 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 804 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 805 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 806 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 807 </div> 808 <p style="font-size:13px;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:20px;font-style:italic;">"Les formateurs sont super, c'est très exigeant en terme de travail mais on sort avec de solides compétences. Je recommande sincèrement."</p> 809 <div style="display:flex;align-items:center;gap:10px;"> 810 <div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0F766E,#22D3EE);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;">CM</div> 811 <div> 812 <div style="font-size:12px;font-weight:700;color:#fff;">Carlos Moody</div> 813 <div style="font-size:11px;color:rgba(255,255,255,.35);">Novembre 2025</div> 814 </div> 815 </div> 816 </div> 817 818 <!-- Témoignage 3 --> 819 <div style="background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:24px;"> 820 <div style="display:flex;gap:3px;margin-bottom:16px;"> 821 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 822 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 823 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 824 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 825 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 826 </div> 827 <p style="font-size:13px;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:20px;font-style:italic;">"Formation de 5 jours, explications claires et exemples pertinents. Formateur très professionnel et les échanges sont constructifs. Je recommande."</p> 828 <div style="display:flex;align-items:center;gap:10px;"> 829 <div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#A78BFA);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;">DD</div> 830 <div> 831 <div style="font-size:12px;font-weight:700;color:#fff;">Dariusz Domin</div> 832 <div style="font-size:11px;color:rgba(255,255,255,.35);">Décembre 2025</div> 833 </div> 834 </div> 835 </div> 836 837 <!-- Témoignage 4 --> 838 <div style="background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:24px;"> 839 <div style="display:flex;gap:3px;margin-bottom:16px;"> 840 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 841 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 842 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 843 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 844 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 845 </div> 846 <p style="font-size:13px;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:20px;font-style:italic;">"ESD m'a permis d'acquérir une vision à 360° â technique et gouvernance. Aujourd'hui je gère la sécurité de 150+ clients avec une équipe de 15 experts."</p> 847 <div style="display:flex;align-items:center;gap:10px;"> 848 <div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#C0392B,#EA580C);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;">GT</div> 849 <div> 850 <div style="font-size:12px;font-weight:700;color:#fff;">Guillaume Travert</div> 851 <div style="font-size:11px;color:rgba(255,255,255,.35);">
851Manager Production · I-TRACING</div> 852 </div> 853 </div> 854 </div> 855 856 <!-- Témoignage 5 --> 857 <div style="background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:24px;"> 858 <div style="display:flex;gap:3px;margin-bottom:16px;"> 859 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 860 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 861 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 862 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 863 <svg viewBox="0 0 24 24" width="16" height="16" fill="#00B67A"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg> 864 </div> 865 <p style="font-size:13px;color:rgba(255,255,255,.7);line-height:1.75;margin-bottom:20px;font-style:italic;">"J'ai décroché un CDI chez Thales après ESD. La formation m'a apporté les compétences en gouvernance et réglementation qui faisaient défaut à mon profil technique."</p> 866 <div style="display:flex;align-items:center;gap:10px;"> 867 <div style="width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#355B9E,#00C9A7);display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;">RM</div> 868 <div> 869 <div style="font-size:12px;font-weight:700;color:#fff;">Rachid Meraoumia</div> 870 <div style="font-size:11px;color:rgba(255,255,255,.35);">Security Engineer DevSecOps · Thales</div> 871 </div> 872 </div> 873 </div> 874 875 <!-- CTA Trustpilot --> 876 <div style="background:rgba(0,182,122,.06);border:1px solid rgba(0,182,122,.2);border-radius:10px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px;"> 877 <svg viewBox="0 0 111 120" width="44" height="44" xmlns="http://www.w3.org/2000/svg"><path fill="#00B67A" d="M55.5 0L72.2 50.3H124L81.9 81.4l16.7 50.3L55.5 101l-43.1 30.7 16.7-50.3L-12 50.3h51.8z"/></svg> 878 <div style="font-family:'Poppins',sans-serif;font-size:15px;font-weight:700;color:#fff;">4.3 / 5 sur Trustpilot</div> 879 <div style="font-size:12px;color:rgba(255,255,255,.45);line-height:1.6;">Basé sur 20 avis vérifiés d'apprenants ESD Cybersecurity Academy</div> 880 <a href="https://fr.trustpilot.com/review/esdacademy.eu" target="_blank" rel="noopener noreferrer" style="font-size:12px;font-weight:700;color:#00B67A;text-decoration:none;border:1px solid rgba(0,182,122,.4);padding:8px 18px;border-radius:5px;">Voir tous les avis â</a> 881 </div> 882 883 </div> 884 885</div> 886</section> 887 888<!-- PLANS --> 889<section id="plans" style="background:var(--light-bg);padding:64px 0;"> 890<div class="container"> 891<h2 class="section-title">Nos offres</h2> 892<p class="section-sub">Commencez par vous certifier avec votre CPF, puis montez en gamme si vous voulez plus. Le bloc RNCP est finançable CPF / OPCO.</p> 893 894<div class="plans-grid"> 895 896 <div class="plan-card"> 897 <div class="plan-name">Gratuit</div> 898 <div class="plan-price" style="font-size:30px;">Gratuit</div> 899 <div class="plan-sub">Compte invité</div> 900 <div class="plan-divider"></div> 901 <ul class="plan-features"> 902 <li><span class="f-ok">â</span>Formations gratuites en accès libre</li> 903 <li><span class="f-ok">â</span>Labs de base</li> 904 <li><span class="f-ok">â</span>Communauté Discord</li> 905 <li><span class="f-no">â</span>Parcours métier certifiants</li> 906 <li><span class="f-no">â</span>Badge ESD</li> 907 <li><span class="f-no">â</span>Bootcamps</li> 908 <li><span class="f-no">â</span>Mentorat</li> 909 </ul> 910 <a href="https://preprod.esdcybersecurity.eu/register" class="btn btn-navy" style="width:100%;text-align:center;display:block;font-size:13px;box-sizing:border-box;">Créer un compte â</a> 911 </div> 912 913 <div class="plan-card" style="border:2px solid #0C8A5C;"> 914 <div class="plan-badge-pill" style="background:#0C8A5C;">Commencez ici</div> 915 <div class="plan-name">Bloc RNCP</div> 916 <div class="plan-price"><sup>â¬</sup>990</div> 917 <div class="plan-sub">financé CPF · souvent 0 ⬠de reste à charge</div> 918 <div class="plan-divider"></div> 919 <ul class="plan-features"> 920 <li><span class="f-ok">â</span>Se certifier sur 1 métier au choix</li> 921 <li><span class="f-ok">â</span>Les formations de votre bloc + labs</li> 922 <li><span class="f-ok">â</span>Travail à rendre puis passage jury</li> 923 <li><span class="f-ok">â</span><span>Bloc certifiant inscrit au RNCP (niveau 7)</span></li> 924 <li><span class="f-ok">â</span>Ãligible CPF / OPCO</li> 925 <li><span class="f-ok">â</span>Bootcamps à l'unité (2 crédits la place)</li> 926 <li><span class="f-no">â</span>
926Tout le catalogue</li> 927 </ul> 928 <a href="financement" class="btn btn-navy" style="width:100%;text-align:center;display:block;font-size:13px;box-sizing:border-box;background:#0C8A5C;border-color:#0C8A5C;color:#fff;">Financer via CPF â</a> 929 </div> 930 931 <div class="plan-card featured"> 932 <div class="plan-badge-pill">Le plus populaire</div> 933 <div class="plan-name">Complet</div> 934 <div class="plan-price"><sup>â¬</sup>199<span>/mois</span></div> 935 <div class="plan-sub">Engagement 6 mois · 1 bloc RNCP inclus, finançable CPF</div> 936 <div class="plan-divider"></div> 937 <ul class="plan-features"> 938 <li><span class="f-ok">â</span><span><strong>Tout le catalogue</strong> de formations</span></li> 939 <li><span class="f-ok">â</span>Vidéos + QCM + TP · études de cas</li> 940 <li><span class="f-ok">â</span>Labs étendus + CTF · IA intégrée</li> 941 <li><span class="f-ok">â</span>1 bootcamp / mois, puis 2 crédits la place</li> 942 <li><span class="f-ok">â</span>5 crédits de mentorat / an</li> 943 <li><span class="f-ok">â</span><span><strong>1 bloc RNCP inclus</strong> (certif après 6 mois)</span></li> 944 <li><span class="f-ok">â</span>Communauté Discord</li> 945 </ul> 946 <a href="contact.html?sujet=Abonnement Complet ESD-Skills" class="btn btn-blue" style="width:100%;text-align:center;display:block;font-size:13px;box-sizing:border-box;">Commencer â</a> 947 </div> 948 949 <div class="plan-card" style="border:2px solid #D97706;"> 950 <div class="plan-badge-pill" style="background:#D97706;">Diplôme Bac+5</div> 951 <div class="plan-name">Mastère</div> 952 <div class="plan-price"><sup>â¬</sup>6 990</div> 953 <div class="plan-sub">Parcours diplômant · CPF / OPCO / alternance</div> 954 <div class="plan-divider"></div> 955 <ul class="plan-features"> 956 <li><span class="f-ok">â</span><span>Tous les parcours · <strong>460h encadrées</strong></span></li> 957 <li><span class="f-ok">â</span>4 blocs RNCP</li> 958 <li><span class="f-ok">â</span><strong>Accompagnement, mémoire, jury final</strong></li> 959 <li><span class="f-ok">â</span>Coaching insertion (88% d'insertion)</li> 960 <li><span class="f-ok">â</span>1 bootcamp / mois · 4h de mentorat</li> 961 <li><span class="f-ok">â</span><strong>Titre RNCP Bac+5 (Niveau 7)</strong></li> 962 </ul> 963 <a href="academy.html" class="btn btn-navy" style="width:100%;text-align:center;display:block;font-size:13px;box-sizing:border-box;background:#D97706;border-color:#D97706;color:#fff;">Découvrir le Mastère â</a> 964 </div> 965 966 <div class="plan-card" style="background:var(--navy);border-color:var(--navy);"> 967 <div class="plan-name" style="color:rgba(255,255,255,.45);">Entreprise</div> 968 <div class="plan-price" style="color:#fff;">Sur<span style="color:rgba(255,255,255,.5);"> devis</span></div> 969 <div class="plan-sub" style="color:rgba(255,255,255,.35);">Adapté à votre équipe</div> 970 <div class="plan-divider" style="background:rgba(255,255,255,.08);"></div> 971 <ul class="plan-features"> 972 <li><span class="f-ok">â</span><span style="color:rgba(255,255,255,.7);">Licences multi-utilisateurs</span></li> 973 <li><span class="f-ok">â</span><span style="color:rgba(255,255,255,.7);">
973Tous les parcours + contenu</span></li> 974 <li><span class="f-ok">â</span><span style="color:rgba(255,255,255,.7);">Certifications illimitées</span></li> 975 <li><span class="f-ok">â</span><span style="color:rgba(255,255,255,.7);">Reporting RH & suivi équipe</span></li> 976 <li><span class="f-ok">â</span><span style="color:rgba(255,255,255,.7);">Mentorat collectif</span></li> 977 <li><span class="f-ok">â</span><span style="color:rgba(255,255,255,.7);">Parcours sur mesure</span></li> 978 <li><span class="f-ok">â</span><span style="color:rgba(255,255,255,.7);">Blocs RNCP inclus</span></li> 979 <li><span class="f-ok">â</span><span style="color:rgba(255,255,255,.7);">Account manager dédié</span></li> 980 </ul> 981 <a href="contact.html?sujet=Abonnement Entreprise ESD-Skills" class="btn btn-blue" style="width:100%;text-align:center;display:block;font-size:13px;box-sizing:border-box;">Demander un devis â</a> 982 </div> 983 984</div> 985 986<!-- POC: note badge vs bloc RNCP --> 987<p style="max-width:980px;margin:20px auto 0;text-align:center;font-size:13px;color:var(--grey-text);line-height:1.7;">Le badge ESD (certification vérifiable) prouve votre compétence aux recruteurs dès l'examen validé. Le bloc RNCP l'inscrit au répertoire d'Ãtat : acquis à vie, il compte pour le titre Bac+5. Chaque formation certifiante alimente les deux. <a href="badges" style="color:var(--blue);font-weight:700;">Comprendre badges et blocs RNCP â</a></p> 988 989<!-- CPF par domaine --> 990<div id="cpf-domaines" style="scroll-margin-top:90px;max-width:980px;margin:44px auto 0;background:#fff;border:1px solid #E6E9F0;border-top:4px solid #0C8A5C;border-radius:14px;padding:30px 30px 26px;box-shadow:0 8px 30px rgba(7,26,61,.06);"> 991 <div style="display:inline-flex;align-items:center;gap:7px;background:rgba(34,197,94,.10);color:#15803D;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:5px 12px;border-radius:20px;margin-bottom:14px;">â Commencez ici · Mon Compte Formation</div> 992 <div style="font-size:20px;font-weight:700;color:var(--navy);font-family:'Poppins',sans-serif;margin-bottom:6px;">Certifiez-vous sur votre métier, financé par votre CPF.</div> 993 <p style="font-size:14px;color:var(--grey-text);margin:0 0 18px;">Un <strong>bloc de compétences RNCP</strong> reconnu par l'Ãtat, à <strong>990 â¬</strong> sur Mon Compte Formation. Avec vos droits CPF, le reste à charge est souvent nul. Choisissez votre domaine :</p> 994 <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:12px;"> 995 996 <a href="https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/80800986400022_bloc1-ESD/80800986400022_bloc1-ESD?contexteFormation=ACTIVITE_PROFESSIONNELLE" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:flex-start;gap:10px;background:var(--light-bg);border-radius:8px;padding:14px 16px;text-decoration:none;transition:box-shadow .2s;" onmouseover="this.style.boxShadow='0 4px 16px rgba(53,91,158,.15)'" onmouseout="this.style.boxShadow='none'"> 997 <span style="color:var(--blue);font-weight:700;font-size:16px;flex-shrink:0;">â</span> 998 <div><div style="font-weight:700;color:var(--navy);font-size:14px;">Offensif · Pentester</div><div style="font-size:12px;color:var(--grey-text);">Bloc BC01 · financer avec mon CPF</div></div> 999 </a> 1000 1001 <a href="https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/80800986400022_bloc2ESD/80800986400022_bloc2ESD?contexteFormation=ACTIVITE_PROFESSIONNELLE" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:flex-start;gap:10px;background:var(--light-bg);border-radius:8px;padding:14px 16px;text-decoration:none;transition:box-shadow .2s;" onmouseover="this.style.boxShadow='0 4px 16px rgba(53,91,158,.15)'" onmouseout="this.style.boxShadow='none'"> 1002 <span style="color:var(--blue);font-weight:700;font-size:16px;flex-shrink:0;">â</span> 1003 <div><div style="font-weight:700;color:var(--navy);font-size:14px;">Défensif · SOC Analyst</div><div style="font-size:12px;color:var(--grey-text);">Bloc BC02 · financer avec mon CPF</div></div> 1004 </a> 1005 1006 <a href="https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/80800986400022_bloc3ESD/80800986400022_bloc3ESD?contexteFormation=ACTIVITE_PROFESSIONNELLE" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:flex-start;gap:10px;background:var(--light-bg);border-radius:8px;padding:14px 16px;text-decoration:none;
1006transition:box-shadow .2s;" onmouseover="this.style.boxShadow='0 4px 16px rgba(53,91,158,.15)'" onmouseout="this.style.boxShadow='none'"> 1007 <span style="color:var(--blue);font-weight:700;font-size:16px;flex-shrink:0;">â</span> 1008 <div><div style="font-weight:700;color:var(--navy);font-size:14px;">Investigation · Forensics</div><div style="font-size:12px;color:var(--grey-text);">Bloc BC03 · financer avec mon CPF</div></div> 1009 </a> 1010 1011 <a href="https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/80800986400022_bloc4ESD/80800986400022_bloc4ESD?contexteFormation=ACTIVITE_PROFESSIONNELLE" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:flex-start;gap:10px;background:var(--light-bg);border-radius:8px;padding:14px 16px;text-decoration:none;transition:box-shadow .2s;" onmouseover="this.style.boxShadow='0 4px 16px rgba(53,91,158,.15)'" onmouseout="this.style.boxShadow='none'"> 1012 <span style="color:var(--blue);font-weight:700;font-size:16px;flex-shrink:0;">â</span> 1013 <div><div style="font-weight:700;color:var(--navy);font-size:14px;">GRC · Gouvernance & conformité</div><div style="font-size:12px;color:var(--grey-text);">Bloc BC04 · financer avec mon CPF</div></div> 1014 </a> 1015 1016 </div> 1017 <p style="font-size:13px;color:var(--grey-text);margin:18px 0 0;">Vous visez le diplôme complet ? Le <a href="https://www.moncompteformation.gouv.fr/espace-prive/html/#/formation/recherche/80800986400022_MASTERE-ESD/80800986400022_MASTERE_ESD" target="_blank" rel="noopener noreferrer" style="color:var(--blue);font-weight:600;">Mastère RNCP Niveau 7</a> est lui aussi finançable CPF. <a href="financement" style="color:var(--blue);font-weight:600;">Tous les financements â</a></p> 1018</div> 1019</div> 1020</section> 1021 1022<!-- B2B --> 1023<section id="entreprises" style="background:var(--navy);padding:72px 0;"> 1024<div class="container"> 1025 1026 <!-- Header --> 1027 <div style="display:flex;align-items:center;gap:12px;margin-bottom:10px;"> 1028 <div style="width:3px;height:28px;background:var(--blue);border-radius:2px;flex-shrink:0;"></div> 1029 <span style="font-size:11px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.12em;">Pour les équipes & les RH</span> 1030 </div> 1031 <h2 style="font-family:'Poppins',sans-serif;font-size:clamp(26px,3.2vw,38px);font-weight:900;color:#fff;margin-bottom:14px;line-height:1.2;">Pilotez la montée en compétences<br>cyber de vos équipes</h2> 1032 <p style="font-size:16px;color:rgba(255,255,255,.55);max-width:560px;line-height:1.75;margin-bottom:48px;">Un dashboard RH dédié pour suivre la progression de vos collaborateurs, identifier les lacunes et générer des rapports de conformité â en temps réel.</p> 1033 1034 <!-- Grille 2 colonnes --> 1035 <div class="b2b-grid" style="display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;"> 1036 1037 <!-- Colonne gauche : fonctionnalités --> 1038 <div style="display:flex;flex-direction:column;gap:28px;"> 1039 1040 <div style="display:flex;gap:16px;align-items:flex-start;"> 1041 <div style="width:44px;height:44px;border-radius:10px;background:rgba(53,91,158,.25);border:1px solid rgba(53,91,158,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 1042 <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="rgba(255,255,255,.8)" stroke-width="1.8"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg> 1043 </div> 1044 <div> 1045 <div style="font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;">Dashboard de suivi centralisé</div> 1046 <div style="font-size:13px;color:rgba(255,255,255,.45);line-height:1.65;">Vue d'ensemble de tous vos collaborateurs : modules complétés, scores, certifications obtenues, temps de formation par semaine.</div> 1047 </div> 1048 </div> 1049 1050 <div style="display:flex;gap:16px;align-items:flex-start;"> 1051 <div style="width:44px;height:44px;border-radius:10px;
1051background:rgba(0,201,167,.15);border:1px solid rgba(0,201,167,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 1052 <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="#00C9A7" stroke-width="1.8"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg> 1053 </div> 1054 <div> 1055 <div style="font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;">Gestion des équipes & groupes</div> 1056 <div style="font-size:13px;color:rgba(255,255,255,.45);line-height:1.65;">Créez des groupes par département, affectez des parcours spécifiques et gérez les licences depuis une interface unique.</div> 1057 </div> 1058 </div> 1059 1060 <div style="display:flex;gap:16px;align-items:flex-start;"> 1061 <div style="width:44px;height:44px;border-radius:10px;background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 1062 <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="#C9A84C" stroke-width="1.8"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg> 1063 </div> 1064 <div> 1065 <div style="font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;">Rapports PDF exportables</div> 1066 <div style="font-size:13px;color:rgba(255,255,255,.45);line-height:1.65;">Générez des rapports de conformité pour vos audits internes, vos RSSI ou vos obligations réglementaires (ISO 27001, RGPD).</div> 1067 </div> 1068 </div> 1069 1070 <div style="display:flex;gap:16px;align-items:flex-start;"> 1071 <div style="width:44px;height:44px;border-radius:10px;background:rgba(53,91,158,.25);border:1px solid rgba(53,91,158,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;"> 1072 <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="rgba(255,255,255,.8)" stroke-width="1.8"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg> 1073 </div> 1074 <div> 1075 <div style="font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;">Alertes & seuils personnalisés</div> 1076 <div style="font-size:13px;color:rgba(255,255,255,.45);line-height:1.65;">Recevez des alertes automatiques si un collaborateur décroche ou n'atteint pas les objectifs fixés avant une échéance.</div> 1077 </div> 1078 </div> 1079 1080 </div> 1081 1082 <!-- Colonne droite : mockup dashboard RH --> 1083 <div style="background:#07111f;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 64px rgba(0,0,0,.5);"> 1084 1085 <!-- Topbar --> 1086 <div style="background:#040c18;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);"> 1087 <div style="font-size:11px;font-weight:600;color:rgba(255,255,255,.5);">ESD-Skills â Espace RH</div> 1088 <div style="display:flex;gap:6px;"> 1089 <div style="width:8px;height:8px;border-radius:50%;background:#ff5f57;"></div> 1090 <div style="width:8px;height:8px;border-radius:50%;background:#febc2e;"></div> 1091 <div style="width:8px;height:8px;border-radius:50%;background:#28c840;"></div> 1092 </div> 1093 </div> 1094 1095 <!-- Stats row --> 1096 <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.06);"> 1097 <div style="background:#07111f;padding:14px 16px;"> 1098 <div style="font-size:20px;font-weight:900;color:#fff;font-family:'Poppins',sans-serif;">24</div> 1099 <div style="font-size:10px;color:rgba(255,255,255,.35);margin-top:2px;">Collaborateurs actifs</div> 1100 </div> 1101 <div style="background:#07111f;padding:14px 16px;"> 1102 <div style="font-size:20px;font-weight:900;color:#00C9A7;font-family:'Poppins',sans-serif;">78%</div> 1103 <div style="font-size:10px;color:rgba(255,255,255,.35);margin-top:2px;">Taux de complétion</div> 1104 </div> 1105 <div style="background:#07111f;padding:14px 16px;"> 1106 <div style="font-size:20px;font-weight:900;color:#C9A84C;font-family:'Poppins',sans-serif;">12</div> 1107 <div style="font-size:10px;color:rgba(255,255,255,.35);margin-top:2px;">Certifications ce mois</div> 1108 </div> 1109 </div> 1110 1111 <!-- Table collaborateurs --> 1112 <div style="padding:16px;"> 1113 <div id="b2b-month" style="font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.25);margin-bottom:10px;">Progression équipe</div> 1114
1114<script>document.getElementById('b2b-month').textContent='Progression équipe â '+new Date().toLocaleDateString('fr-FR',{month:'long',year:'numeric'});</script>
1114 1115 <div style="display:flex;flex-direction:column;gap:8px;"> 1116 1117 <div style="display:grid;grid-template-columns:1fr 80px 60px;gap:8px;align-items:center;background:rgba(255,255,255,.04);border-radius:6px;padding:10px 12px;"> 1118 <div> 1119 <div style="font-size:11px;font-weight:600;color:rgba(255,255,255,.8);">Sophie M.</div> 1120 <div style="font-size:10px;color:rgba(255,255,255,.3);">Parcours SOC Analyst</div> 1121 </div> 1122 <div style="background:rgba(255,255,255,.06);border-radius:4px;height:5px;overflow:hidden;"> 1123 <div style="width:87%;height:100%;background:linear-gradient(90deg,#355B9E,#00C9A7);border-radius:4px;"></div> 1124 </div> 1125 <div style="font-size:10px;color:#00C9A7;font-weight:700;text-align:right;">87%</div> 1126 </div> 1127 1128 <div style="display:grid;grid-template-columns:1fr 80px 60px;gap:8px;align-items:center;background:rgba(255,255,255,.04);border-radius:6px;padding:10px 12px;"> 1129 <div> 1130 <div style="font-size:11px;font-weight:600;color:rgba(255,255,255,.8);">Thomas R.</div> 1131 <div style="font-size:10px;color:rgba(255,255,255,.3);">Parcours Pentester</div> 1132 </div> 1133 <div style="background:rgba(255,255,255,.06);border-radius:4px;height:5px;overflow:hidden;"> 1134 <div style="width:62%;height:100%;background:linear-gradient(90deg,#355B9E,#00C9A7);border-radius:4px;"></div> 1135 </div> 1136 <div style="font-size:10px;color:rgba(255,255,255,.5);font-weight:700;text-align:right;">62%</div> 1137 </div> 1138 1139 <div style="display:grid;grid-template-columns:1fr 80px 60px;gap:8px;align-items:center;background:rgba(255,255,255,.04);border-radius:6px;padding:10px 12px;"> 1140 <div> 1141 <div style="font-size:11px;font-weight:600;color:rgba(255,255,255,.8);">
1141Lucas D.</div> 1142 <div style="font-size:10px;color:rgba(255,255,255,.3);">Parcours RSSI / GRC</div> 1143 </div> 1144 <div style="background:rgba(255,255,255,.06);border-radius:4px;height:5px;overflow:hidden;"> 1145 <div style="width:41%;height:100%;background:linear-gradient(90deg,#C9A84C,#355B9E);border-radius:4px;"></div> 1146 </div> 1147 <div style="font-size:10px;color:#C9A84C;font-weight:700;text-align:right;">41%</div> 1148 </div> 1149 1150 <div style="display:grid;grid-template-columns:1fr 80px 60px;gap:8px;align-items:center;background:rgba(255,255,255,.04);border-radius:6px;padding:10px 12px;"> 1151 <div> 1152 <div style="font-size:11px;font-weight:600;color:rgba(255,255,255,.8);">Amira K.</div> 1153 <div style="font-size:10px;color:rgba(255,255,255,.3);">Parcours DevSecOps</div> 1154 </div> 1155 <div style="background:rgba(255,255,255,.06);border-radius:4px;height:5px;overflow:hidden;"> 1156 <div style="width:95%;height:100%;background:linear-gradient(90deg,#355B9E,#00C9A7);border-radius:4px;"></div> 1157 </div> 1158 <div style="font-size:10px;color:#00C9A7;font-weight:700;text-align:right;">95%</div> 1159 </div> 1160 1161 </div> 1162 1163 <!-- Footer mockup --> 1164 <div style="margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center;"> 1165 <div style="font-size:10px;color:rgba(255,255,255,.25);">Rapport complet disponible en export PDF</div> 1166 <div style="font-size:10px;font-weight:600;color:var(--blue);cursor:default;">Exporter â</div> 1167 </div> 1168 </div> 1169 1170 </div> 1171 </div> 1172 1173 <!-- CTA B2B --> 1174 <div style="margin-top:40px;padding:28px 32px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;"> 1175 <div> 1176 <div style="font-size:15px;font-weight:700;color:#fff;margin-bottom:4px;">Vous formez une équipe de 5 personnes ou plus ?</div> 1177 <div style="font-size:13px;color:rgba(255,255,255,.45);">Tarif dégressif, dashboard RH, parcours sur mesure et account manager dédié.</div> 1178 </div> 1179 <a href="contact.html?sujet=Abonnement Entreprise ESD-Skills" class="btn btn-blue" style="white-space:nowrap;flex-shrink:0;">Demander un devis équipe â</a> 1180 </div> 1181 1182</div> 1183</section> 1184 1185<!-- FAQ --> 1186<section style="background:var(--white);padding:64px 0;"> 1187<div class="container"> 1188<h2 class="section-title" style="text-align:left;">Questions fréquentes</h2> 1189<div style="margin-top:32px;"> 1190 1191 <div class="faq-item open"> 1192 <div class="faq-q" onclick="toggleFaq(this)">Puis-je résilier à tout moment ?<svg class="faq-arr" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></div> 1193 <div class="faq-a">Lâabonnement Complet demande six mois, le temps de valider le bloc RNCP inclus. Passé ce délai, résiliation à tout moment depuis votre espace apprenant, sans frais ni préavis.</div> 1194 </div> 1195 1196 <div class="faq-item"> 1197 <div class="faq-q" onclick="toggleFaq(this)">Est-ce finançable via le CPF ou l'OPCO ?<svg class="faq-arr" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></div> 1198 <div class="faq-a">Le bloc de compétences RNCP à 990 ⬠est finançable CPF et OPCO : c'est une certification d'Ãtat inscrite au Répertoire National. L'abonnement, lui, n'entre pas dans le CPF, mais la formule Complet inclut un bloc RNCP que vous pouvez financer avec vos droits. Votre employeur peut aussi prendre en charge l'abonnement via son plan de développement des compétences. Un conseiller monte le dossier avec vous, gratuitement. <a href="#cpf-domaines" style="color:#00C9A7;font-weight:700;">Financer mon bloc avec le CPF â</a></div> 1199 </div> 1200 1201 <div class="faq-item"> 1202 <div class="faq-q" onclick="toggleFaq(this)">Je suis débutant â par où commencer ?<svg class="faq-arr" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></div> 1203 <div class="faq-a">Chaque parcours métier commence par un module Foundation qui couvre les bases (réseaux, systèmes, cryptographie). Un test de positionnement initial permet à l'IA de vous orienter vers le bon point de départ.</div> 1204 </div> 1205 1206 <div class="faq-item"> 1207 <div class="faq-q" onclick="toggleFaq(this)">Comment fonctionnent les labs ?<svg class="faq-arr" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></div> 1208 <div class="faq-a">Les labs sont accessibles directement depuis votre navigateur â aucune installation requise. Les environnements sont préconfigurés (machines cibles, réseaux isolés) et réinitialisables à la demande. Les plans Complet et Entreprise incluent les labs étendus avec 90+ challenges CTF.</div> 1209 </div> 1210 1211 <div class="faq-item"> 1212 <div class="faq-q" onclick="toggleFaq(this)">Quelle différence avec une formation classique ?<svg class="faq-arr" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></div> 1213 <div class="faq-a">ESD-Skills est une plateforme 2.0 â vous apprenez à votre rythme, à la demande, avec des labs intégrés, une IA qui personnalise votre parcours et une communauté active. C'est complémentaire aux formations ESD Institute (présentiel, B2B) et au Mastère RNCP (diplôme Bac+5).</div> 1214 </div> 1215 1216 <div class="faq-item"> 1217 <div class="faq-q" onclick="toggleFaq(this)">Quelle différence entre un badge ESD et un bloc RNCP ?<svg class="faq-arr" viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9l6 6 6-6"/></svg></div> 1218 <div class="faq-a">Le badge ESD est un certificat numérique vérifiable (standard Open Badges) émis dès votre certification : il prouve une compétence précise aux recruteurs, en un clic. Le bloc RNCP est un ensemble de compétences enregistré auprès de l'Ãtat : acquis à vie, finançable CPF, il compte pour le titre RNCP Niveau 7 (Bac+5). Chaque formation certifiante alimente les deux. <a href="badges" style="color:#00C9A7;font-weight:700;">
1218En savoir plus sur les badges et blocs RNCP â</a></div> 1219 </div> 1220 1221</div> 1222</div> 1223</section> 1224 1225<!-- CTA --> 1226<section class="cta-section"> 1227<div class="container"> 1228<h2>Commencez à progresser<br>dès aujourd'hui</h2> 1229<p>Rejoignez 300+ professionnels IT qui se forment, pratiquent et se certifient sur ESD-Skills.</p> 1230<div class="cta-btns"> 1231 <a href="#plans" class="btn btn-blue" style="font-size:15px;padding:15px 32px;">Voir les abonnements â</a> 1232 <a href="https://calendar.app.google/NhtvfZe7VcWpiK7v7" target="_blank" rel="noopener noreferrer" class="btn btn-outline-white" style="font-size:15px;padding:15px 32px;">Parler à un conseiller</a> 1233</div> 1234</div> 1235</section> 1236 1237<div id="site-footer"></div>
1238<script src="assets/js/components.js"></script>
vendor: 1 bytes, line 1238
1238
1239<script src="assets/js/main.js"></script>
vendor: 1 bytes, line 1239
1239
1240<script> 1241function toggleFaq(el) { 1242 var item = el.parentElement; 1243 var isOpen = item.classList.contains('open'); 1244 document.querySelectorAll('.faq-item').forEach(function(i) { i.classList.remove('open'); }); 1245 if (!isOpen) item.classList.add('open'); 1246} 1247</script>
1247 1248
1248<script src="/assets/js/rgpd.js" defer></script>
1248 1249 <link rel="stylesheet" href="/assets/css/chatbot-widget.css" /> 1250
1250<script src="/assets/js/chatbot-widget.js" defer></script>
1250 1251</body> 1252</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.