Activit\u00e9s \u2013 Nathan Vitter<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n :root { --blue: #1E40AF; --blue-dark: #1E3A8A; --blue-mid: #2563EB; --accent: #38BDF8; --bg: #F0F4F8; --card: #FFFFFF; --text: #0F172A; --muted: #475569; --border: #E2E8F0; --tag-bg: #EFF6FF; --tag-text: #1D4ED8; }\r\n body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--text); }\r\n nav.navbar { position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: rgba(10,15,30,0.75); backdrop-filter: blur(14px); z-index: 1000; padding: 10px 24px; border-radius: 0 0 16px 16px; width: 100%; max-width: 1100px; border-bottom: 1px solid rgba(255,255,255,0.08); }\r\n .navbar ul { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; gap: 2px; }\r\n .navbar li { position: relative; }\r\n .navbar a { color: rgba(255,255,255,.85); text-decoration: none; font-family: 'Sora',sans-serif; font-size: 13px; font-weight: 600; display: block; padding: 7px 11px; border-radius: 6px; transition: all .2s; }\r\n .navbar a:hover { color: var(--accent); background: rgba(255,255,255,.07); }\r\n .navbar li ul { display: none; position: absolute; top: calc(100% + 4px); left: 0; background: white; min-width: 190px; box-shadow: 0 8px 24px rgba(0,0,0,.14); border-radius: 10px; z-index: 999; overflow: hidden; }\r\n .navbar li ul li a { color: #1e293b; padding: 10px 16px; font-size: 13px; border-radius: 0; }\r\n .navbar li ul li a:hover { background: var(--bg); color: var(--blue); }\r\n .navbar li:hover > ul { display: block; }\r\n .spacer { height: 68px; }\r\n .hero { background: linear-gradient(135deg, #0F2460 0%, #1E40AF 50%, #2563EB 100%); padding: 72px 20px 60px; text-align: center; position: relative; overflow: hidden; }\r\n .hero::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:40px; background:var(--bg); clip-path:ellipse(55% 100% at 50% 100%); }\r\n .hero-dots { position:absolute; inset:0; background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px); background-size:28px 28px; }\r\n .hero h1 { font-family:'Sora',sans-serif; font-size:44px; font-weight:700; color:white; position:relative; letter-spacing:-.5px; }\r\n .hero h1 span { color:var(--accent); }\r\n .hero p { color:rgba(255,255,255,.75); font-size:16px; margin-top:12px; position:relative; }\r\n .filters { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; padding:36px 20px 16px; }\r\n .filter-btn { padding:8px 20px; border:1.5px solid #CBD5E1; border-radius:999px; background:white; color:var(--muted); font-family:'Sora',sans-serif; font-size:12.5px; font-weight:600; cursor:pointer; transition:all .22s; }\r\n .filter-btn:hover { border-color:var(--blue-mid); color:var(--blue-mid); }\r\n .filter-btn.active { background:var(--blue); border-color:var(--blue); color:white; box-shadow:0 4px 14px rgba(30,64,175,.3); }\r\n .section-label { max-width:1100px; margin:32px auto 12px; padding:0 20px; display:flex; align-items:center; gap:12px; }\r\n .section-label span { font-family:'Sora',sans-serif; font-size:11px; font-weight:700; color:var(--blue); letter-spacing:1.5px; text-transform:uppercase; white-space:nowrap; }\r\n .section-label::after { content:''; flex:1; height:1px; background:var(--border); }\r\n .grid { max-width:1100px; margin:0 auto 20px; padding:0 20px; display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:22px; }\r\n .card { background:var(--card); border:1px solid var(--border); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s; animation:fadeUp .4s ease both; }\r\n @keyframes fadeUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }\r\n .card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(30,64,175,.12); }\r\n .card-top { display:flex; align-items:center; gap:14px; padding:18px 20px 14px; border-bottom:1px solid var(--border); }\r\n .card-icon { width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid)); display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }\r\n .card-top h2 { font-family:'Sora',sans-serif; font-size:13.5px; font-weight:700; color:var(--blue-dark); line-height:1.35; }\r\n .card-body { padding:14px 20px; flex:1; }\r\n .card-body p { font-size:13px; color:var(--muted); line-height:1.7; }\r\n .card-footer { padding:12px 20px 18px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }\r\n .tags { display:flex; flex-wrap:wrap; gap:5px; }\r\n .tag { background: var(--tag-bg); color: var(--tag-text); font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:999px; border:1px solid #BFDBFE; font-family:'Sora',sans-serif; cursor: pointer; transition: all .2s; text-decoration: none; display: inline-block; }\r\n .tag:hover { background: var(--blue); color: white; border-color: var(--blue); transform: scale(1.05); }\r\n .btn { display:inline-flex; align-items:center; gap:5px; padding:7px 16px; background:var(--blue); color:white; border-radius:8px; text-decoration:none; font-size:12px; font-weight:700; font-family:'Sora',sans-serif; transition:all .2s; white-space:nowrap; }\r\n .btn:hover { background:var(--blue-dark); transform:scale(1.04); }\r\n .btn svg { width:13px; height:13px; }\r\n .card.hidden { display:none; }\r\n .footer-gap { height:60px; }\r\n @media(max-width:640px){ .hero h1{font-size:30px} .grid{grid-template-columns:1fr} }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<nav class=\"navbar\">\r\n <ul>\r\n <li><a href=\"\/\">Accueil<\/a><\/li>\r\n <li><a href=\"\/index.php\/ap\/\">AP<\/a><\/li>\r\n <li><a href=\"\/index.php\/activites\/\">Activit\u00e9s<\/a><\/li>\r\n <li><a href=\"\/index.php\/projets\/\">Projets<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/stages\/\">Stages \u25bc<\/a><ul><li><a href=\"\/index.php\/stages\/1ere-annee\/\">Stage 1\u00e8re ann\u00e9e<\/a><\/li><li><a href=\"\/index.php\/stages\/2eme-annee\/\">Stage 2\u00e8me ann\u00e9e<\/a><\/li><\/ul><\/li>\r\n <li><a href=\"\/index.php\/veille\/\">Veille<\/a><\/li>\r\n <li><a href=\"\/index.php\/cv\/\">CV<\/a><\/li>\r\n <li><a href=\"\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <li><a href=\"\/index.php\/competences\/\">Comp\u00e9tences<\/a><\/li>\r\n <li><a href=\"\/index.php\/certifications\/\">Certifications<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n<div class=\"spacer\"><\/div>\r\n<section class=\"hero\">\r\n <div class=\"hero-dots\"><\/div>\r\n <h1>Mes <span>Activit\u00e9s<\/span><\/h1>\r\n <p>Travaux pratiques r\u00e9alis\u00e9s durant mon BTS SIO \u2013 option SISR<\/p>\r\n<\/section>\r\n<div class=\"filters\">\r\n <button class=\"filter-btn active\" onclick=\"filter('all',this)\">Tous<\/button>\r\n <button class=\"filter-btn\" onclick=\"filter('systeme',this)\">Syst\u00e8me<\/button>\r\n <button class=\"filter-btn\" onclick=\"filter('securite',this)\">S\u00e9curit\u00e9 & VPN<\/button>\r\n <button class=\"filter-btn\" onclick=\"filter('automatisation',this)\">Automatisation<\/button>\r\n <button class=\"filter-btn\" onclick=\"filter('services',this)\">Services<\/button>\r\n<\/div>\r\n \r\n<div class=\"section-label\" data-section=\"systeme\"><span>Syst\u00e8me<\/span><\/div>\r\n<div class=\"grid\">\r\n <div class=\"card\" data-cat=\"systeme\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udc65<\/div><h2>Chapitre 6 \u2013 Scripts PowerShell & module Active Directory<\/h2><\/div>\r\n <div class=\"card-body\"><p>Automatisation de l'administration Windows et Active Directory via PowerShell. Cr\u00e9ation de scripts pour la gestion des utilisateurs, les rapports syst\u00e8me et la maintenance du parc.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.1.6\" class=\"tag\">1.1.6<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"tag\">1.2.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-6-Scripts-Introduction-a-PowerShell-Module-Active-Directory.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"systeme\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udce1<\/div><h2>TP1 \u2013 Infrastructure 802.1x \u2013 Authentification sur connexions c\u00e2bl\u00e9es<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en \u0153uvre du standard 802.1x pour s\u00e9curiser les acc\u00e8s r\u00e9seau filaires. Configuration du serveur RADIUS et des switches pour contr\u00f4ler l'acc\u00e8s par identit\u00e9.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"tag\">1.2.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/TP1-Mise-en-oeuvre-dune-infrastructure-802-1x-connexions-cablees.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n<\/div>\r\n \r\n<div class=\"section-label\" data-section=\"securite\"><span>S\u00e9curit\u00e9 & VPN<\/span><\/div>\r\n<div class=\"grid\">\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udee1\ufe0f<\/div><h2>Lab 8 \u2013 VPN IPsec Site-\u00e0-Site<\/h2><\/div>\r\n <div class=\"card-body\"><p>D\u00e9ploiement d'un tunnel VPN IPsec pour interconnecter deux sites distants. Configuration des phases IKE et des algorithmes de chiffrement.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-8-VPN-IPsec.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udd10<\/div><h2>Lab 9 \u2013 VPN SSL<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en \u0153uvre d'un acc\u00e8s distant s\u00e9curis\u00e9 par VPN SSL. Configuration du portail web d'acc\u00e8s et des profils utilisateurs.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-9-VPN-SSL.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udddd\ufe0f<\/div><h2>Lab 10 \u2013 Nomade VPN IPsec avec PSK<\/h2><\/div>\r\n <div class=\"card-body\"><p>Configuration d'un acc\u00e8s nomade VPN IPsec avec authentification par cl\u00e9 pr\u00e9-partag\u00e9e pour les utilisateurs mobiles.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-10-Nomade-VPN-IPsec-avec-PSK.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udcdc<\/div><h2>Lab 12 \u2013 Nomade VPN IPsec avec certificat<\/h2><\/div>\r\n <div class=\"card-body\"><p>Renforcement du VPN IPsec nomade via une authentification par certificats PKI. D\u00e9ploiement d'une autorit\u00e9 de certification.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.1.6\" class=\"tag\">1.1.6<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-12-Nomade-VPN-IPsec-avec-certificat.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udd12<\/div><h2>Lab 13 \u2013 VPN IPsec Site-\u00e0-Site avec certificat<\/h2><\/div>\r\n <div class=\"card-body\"><p>D\u00e9ploiement d'un tunnel VPN IPsec site-\u00e0-site avec authentification par certificats PKI pour une s\u00e9curit\u00e9 renforc\u00e9e.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.1.6\" class=\"tag\">1.1.6<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-13-VPN-IPsec-Site-a-Site-avec-certificat.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n<\/div>\r\n \r\n<div class=\"section-label\" data-section=\"automatisation\"><span>Automatisation<\/span><\/div>\r\n<div class=\"grid\">\r\n <div class=\"card\" data-cat=\"automatisation\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udc1a<\/div><h2>TP 16 & 17 \u2013 Scripts Shell Linux<\/h2><\/div>\r\n <div class=\"card-body\"><p>D\u00e9veloppement de scripts Bash pour automatiser l'administration syst\u00e8me : gestion des utilisateurs, surveillance des processus et g\u00e9n\u00e9ration de rapports.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"tag\">1.2.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/TP-16-et-17-Scripts-shell-Linux.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"automatisation\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udcbb<\/div><h2>TP 15 \u2013 Planification des t\u00e2ches<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en place de t\u00e2ches planifi\u00e9es sous Linux avec Crontab et sous Windows avec le Planificateur de t\u00e2ches. Automatisation de sauvegardes et scripts de maintenance.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Tp15-la-planififcation-des-taches.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"automatisation\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\u2699\ufe0f<\/div><h2>Chapitre 3 \u2013 Configuration de serveurs avec Ansible<\/h2><\/div>\r\n <div class=\"card-body\"><p>D\u00e9ploiement automatis\u00e9 et gestion de configuration. R\u00e9daction de playbooks pour l'installation de services web et la standardisation des environnements Linux.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.6.2\" class=\"tag\">1.6.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-3-Configuration-de-serveurs-et-dapplications-avec-Ansible.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"automatisation\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udc33<\/div><h2>Chapitre 4 \u2013 Docker sous Windows & WSL 2<\/h2><\/div>\r\n <div class=\"card-body\"><p>Conteneurisation d'applications avec Docker Desktop et WSL 2. Cr\u00e9ation d'images via Dockerfile et orchestration avec Docker Compose.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-4-Docker-sous-Windows-Docker-Desktop-et-WSL-2.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n<\/div>\r\n \r\n<div class=\"section-label\" data-section=\"services\"><span>Services<\/span><\/div>\r\n<div class=\"grid\">\r\n <div class=\"card\" data-cat=\"services\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udce6<\/div><h2>Chapitre \u2013 Inventaire du parc avec OCS Inventory NG & GLPI<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en place d'OCS Inventory NG pour le recensement automatis\u00e9 du parc. Couplage avec GLPI pour centraliser la gestion des actifs et des incidents.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.1\" class=\"tag\">1.1.1<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.1\" class=\"tag\">1.2.1<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"tag\">1.2.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.3\" class=\"tag\">1.5.3<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-Inventaire-du-parc-avec-OCS-Inventory-NG.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"services\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udcbe<\/div><h2>Chapitre 2 \u2013 Sauvegarde client\/serveur avec Bacula<\/h2><\/div>\r\n <div class=\"card-body\"><p>Configuration d'une solution de sauvegarde et de restauration de donn\u00e9es en r\u00e9seau. D\u00e9finition des politiques de r\u00e9tention et s\u00e9curisation des sauvegardes critiques.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.5\" class=\"tag\">1.1.5<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-2-Sauvegarde-clientserveur-avec-Bacula.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"services\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udcc2<\/div><h2>Chapitre 5 \u2013 Serveur Debian DS2 \u2013 Service FTP<\/h2><\/div>\r\n <div class=\"card-body\"><p>Installation et configuration d'un serveur FTP vsftpd sous Debian. Gestion des comptes virtuels, droits d'acc\u00e8s et s\u00e9curisation des connexions.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.3\" class=\"tag\">1.5.3<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-5-Serveur-Debian-DS2-installation-du-service-FTP.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"services\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83c\udf0d<\/div><h2>Chapitre 7 \u2013 Serveur Debian DS2 \u2013 Serveurs Web virtuels<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en place de VirtualHosts Apache sur Debian. Configuration des certificats SSL\/TLS et optimisation des performances HTTP.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.3\" class=\"tag\">1.5.3<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-7-Serveur-Debian-DS2-serveurs-Web-virtuels.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n<\/div>\r\n \r\n<div class=\"footer-gap\"><\/div>\r\n<script>\r\n function filter(cat, btn) {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n document.querySelectorAll('.card').forEach(card => {\r\n card.classList.toggle('hidden', cat !== 'all' && card.dataset.cat !== cat);\r\n });\r\n document.querySelectorAll('.section-label').forEach(label => {\r\n label.style.display = (cat === 'all' || label.dataset.section === cat) ? '' : 'none';\r\n });\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Activit\u00e9s \u2013 Nathan Vitter Accueil AP Activit\u00e9s Projets Stages \u25bc Stage 1\u00e8re ann\u00e9e Stage 2\u00e8me ann\u00e9e Veille CV Contact Comp\u00e9tences […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-233","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":58,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"predecessor-version":[{"id":832,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/233\/revisions\/832"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Activit\u00e9s \u2013 Nathan Vitter<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@400;600;700&family=DM+Sans:wght@400;500&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n :root { --blue: #1E40AF; --blue-dark: #1E3A8A; --blue-mid: #2563EB; --accent: #38BDF8; --bg: #F0F4F8; --card: #FFFFFF; --text: #0F172A; --muted: #475569; --border: #E2E8F0; --tag-bg: #EFF6FF; --tag-text: #1D4ED8; }\r\n body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--text); }\r\n nav.navbar { position: fixed; top: 0; left: 50%; transform: translateX(-50%); background: rgba(10,15,30,0.75); backdrop-filter: blur(14px); z-index: 1000; padding: 10px 24px; border-radius: 0 0 16px 16px; width: 100%; max-width: 1100px; border-bottom: 1px solid rgba(255,255,255,0.08); }\r\n .navbar ul { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; gap: 2px; }\r\n .navbar li { position: relative; }\r\n .navbar a { color: rgba(255,255,255,.85); text-decoration: none; font-family: 'Sora',sans-serif; font-size: 13px; font-weight: 600; display: block; padding: 7px 11px; border-radius: 6px; transition: all .2s; }\r\n .navbar a:hover { color: var(--accent); background: rgba(255,255,255,.07); }\r\n .navbar li ul { display: none; position: absolute; top: calc(100% + 4px); left: 0; background: white; min-width: 190px; box-shadow: 0 8px 24px rgba(0,0,0,.14); border-radius: 10px; z-index: 999; overflow: hidden; }\r\n .navbar li ul li a { color: #1e293b; padding: 10px 16px; font-size: 13px; border-radius: 0; }\r\n .navbar li ul li a:hover { background: var(--bg); color: var(--blue); }\r\n .navbar li:hover > ul { display: block; }\r\n .spacer { height: 68px; }\r\n .hero { background: linear-gradient(135deg, #0F2460 0%, #1E40AF 50%, #2563EB 100%); padding: 72px 20px 60px; text-align: center; position: relative; overflow: hidden; }\r\n .hero::after { content:''; position:absolute; bottom:-1px; left:0; right:0; height:40px; background:var(--bg); clip-path:ellipse(55% 100% at 50% 100%); }\r\n .hero-dots { position:absolute; inset:0; background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px); background-size:28px 28px; }\r\n .hero h1 { font-family:'Sora',sans-serif; font-size:44px; font-weight:700; color:white; position:relative; letter-spacing:-.5px; }\r\n .hero h1 span { color:var(--accent); }\r\n .hero p { color:rgba(255,255,255,.75); font-size:16px; margin-top:12px; position:relative; }\r\n .filters { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; padding:36px 20px 16px; }\r\n .filter-btn { padding:8px 20px; border:1.5px solid #CBD5E1; border-radius:999px; background:white; color:var(--muted); font-family:'Sora',sans-serif; font-size:12.5px; font-weight:600; cursor:pointer; transition:all .22s; }\r\n .filter-btn:hover { border-color:var(--blue-mid); color:var(--blue-mid); }\r\n .filter-btn.active { background:var(--blue); border-color:var(--blue); color:white; box-shadow:0 4px 14px rgba(30,64,175,.3); }\r\n .section-label { max-width:1100px; margin:32px auto 12px; padding:0 20px; display:flex; align-items:center; gap:12px; }\r\n .section-label span { font-family:'Sora',sans-serif; font-size:11px; font-weight:700; color:var(--blue); letter-spacing:1.5px; text-transform:uppercase; white-space:nowrap; }\r\n .section-label::after { content:''; flex:1; height:1px; background:var(--border); }\r\n .grid { max-width:1100px; margin:0 auto 20px; padding:0 20px; display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:22px; }\r\n .card { background:var(--card); border:1px solid var(--border); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s; animation:fadeUp .4s ease both; }\r\n @keyframes fadeUp { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }\r\n .card:hover { transform:translateY(-6px); box-shadow:0 16px 40px rgba(30,64,175,.12); }\r\n .card-top { display:flex; align-items:center; gap:14px; padding:18px 20px 14px; border-bottom:1px solid var(--border); }\r\n .card-icon { width:46px; height:46px; border-radius:12px; background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid)); display:flex; align-items:center; justify-content:center; font-size:22px; flex-shrink:0; }\r\n .card-top h2 { font-family:'Sora',sans-serif; font-size:13.5px; font-weight:700; color:var(--blue-dark); line-height:1.35; }\r\n .card-body { padding:14px 20px; flex:1; }\r\n .card-body p { font-size:13px; color:var(--muted); line-height:1.7; }\r\n .card-footer { padding:12px 20px 18px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; }\r\n .tags { display:flex; flex-wrap:wrap; gap:5px; }\r\n .tag { background: var(--tag-bg); color: var(--tag-text); font-size:10.5px; font-weight:700; padding:3px 9px; border-radius:999px; border:1px solid #BFDBFE; font-family:'Sora',sans-serif; cursor: pointer; transition: all .2s; text-decoration: none; display: inline-block; }\r\n .tag:hover { background: var(--blue); color: white; border-color: var(--blue); transform: scale(1.05); }\r\n .btn { display:inline-flex; align-items:center; gap:5px; padding:7px 16px; background:var(--blue); color:white; border-radius:8px; text-decoration:none; font-size:12px; font-weight:700; font-family:'Sora',sans-serif; transition:all .2s; white-space:nowrap; }\r\n .btn:hover { background:var(--blue-dark); transform:scale(1.04); }\r\n .btn svg { width:13px; height:13px; }\r\n .card.hidden { display:none; }\r\n .footer-gap { height:60px; }\r\n @media(max-width:640px){ .hero h1{font-size:30px} .grid{grid-template-columns:1fr} }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<nav class=\"navbar\">\r\n <ul>\r\n <li><a href=\"\/\">Accueil<\/a><\/li>\r\n <li><a href=\"\/index.php\/ap\/\">AP<\/a><\/li>\r\n <li><a href=\"\/index.php\/activites\/\">Activit\u00e9s<\/a><\/li>\r\n <li><a href=\"\/index.php\/projets\/\">Projets<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/stages\/\">Stages \u25bc<\/a><ul><li><a href=\"\/index.php\/stages\/1ere-annee\/\">Stage 1\u00e8re ann\u00e9e<\/a><\/li><li><a href=\"\/index.php\/stages\/2eme-annee\/\">Stage 2\u00e8me ann\u00e9e<\/a><\/li><\/ul><\/li>\r\n <li><a href=\"\/index.php\/veille\/\">Veille<\/a><\/li>\r\n <li><a href=\"\/index.php\/cv\/\">CV<\/a><\/li>\r\n <li><a href=\"\/index.php\/contact\/\">Contact<\/a><\/li>\r\n <li><a href=\"\/index.php\/competences\/\">Comp\u00e9tences<\/a><\/li>\r\n <li><a href=\"\/index.php\/certifications\/\">Certifications<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n<div class=\"spacer\"><\/div>\r\n<section class=\"hero\">\r\n <div class=\"hero-dots\"><\/div>\r\n <h1>Mes <span>Activit\u00e9s<\/span><\/h1>\r\n <p>Travaux pratiques r\u00e9alis\u00e9s durant mon BTS SIO \u2013 option SISR<\/p>\r\n<\/section>\r\n<div class=\"filters\">\r\n <button class=\"filter-btn active\" onclick=\"filter('all',this)\">Tous<\/button>\r\n <button class=\"filter-btn\" onclick=\"filter('systeme',this)\">Syst\u00e8me<\/button>\r\n <button class=\"filter-btn\" onclick=\"filter('securite',this)\">S\u00e9curit\u00e9 & VPN<\/button>\r\n <button class=\"filter-btn\" onclick=\"filter('automatisation',this)\">Automatisation<\/button>\r\n <button class=\"filter-btn\" onclick=\"filter('services',this)\">Services<\/button>\r\n<\/div>\r\n \r\n<div class=\"section-label\" data-section=\"systeme\"><span>Syst\u00e8me<\/span><\/div>\r\n<div class=\"grid\">\r\n <div class=\"card\" data-cat=\"systeme\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udc65<\/div><h2>Chapitre 6 \u2013 Scripts PowerShell & module Active Directory<\/h2><\/div>\r\n <div class=\"card-body\"><p>Automatisation de l'administration Windows et Active Directory via PowerShell. Cr\u00e9ation de scripts pour la gestion des utilisateurs, les rapports syst\u00e8me et la maintenance du parc.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.1.6\" class=\"tag\">1.1.6<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"tag\">1.2.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-6-Scripts-Introduction-a-PowerShell-Module-Active-Directory.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"systeme\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udce1<\/div><h2>TP1 \u2013 Infrastructure 802.1x \u2013 Authentification sur connexions c\u00e2bl\u00e9es<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en \u0153uvre du standard 802.1x pour s\u00e9curiser les acc\u00e8s r\u00e9seau filaires. Configuration du serveur RADIUS et des switches pour contr\u00f4ler l'acc\u00e8s par identit\u00e9.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"tag\">1.2.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/TP1-Mise-en-oeuvre-dune-infrastructure-802-1x-connexions-cablees.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n<\/div>\r\n \r\n<div class=\"section-label\" data-section=\"securite\"><span>S\u00e9curit\u00e9 & VPN<\/span><\/div>\r\n<div class=\"grid\">\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udee1\ufe0f<\/div><h2>Lab 8 \u2013 VPN IPsec Site-\u00e0-Site<\/h2><\/div>\r\n <div class=\"card-body\"><p>D\u00e9ploiement d'un tunnel VPN IPsec pour interconnecter deux sites distants. Configuration des phases IKE et des algorithmes de chiffrement.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-8-VPN-IPsec.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udd10<\/div><h2>Lab 9 \u2013 VPN SSL<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en \u0153uvre d'un acc\u00e8s distant s\u00e9curis\u00e9 par VPN SSL. Configuration du portail web d'acc\u00e8s et des profils utilisateurs.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-9-VPN-SSL.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udddd\ufe0f<\/div><h2>Lab 10 \u2013 Nomade VPN IPsec avec PSK<\/h2><\/div>\r\n <div class=\"card-body\"><p>Configuration d'un acc\u00e8s nomade VPN IPsec avec authentification par cl\u00e9 pr\u00e9-partag\u00e9e pour les utilisateurs mobiles.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-10-Nomade-VPN-IPsec-avec-PSK.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udcdc<\/div><h2>Lab 12 \u2013 Nomade VPN IPsec avec certificat<\/h2><\/div>\r\n <div class=\"card-body\"><p>Renforcement du VPN IPsec nomade via une authentification par certificats PKI. D\u00e9ploiement d'une autorit\u00e9 de certification.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.1.6\" class=\"tag\">1.1.6<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-12-Nomade-VPN-IPsec-avec-certificat.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"securite\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udd12<\/div><h2>Lab 13 \u2013 VPN IPsec Site-\u00e0-Site avec certificat<\/h2><\/div>\r\n <div class=\"card-body\"><p>D\u00e9ploiement d'un tunnel VPN IPsec site-\u00e0-site avec authentification par certificats PKI pour une s\u00e9curit\u00e9 renforc\u00e9e.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.3\" class=\"tag\">1.1.3<\/a><a href=\"\/index.php\/competence-detail\/?code=1.1.6\" class=\"tag\">1.1.6<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Lab-13-VPN-IPsec-Site-a-Site-avec-certificat.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n<\/div>\r\n \r\n<div class=\"section-label\" data-section=\"automatisation\"><span>Automatisation<\/span><\/div>\r\n<div class=\"grid\">\r\n <div class=\"card\" data-cat=\"automatisation\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udc1a<\/div><h2>TP 16 & 17 \u2013 Scripts Shell Linux<\/h2><\/div>\r\n <div class=\"card-body\"><p>D\u00e9veloppement de scripts Bash pour automatiser l'administration syst\u00e8me : gestion des utilisateurs, surveillance des processus et g\u00e9n\u00e9ration de rapports.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"tag\">1.2.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/TP-16-et-17-Scripts-shell-Linux.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"automatisation\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udcbb<\/div><h2>TP 15 \u2013 Planification des t\u00e2ches<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en place de t\u00e2ches planifi\u00e9es sous Linux avec Crontab et sous Windows avec le Planificateur de t\u00e2ches. Automatisation de sauvegardes et scripts de maintenance.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Tp15-la-planififcation-des-taches.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"automatisation\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\u2699\ufe0f<\/div><h2>Chapitre 3 \u2013 Configuration de serveurs avec Ansible<\/h2><\/div>\r\n <div class=\"card-body\"><p>D\u00e9ploiement automatis\u00e9 et gestion de configuration. R\u00e9daction de playbooks pour l'installation de services web et la standardisation des environnements Linux.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.6.2\" class=\"tag\">1.6.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-3-Configuration-de-serveurs-et-dapplications-avec-Ansible.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"automatisation\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udc33<\/div><h2>Chapitre 4 \u2013 Docker sous Windows & WSL 2<\/h2><\/div>\r\n <div class=\"card-body\"><p>Conteneurisation d'applications avec Docker Desktop et WSL 2. Cr\u00e9ation d'images via Dockerfile et orchestration avec Docker Compose.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-4-Docker-sous-Windows-Docker-Desktop-et-WSL-2.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n<\/div>\r\n \r\n<div class=\"section-label\" data-section=\"services\"><span>Services<\/span><\/div>\r\n<div class=\"grid\">\r\n <div class=\"card\" data-cat=\"services\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udce6<\/div><h2>Chapitre \u2013 Inventaire du parc avec OCS Inventory NG & GLPI<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en place d'OCS Inventory NG pour le recensement automatis\u00e9 du parc. Couplage avec GLPI pour centraliser la gestion des actifs et des incidents.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.1\" class=\"tag\">1.1.1<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.1\" class=\"tag\">1.2.1<\/a><a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"tag\">1.2.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.3\" class=\"tag\">1.5.3<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-Inventaire-du-parc-avec-OCS-Inventory-NG.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"services\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udcbe<\/div><h2>Chapitre 2 \u2013 Sauvegarde client\/serveur avec Bacula<\/h2><\/div>\r\n <div class=\"card-body\"><p>Configuration d'une solution de sauvegarde et de restauration de donn\u00e9es en r\u00e9seau. D\u00e9finition des politiques de r\u00e9tention et s\u00e9curisation des sauvegardes critiques.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.5\" class=\"tag\">1.1.5<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-2-Sauvegarde-clientserveur-avec-Bacula.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"services\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83d\udcc2<\/div><h2>Chapitre 5 \u2013 Serveur Debian DS2 \u2013 Service FTP<\/h2><\/div>\r\n <div class=\"card-body\"><p>Installation et configuration d'un serveur FTP vsftpd sous Debian. Gestion des comptes virtuels, droits d'acc\u00e8s et s\u00e9curisation des connexions.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.3\" class=\"tag\">1.5.3<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-5-Serveur-Debian-DS2-installation-du-service-FTP.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n <div class=\"card\" data-cat=\"services\">\r\n <div class=\"card-top\"><div class=\"card-icon\">\ud83c\udf0d<\/div><h2>Chapitre 7 \u2013 Serveur Debian DS2 \u2013 Serveurs Web virtuels<\/h2><\/div>\r\n <div class=\"card-body\"><p>Mise en place de VirtualHosts Apache sur Debian. Configuration des certificats SSL\/TLS et optimisation des performances HTTP.<\/p><\/div>\r\n <div class=\"card-footer\"><div class=\"tags\"><a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"tag\">1.1.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"tag\">1.5.2<\/a><a href=\"\/index.php\/competence-detail\/?code=1.5.3\" class=\"tag\">1.5.3<\/a><\/div><a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Chapitre-7-Serveur-Debian-DS2-serveurs-Web-virtuels.pdf\" target=\"_blank\" class=\"btn\">Voir <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a><\/div>\r\n <\/div>\r\n<\/div>\r\n \r\n<div class=\"footer-gap\"><\/div>\r\n<script>\r\n function filter(cat, btn) {\r\n document.querySelectorAll('.filter-btn').forEach(b => b.classList.remove('active'));\r\n btn.classList.add('active');\r\n document.querySelectorAll('.card').forEach(card => {\r\n card.classList.toggle('hidden', cat !== 'all' && card.dataset.cat !== cat);\r\n });\r\n document.querySelectorAll('.section-label').forEach(label => {\r\n label.style.display = (cat === 'all' || label.dataset.section === cat) ? '' : 'none';\r\n });\r\n }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Activit\u00e9s \u2013 Nathan Vitter Accueil AP Activit\u00e9s Projets Stages \u25bc Stage 1\u00e8re ann\u00e9e Stage 2\u00e8me ann\u00e9e Veille CV Contact Comp\u00e9tences […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-233","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/233","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":58,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/233\/revisions"}],"predecessor-version":[{"id":832,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/233\/revisions\/832"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}