Mes Certifications Informatique<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&family=Sora:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --bg: #0e0e0f;\n --surface: #161618;\n --surface2: #1e1e21;\n --border: rgba(255,255,255,0.07);\n --border-hover: rgba(255,255,255,0.15);\n --accent: #c0392b;\n --accent2: #e74c3c;\n --accent-glow: rgba(192,57,43,0.18);\n --text: #f0f0f0;\n --text-muted: #888;\n --text-dim: #555;\n --mono: 'Space Mono', monospace;\n --sans: 'Sora', sans-serif;\n --radius: 12px;\n }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--sans);\n min-height: 100vh;\n padding: 3rem 1.5rem 5rem;\n }\n\n .page-wrap {\n max-width: 860px;\n margin: 0 auto;\n }\n\n .header {\n margin-bottom: 3.5rem;\n }\n\n .label {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--accent2);\n margin-bottom: 0.75rem;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .label::before {\n content: '';\n display: inline-block;\n width: 20px;\n height: 1px;\n background: var(--accent2);\n }\n\n h1 {\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.1;\n color: var(--text);\n margin-bottom: 1.25rem;\n }\n\n h1 span {\n color: var(--accent2);\n }\n\n .intro {\n font-size: 15px;\n line-height: 1.75;\n color: var(--text-muted);\n max-width: 600px;\n font-weight: 300;\n }\n\n .intro strong {\n color: var(--text);\n font-weight: 600;\n }\n\n .divider {\n width: 40px;\n height: 2px;\n background: var(--accent);\n margin: 2rem 0;\n }\n\n \/* Cards grid *\/\n .certs-grid {\n display: grid;\n gap: 1px;\n background: var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n }\n\n .cert-card {\n background: var(--surface);\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 0;\n transition: background 0.2s ease;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n position: relative;\n overflow: hidden;\n }\n\n .cert-card::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 3px;\n background: var(--accent);\n transform: scaleY(0);\n transition: transform 0.2s ease;\n transform-origin: center;\n }\n\n .cert-card:hover {\n background: var(--surface2);\n }\n\n .cert-card:hover::before {\n transform: scaleY(1);\n }\n\n .cert-index {\n padding: 1.75rem 1.25rem 1.75rem 1.75rem;\n font-family: var(--mono);\n font-size: 11px;\n color: var(--text-dim);\n align-self: flex-start;\n padding-top: 2rem;\n }\n\n .cert-body {\n padding: 1.75rem 1rem 1.75rem 0.25rem;\n border-left: 1px solid var(--border);\n margin-left: 0;\n }\n\n .cert-meta {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 0.5rem;\n flex-wrap: wrap;\n }\n\n .cert-issuer {\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent2);\n background: var(--accent-glow);\n padding: 3px 10px;\n border-radius: 4px;\n }\n\n .cert-date {\n font-family: var(--mono);\n font-size: 10px;\n color: var(--text-dim);\n letter-spacing: 0.05em;\n }\n\n .cert-title {\n font-size: 16px;\n font-weight: 600;\n color: var(--text);\n margin-bottom: 0.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n }\n\n .cert-desc {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.6;\n font-weight: 300;\n max-width: 560px;\n }\n\n .cert-action {\n padding: 1.75rem 1.75rem 1.75rem 1rem;\n display: flex;\n align-items: center;\n align-self: center;\n }\n\n .btn-view {\n display: flex;\n align-items: center;\n gap: 6px;\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-dim);\n background: transparent;\n border: 1px solid var(--border);\n padding: 8px 14px;\n border-radius: 6px;\n white-space: nowrap;\n transition: all 0.2s ease;\n }\n\n .cert-card:hover .btn-view {\n color: var(--accent2);\n border-color: var(--accent);\n background: var(--accent-glow);\n }\n\n .btn-view svg {\n width: 12px;\n height: 12px;\n transition: transform 0.2s ease;\n }\n\n .cert-card:hover .btn-view svg {\n transform: translate(1px, -1px);\n }\n\n \/* Count badge *\/\n .count-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: var(--mono);\n font-size: 11px;\n color: var(--text-dim);\n margin-top: 2rem;\n }\n\n .count-badge::before {\n content: attr(data-count);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--accent-glow);\n color: var(--accent2);\n font-size: 10px;\n }\n\n @media (max-width: 600px) {\n .cert-card {\n grid-template-columns: 1fr;\n }\n .cert-index {\n padding: 1rem 1rem 0;\n }\n .cert-body {\n padding: 0.75rem 1rem;\n border-left: none;\n border-top: 1px solid var(--border);\n }\n .cert-action {\n padding: 0.75rem 1rem 1rem;\n border-top: 1px solid var(--border);\n }\n .btn-view { width: 100%; justify-content: center; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"page-wrap\">\n\n <div class=\"header\">\n <p class=\"label\">Portfolio \u2014 Certifications<\/p>\n <h1>Mes certifications <span>informatique<\/span><\/h1>\n <div class=\"divider\"><\/div>\n <p class=\"intro\">\n En informatique, une <strong>certification<\/strong> est une attestation officielle d\u00e9livr\u00e9e par un organisme reconnu, \n qui valide qu'une personne ma\u00eetrise un domaine, un outil ou une technologie sp\u00e9cifique, \n g\u00e9n\u00e9ralement apr\u00e8s la r\u00e9ussite d'un examen.\n <\/p>\n <p class=\"count-badge\" data-count=\"4\">certifications obtenues<\/p>\n <\/div>\n\n <div class=\"certs-grid\">\n\n <a class=\"cert-card\" href=\"https:\/\/marsallon-portfolio.fr\/wp-content\/uploads\/2026\/05\/Introduction_to_Cybersecurity_certificate_jules-marsallon-gmail-com_cf2f71dc-f26f-4459-b217-ed9a242b9ee8.pdf\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cert-index\">01<\/div>\n <div class=\"cert-body\">\n <div class=\"cert-meta\">\n <span class=\"cert-issuer\">Cisco NetAcad<\/span>\n <span class=\"cert-date\">14 jan. 2025<\/span>\n <\/div>\n <p class=\"cert-title\">Introduction to Cybersecurity<\/p>\n <p class=\"cert-desc\">Cours d'introduction \u00e0 la cybers\u00e9curit\u00e9 couvrant les menaces et attaques courantes, les bonnes pratiques de protection en ligne, et les bases de la s\u00e9curit\u00e9 organisationnelle. D\u00e9livr\u00e9 via le lyc\u00e9e E. Jaur\u00e8s d'Aubusson (BTS SIO).<\/p>\n <\/div>\n <div class=\"cert-action\">\n <span class=\"btn-view\">\n Voir\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 10L10 2M5 2h5v5\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <\/a>\n\n <a class=\"cert-card\" href=\"https:\/\/marsallon-portfolio.fr\/wp-content\/uploads\/2026\/05\/Getting_Started_with_Cisco_Packet_Tracer_certificate_jules-marsallon-gmail-com_3940705d-0cfd-4d6a-a1f9-0216e77459c6.pdf\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cert-index\">02<\/div>\n <div class=\"cert-body\">\n <div class=\"cert-meta\">\n <span class=\"cert-issuer\">Cisco NetAcad<\/span>\n <span class=\"cert-date\">1er avr. 2025<\/span>\n <\/div>\n <p class=\"cert-title\">Getting Started with Cisco Packet Tracer<\/p>\n <p class=\"cert-desc\">Premier niveau de prise en main de Packet Tracer, le logiciel de simulation r\u00e9seau de Cisco. Permet de construire et tester des topologies r\u00e9seau virtuelles.<\/p>\n <\/div>\n <div class=\"cert-action\">\n <span class=\"btn-view\">\n Voir\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 10L10 2M5 2h5v5\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <\/a>\n\n <a class=\"cert-card\" href=\"https:\/\/marsallon-portfolio.fr\/wp-content\/uploads\/2026\/05\/Exploring_Networking_with_Cisco_Packet_Tracer_certificate_jules-marsallon-gmail-com_f48d3333-d8e1-4c02-93f4-c5ece2763d63.pdf\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cert-index\">03<\/div>\n <div class=\"cert-body\">\n <div class=\"cert-meta\">\n <span class=\"cert-issuer\">Cisco NetAcad<\/span>\n <span class=\"cert-date\">28 mai 2026<\/span>\n <\/div>\n <p class=\"cert-title\">Exploring Networking with Cisco Packet Tracer<\/p>\n <p class=\"cert-desc\">Niveau avanc\u00e9 sur Packet Tracer, ax\u00e9 sur l'exploration des concepts r\u00e9seau \u2014 routage, commutation, protocoles \u2014 \u00e0 travers des simulations pratiques.<\/p>\n <\/div>\n <div class=\"cert-action\">\n <span class=\"btn-view\">\n Voir\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 10L10 2M5 2h5v5\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <\/a>\n\n <a class=\"cert-card\" href=\"https:\/\/marsallon-portfolio.fr\/wp-content\/uploads\/2026\/05\/atestationSecNum.pdf\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cert-index\">04<\/div>\n <div class=\"cert-body\">\n <div class=\"cert-meta\">\n <span class=\"cert-issuer\">ANSSI<\/span>\n <span class=\"cert-date\">12 nov. 2024<\/span>\n <\/div>\n <p class=\"cert-title\">SecNumacad\u00e9mie<\/p>\n <p class=\"cert-desc\">MOOC officiel de l'agence fran\u00e7aise de cybers\u00e9curit\u00e9 (ANSSI) en 4 modules : panorama de la SSI, s\u00e9curit\u00e9 de l'authentification, s\u00e9curit\u00e9 sur internet, s\u00e9curit\u00e9 du poste de travail et nomadisme.<\/p>\n <\/div>\n <div class=\"cert-action\">\n <span class=\"btn-view\">\n Voir\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 10L10 2M5 2h5v5\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <\/a>\n\n <\/div>\n\n<\/div>\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60b92db e-flex e-con-boxed e-con e-parent\" data-id=\"60b92db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84c81a8 elementor-widget elementor-widget-spacer\" data-id=\"84c81a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bb7d97 e-flex e-con-boxed e-con e-parent\" data-id=\"4bb7d97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd6b29f elementor-widget elementor-widget-shortcode\" data-id=\"fd6b29f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.legal-btns { display:flex; gap:12px; flex-wrap:wrap; }\n.legal-btn {\n padding: 10px 22px;\n background: transparent;\n color: #fff;\n border: 1px solid rgba(255,255,255,0.4);\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n transition: background 0.2s;\n}\n.legal-btn:hover { background: rgba(255,255,255,0.1); }\n.modal-overlay {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.6);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n}\n.modal-overlay.open { display: flex; }\n.modal-box {\n background: #1a1a1a;\n color: #e0e0e0;\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 10px;\n padding: 32px;\n max-width: 540px;\n width: 90%;\n max-height: 80vh;\n overflow-y: auto;\n position: relative;\n}\n.modal-box h2 { margin: 0 0 16px; font-size: 18px; color: #fff; }\n.modal-box p { font-size: 14px; line-height: 1.7; margin: 0 0 12px; }\n.modal-close {\n position: absolute;\n top: 14px; right: 18px;\n background: none;\n border: none;\n color: #aaa;\n font-size: 22px;\n cursor: pointer;\n line-height: 1;\n}\n.modal-close:hover { color: #fff; }\n<\/style>\n\n<div class=\"legal-btns\">\n <button class=\"legal-btn\" onclick=\"document.getElementById('modal-cgu').classList.add('open')\">\n Conditions d'utilisation\n <\/button>\n <button class=\"legal-btn\" onclick=\"document.getElementById('modal-legal').classList.add('open')\">\n Mentions l\u00e9gales\n <\/button>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"modal-cgu\" onclick=\"if(event.target===this)this.classList.remove('open')\">\n <div class=\"modal-box\">\n <button class=\"modal-close\" onclick=\"document.getElementById('modal-cgu').classList.remove('open')\">×<\/button>\n <h2>Conditions d'utilisation<\/h2>\n <p>Ce site est un portfolio personnel pr\u00e9sentant mon parcours, mes comp\u00e9tences et mes r\u00e9alisations dans le domaine de l'informatique et des r\u00e9seaux.<\/p>\n <p>L'ensemble du contenu pr\u00e9sent sur ce site (textes, images, structure) est la propri\u00e9t\u00e9 de Jules Marsallon et ne peut \u00eatre reproduit sans autorisation pr\u00e9alable.<\/p>\n <p>Ce site est fourni \u00e0 titre informatif uniquement. Je me r\u00e9serve le droit de modifier son contenu \u00e0 tout moment sans pr\u00e9avis.<\/p>\n <p>En naviguant sur ce site, vous acceptez ces conditions d'utilisation.<\/p>\n <\/div>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"modal-legal\" onclick=\"if(event.target===this)this.classList.remove('open')\">\n <div class=\"modal-box\">\n <button class=\"modal-close\" onclick=\"document.getElementById('modal-legal').classList.remove('open')\">×<\/button>\n <h2>Mentions l\u00e9gales<\/h2>\n <p><strong>\u00c9diteur du site :<\/strong> Jules Marsallon<\/p>\n <p><strong>Site :<\/strong> marsallon-portfolio.fr<\/p>\n <p><strong>H\u00e9bergeur :<\/strong> OVH SAS \u2013 2 rue Kellermann, 59100 Roubaix, France<\/p>\n <p><strong>Responsable de publication :<\/strong> Jules Marsallon<\/p>\n <p>Conform\u00e9ment \u00e0 la loi Informatique et Libert\u00e9s, vous disposez d'un droit d'acc\u00e8s, de rectification et de suppression des donn\u00e9es vous concernant en me contactant via la page d\u00e9di\u00e9e.<\/p>\n <\/div>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f949947 e-flex e-con-boxed e-con e-parent\" data-id=\"f949947\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-809a2e5 elementor-widget elementor-widget-spacer\" data-id=\"809a2e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>Mes Certifications Informatique Portfolio \u2014 Certifications Mes certifications informatique En informatique, une certification est une attestation officielle d\u00e9livr\u00e9e par un […]<\/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":"","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-130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":82,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":732,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions\/732"}],"wp:attachment":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"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\t\t

