Projets \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;}\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 .content{max-width:860px;margin:50px auto 80px;padding:0 20px;}\r\n .project-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-bottom:28px;border:1px solid var(--border);transition:box-shadow .25s;}\r\n .project-card:hover{box-shadow:0 12px 40px rgba(30,64,175,.12);}\r\n .project-header{background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));padding:22px 28px;display:flex;align-items:center;gap:16px;}\r\n .project-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}\r\n .project-header-text h2{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:white;margin-bottom:4px;}\r\n .project-header-text p{font-size:13px;color:rgba(255,255,255,.75);}\r\n .project-body{padding:24px 28px;}\r\n .project-body p{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:18px;}\r\n .tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}\r\n .tech-tag{background:#F1F5F9;color:#334155;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;font-family:'Sora',sans-serif;}\r\n .comp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}\r\n .comp-tag{background:var(--tag-bg);color:var(--tag-text);font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;border:1px solid #BFDBFE;font-family:'Sora',sans-serif;text-decoration:none;transition:all .2s;}\r\n .comp-tag:hover{background:var(--blue);color:white;border-color:var(--blue);}\r\n .project-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--blue);color:white;border-radius:10px;text-decoration:none;font-family:'Sora',sans-serif;font-size:13px;font-weight:700;transition:all .2s;}\r\n .project-btn:hover{background:var(--blue-dark);}\r\n .project-btn svg{width:14px;height:14px;}\r\n .section-label{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}\r\n footer{text-align:center;padding:30px;color:#9ca3af;font-size:0.85em;}\r\n footer a{color:#9ca3af;text-decoration:none;font-weight:600;}\r\n footer a:hover{color:var(--blue);}\r\n @media(max-width:600px){.hero h1{font-size:30px}.project-header{flex-direction:column;align-items:flex-start}}\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>Projets<\/span><\/h1>\r\n <p>R\u00e9alisations professionnelles durant mon BTS SIO SISR<\/p>\r\n<\/section>\r\n<div class=\"content\">\r\n \r\n \r\n <div class=\"project-card\">\r\n <div class=\"project-header\">\r\n <div class=\"project-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <div class=\"project-header-text\">\r\n <h2>AP3 \u2013 Projet Port de Cherbourg<\/h2>\r\n <p>Infrastructure r\u00e9seau compl\u00e8te \u2013 Mode projet professionnel<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-body\">\r\n <p>Le Port de Cherbourg disposait d'une infrastructure r\u00e9seau insuffisante et non s\u00e9curis\u00e9e. L'objectif \u00e9tait de refondre compl\u00e8tement le syst\u00e8me d'information : mise en place d'une DMZ avec pfSense, segmentation en VLANs sur commutateurs Cisco, d\u00e9ploiement d'un IDS Suricata, portail captif Wi-Fi, gestion du parc avec GLPI, t\u00e9l\u00e9phonie IP Asterisk et s\u00e9curisation HTTPS.<\/p>\r\n <p class=\"section-label\">Technologies utilis\u00e9es<\/p>\r\n <div class=\"tech-tags\">\r\n <span class=\"tech-tag\">VLAN<\/span><span class=\"tech-tag\">DMZ<\/span><span class=\"tech-tag\">pfSense<\/span><span class=\"tech-tag\">Suricata IDS<\/span><span class=\"tech-tag\">GLPI<\/span><span class=\"tech-tag\">Asterisk ToIP<\/span><span class=\"tech-tag\">Cisco<\/span><span class=\"tech-tag\">OpenSSL<\/span>\r\n <\/div>\r\n <p class=\"section-label\">Comp\u00e9tences valid\u00e9es<\/p>\r\n <div class=\"comp-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.1.1\" class=\"comp-tag\">1.1.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"comp-tag\">1.1.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.2.1\" class=\"comp-tag\">1.2.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"comp-tag\">1.2.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.1\" class=\"comp-tag\">1.4.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.2\" class=\"comp-tag\">1.4.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.3\" class=\"comp-tag\">1.4.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.1\" class=\"comp-tag\">1.5.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"comp-tag\">1.5.2<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/AP3-Port-de-Cherbourg.pdf\" target=\"_blank\" class=\"project-btn\">\r\n Voir le dossier <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-card\">\r\n <div class=\"project-header\">\r\n <div class=\"project-icon\">\u26a1<\/div>\r\n <div class=\"project-header-text\">\r\n <h2>Projet Zeus Energy \u2013 Application CLI PHP<\/h2>\r\n <p>Gestion des Points de Distribution d'\u00c9lectricit\u00e9<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-body\">\r\n <p>Ce projet consistait \u00e0 cr\u00e9er une application en ligne de commande en PHP pour g\u00e9rer les Points de Distribution d'\u00c9lectricit\u00e9 (PDE) d'une entreprise. L'application permet de suivre l'\u00e9tat et la consommation des PDE, avec un menu interactif pour ajouter, d\u00e9sactiver et analyser les donn\u00e9es en temps r\u00e9el.<\/p>\r\n <p class=\"section-label\">Technologies utilis\u00e9es<\/p>\r\n <div class=\"tech-tags\">\r\n <span class=\"tech-tag\">PHP<\/span><span class=\"tech-tag\">MySQL<\/span><span class=\"tech-tag\">CLI<\/span>\r\n <\/div>\r\n <p class=\"section-label\">Comp\u00e9tences valid\u00e9es<\/p>\r\n <div class=\"comp-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.3.3\" class=\"comp-tag\">1.3.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.1\" class=\"comp-tag\">1.4.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.2\" class=\"comp-tag\">1.4.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.3\" class=\"comp-tag\">1.4.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.1\" class=\"comp-tag\">1.6.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.3\" class=\"comp-tag\">1.6.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.4\" class=\"comp-tag\">1.6.4<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/ARP2-Zeus-Energy.pdf\" target=\"_blank\" class=\"project-btn\">\r\n Voir le dossier <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-card\">\r\n <div class=\"project-header\">\r\n <div class=\"project-icon\">\ud83c\udfb5<\/div>\r\n <div class=\"project-header-text\">\r\n <h2>Projet MarieSol \u2013 Intranet \u00e9cole de musique<\/h2>\r\n <p>D\u00e9veloppement d'un intranet en PHP\/MySQL<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-body\">\r\n <p>Ce projet avait pour objectif de cr\u00e9er un intranet pour l'\u00e9cole de musique MarieSol, afin de g\u00e9rer les \u00e9l\u00e8ves, les cours, les instruments et les professeurs. Conduite du projet avec Trello. R\u00e9sultat : base de donn\u00e9es relationnelle et interface web de gestion compl\u00e8te.<\/p>\r\n <p class=\"section-label\">Technologies utilis\u00e9es<\/p>\r\n <div class=\"tech-tags\">\r\n <span class=\"tech-tag\">PHP<\/span><span class=\"tech-tag\">MySQL<\/span><span class=\"tech-tag\">Trello<\/span><span class=\"tech-tag\">HTML\/CSS<\/span>\r\n <\/div>\r\n <p class=\"section-label\">Comp\u00e9tences valid\u00e9es<\/p>\r\n <div class=\"comp-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.1\" class=\"comp-tag\">1.4.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.2\" class=\"comp-tag\">1.4.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.3\" class=\"comp-tag\">1.4.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.1\" class=\"comp-tag\">1.5.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"comp-tag\">1.5.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.3\" class=\"comp-tag\">1.5.3<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/ARP1-MarieSol.pdf\" target=\"_blank\" class=\"project-btn\">\r\n Voir le dossier <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/div>\r\n<footer>\r\n Copyright © 2026 | Nathan Vitter \u2013 BTS SIO SISR \u2013 Lyc\u00e9e Saint-Exup\u00e9ry | \r\n <a href=\"\/index.php\/mentions-legales\/\">Mentions l\u00e9gales<\/a>\r\n<\/footer>\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>Projets \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-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235","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=235"}],"version-history":[{"count":37,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":829,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235\/revisions\/829"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=235"}],"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 Projets \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;}\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 .content{max-width:860px;margin:50px auto 80px;padding:0 20px;}\r\n .project-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-bottom:28px;border:1px solid var(--border);transition:box-shadow .25s;}\r\n .project-card:hover{box-shadow:0 12px 40px rgba(30,64,175,.12);}\r\n .project-header{background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));padding:22px 28px;display:flex;align-items:center;gap:16px;}\r\n .project-icon{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}\r\n .project-header-text h2{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:white;margin-bottom:4px;}\r\n .project-header-text p{font-size:13px;color:rgba(255,255,255,.75);}\r\n .project-body{padding:24px 28px;}\r\n .project-body p{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:18px;}\r\n .tech-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}\r\n .tech-tag{background:#F1F5F9;color:#334155;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;font-family:'Sora',sans-serif;}\r\n .comp-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;}\r\n .comp-tag{background:var(--tag-bg);color:var(--tag-text);font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;border:1px solid #BFDBFE;font-family:'Sora',sans-serif;text-decoration:none;transition:all .2s;}\r\n .comp-tag:hover{background:var(--blue);color:white;border-color:var(--blue);}\r\n .project-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:var(--blue);color:white;border-radius:10px;text-decoration:none;font-family:'Sora',sans-serif;font-size:13px;font-weight:700;transition:all .2s;}\r\n .project-btn:hover{background:var(--blue-dark);}\r\n .project-btn svg{width:14px;height:14px;}\r\n .section-label{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:var(--blue);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;}\r\n footer{text-align:center;padding:30px;color:#9ca3af;font-size:0.85em;}\r\n footer a{color:#9ca3af;text-decoration:none;font-weight:600;}\r\n footer a:hover{color:var(--blue);}\r\n @media(max-width:600px){.hero h1{font-size:30px}.project-header{flex-direction:column;align-items:flex-start}}\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>Projets<\/span><\/h1>\r\n <p>R\u00e9alisations professionnelles durant mon BTS SIO SISR<\/p>\r\n<\/section>\r\n<div class=\"content\">\r\n \r\n \r\n <div class=\"project-card\">\r\n <div class=\"project-header\">\r\n <div class=\"project-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n <div class=\"project-header-text\">\r\n <h2>AP3 \u2013 Projet Port de Cherbourg<\/h2>\r\n <p>Infrastructure r\u00e9seau compl\u00e8te \u2013 Mode projet professionnel<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-body\">\r\n <p>Le Port de Cherbourg disposait d'une infrastructure r\u00e9seau insuffisante et non s\u00e9curis\u00e9e. L'objectif \u00e9tait de refondre compl\u00e8tement le syst\u00e8me d'information : mise en place d'une DMZ avec pfSense, segmentation en VLANs sur commutateurs Cisco, d\u00e9ploiement d'un IDS Suricata, portail captif Wi-Fi, gestion du parc avec GLPI, t\u00e9l\u00e9phonie IP Asterisk et s\u00e9curisation HTTPS.<\/p>\r\n <p class=\"section-label\">Technologies utilis\u00e9es<\/p>\r\n <div class=\"tech-tags\">\r\n <span class=\"tech-tag\">VLAN<\/span><span class=\"tech-tag\">DMZ<\/span><span class=\"tech-tag\">pfSense<\/span><span class=\"tech-tag\">Suricata IDS<\/span><span class=\"tech-tag\">GLPI<\/span><span class=\"tech-tag\">Asterisk ToIP<\/span><span class=\"tech-tag\">Cisco<\/span><span class=\"tech-tag\">OpenSSL<\/span>\r\n <\/div>\r\n <p class=\"section-label\">Comp\u00e9tences valid\u00e9es<\/p>\r\n <div class=\"comp-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.1.1\" class=\"comp-tag\">1.1.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"comp-tag\">1.1.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.2.1\" class=\"comp-tag\">1.2.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"comp-tag\">1.2.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.1\" class=\"comp-tag\">1.4.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.2\" class=\"comp-tag\">1.4.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.3\" class=\"comp-tag\">1.4.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.1\" class=\"comp-tag\">1.5.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"comp-tag\">1.5.2<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/AP3-Port-de-Cherbourg.pdf\" target=\"_blank\" class=\"project-btn\">\r\n Voir le dossier <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-card\">\r\n <div class=\"project-header\">\r\n <div class=\"project-icon\">\u26a1<\/div>\r\n <div class=\"project-header-text\">\r\n <h2>Projet Zeus Energy \u2013 Application CLI PHP<\/h2>\r\n <p>Gestion des Points de Distribution d'\u00c9lectricit\u00e9<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-body\">\r\n <p>Ce projet consistait \u00e0 cr\u00e9er une application en ligne de commande en PHP pour g\u00e9rer les Points de Distribution d'\u00c9lectricit\u00e9 (PDE) d'une entreprise. L'application permet de suivre l'\u00e9tat et la consommation des PDE, avec un menu interactif pour ajouter, d\u00e9sactiver et analyser les donn\u00e9es en temps r\u00e9el.<\/p>\r\n <p class=\"section-label\">Technologies utilis\u00e9es<\/p>\r\n <div class=\"tech-tags\">\r\n <span class=\"tech-tag\">PHP<\/span><span class=\"tech-tag\">MySQL<\/span><span class=\"tech-tag\">CLI<\/span>\r\n <\/div>\r\n <p class=\"section-label\">Comp\u00e9tences valid\u00e9es<\/p>\r\n <div class=\"comp-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.3.3\" class=\"comp-tag\">1.3.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.1\" class=\"comp-tag\">1.4.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.2\" class=\"comp-tag\">1.4.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.3\" class=\"comp-tag\">1.4.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.1\" class=\"comp-tag\">1.6.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.3\" class=\"comp-tag\">1.6.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.4\" class=\"comp-tag\">1.6.4<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/ARP2-Zeus-Energy.pdf\" target=\"_blank\" class=\"project-btn\">\r\n Voir le dossier <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"project-card\">\r\n <div class=\"project-header\">\r\n <div class=\"project-icon\">\ud83c\udfb5<\/div>\r\n <div class=\"project-header-text\">\r\n <h2>Projet MarieSol \u2013 Intranet \u00e9cole de musique<\/h2>\r\n <p>D\u00e9veloppement d'un intranet en PHP\/MySQL<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"project-body\">\r\n <p>Ce projet avait pour objectif de cr\u00e9er un intranet pour l'\u00e9cole de musique MarieSol, afin de g\u00e9rer les \u00e9l\u00e8ves, les cours, les instruments et les professeurs. Conduite du projet avec Trello. R\u00e9sultat : base de donn\u00e9es relationnelle et interface web de gestion compl\u00e8te.<\/p>\r\n <p class=\"section-label\">Technologies utilis\u00e9es<\/p>\r\n <div class=\"tech-tags\">\r\n <span class=\"tech-tag\">PHP<\/span><span class=\"tech-tag\">MySQL<\/span><span class=\"tech-tag\">Trello<\/span><span class=\"tech-tag\">HTML\/CSS<\/span>\r\n <\/div>\r\n <p class=\"section-label\">Comp\u00e9tences valid\u00e9es<\/p>\r\n <div class=\"comp-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.1\" class=\"comp-tag\">1.4.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.2\" class=\"comp-tag\">1.4.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.3\" class=\"comp-tag\">1.4.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.1\" class=\"comp-tag\">1.5.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"comp-tag\">1.5.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.3\" class=\"comp-tag\">1.5.3<\/a>\r\n <\/div>\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/ARP1-MarieSol.pdf\" target=\"_blank\" class=\"project-btn\">\r\n Voir le dossier <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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\"\/><\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/div>\r\n<footer>\r\n Copyright © 2026 | Nathan Vitter \u2013 BTS SIO SISR \u2013 Lyc\u00e9e Saint-Exup\u00e9ry | \r\n <a href=\"\/index.php\/mentions-legales\/\">Mentions l\u00e9gales<\/a>\r\n<\/footer>\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>Projets \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-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235","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=235"}],"version-history":[{"count":37,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":829,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/235\/revisions\/829"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}