AP \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:900px;margin:50px auto 80px;padding:0 20px;}\r\n .ap-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-bottom:32px;border:1px solid var(--border);transition:box-shadow .25s;}\r\n .ap-card:hover{box-shadow:0 12px 40px rgba(30,64,175,.12);}\r\n .ap-header{background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));padding:24px 30px;display:flex;align-items:center;gap:18px;}\r\n .ap-num{width:56px;height:56px;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-family:'Sora',sans-serif;font-size:20px;font-weight:700;color:white;flex-shrink:0;}\r\n .ap-header-text h2{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:white;margin-bottom:4px;}\r\n .ap-header-text p{font-size:13px;color:rgba(255,255,255,.75);}\r\n .ap-body{padding:26px 30px;}\r\n .ap-body>p{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:18px;}\r\n .ap-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;}\r\n .ap-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 .ap-tag:hover{background:var(--blue);color:white;border-color:var(--blue);}\r\n .ap-docs{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;}\r\n .doc-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-family:'Sora',sans-serif;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;border:1.5px solid;}\r\n .doc-btn.primary{background:var(--blue);color:white;border-color:var(--blue);}\r\n .doc-btn.primary:hover{background:var(--blue-dark);}\r\n .doc-btn.secondary{background:white;color:var(--blue);border-color:#BFDBFE;}\r\n .doc-btn.secondary:hover{background:var(--tag-bg);}\r\n .doc-btn svg{width:14px;height:14px;}\r\n .arp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}\r\n .arp-item{background:#f8faff;border-radius:12px;padding:18px;border:1px solid var(--border);}\r\n .arp-item h3{font-family:'Sora',sans-serif;font-size:13.5px;font-weight:700;color:var(--blue-dark);margin-bottom:6px;}\r\n .arp-item p{font-size:12.5px;color:var(--muted);line-height:1.65;margin-bottom:12px;}\r\n .divider{height:1px;background:var(--border);margin:20px 0;}\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}.arp-grid{grid-template-columns:1fr}.ap-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\/\">Activites<\/a><\/li>\r\n <li><a href=\"\/index.php\/projets\/\">Projets<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/stages\/\">Stages<\/a>\r\n <ul>\r\n <li><a href=\"\/index.php\/stages\/1ere-annee\/\">Stage 1ere annee<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/2eme-annee\/\">Stage 2eme annee<\/a><\/li>\r\n <\/ul>\r\n <\/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\/\">Competences<\/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>AP<\/span><\/h1>\r\n <p>Ateliers de Professionnalisation realises durant mon BTS SIO SISR<\/p>\r\n<\/section>\r\n<div class=\"content\">\r\n \r\n \r\n <div class=\"ap-card\">\r\n <div class=\"ap-header\">\r\n <div class=\"ap-num\">AP1<\/div>\r\n <div class=\"ap-header-text\">\r\n <h2>Parcours de professionnalisation - Portfolio<\/h2>\r\n <p>Conception et deploiement d'un portfolio professionnel en ligne<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ap-body\">\r\n <p>Dans le cadre de mon parcours de professionnalisation, j'ai concu et deploye ce portfolio en ligne sur nathanvitter.fr. Ce site regroupe l'ensemble de mes realisations professionnelles, activites, stages et competences acquises durant mon BTS SIO SISR. Il a ete developpe en HTML\/CSS et integre sous WordPress avec le theme Astra.<\/p>\r\n <div class=\"ap-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.1\" class=\"ap-tag\">1.6.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.3\" class=\"ap-tag\">1.6.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.4\" class=\"ap-tag\">1.6.4<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.3.3\" class=\"ap-tag\">1.3.3<\/a>\r\n <\/div>\r\n <div class=\"ap-docs\">\r\n <a href=\"https:\/\/nathanvitter.fr\" target=\"_blank\" class=\"doc-btn primary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3\"\/><\/svg>\r\n Voir le site\r\n <\/a>\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/AP1_-parcours-de_professionnalisation-1.pdf\" target=\"_blank\" class=\"doc-btn secondary\">\r\n <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 Dossier AP1 (PDF)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"ap-card\">\r\n <div class=\"ap-header\">\r\n <div class=\"ap-num\">AP2<\/div>\r\n <div class=\"ap-header-text\">\r\n <h2>Projet Port de Cherbourg<\/h2>\r\n <p>Conception et deploiement d'une infrastructure reseau complete<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ap-body\">\r\n <p>Ce projet professionnel consiste en la conception et la mise en place de l'infrastructure reseau du Port de Cherbourg. Il comprend la mise en place d'une DMZ, la segmentation par VLANs, la configuration d'un IDS, le deploiement de GLPI pour la gestion du parc et des incidents, ainsi qu'une solution de ToIP. Ce projet a ete realise en mode projet avec planification, suivi et documentation.<\/p>\r\n <div class=\"ap-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.1.1\" class=\"ap-tag\">1.1.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"ap-tag\">1.1.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.2.1\" class=\"ap-tag\">1.2.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"ap-tag\">1.2.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.1\" class=\"ap-tag\">1.4.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.2\" class=\"ap-tag\">1.4.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.3\" class=\"ap-tag\">1.4.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.1\" class=\"ap-tag\">1.5.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"ap-tag\">1.5.2<\/a>\r\n <\/div>\r\n <div class=\"ap-docs\">\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Port_de_Cherbourgcahier_des_charges.pdf\" target=\"_blank\" class=\"doc-btn primary\">\r\n <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 Dossier AP2 (PDF)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"ap-card\">\r\n <div class=\"ap-header\">\r\n <div class=\"ap-num\">AP3<\/div>\r\n <div class=\"ap-header-text\">\r\n <h2>Activites Realisees en Projet (ARP)<\/h2>\r\n <p>Projet MarieSol et Projet Zeus Energy<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ap-body\">\r\n <div class=\"divider\"><\/div>\r\n <div class=\"arp-grid\">\r\n <div class=\"arp-item\">\r\n <h3>ARP 1 <\/h3>\r\n \r\n \r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/ARP1_final_Cherbourg_AD.docx\" class=\"doc-btn secondary\" style=\"font-size:11.5px;\">\r\n <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 DossierARP1 (PDF)\r\n <\/a>\r\n <\/div>\r\n <div class=\"arp-item\">\r\n <h3>ARP 2<\/h3>\r\n \r\n \r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/ARP2_final_Cherbourg_Stormshield.docx\" target=\"_blank\" class=\"doc-btn secondary\" style=\"font-size:11.5px;\">\r\n <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 Dossier ARP2 (PDF)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/div>\r\n<footer>\r\n Copyright 2026 | Nathan Vitter - BTS SIO SISR - Lycee Saint-Exupery |\r\n <a href=\"\/index.php\/mentions-legales\/\">Mentions legales<\/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>AP \u2013 Nathan Vitter Accueil AP Activites Projets Stages Stage 1ere annee Stage 2eme annee Veille CV Contact Competences Certifications […]<\/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-197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/197","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=197"}],"version-history":[{"count":85,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions"}],"predecessor-version":[{"id":822,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions\/822"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=197"}],"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 AP \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:900px;margin:50px auto 80px;padding:0 20px;}\r\n .ap-card{background:var(--card);border-radius:20px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.08);margin-bottom:32px;border:1px solid var(--border);transition:box-shadow .25s;}\r\n .ap-card:hover{box-shadow:0 12px 40px rgba(30,64,175,.12);}\r\n .ap-header{background:linear-gradient(135deg,var(--blue-dark),var(--blue-mid));padding:24px 30px;display:flex;align-items:center;gap:18px;}\r\n .ap-num{width:56px;height:56px;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-family:'Sora',sans-serif;font-size:20px;font-weight:700;color:white;flex-shrink:0;}\r\n .ap-header-text h2{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;color:white;margin-bottom:4px;}\r\n .ap-header-text p{font-size:13px;color:rgba(255,255,255,.75);}\r\n .ap-body{padding:26px 30px;}\r\n .ap-body>p{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:18px;}\r\n .ap-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;}\r\n .ap-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 .ap-tag:hover{background:var(--blue);color:white;border-color:var(--blue);}\r\n .ap-docs{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px;}\r\n .doc-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:10px;font-family:'Sora',sans-serif;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;border:1.5px solid;}\r\n .doc-btn.primary{background:var(--blue);color:white;border-color:var(--blue);}\r\n .doc-btn.primary:hover{background:var(--blue-dark);}\r\n .doc-btn.secondary{background:white;color:var(--blue);border-color:#BFDBFE;}\r\n .doc-btn.secondary:hover{background:var(--tag-bg);}\r\n .doc-btn svg{width:14px;height:14px;}\r\n .arp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;}\r\n .arp-item{background:#f8faff;border-radius:12px;padding:18px;border:1px solid var(--border);}\r\n .arp-item h3{font-family:'Sora',sans-serif;font-size:13.5px;font-weight:700;color:var(--blue-dark);margin-bottom:6px;}\r\n .arp-item p{font-size:12.5px;color:var(--muted);line-height:1.65;margin-bottom:12px;}\r\n .divider{height:1px;background:var(--border);margin:20px 0;}\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}.arp-grid{grid-template-columns:1fr}.ap-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\/\">Activites<\/a><\/li>\r\n <li><a href=\"\/index.php\/projets\/\">Projets<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/stages\/\">Stages<\/a>\r\n <ul>\r\n <li><a href=\"\/index.php\/stages\/1ere-annee\/\">Stage 1ere annee<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/2eme-annee\/\">Stage 2eme annee<\/a><\/li>\r\n <\/ul>\r\n <\/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\/\">Competences<\/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>AP<\/span><\/h1>\r\n <p>Ateliers de Professionnalisation realises durant mon BTS SIO SISR<\/p>\r\n<\/section>\r\n<div class=\"content\">\r\n \r\n \r\n <div class=\"ap-card\">\r\n <div class=\"ap-header\">\r\n <div class=\"ap-num\">AP1<\/div>\r\n <div class=\"ap-header-text\">\r\n <h2>Parcours de professionnalisation - Portfolio<\/h2>\r\n <p>Conception et deploiement d'un portfolio professionnel en ligne<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ap-body\">\r\n <p>Dans le cadre de mon parcours de professionnalisation, j'ai concu et deploye ce portfolio en ligne sur nathanvitter.fr. Ce site regroupe l'ensemble de mes realisations professionnelles, activites, stages et competences acquises durant mon BTS SIO SISR. Il a ete developpe en HTML\/CSS et integre sous WordPress avec le theme Astra.<\/p>\r\n <div class=\"ap-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.1\" class=\"ap-tag\">1.6.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.3\" class=\"ap-tag\">1.6.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.6.4\" class=\"ap-tag\">1.6.4<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.3.3\" class=\"ap-tag\">1.3.3<\/a>\r\n <\/div>\r\n <div class=\"ap-docs\">\r\n <a href=\"https:\/\/nathanvitter.fr\" target=\"_blank\" class=\"doc-btn primary\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3\"\/><\/svg>\r\n Voir le site\r\n <\/a>\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/AP1_-parcours-de_professionnalisation-1.pdf\" target=\"_blank\" class=\"doc-btn secondary\">\r\n <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 Dossier AP1 (PDF)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"ap-card\">\r\n <div class=\"ap-header\">\r\n <div class=\"ap-num\">AP2<\/div>\r\n <div class=\"ap-header-text\">\r\n <h2>Projet Port de Cherbourg<\/h2>\r\n <p>Conception et deploiement d'une infrastructure reseau complete<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ap-body\">\r\n <p>Ce projet professionnel consiste en la conception et la mise en place de l'infrastructure reseau du Port de Cherbourg. Il comprend la mise en place d'une DMZ, la segmentation par VLANs, la configuration d'un IDS, le deploiement de GLPI pour la gestion du parc et des incidents, ainsi qu'une solution de ToIP. Ce projet a ete realise en mode projet avec planification, suivi et documentation.<\/p>\r\n <div class=\"ap-tags\">\r\n <a href=\"\/index.php\/competence-detail\/?code=1.1.1\" class=\"ap-tag\">1.1.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.1.2\" class=\"ap-tag\">1.1.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.2.1\" class=\"ap-tag\">1.2.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.2.2\" class=\"ap-tag\">1.2.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.1\" class=\"ap-tag\">1.4.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.2\" class=\"ap-tag\">1.4.2<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.4.3\" class=\"ap-tag\">1.4.3<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.1\" class=\"ap-tag\">1.5.1<\/a>\r\n <a href=\"\/index.php\/competence-detail\/?code=1.5.2\" class=\"ap-tag\">1.5.2<\/a>\r\n <\/div>\r\n <div class=\"ap-docs\">\r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/Port_de_Cherbourgcahier_des_charges.pdf\" target=\"_blank\" class=\"doc-btn primary\">\r\n <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 Dossier AP2 (PDF)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"ap-card\">\r\n <div class=\"ap-header\">\r\n <div class=\"ap-num\">AP3<\/div>\r\n <div class=\"ap-header-text\">\r\n <h2>Activites Realisees en Projet (ARP)<\/h2>\r\n <p>Projet MarieSol et Projet Zeus Energy<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"ap-body\">\r\n <div class=\"divider\"><\/div>\r\n <div class=\"arp-grid\">\r\n <div class=\"arp-item\">\r\n <h3>ARP 1 <\/h3>\r\n \r\n \r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/ARP1_final_Cherbourg_AD.docx\" class=\"doc-btn secondary\" style=\"font-size:11.5px;\">\r\n <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 DossierARP1 (PDF)\r\n <\/a>\r\n <\/div>\r\n <div class=\"arp-item\">\r\n <h3>ARP 2<\/h3>\r\n \r\n \r\n <a href=\"https:\/\/nathanvitter.fr\/wp-content\/uploads\/2026\/05\/ARP2_final_Cherbourg_Stormshield.docx\" target=\"_blank\" class=\"doc-btn secondary\" style=\"font-size:11.5px;\">\r\n <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 Dossier ARP2 (PDF)\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/div>\r\n<footer>\r\n Copyright 2026 | Nathan Vitter - BTS SIO SISR - Lycee Saint-Exupery |\r\n <a href=\"\/index.php\/mentions-legales\/\">Mentions legales<\/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>AP \u2013 Nathan Vitter Accueil AP Activites Projets Stages Stage 1ere annee Stage 2eme annee Veille CV Contact Competences Certifications […]<\/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-197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/197","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=197"}],"version-history":[{"count":85,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions"}],"predecessor-version":[{"id":822,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions\/822"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}