\n\t\t\t

<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t

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

\n\n\n\n\nMes Certifications Informatique<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Mono:wght@400;700&family=Sora:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --bg: #0e0e0f;\n --surface: #161618;\n --surface2: #1e1e21;\n --border: rgba(255,255,255,0.07);\n --border-hover: rgba(255,255,255,0.15);\n --accent: #c0392b;\n --accent2: #e74c3c;\n --accent-glow: rgba(192,57,43,0.18);\n --text: #f0f0f0;\n --text-muted: #888;\n --text-dim: #555;\n --mono: 'Space Mono', monospace;\n --sans: 'Sora', sans-serif;\n --radius: 12px;\n }\n\n body {\n background: var(--bg);\n color: var(--text);\n font-family: var(--sans);\n min-height: 100vh;\n padding: 3rem 1.5rem 5rem;\n }\n\n .page-wrap {\n max-width: 860px;\n margin: 0 auto;\n }\n\n .header {\n margin-bottom: 3.5rem;\n }\n\n .label {\n font-family: var(--mono);\n font-size: 11px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--accent2);\n margin-bottom: 0.75rem;\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .label::before {\n content: '';\n display: inline-block;\n width: 20px;\n height: 1px;\n background: var(--accent2);\n }\n\n h1 {\n font-size: clamp(2rem, 5vw, 3rem);\n font-weight: 700;\n letter-spacing: -0.03em;\n line-height: 1.1;\n color: var(--text);\n margin-bottom: 1.25rem;\n }\n\n h1 span {\n color: var(--accent2);\n }\n\n .intro {\n font-size: 15px;\n line-height: 1.75;\n color: var(--text-muted);\n max-width: 600px;\n font-weight: 300;\n }\n\n .intro strong {\n color: var(--text);\n font-weight: 600;\n }\n\n .divider {\n width: 40px;\n height: 2px;\n background: var(--accent);\n margin: 2rem 0;\n }\n\n \/* Cards grid *\/\n .certs-grid {\n display: grid;\n gap: 1px;\n background: var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n }\n\n .cert-card {\n background: var(--surface);\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n gap: 0;\n transition: background 0.2s ease;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n position: relative;\n overflow: hidden;\n }\n\n .cert-card::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 3px;\n background: var(--accent);\n transform: scaleY(0);\n transition: transform 0.2s ease;\n transform-origin: center;\n }\n\n .cert-card:hover {\n background: var(--surface2);\n }\n\n .cert-card:hover::before {\n transform: scaleY(1);\n }\n\n .cert-index {\n padding: 1.75rem 1.25rem 1.75rem 1.75rem;\n font-family: var(--mono);\n font-size: 11px;\n color: var(--text-dim);\n align-self: flex-start;\n padding-top: 2rem;\n }\n\n .cert-body {\n padding: 1.75rem 1rem 1.75rem 0.25rem;\n border-left: 1px solid var(--border);\n margin-left: 0;\n }\n\n .cert-meta {\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 0.5rem;\n flex-wrap: wrap;\n }\n\n .cert-issuer {\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent2);\n background: var(--accent-glow);\n padding: 3px 10px;\n border-radius: 4px;\n }\n\n .cert-date {\n font-family: var(--mono);\n font-size: 10px;\n color: var(--text-dim);\n letter-spacing: 0.05em;\n }\n\n .cert-title {\n font-size: 16px;\n font-weight: 600;\n color: var(--text);\n margin-bottom: 0.5rem;\n letter-spacing: -0.01em;\n line-height: 1.3;\n }\n\n .cert-desc {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.6;\n font-weight: 300;\n max-width: 560px;\n }\n\n .cert-action {\n padding: 1.75rem 1.75rem 1.75rem 1rem;\n display: flex;\n align-items: center;\n align-self: center;\n }\n\n .btn-view {\n display: flex;\n align-items: center;\n gap: 6px;\n font-family: var(--mono);\n font-size: 10px;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-dim);\n background: transparent;\n border: 1px solid var(--border);\n padding: 8px 14px;\n border-radius: 6px;\n white-space: nowrap;\n transition: all 0.2s ease;\n }\n\n .cert-card:hover .btn-view {\n color: var(--accent2);\n border-color: var(--accent);\n background: var(--accent-glow);\n }\n\n .btn-view svg {\n width: 12px;\n height: 12px;\n transition: transform 0.2s ease;\n }\n\n .cert-card:hover .btn-view svg {\n transform: translate(1px, -1px);\n }\n\n \/* Count badge *\/\n .count-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: var(--mono);\n font-size: 11px;\n color: var(--text-dim);\n margin-top: 2rem;\n }\n\n .count-badge::before {\n content: attr(data-count);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: var(--accent-glow);\n color: var(--accent2);\n font-size: 10px;\n }\n\n @media (max-width: 600px) {\n .cert-card {\n grid-template-columns: 1fr;\n }\n .cert-index {\n padding: 1rem 1rem 0;\n }\n .cert-body {\n padding: 0.75rem 1rem;\n border-left: none;\n border-top: 1px solid var(--border);\n }\n .cert-action {\n padding: 0.75rem 1rem 1rem;\n border-top: 1px solid var(--border);\n }\n .btn-view { width: 100%; justify-content: center; }\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"page-wrap\">\n\n <div class=\"header\">\n <p class=\"label\">Portfolio \u2014 Certifications<\/p>\n <h1>Mes certifications <span>informatique<\/span><\/h1>\n <div class=\"divider\"><\/div>\n <p class=\"intro\">\n En informatique, une <strong>certification<\/strong> est une attestation officielle d\u00e9livr\u00e9e par un organisme reconnu, \n qui valide qu'une personne ma\u00eetrise un domaine, un outil ou une technologie sp\u00e9cifique, \n g\u00e9n\u00e9ralement apr\u00e8s la r\u00e9ussite d'un examen.\n <\/p>\n <p class=\"count-badge\" data-count=\"4\">certifications obtenues<\/p>\n <\/div>\n\n <div class=\"certs-grid\">\n\n <a class=\"cert-card\" href=\"https:\/\/marsallon-portfolio.fr\/wp-content\/uploads\/2026\/05\/Introduction_to_Cybersecurity_certificate_jules-marsallon-gmail-com_cf2f71dc-f26f-4459-b217-ed9a242b9ee8.pdf\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cert-index\">01<\/div>\n <div class=\"cert-body\">\n <div class=\"cert-meta\">\n <span class=\"cert-issuer\">Cisco NetAcad<\/span>\n <span class=\"cert-date\">14 jan. 2025<\/span>\n <\/div>\n <p class=\"cert-title\">Introduction to Cybersecurity<\/p>\n <p class=\"cert-desc\">Cours d'introduction \u00e0 la cybers\u00e9curit\u00e9 couvrant les menaces et attaques courantes, les bonnes pratiques de protection en ligne, et les bases de la s\u00e9curit\u00e9 organisationnelle. D\u00e9livr\u00e9 via le lyc\u00e9e E. Jaur\u00e8s d'Aubusson (BTS SIO).<\/p>\n <\/div>\n <div class=\"cert-action\">\n <span class=\"btn-view\">\n Voir\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 10L10 2M5 2h5v5\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <\/a>\n\n <a class=\"cert-card\" href=\"https:\/\/marsallon-portfolio.fr\/wp-content\/uploads\/2026\/05\/Getting_Started_with_Cisco_Packet_Tracer_certificate_jules-marsallon-gmail-com_3940705d-0cfd-4d6a-a1f9-0216e77459c6.pdf\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cert-index\">02<\/div>\n <div class=\"cert-body\">\n <div class=\"cert-meta\">\n <span class=\"cert-issuer\">Cisco NetAcad<\/span>\n <span class=\"cert-date\">1er avr. 2025<\/span>\n <\/div>\n <p class=\"cert-title\">Getting Started with Cisco Packet Tracer<\/p>\n <p class=\"cert-desc\">Premier niveau de prise en main de Packet Tracer, le logiciel de simulation r\u00e9seau de Cisco. Permet de construire et tester des topologies r\u00e9seau virtuelles.<\/p>\n <\/div>\n <div class=\"cert-action\">\n <span class=\"btn-view\">\n Voir\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 10L10 2M5 2h5v5\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <\/a>\n\n <a class=\"cert-card\" href=\"https:\/\/marsallon-portfolio.fr\/wp-content\/uploads\/2026\/05\/Exploring_Networking_with_Cisco_Packet_Tracer_certificate_jules-marsallon-gmail-com_f48d3333-d8e1-4c02-93f4-c5ece2763d63.pdf\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cert-index\">03<\/div>\n <div class=\"cert-body\">\n <div class=\"cert-meta\">\n <span class=\"cert-issuer\">Cisco NetAcad<\/span>\n <span class=\"cert-date\">28 mai 2026<\/span>\n <\/div>\n <p class=\"cert-title\">Exploring Networking with Cisco Packet Tracer<\/p>\n <p class=\"cert-desc\">Niveau avanc\u00e9 sur Packet Tracer, ax\u00e9 sur l'exploration des concepts r\u00e9seau \u2014 routage, commutation, protocoles \u2014 \u00e0 travers des simulations pratiques.<\/p>\n <\/div>\n <div class=\"cert-action\">\n <span class=\"btn-view\">\n Voir\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 10L10 2M5 2h5v5\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <\/a>\n\n <a class=\"cert-card\" href=\"https:\/\/marsallon-portfolio.fr\/wp-content\/uploads\/2026\/05\/atestationSecNum.pdf\" target=\"_blank\" rel=\"noopener\">\n <div class=\"cert-index\">04<\/div>\n <div class=\"cert-body\">\n <div class=\"cert-meta\">\n <span class=\"cert-issuer\">ANSSI<\/span>\n <span class=\"cert-date\">12 nov. 2024<\/span>\n <\/div>\n <p class=\"cert-title\">SecNumacad\u00e9mie<\/p>\n <p class=\"cert-desc\">MOOC officiel de l'agence fran\u00e7aise de cybers\u00e9curit\u00e9 (ANSSI) en 4 modules : panorama de la SSI, s\u00e9curit\u00e9 de l'authentification, s\u00e9curit\u00e9 sur internet, s\u00e9curit\u00e9 du poste de travail et nomadisme.<\/p>\n <\/div>\n <div class=\"cert-action\">\n <span class=\"btn-view\">\n Voir\n <svg viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n <path d=\"M2 10L10 2M5 2h5v5\"\/>\n <\/svg>\n <\/span>\n <\/div>\n <\/a>\n\n <\/div>\n\n<\/div>\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-60b92db e-flex e-con-boxed e-con e-parent\" data-id=\"60b92db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-84c81a8 elementor-widget elementor-widget-spacer\" data-id=\"84c81a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bb7d97 e-flex e-con-boxed e-con e-parent\" data-id=\"4bb7d97\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd6b29f elementor-widget elementor-widget-shortcode\" data-id=\"fd6b29f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n.legal-btns { display:flex; gap:12px; flex-wrap:wrap; }\n.legal-btn {\n padding: 10px 22px;\n background: transparent;\n color: #fff;\n border: 1px solid rgba(255,255,255,0.4);\n border-radius: 6px;\n cursor: pointer;\n font-size: 14px;\n transition: background 0.2s;\n}\n.legal-btn:hover { background: rgba(255,255,255,0.1); }\n.modal-overlay {\n display: none;\n position: fixed;\n inset: 0;\n background: rgba(0,0,0,0.6);\n z-index: 9999;\n align-items: center;\n justify-content: center;\n}\n.modal-overlay.open { display: flex; }\n.modal-box {\n background: #1a1a1a;\n color: #e0e0e0;\n border: 1px solid rgba(255,255,255,0.15);\n border-radius: 10px;\n padding: 32px;\n max-width: 540px;\n width: 90%;\n max-height: 80vh;\n overflow-y: auto;\n position: relative;\n}\n.modal-box h2 { margin: 0 0 16px; font-size: 18px; color: #fff; }\n.modal-box p { font-size: 14px; line-height: 1.7; margin: 0 0 12px; }\n.modal-close {\n position: absolute;\n top: 14px; right: 18px;\n background: none;\n border: none;\n color: #aaa;\n font-size: 22px;\n cursor: pointer;\n line-height: 1;\n}\n.modal-close:hover { color: #fff; }\n<\/style>\n\n<div class=\"legal-btns\">\n <button class=\"legal-btn\" onclick=\"document.getElementById('modal-cgu').classList.add('open')\">\n Conditions d'utilisation\n <\/button>\n <button class=\"legal-btn\" onclick=\"document.getElementById('modal-legal').classList.add('open')\">\n Mentions l\u00e9gales\n <\/button>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"modal-cgu\" onclick=\"if(event.target===this)this.classList.remove('open')\">\n <div class=\"modal-box\">\n <button class=\"modal-close\" onclick=\"document.getElementById('modal-cgu').classList.remove('open')\">×<\/button>\n <h2>Conditions d'utilisation<\/h2>\n <p>Ce site est un portfolio personnel pr\u00e9sentant mon parcours, mes comp\u00e9tences et mes r\u00e9alisations dans le domaine de l'informatique et des r\u00e9seaux.<\/p>\n <p>L'ensemble du contenu pr\u00e9sent sur ce site (textes, images, structure) est la propri\u00e9t\u00e9 de Jules Marsallon et ne peut \u00eatre reproduit sans autorisation pr\u00e9alable.<\/p>\n <p>Ce site est fourni \u00e0 titre informatif uniquement. Je me r\u00e9serve le droit de modifier son contenu \u00e0 tout moment sans pr\u00e9avis.<\/p>\n <p>En naviguant sur ce site, vous acceptez ces conditions d'utilisation.<\/p>\n <\/div>\n<\/div>\n\n<div class=\"modal-overlay\" id=\"modal-legal\" onclick=\"if(event.target===this)this.classList.remove('open')\">\n <div class=\"modal-box\">\n <button class=\"modal-close\" onclick=\"document.getElementById('modal-legal').classList.remove('open')\">×<\/button>\n <h2>Mentions l\u00e9gales<\/h2>\n <p><strong>\u00c9diteur du site :<\/strong> Jules Marsallon<\/p>\n <p><strong>Site :<\/strong> marsallon-portfolio.fr<\/p>\n <p><strong>H\u00e9bergeur :<\/strong> OVH SAS \u2013 2 rue Kellermann, 59100 Roubaix, France<\/p>\n <p><strong>Responsable de publication :<\/strong> Jules Marsallon<\/p>\n <p>Conform\u00e9ment \u00e0 la loi Informatique et Libert\u00e9s, vous disposez d'un droit d'acc\u00e8s, de rectification et de suppression des donn\u00e9es vous concernant en me contactant via la page d\u00e9di\u00e9e.<\/p>\n <\/div>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f949947 e-flex e-con-boxed e-con e-parent\" data-id=\"f949947\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-809a2e5 elementor-widget elementor-widget-spacer\" data-id=\"809a2e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\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>Mes Certifications Informatique Portfolio \u2014 Certifications Mes certifications informatique En informatique, une certification est une attestation officielle d\u00e9livr\u00e9e par un […]<\/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":"","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-130","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":82,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions"}],"predecessor-version":[{"id":732,"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/pages\/130\/revisions\/732"}],"wp:attachment":[{"href":"https:\/\/marsallon-portfolio.fr\/index.php\/wp-json\/wp\/v2\/media?parent=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}