{"id":197,"date":"2025-06-10T14:07:26","date_gmt":"2025-06-10T14:07:26","guid":{"rendered":"https:\/\/nathanvitter.fr\/?page_id=197"},"modified":"2025-07-04T09:44:50","modified_gmt":"2025-07-04T09:44:50","slug":"ap","status":"publish","type":"page","link":"https:\/\/nathanvitter.fr\/index.php\/ap\/","title":{"rendered":"AP"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\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 Atelier de Professionnalisation<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n color: #1e1e1e;\r\n background-color: #f5f7fa;\r\n }\r\n\r\n nav.navbar {\r\n position: fixed;\r\n top: 0;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background-color: rgba(0, 0, 0, 0.6);\r\n backdrop-filter: blur(10px);\r\n z-index: 1000;\r\n padding: 10px 20px;\r\n border-radius: 0 0 15px 15px;\r\n width: 100%;\r\n max-width: 1000px;\r\n }\r\n\r\n .navbar .menu-desktop {\r\n display: flex;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .navbar li {\r\n position: relative;\r\n }\r\n\r\n .navbar a {\r\n color: white;\r\n text-decoration: none;\r\n margin: 0 15px;\r\n font-weight: bold;\r\n display: block;\r\n padding: 8px 12px;\r\n transition: color 0.3s ease;\r\n }\r\n\r\n .navbar a:hover {\r\n color: #00aaff;\r\n }\r\n\r\n .navbar li ul {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n background-color: white;\r\n min-width: 180px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n border-radius: 8px;\r\n z-index: 999;\r\n }\r\n\r\n .navbar li ul li a {\r\n color: #000;\r\n padding: 10px 15px;\r\n }\r\n\r\n .navbar li ul li a:hover {\r\n background-color: #f5f7fa;\r\n }\r\n\r\n .navbar li:hover > ul {\r\n display: block;\r\n }\r\n\r\n .spacer {\r\n height: 60px;\r\n }\r\n\r\n .hover-btn {\r\n margin-top: 15px;\r\n padding: 10px 18px;\r\n background: #1E40AF;\r\n color: white;\r\n border-radius: 5px;\r\n text-decoration: none;\r\n display: inline-block;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .hover-btn:hover {\r\n background: #F1F5F9;\r\n color: #1E40AF;\r\n transform: scale(1.05);\r\n }\r\n\r\n .header-section {\r\n padding: 60px 20px;\r\n background: linear-gradient(to bottom, #F3F4F6, #E5E7EB);\r\n text-align: center;\r\n }\r\n\r\n .header-section h1 {\r\n font-size: 42px;\r\n color: #1E40AF;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .header-section p {\r\n font-size: 18px;\r\n color: #374151;\r\n }\r\n\r\n .ap-section {\r\n padding: 40px 20px;\r\n background: #F0F2F5;\r\n text-align: center;\r\n }\r\n\r\n .btn-select {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .btn-select button {\r\n margin: 5px;\r\n padding: 10px 20px;\r\n border: none;\r\n border-radius: 20px;\r\n background: #1E3A8A;\r\n color: white;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n }\r\n\r\n .btn-select button:hover,\r\n .btn-select button.active {\r\n background: #3B82F6;\r\n }\r\n\r\n .ap-card {\r\n display: none;\r\n max-width: 700px;\r\n margin: 0 auto;\r\n border: 1px solid #E5E7EB;\r\n border-radius: 10px;\r\n padding: 30px;\r\n background: #fff;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n }\r\n\r\n .ap-card.active {\r\n display: block;\r\n }\r\n\r\n .ap-card h2 {\r\n font-size: 24px;\r\n color: #1E3A8A;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .ap-card p {\r\n font-size: 16px;\r\n color: #4B5563;\r\n }\r\n .ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {\r\n text-decoration: none;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- NAVIGATION -->\r\n <nav class=\"navbar\">\r\n <ul class=\"menu-desktop\">\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>\r\n <a href=\"\/index.php\/stages\/stages\/\">Stages \u25bc<\/a>\r\n <ul>\r\n <li><a href=\"\/index.php\/stages\/1ere-annee\/\">Stage 1\u00e8re ann\u00e9e<\/a><\/li>\r\n <li><a href=\"\/index.php\/stages\/2eme-annee\/\">Stage 2\u00e8me ann\u00e9e<\/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\/\">Comp\u00e9tences<\/a><\/li>\r\n <li><a href=\"\/index.php\/certifications\/\">Certifications<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <div class=\"spacer\"><\/div>\r\n\r\n <section class=\"header-section\">\r\n <h1>Atelier de Professionnalisation<\/h1>\r\n <p>Voici mes AP r\u00e9alis\u00e9s dans le cadre de ma formation BTS SIO SISR.<\/p>\r\n <\/section>\r\n\r\n <section class=\"ap-section\">\r\n <div class=\"btn-select\">\r\n <button onclick=\"showAP('ap1')\" class=\"active\">AP1<\/button>\r\n <button onclick=\"showAP('ap2')\">AP2<\/button>\r\n <button onclick=\"showAP('ap3')\">AP3<\/button>\r\n <button onclick=\"showAP('ap4')\">AP4<\/button>\r\n <\/div>\r\n\r\n <div id=\"ap1\" class=\"ap-card active\">\r\n <h2>AP1 \u2013 Parcours de professionnalisation<\/h2>\r\n <p>Ce premier atelier m'a permis de d\u00e9couvrir le contexte professionnel du BTS SIO. J\u2019ai r\u00e9dig\u00e9 mon rapport, analys\u00e9 mes comp\u00e9tences, et r\u00e9fl\u00e9chi \u00e0 mes objectifs de formation et de carri\u00e8re.<\/p>\r\n <a class=\"hover-btn\" href=\"#\" target=\"_blank\">Voir le compte-rendu PDF<\/a>\r\n <\/div>\r\n\r\n <div id=\"ap2\" class=\"ap-card\">\r\n <h2>AP2 \u2013 Marie-Sol<\/h2>\r\n <p>Dans cet atelier, j\u2019ai mis en \u0153uvre des techniques de s\u00e9curisation de r\u00e9seau comme les VLAN, les ACL et l\u2019analyse des risques.<\/p>\r\n <a class=\"hover-btn\" href=\"#\" target=\"_blank\">Voir le compte-rendu PDF<\/a>\r\n <\/div>\r\n\r\n <div id=\"ap3\" class=\"ap-card\">\r\n <h2>AP3 \u2013 En Cours<\/h2>\r\n <p><\/p>\r\n <a class=\"hover-btn\" href=\"#\" target=\"_blank\">Voir le compte-rendu PDF<\/a>\r\n <\/div>\r\n\r\n <div id=\"ap4\" class=\"ap-card\">\r\n <h2>AP4 \u2013 En Cours<\/h2>\r\n <p><\/p>\r\n <a class=\"hover-btn\" href=\"#\" target=\"_blank\">Voir le compte-rendu PDF<\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SCRIPT -->\r\n <script>\r\n function showAP(apId) {\r\n const cards = document.querySelectorAll('.ap-card');\r\n const buttons = document.querySelectorAll('.btn-select button');\r\n cards.forEach(card => card.classList.remove('active'));\r\n buttons.forEach(btn => btn.classList.remove('active'));\r\n document.getElementById(apId).classList.add('active');\r\n document.querySelector(`.btn-select button[onclick=\"showAP('${apId}')\"]`).classList.add('active');\r\n }\r\n\r\n function toggleMenu() {\r\n const menu = document.getElementById('mainMenu');\r\n menu.classList.toggle('show');\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\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>Atelier de Professionnalisation Accueil AP Activit\u00e9s Projets Stages \u25bc Stage 1\u00e8re ann\u00e9e Stage 2\u00e8me ann\u00e9e Veille CV Contact Comp\u00e9tences 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":79,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions"}],"predecessor-version":[{"id":570,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions\/570"}],"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}]}}