@charset "UTF-8";:root{line-height:1.5;font-weight:400;background-color:#fff;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{font-family:Poppins,Calibri,Arial,sans-serif;scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden;width:100vw;position:relative;--couleur-principale: #503AC0;--couleur-secondaire: #322377;--couleur-tertiaire: #a998ff;--couleur-quaternaire: #e9e5ff}@font-face{font-family:Poppins;src:url(/polices/Poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins;font-weight:700;src:url(/polices/Poppins/Poppins-Bold.ttf)}@font-face{font-family:GoodTiming;font-weight:700;src:url(/polices/Good%20Timing/good%20timing%20bd.otf)}#root{margin:0 auto;padding:3%;text-align:left}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#747bff}.sombre a{font-weight:500;color:#646cff;text-decoration:inherit}.sombre a:hover{color:#747bff}body{margin:0;display:flex;color:#213547;place-items:center;min-height:100vh;background-image:linear-gradient(70deg,#c8c8ff80,#e6e6ff80)}body.sombre{color:#e9e5ff;background-image:linear-gradient(70deg,#0a0a64b3,#1e1e64b3)}.clair-affichage{display:block}body.sombre .clair-affichage,.sombre-affichage{display:none}body.sombre .sombre-affichage,.animations-desactives{display:block}body.anime .animations-desactives,.animations-actives{display:none}body.anime .animations-actives{display:block}h1{font-size:3em;line-height:1.1;margin-top:10px;margin-bottom:10px}h2{font-size:2em;margin-top:10px;margin-bottom:10px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#fff;background-color:var(--couleur-principale);cursor:pointer;transition:all .25s}button:hover{background-color:var(--couleur-tertiaire)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media screen and (max-width: 500px){h1{font-size:2em}h2{font-size:1.5em}}@media screen and (max-width: 500px){h1{font-size:1.5em}h2{font-size:1.2em}}main section{margin:50px 5px;padding:30px;background-color:#fafafab3;box-shadow:16px 16px 30px #00000080,-8px -8px 20px #0000001a;border-radius:30px}.anime main section.section-animee{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.anime main section.section-animee.section-visible{opacity:1;transform:translateY(0)}.sombre main section{background-color:#050505b3}.lien-section,.lien-page{position:relative;top:-100px}.popup{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center;background-color:#64646480}.popup h1{cursor:default}.popup .fenetre-popup{max-width:90%;max-height:90%;padding:30px;margin:3%;box-shadow:16px 16px 30px #00000080,-8px -8px 20px #0000001a;border-radius:30px;background-color:#f5f5ff}.popup .fenetre-popup .popup-en-tete{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px}.popup .fenetre-popup .popup-en-tete .bouton-fermer{display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;background:transparent;border:none;padding:10px;border-radius:5px;transition:all .5s;width:50px;height:50px}.popup .fenetre-popup .popup-en-tete .bouton-fermer:hover{background-color:#c8c8e680}.popup .fenetre-popup .popup-en-tete .bouton-fermer:focus{background-color:#9696c880}.popup .fenetre-popup .popup-en-tete .bouton-fermer .barre-croix-1,.popup .fenetre-popup .popup-en-tete .bouton-fermer .barre-croix-2{height:5px;width:100%;background-color:#000;border-radius:5px}.popup .fenetre-popup .popup-en-tete .bouton-fermer .barre-croix-1{transform-origin:center;transform:translateY(13px) rotate(-45deg)}.popup .fenetre-popup .popup-en-tete .bouton-fermer .barre-croix-2{transform-origin:center;transform:translateY(-12px) rotate(45deg)}.popup .fenetre-popup .contenu-fenetre div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.sombre .popup{background-color:#32323280}.sombre .popup .fenetre-popup{background-color:#0a0a1e}.sombre .popup .fenetre-popup .popup-en-tete .bouton-fermer:hover{background-color:#c8c8e680}.sombre .popup .fenetre-popup .popup-en-tete .bouton-fermer:focus{background-color:#9696c880}.sombre .popup .fenetre-popup .popup-en-tete .bouton-fermer .barre-croix-1,.sombre .popup .fenetre-popup .popup-en-tete .bouton-fermer .barre-croix-2{background-color:#fff}#accueil{margin:0;padding:0;background-color:transparent;box-shadow:none;height:calc(100vh - 50px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#accueil h1{font-family:GoodTiming;font-size:70px}@media screen and (max-width: 500px){#accueil h1{font-size:50px}}@media screen and (max-width: 300px){#accueil h1{font-size:30px}}#accueil h2{font-size:30px}@media screen and (max-width: 500px){#accueil h2{font-size:20px}}@media screen and (max-width: 300px){#accueil h2{font-size:10px}}#accueil h1,#accueil h2{background:linear-gradient(90deg,var(--couleur-principale),var(--couleur-secondaire));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sombre #accueil h1,.sombre #accueil h2{background:linear-gradient(90deg,var(--couleur-tertiaire),var(--couleur-quaternaire));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.presentation div{display:flex;flex-direction:row;justify-content:space-between;gap:50px}.presentation .profil{width:300px;height:300px;border-radius:30px;box-shadow:16px 16px 30px #00000080,-8px -8px 20px #0000001a}@media screen and (max-width: 700px){.presentation .profil{width:150px;height:150px}}@media screen and (max-width: 500px){.presentation div{display:flex;flex-direction:column;justify-content:flex-start}.presentation .profil{width:70vw;height:auto}}.parcours>div{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width: 1000px){.parcours>div{display:flex;flex-direction:column;justify-content:flex-start;gap:50px}}.parcours>div .parcours-chronologique{position:relative}.parcours>div .parcours-chronologique:before{content:"";position:absolute;top:0;left:10px;width:10px;margin-top:100px;height:calc(100% - 100px);background-color:var(--couleur-principale);border-radius:10px}@media screen and (max-width: 500px){.parcours>div .parcours-chronologique:before{margin-top:50px}}.parcours>div .parcours-chronologique .elt-parcours{display:flex;flex-direction:row;justify-content:space-between;margin-top:50px}.parcours>div .parcours-chronologique .elt-parcours:before{content:"";position:absolute;margin-top:10px;width:20px;height:20px;background-color:var(--couleur-principale);border:5px solid white;border-radius:20px}.parcours>div .parcours-chronologique .elt-parcours.en-cours:before{content:"";position:absolute;margin-top:10px;width:20px;height:20px;background-color:#fff;border:5px solid var(--couleur-principale);border-radius:20px}.parcours>div .parcours-chronologique .elt-parcours h1{font-size:20px}.parcours>div .parcours-chronologique .elt-parcours h2{font-size:16px}.parcours>div .parcours-chronologique .elt-parcours div{margin-left:50px}.parcours>div .parcours-chronologique .elt-parcours img{max-width:500px;width:70%}@media screen and (max-width: 500px){.parcours>div .parcours-chronologique .elt-parcours{display:flex;flex-direction:column;justify-content:flex-start}}.sombre .parcours>div .parcours-chronologique .elt-parcours:before{border:5px solid black}.sombre .parcours>div .parcours-chronologique .elt-parcours.en-cours:before{background-color:#fff;border:5px solid var(--couleur-principale)}.competences .liste-competences .competence{border:5px solid var(--couleur-secondaire);border-radius:10px;padding:10px;margin:10px}.competences .liste-competences .competence h1{font-size:20px}.competences .liste-competences .competence h2{font-size:14px}.competences .liste-competences .competence .competence-titre{display:flex;flex-direction:row;justify-content:space-between}.competences .liste-competences .competence .liste-projets-competence{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.competences .liste-competences .competence .liste-projets-competence .projet-associe{background-color:var(--couleur-principale);padding:5px 10px;border-radius:5px;color:#fff;transition:all .5s}.competences .liste-competences .competence .liste-projets-competence .projet-associe:hover{background-color:var(--couleur-tertiaire)}.technologies .liste-technologies{margin-bottom:50px}.technologies .liste-technologies>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.technologies .liste-technologies>div .technologie{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100px;height:100px;padding:10px;border-radius:10px;background-color:var(--couleur-principale)}.technologies .liste-technologies>div .technologie>div{display:flex;flex-direction:column;justify-content:center;align-items:center}.technologies .liste-technologies>div .technologie .techno-avec-texte img{max-width:50px;max-height:50px}.technologies .liste-technologies>div .technologie .techno-avec-texte p{color:#fff;font-size:20px;font-weight:700;margin:0}.technologies .liste-technologies>div .technologie .techno-sans-texte img{max-width:80px;max-height:80px}#section-technologies .technologie{margin:10px;padding:10px}.langage{display:flex;flex-direction:column-reverse;justify-content:flex-end;align-items:center;gap:10px;padding:30px;width:64px;height:70px}.langage div{min-width:64px;min-height:64px}.langage img{max-width:64px;max-height:64px}.projets>div .liste-projets .projet{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;margin-top:30px;margin-bottom:30px}.projets>div .liste-projets .projet h1{font-size:20px}.projets>div .liste-projets .projet h2{font-size:16px}.projets>div .liste-projets .projet h3{font-size:14px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px}.projets>div .liste-projets .projet .projet-action{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.projets>div .liste-projets .projet .competence-associee{background-color:var(--couleur-principale);padding:5px 10px;border-radius:5px;color:#fff;transition:all .5s}.projets>div .liste-projets .projet .competence-associee:hover{background-color:var(--couleur-tertiaire)}.projets>div .liste-projets .projet .technologie-utilisee{background-color:var(--couleur-quaternaire);padding:5px 10px;border-radius:5px}.projets>div .liste-projets .projet .diaporamaRealisations{width:30vw;margin:auto;position:relative;overflow:hidden;transition:all 1s}.projets>div .liste-projets .projet .imageRealisation{display:grid;grid-auto-flow:column}.projets>div .liste-projets .projet .imageRealisation .image-projet{width:30vw!important;height:100%;display:grid;justify-content:center;align-items:center;text-align:center}.projets>div .liste-projets .projet .imageRealisation .image-projet img{max-width:30vw;max-height:25vw}.projets>div .liste-projets .projet .imageRealisationPrecedente,.projets>div .liste-projets .projet .imageRealisationSuivante{cursor:pointer;color:#fff;position:absolute;top:50%;transform:translateY(-50%);padding:16px;border-radius:3px;background:#00000080;transition:all .3s}.projets>div .liste-projets .projet .imageRealisationSuivante{right:0}.projets>div .liste-projets .projet .imageRealisationPrecedente:hover,.projets>div .liste-projets .projet .imageRealisationSuivante:hover{background:#000c}.projets>div .liste-projets .projet .lienImageRealisation{cursor:pointer;height:15px;width:15px;border-radius:50%;margin:10px 2px 0;display:inline-block;background:#ddd;transition:all .3s}.projets>div .liste-projets .projet .imageRealisationActive,.projets>div .liste-projets .projet .lienImageRealisation:hover{background:#717171}.projets>div .liste-projets .projet .diaporamaListePoints{text-align:center}@media screen and (max-width: 1000px){.projets>div .liste-projets .projet{display:flex;flex-direction:column;gap:10px}.projets>div .liste-projets .projet .diaporamaRealisations{width:70vw;margin:auto;position:relative;overflow:hidden;transition:all 1s}.projets>div .liste-projets .projet .imageRealisation .image-projet{width:70vw!important}.projets>div .liste-projets .projet .imageRealisation .image-projet img{max-width:70vw;max-height:50vw}}.sombre .projets>div .liste-projets .projet .competence-associee{background-color:var(--couleur-principale);color:#fff}.sombre .projets>div .liste-projets .projet .competence-associee:hover{background-color:var(--couleur-tertiaire)}.sombre .projets>div .liste-projets .projet .technologie-utilisee{background-color:var(--couleur-secondaire)}.sombre .projets>div .liste-projets .projet .imageRealisationPrecedente,.sombre .projets>div .liste-projets .projet .imageRealisationSuivante{color:#fff;background:#00000080}.sombre .projets>div .liste-projets .projet .imageRealisationPrecedente:hover,.sombre .projets>div .liste-projets .projet .imageRealisationSuivante:hover{background:#000c}.sombre .projets>div .liste-projets .projet .lienImageRealisation{background:#717171}.sombre .projets>div .liste-projets .projet .imageRealisationActive,.sombre .projets>div .liste-projets .projet .lienImageRealisation:hover{background:#ddd}.fond{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:#fff;z-index:-2}.sombre .fond{background-color:#000}.anime .carre>span{animation:animation-carre-apparition 5s ease-out forwards,animation-carre-haut-bas 20s infinite ease-in-out;animation-delay:0s,5s}@keyframes animation-carre-apparition{0%{opacity:0;transform:scale(.7) translateY(-50px)}20%{opacity:0;transform:scale(.9) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes animation-carre-haut-bas{0%{transform:translateY(0)}50%{transform:translateY(50px)}to{transform:translateY(0)}}header{position:fixed;left:0;top:0;z-index:1;height:80px;margin-top:0;padding-left:10px;padding-right:10px;width:calc(100vw - 20px);display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#f5f5ff;box-shadow:10px 5px 5px #6464641a}header>div{display:flex;flex-direction:row;align-items:center}header>div .bouton-parametres{padding:10px;background:transparent;border-radius:5px;margin-left:10px;margin-right:10px;transition:all .5s}header>div .bouton-parametres:hover{background-color:#c8c8e680}header>div .bouton-parametres:focus{background-color:#9696c880}header>div .bouton-parametres img{width:30px;height:30px}@media screen and (max-width: 1000px){header>div{align-items:flex-start;width:100%}header>div .bouton-parametres{position:fixed;top:15px;right:20px;margin-left:0;margin-right:0}}header #bouton-menu-nav{display:none}header h1{text-decoration:none;cursor:pointer;margin:15px}header h1 img{height:50px}@media screen and (max-width: 350px){header h1 img{margin-top:10px;margin-bottom:10px;height:30px}}header h1 a{text-decoration:none;font-weight:400;font-size:30px;color:#000;display:flex;flex-direction:row;gap:10px;align-items:center;transition:all .5s}@media screen and (max-width: 350px){header h1 a{font-size:15px}}header nav ul{list-style:none;padding:0;display:flex;flex-direction:row}header nav ul li a{border-radius:5px;text-decoration:none;color:#000;cursor:pointer;padding:16px;transition:all .5s}header nav ul li a:hover{color:var(--couleur-principale);background-color:#c8c8e680}header nav ul li a:focus{background-color:#9696c880}@media screen and (max-width: 1000px){header{display:flex;flex-direction:column;--taille-header-ouvert: 440px}header.header-ouvert{animation-duration:.5s;animation-name:ouvrir-header;height:var(--taille-header-ouvert)}header.header-ferme{animation-duration:.5s;animation-name:fermer-header;height:80px}@keyframes ouvrir-header{0%{height:80px}to{height:var(--taille-header-ouvert)}}@keyframes fermer-header{0%{height:360px}to{height:80px}}@keyframes ouvrir-elt-nav{0%{color:#0000}to{color:#000}}header nav{display:none;padding-top:0;padding-bottom:0;padding-right:0;width:100%}header nav.nav-ouvert{display:inline-block}header nav ul{display:inline-flex;flex-direction:column;width:95%}header nav ul li{width:100%}header nav ul li a{display:inline-block;width:calc(100% - 32px)}header #bouton-menu-nav{position:absolute;left:16px;top:16px;display:inline-block;cursor:pointer;background:transparent;border:none;padding:10px;border-radius:5px;transition:all .5s}header #bouton-menu-nav:hover{background-color:#c8c8e680}header #bouton-menu-nav:focus{background-color:#9696c880}header #bouton-menu-nav>div{height:32px;width:32px;display:flex;flex-direction:column;justify-content:space-between}header #bouton-menu-nav #bar-nav-1,header #bouton-menu-nav #bar-nav-2,header #bouton-menu-nav #bar-nav-3{height:5px;width:100%;background-color:#000;transition:.4s;border-radius:5px}header #bouton-menu-nav #bar-nav-1{transform-origin:center}header #bouton-menu-nav #bar-nav-3{transform-origin:center}header #bouton-menu-nav .ouvert #bar-nav-1{transform:translateY(14px) rotate(-45deg)}header #bouton-menu-nav .ouvert #bar-nav-2{opacity:0}header #bouton-menu-nav .ouvert #bar-nav-3{transform:translateY(-13px) rotate(45deg)}}.sombre header{background-color:#0a0a1e;box-shadow:10px 5px 5px #6464641a}.sombre header>div div:hover{background-color:#c8c8e680}.sombre header>div div:focus{background-color:#9696c880}.sombre header h1 a{color:#fff}.sombre header nav ul li a{color:#fff}.sombre header nav ul li a:hover{color:var(--couleur-tertiaire);background-color:#c8c8e680}.sombre header nav ul li a:focus{background-color:#9696c880}@media screen and (max-width: 1000px){@keyframes ouvrir-elt-nav{0%{color:#fff0}to{color:#fff}}.sombre header #bouton-menu-nav:hover{background-color:#c8c8e680}.sombre header #bouton-menu-nav:focus{background-color:#9696c880}.sombre header #bouton-menu-nav #bar-nav-1,.sombre header #bouton-menu-nav #bar-nav-2,.sombre header #bouton-menu-nav #bar-nav-3{background-color:#fff}}.anime header>div .bouton-parametres{transition:all .5s}.anime header>div .bouton-parametres:focus img{transform:rotate(360deg)}.anime header>div .bouton-parametres img{transition:all 1s}.anime header h1 a{transition:all .5s}.anime header nav ul li a{transition:all .5s}@media screen and (max-width: 1000px){.anime header.header-ouvert{animation-duration:.5s;animation-name:ouvrir-header;height:var(--taille-header-ouvert)}.anime header.header-ferme{animation-duration:.5s;animation-name:fermer-header;height:80px}@keyframes ouvrir-header{0%{height:80px}to{height:var(--taille-header-ouvert)}}@keyframes fermer-header{0%{height:360px}to{height:80px}}@keyframes ouvrir-elt-nav{0%{color:#0000}to{color:#000}}.anime header #bouton-menu-nav{transition:all .5s}.anime header #bouton-menu-nav #bar-nav-1,.anime header #bouton-menu-nav #bar-nav-2,.anime header #bouton-menu-nav #bar-nav-3{transition:.4s}.anime header #bouton-menu-nav #bar-nav-1{transform-origin:center}.anime header #bouton-menu-nav #bar-nav-3{transform-origin:center}.anime header #bouton-menu-nav .ouvert #bar-nav-1{transform:translateY(14px) rotate(-45deg)}.anime header #bouton-menu-nav .ouvert #bar-nav-2{opacity:0}.anime header #bouton-menu-nav .ouvert #bar-nav-3{transform:translateY(-13px) rotate(45deg)}}footer{display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center;height:80px;margin:5px;padding-left:10px;padding-right:10px;border-radius:20px;box-shadow:16px 16px 30px #00000080,-8px -8px 20px #0000001a;background-color:#f0f0ff}.sombre footer{background-color:#1e1e46}