Contact \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;}\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 \r\n .hero{background:linear-gradient(135deg,#0F2460 0%,#1E40AF 60%,#2563EB 100%);padding:48px 24px 80px;text-align:center;position:relative;overflow:hidden;}\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::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 h1{font-family:'Sora',sans-serif;font-size:38px;font-weight:700;color:white;position:relative;margin-bottom:10px;}\r\n .hero h1 span{color:#38BDF8;}\r\n .hero p{color:rgba(255,255,255,.75);font-size:15px;position:relative;}\r\n \r\n \/* B\u00e2timent 3D *\/\r\n .building-wrap{display:flex;justify-content:center;padding:30px 0 0;position:relative;}\r\n .b3d{width:180px;height:220px;position:relative;transform:rotateX(10deg) rotateY(-20deg);transform-style:preserve-3d;margin:0 auto;}\r\n .face{position:absolute;}\r\n .front{width:180px;height:220px;background:linear-gradient(180deg,#2563EB,#1E40AF);transform:translateZ(30px);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);gap:4px;padding:10px;}\r\n .win{background:rgba(255,255,255,.15);border-radius:2px;transition:background .3s;}\r\n .win.lit{background:rgba(255,220,100,.6);}\r\n .side{width:60px;height:220px;background:linear-gradient(180deg,#1E3A8A,#0F2460);transform:rotateY(90deg) translateZ(150px);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);gap:4px;padding:8px;}\r\n .win2{background:rgba(255,255,255,.08);border-radius:2px;}\r\n .top{width:180px;height:60px;background:linear-gradient(135deg,#3B82F6,#1E40AF);transform:rotateX(90deg) translateZ(190px);}\r\n \r\n .content{max-width:860px;margin:0 auto;padding:20px 20px 60px;}\r\n \r\n .lycee-card{background:var(--card);border-radius:16px;padding:28px 32px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;border-left:5px solid var(--blue);display:flex;gap:24px;align-items:flex-start;}\r\n .lycee-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#1E3A8A,#2563EB);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}\r\n .lycee-info h2{font-family:'Sora',sans-serif;font-size:17px;font-weight:700;color:var(--blue-dark);margin-bottom:12px;}\r\n .info-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13.5px;color:var(--muted);}\r\n .info-row strong{color:var(--text);}\r\n .info-row a{color:var(--blue);text-decoration:none;}\r\n \r\n .contact-card{background:var(--card);border-radius:16px;padding:28px 32px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;}\r\n .contact-card h2{font-family:'Sora',sans-serif;font-size:16px;font-weight:700;color:var(--blue-dark);margin-bottom:20px;}\r\n .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}\r\n .form-group{display:flex;flex-direction:column;gap:6px;}\r\n .form-group label{font-size:11px;font-weight:700;color:var(--muted);font-family:'Sora',sans-serif;text-transform:uppercase;letter-spacing:.5px;}\r\n .form-group input,.form-group textarea{padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;color:var(--text);background:var(--bg);font-family:inherit;outline:none;transition:border .2s;width:100%;}\r\n .form-group input:focus,.form-group textarea:focus{border-color:var(--blue-mid);}\r\n .form-group textarea{resize:vertical;min-height:100px;}\r\n .submit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--blue);color:white;border:none;border-radius:10px;font-family:'Sora',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;justify-content:center;margin-top:6px;}\r\n .submit-btn:hover{background:var(--blue-dark);}\r\n \r\n .social-row{display:flex;gap:12px;flex-wrap:wrap;}\r\n .social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:all .2s;background:var(--card);font-family:'Sora',sans-serif;}\r\n .social-btn:hover{border-color:var(--blue);color:var(--blue);}\r\n .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}\r\n \r\n .success-msg{display:none;background:#F0FDF4;border:1.5px solid #BBF7D0;border-radius:10px;padding:14px 18px;color:#065F46;font-size:14px;margin-top:12px;text-align:center;}\r\n \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 \r\n @media(max-width:600px){.form-grid{grid-template-columns:1fr}.lycee-card{flex-direction:column}.hero h1{font-size:28px}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \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 \r\n<section class=\"hero\">\r\n <div class=\"hero-dots\"><\/div>\r\n <h1>Me <span>Contacter<\/span><\/h1>\r\n <p>Nathan Vitter \u2013 BTS SIO SISR \u2013 Lyc\u00e9e Saint-Exup\u00e9ry<\/p>\r\n \r\n \r\n <div class=\"building-wrap\">\r\n <div style=\"transform-style:preserve-3d;perspective:800px;filter:drop-shadow(0 20px 40px rgba(30,64,175,.4));\">\r\n <div class=\"b3d\" id=\"building\">\r\n <div class=\"face front\" id=\"front\">\r\n <div class=\"win lit\"><\/div><div class=\"win\"><\/div><div class=\"win lit\"><\/div><div class=\"win lit\"><\/div>\r\n <div class=\"win\"><\/div><div class=\"win lit\"><\/div><div class=\"win\"><\/div><div class=\"win lit\"><\/div>\r\n <div class=\"win lit\"><\/div><div class=\"win lit\"><\/div><div class=\"win\"><\/div><div class=\"win\"><\/div>\r\n <div class=\"win\"><\/div><div class=\"win lit\"><\/div><div class=\"win lit\"><\/div><div class=\"win\"><\/div>\r\n <div class=\"win lit\"><\/div><div class=\"win\"><\/div><div class=\"win lit\"><\/div><div class=\"win lit\"><\/div>\r\n <div class=\"win\"><\/div><div style=\"background:rgba(255,255,255,.3);border-radius:3px 3px 0 0;grid-column:2\/4;\"><\/div><div class=\"win\"><\/div>\r\n <\/div>\r\n <div class=\"face side\">\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <\/div>\r\n <div class=\"face top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<div class=\"content\">\r\n \r\n \r\n <div class=\"lycee-card\">\r\n <div class=\"lycee-icon\">\ud83c\udfeb<\/div>\r\n <div class=\"lycee-info\">\r\n <h2>Lyc\u00e9e Saint-Exup\u00e9ry<\/h2>\r\n <div class=\"info-row\">\ud83d\udccd <span><strong>Adresse :<\/strong> 1271 Avenue de Cannes, 06250 Mougins<\/span><\/div>\r\n <div class=\"info-row\">\ud83d\udcde <span><strong>T\u00e9l\u00e9phone :<\/strong> 04 92 19 07 07<\/span><\/div>\r\n <div class=\"info-row\">\ud83c\udf10 <span><strong>Site :<\/strong> <a href=\"https:\/\/lycee-saint-exupery.com\" target=\"_blank\">lycee-saint-exupery.com<\/a><\/span><\/div>\r\n <div class=\"info-row\">\ud83c\udf93 <span><strong>Formation :<\/strong> BTS SIO \u2013 Option SISR<\/span><\/div>\r\n <div class=\"info-row\">\ud83d\udcc5 <span><strong>Promotion :<\/strong> 2024 \u2013 2026<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"contact-card\">\r\n <h2>Envoyer un message<\/h2>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label>Nom<\/label>\r\n <input type=\"text\" id=\"nom\" placeholder=\"Votre nom\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Email<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"votre@email.com\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\" style=\"margin-bottom:14px;\">\r\n <label>Sujet<\/label>\r\n <input type=\"text\" id=\"sujet\" placeholder=\"Objet de votre message\">\r\n <\/div>\r\n <div class=\"form-group\" style=\"margin-bottom:14px;\">\r\n <label>Message<\/label>\r\n <textarea id=\"message\" placeholder=\"Votre message...\"><\/textarea>\r\n <\/div>\r\n <button class=\"submit-btn\" onclick=\"sendMsg()\">\u2709\ufe0f Envoyer le message<\/button>\r\n <div class=\"success-msg\" id=\"success\">\u2705 Merci ! Votre client mail va s'ouvrir pour finaliser l'envoi.<\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"contact-card\">\r\n <h2>Liens directs<\/h2>\r\n <div class=\"social-row\">\r\n <a href=\"mailto:nathan.vitter@outlook.fr\" class=\"social-btn\">\r\n <span class=\"dot\" style=\"background:#2563EB;\"><\/span>\r\n nathan.vitter@outlook.fr\r\n <\/a>\r\n <a href=\"https:\/\/nathanvitter.fr\" class=\"social-btn\">\r\n <span class=\"dot\" style=\"background:#059669;\"><\/span>\r\n nathanvitter.fr\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/div>\r\n \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 \r\n<script>\r\nvar wins = document.querySelectorAll('.win');\r\nsetInterval(function(){\r\n var idx = Math.floor(Math.random() * wins.length);\r\n wins[idx].classList.toggle('lit');\r\n}, 800);\r\n \r\nvar angle = 0;\r\nvar building = document.getElementById('building');\r\nfunction animBuilding(){\r\n angle += 0.3;\r\n building.style.transform = 'rotateX(10deg) rotateY(' + (-20 + Math.sin(angle * Math.PI \/ 180) * 5) + 'deg)';\r\n requestAnimationFrame(animBuilding);\r\n}\r\nanimBuilding();\r\n \r\nfunction sendMsg(){\r\n var nom = document.getElementById('nom').value;\r\n var email = document.getElementById('email').value;\r\n var sujet = document.getElementById('sujet').value;\r\n var msg = document.getElementById('message').value;\r\n if(!nom || !email || !msg){ alert('Veuillez remplir tous les champs obligatoires.'); return; }\r\n var mailto = 'mailto:nathan.vitter@outlook.fr?subject=' + encodeURIComponent(sujet || 'Contact depuis le portfolio') + '&body=' + encodeURIComponent('De: ' + nom + '\\nEmail: ' + email + '\\n\\n' + msg);\r\n window.location.href = mailto;\r\n document.getElementById('success').style.display = 'block';\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact \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":"","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-243","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/243","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=243"}],"version-history":[{"count":10,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/243\/revisions"}],"predecessor-version":[{"id":856,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/243\/revisions\/856"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=243"}],"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 Contact \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;}\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 \r\n .hero{background:linear-gradient(135deg,#0F2460 0%,#1E40AF 60%,#2563EB 100%);padding:48px 24px 80px;text-align:center;position:relative;overflow:hidden;}\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::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 h1{font-family:'Sora',sans-serif;font-size:38px;font-weight:700;color:white;position:relative;margin-bottom:10px;}\r\n .hero h1 span{color:#38BDF8;}\r\n .hero p{color:rgba(255,255,255,.75);font-size:15px;position:relative;}\r\n \r\n \/* B\u00e2timent 3D *\/\r\n .building-wrap{display:flex;justify-content:center;padding:30px 0 0;position:relative;}\r\n .b3d{width:180px;height:220px;position:relative;transform:rotateX(10deg) rotateY(-20deg);transform-style:preserve-3d;margin:0 auto;}\r\n .face{position:absolute;}\r\n .front{width:180px;height:220px;background:linear-gradient(180deg,#2563EB,#1E40AF);transform:translateZ(30px);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);gap:4px;padding:10px;}\r\n .win{background:rgba(255,255,255,.15);border-radius:2px;transition:background .3s;}\r\n .win.lit{background:rgba(255,220,100,.6);}\r\n .side{width:60px;height:220px;background:linear-gradient(180deg,#1E3A8A,#0F2460);transform:rotateY(90deg) translateZ(150px);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);gap:4px;padding:8px;}\r\n .win2{background:rgba(255,255,255,.08);border-radius:2px;}\r\n .top{width:180px;height:60px;background:linear-gradient(135deg,#3B82F6,#1E40AF);transform:rotateX(90deg) translateZ(190px);}\r\n \r\n .content{max-width:860px;margin:0 auto;padding:20px 20px 60px;}\r\n \r\n .lycee-card{background:var(--card);border-radius:16px;padding:28px 32px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;border-left:5px solid var(--blue);display:flex;gap:24px;align-items:flex-start;}\r\n .lycee-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#1E3A8A,#2563EB);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}\r\n .lycee-info h2{font-family:'Sora',sans-serif;font-size:17px;font-weight:700;color:var(--blue-dark);margin-bottom:12px;}\r\n .info-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13.5px;color:var(--muted);}\r\n .info-row strong{color:var(--text);}\r\n .info-row a{color:var(--blue);text-decoration:none;}\r\n \r\n .contact-card{background:var(--card);border-radius:16px;padding:28px 32px;box-shadow:0 4px 20px rgba(0,0,0,.08);margin-bottom:24px;}\r\n .contact-card h2{font-family:'Sora',sans-serif;font-size:16px;font-weight:700;color:var(--blue-dark);margin-bottom:20px;}\r\n .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}\r\n .form-group{display:flex;flex-direction:column;gap:6px;}\r\n .form-group label{font-size:11px;font-weight:700;color:var(--muted);font-family:'Sora',sans-serif;text-transform:uppercase;letter-spacing:.5px;}\r\n .form-group input,.form-group textarea{padding:10px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;color:var(--text);background:var(--bg);font-family:inherit;outline:none;transition:border .2s;width:100%;}\r\n .form-group input:focus,.form-group textarea:focus{border-color:var(--blue-mid);}\r\n .form-group textarea{resize:vertical;min-height:100px;}\r\n .submit-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:var(--blue);color:white;border:none;border-radius:10px;font-family:'Sora',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;justify-content:center;margin-top:6px;}\r\n .submit-btn:hover{background:var(--blue-dark);}\r\n \r\n .social-row{display:flex;gap:12px;flex-wrap:wrap;}\r\n .social-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid var(--border);border-radius:10px;font-size:13px;font-weight:600;color:var(--muted);text-decoration:none;transition:all .2s;background:var(--card);font-family:'Sora',sans-serif;}\r\n .social-btn:hover{border-color:var(--blue);color:var(--blue);}\r\n .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}\r\n \r\n .success-msg{display:none;background:#F0FDF4;border:1.5px solid #BBF7D0;border-radius:10px;padding:14px 18px;color:#065F46;font-size:14px;margin-top:12px;text-align:center;}\r\n \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 \r\n @media(max-width:600px){.form-grid{grid-template-columns:1fr}.lycee-card{flex-direction:column}.hero h1{font-size:28px}}\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \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 \r\n<section class=\"hero\">\r\n <div class=\"hero-dots\"><\/div>\r\n <h1>Me <span>Contacter<\/span><\/h1>\r\n <p>Nathan Vitter \u2013 BTS SIO SISR \u2013 Lyc\u00e9e Saint-Exup\u00e9ry<\/p>\r\n \r\n \r\n <div class=\"building-wrap\">\r\n <div style=\"transform-style:preserve-3d;perspective:800px;filter:drop-shadow(0 20px 40px rgba(30,64,175,.4));\">\r\n <div class=\"b3d\" id=\"building\">\r\n <div class=\"face front\" id=\"front\">\r\n <div class=\"win lit\"><\/div><div class=\"win\"><\/div><div class=\"win lit\"><\/div><div class=\"win lit\"><\/div>\r\n <div class=\"win\"><\/div><div class=\"win lit\"><\/div><div class=\"win\"><\/div><div class=\"win lit\"><\/div>\r\n <div class=\"win lit\"><\/div><div class=\"win lit\"><\/div><div class=\"win\"><\/div><div class=\"win\"><\/div>\r\n <div class=\"win\"><\/div><div class=\"win lit\"><\/div><div class=\"win lit\"><\/div><div class=\"win\"><\/div>\r\n <div class=\"win lit\"><\/div><div class=\"win\"><\/div><div class=\"win lit\"><\/div><div class=\"win lit\"><\/div>\r\n <div class=\"win\"><\/div><div style=\"background:rgba(255,255,255,.3);border-radius:3px 3px 0 0;grid-column:2\/4;\"><\/div><div class=\"win\"><\/div>\r\n <\/div>\r\n <div class=\"face side\">\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <div class=\"win2\"><\/div><div class=\"win2\"><\/div>\r\n <\/div>\r\n <div class=\"face top\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n \r\n<div class=\"content\">\r\n \r\n \r\n <div class=\"lycee-card\">\r\n <div class=\"lycee-icon\">\ud83c\udfeb<\/div>\r\n <div class=\"lycee-info\">\r\n <h2>Lyc\u00e9e Saint-Exup\u00e9ry<\/h2>\r\n <div class=\"info-row\">\ud83d\udccd <span><strong>Adresse :<\/strong> 1271 Avenue de Cannes, 06250 Mougins<\/span><\/div>\r\n <div class=\"info-row\">\ud83d\udcde <span><strong>T\u00e9l\u00e9phone :<\/strong> 04 92 19 07 07<\/span><\/div>\r\n <div class=\"info-row\">\ud83c\udf10 <span><strong>Site :<\/strong> <a href=\"https:\/\/lycee-saint-exupery.com\" target=\"_blank\">lycee-saint-exupery.com<\/a><\/span><\/div>\r\n <div class=\"info-row\">\ud83c\udf93 <span><strong>Formation :<\/strong> BTS SIO \u2013 Option SISR<\/span><\/div>\r\n <div class=\"info-row\">\ud83d\udcc5 <span><strong>Promotion :<\/strong> 2024 \u2013 2026<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"contact-card\">\r\n <h2>Envoyer un message<\/h2>\r\n <div class=\"form-grid\">\r\n <div class=\"form-group\">\r\n <label>Nom<\/label>\r\n <input type=\"text\" id=\"nom\" placeholder=\"Votre nom\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <label>Email<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"votre@email.com\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"form-group\" style=\"margin-bottom:14px;\">\r\n <label>Sujet<\/label>\r\n <input type=\"text\" id=\"sujet\" placeholder=\"Objet de votre message\">\r\n <\/div>\r\n <div class=\"form-group\" style=\"margin-bottom:14px;\">\r\n <label>Message<\/label>\r\n <textarea id=\"message\" placeholder=\"Votre message...\"><\/textarea>\r\n <\/div>\r\n <button class=\"submit-btn\" onclick=\"sendMsg()\">\u2709\ufe0f Envoyer le message<\/button>\r\n <div class=\"success-msg\" id=\"success\">\u2705 Merci ! Votre client mail va s'ouvrir pour finaliser l'envoi.<\/div>\r\n <\/div>\r\n \r\n \r\n <div class=\"contact-card\">\r\n <h2>Liens directs<\/h2>\r\n <div class=\"social-row\">\r\n <a href=\"mailto:nathan.vitter@outlook.fr\" class=\"social-btn\">\r\n <span class=\"dot\" style=\"background:#2563EB;\"><\/span>\r\n nathan.vitter@outlook.fr\r\n <\/a>\r\n <a href=\"https:\/\/nathanvitter.fr\" class=\"social-btn\">\r\n <span class=\"dot\" style=\"background:#059669;\"><\/span>\r\n nathanvitter.fr\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n<\/div>\r\n \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 \r\n<script>\r\nvar wins = document.querySelectorAll('.win');\r\nsetInterval(function(){\r\n var idx = Math.floor(Math.random() * wins.length);\r\n wins[idx].classList.toggle('lit');\r\n}, 800);\r\n \r\nvar angle = 0;\r\nvar building = document.getElementById('building');\r\nfunction animBuilding(){\r\n angle += 0.3;\r\n building.style.transform = 'rotateX(10deg) rotateY(' + (-20 + Math.sin(angle * Math.PI \/ 180) * 5) + 'deg)';\r\n requestAnimationFrame(animBuilding);\r\n}\r\nanimBuilding();\r\n \r\nfunction sendMsg(){\r\n var nom = document.getElementById('nom').value;\r\n var email = document.getElementById('email').value;\r\n var sujet = document.getElementById('sujet').value;\r\n var msg = document.getElementById('message').value;\r\n if(!nom || !email || !msg){ alert('Veuillez remplir tous les champs obligatoires.'); return; }\r\n var mailto = 'mailto:nathan.vitter@outlook.fr?subject=' + encodeURIComponent(sujet || 'Contact depuis le portfolio') + '&body=' + encodeURIComponent('De: ' + nom + '\\nEmail: ' + email + '\\n\\n' + msg);\r\n window.location.href = mailto;\r\n document.getElementById('success').style.display = 'block';\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact \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":"","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-243","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/243","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=243"}],"version-history":[{"count":10,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/243\/revisions"}],"predecessor-version":[{"id":856,"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/pages\/243\/revisions\/856"}],"wp:attachment":[{"href":"https:\/\/nathanvitter.fr\/index.php\/wp-json\/wp\/v2\/media?parent=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}