:root{--blanc: #F2F2F2;--gris: #A49B9B;--noir: #212121;--rouge: #DF4748;--rougeFonce: #A82E2F;--bleu: #1A1A40}html{height:100%;box-sizing:border-box;font-size:16px}body{height:100%}div.interface{min-height:100vh}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}img,picture,svg,video{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.boutons{display:flex;justify-content:start;margin-top:1.5rem}@media (min-width: 480px){.boutons{margin-top:2rem}}@media (min-width: 640px){.boutons{margin-top:2.5rem}}@media (min-width: 768px){.boutons{margin-top:3rem}}@media (min-width: 1024px){.boutons{margin-top:5rem}}@media (min-width: 1200px){.boutons{margin-top:7rem}}.boutons ul{display:flex;justify-content:center;gap:1rem}@media (min-width: 1024px){.boutons ul{gap:1.5rem}}@media (min-width: 1400px){.boutons ul{gap:3rem}}.boutons ul li{display:flex;justify-content:center;align-items:center;list-style:none;background-color:var(--bleu);box-shadow:0 0 0 2px var(--rouge),0 0 0 4px var(--bleu)}.boutons ul li a{display:block;width:100%;height:100%;margin:0;transition:all .1s ease-in-out;padding:.5rem .6rem;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:600;color:var(--blanc);text-align:center;text-decoration:none}@media (min-width: 480px){.boutons ul li a{padding:.5rem 1rem;font-size:1rem}}@media (min-width: 640px){.boutons ul li a{padding:.5rem 1.2rem;font-size:1.15rem}}@media (min-width: 768px){.boutons ul li a{padding:.5rem 1.5rem;font-size:1.25rem}}@media (min-width: 1024px){.boutons ul li a{padding:.5rem 2rem;font-size:1.5rem}}@media (min-width: 1400px){.boutons ul li a{padding:1rem 2.5rem;font-size:2rem}}.boutons ul li a:hover{background-color:var(--rouge);color:var(--blanc)}.rouge{color:var(--rouge)}.outer{position:fixed;top:1rem;right:1rem;z-index:100;padding:.5rem;border-radius:1rem;background-color:var(--rose);cursor:pointer}@media (min-width: 1024px){.outer{top:calc(2rem + 80px);right:2rem}}.outer:hover label{opacity:1!important}.outer:hover .inner:before,.outer:hover .inner:after{transform:translate(-50%,-50%) rotate(0)}.outer:hover .inner:before{top:0}.outer.outer:hover .inner:after{bottom:0}.outer .inner{position:relative;width:100%;text-align:center}.outer .inner:before,.outer .inner:after{content:"";position:absolute;left:0;height:2px;width:inherit;background:var(--blanc);border-radius:2px;transition:all .1s ease-in}.outer .inner:before{top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.outer .inner:after{bottom:50%;left:50%;transform:translate(-50%,50%) rotate(-45deg)}.outer .inner label{cursor:pointer;margin:0;font-family:neulis-sans,sans-serif;font-size:.5em;line-height:4em;text-transform:uppercase;color:var(--blanc);opacity:0;transition:all .1s ease-in}@media (min-width: 1024px){.outer .inner label{font-size:.8em}}nav li.active a{color:var(--rougeFonce)}nav li.active a span:before,nav li.active a span:after{opacity:1}nav li.active a span:first-child:before{top:0;left:0}nav li.active a span:first-child:after{bottom:0;right:0}nav li.active a span:last-child:before{top:0;right:0}nav li.active a span:last-child:after{bottom:0;left:0}nav li a{position:relative}nav li a:hover span:before,nav li a:hover span:after{opacity:1}nav li a:hover span:first-child:before{top:0;left:0}nav li a:hover span:first-child:after{bottom:0;right:0}nav li a:hover span:last-child:before{top:0;right:0}nav li a:hover span:last-child:after{bottom:0;left:0}nav li a span:before,nav li a span:after{content:"";position:absolute;width:10px;height:10px;opacity:0;transition:all .2s ease-in-out}nav li a span:first-child:before{top:10px;left:10px;border-top:3px solid var(--blanc);border-left:3px solid var(--blanc)}nav li a span:first-child:after{bottom:10px;right:10px;border-bottom:3px solid var(--blanc);border-right:3px solid var(--blanc)}nav li a span:last-child:before{top:10px;right:10px;border-top:3px solid var(--blanc);border-right:3px solid var(--blanc)}nav li a span:last-child:after{bottom:10px;left:10px;border-bottom:3px solid var(--blanc);border-left:3px solid var(--blanc)}nav{position:fixed;z-index:1000;bottom:0;left:50%;display:flex;justify-content:center;align-items:center;width:100%;background-color:#a82e2e8f;transform:translate(-50%)}@media (min-width: 1024px){nav{bottom:auto;top:0}}nav ul{display:flex;justify-content:center;gap:1rem;width:100%}@media (min-width: 640px){nav ul{justify-content:space-between;width:90%;max-width:800px}}nav ul li{list-style:none;padding:.5rem 0}@media (min-width: 480px){nav ul li{padding:.625rem .5rem}}@media (min-width: 640px){nav ul li{padding:.75rem .5rem}}@media (min-width: 768px){nav ul li{padding:1rem}}@media (min-width: 1024px){nav ul li{padding:1.25rem}}nav ul li a{display:block;width:100%;height:100%;padding:.5rem 0;text-decoration:none;color:var(--blanc);font-family:neulis-sans,sans-serif;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.1rem;transition:all .1s ease-in-out}@media (min-width: 480px){nav ul li a{padding:.625rem .5rem}}@media (min-width: 640px){nav ul li a{padding:.75rem .5rem}}@media (min-width: 768px){nav ul li a{padding:1rem}}@media (min-width: 1024px){nav ul li a{padding:1.25rem}}@media (min-width: 480px){nav ul li a{font-size:.9rem}}@media (min-width: 768px){nav ul li a{font-size:1rem}}@media (min-width: 1024px){nav ul li a{font-family:neulis-sans,sans-serif;font-weight:500;font-size:1.5rem}}nav ul li a:hover{color:var(--rougeFonce)}@media (min-width: 1024px){nav ul li a:hover{color:var(--bleu)}}.header__informations{position:relative;z-index:2;grid-area:2/2/3/3}.header__informations h1{font-family:neulis-sans,sans-serif;font-size:2.5rem;color:var(--blanc)}@media (min-width: 480px){.header__informations h1{font-size:3rem;font-weight:500}}@media (min-width: 640px){.header__informations h1{font-size:4.25rem}}@media (min-width: 768px){.header__informations h1{font-size:5rem;font-weight:600}}@media (min-width: 1024px){.header__informations h1{font-size:7rem}}@media (min-width: 1200px){.header__informations h1{font-size:min(2rem + 6vw,10rem);font-weight:700}}@media (min-width: 480px){.header__informations h1{font-size:5rem;font-weight:700}}@media (min-width: 640px){.header__informations h1{font-size:6rem}}@media (min-width: 768px){.header__informations h1{font-size:7rem;font-weight:800}}@media (min-width: 1024px){.header__informations h1{font-size:11rem}}@media (min-width: 1200px){.header__informations h1{font-size:min(2rem + 12vw,20rem);font-weight:900}}.header__informations h2{font-family:neulis-sans,sans-serif;font-size:2.5rem;color:var(--blanc);margin-top:-.5rem}@media (min-width: 480px){.header__informations h2{font-size:3rem;font-weight:500}}@media (min-width: 640px){.header__informations h2{font-size:4.25rem}}@media (min-width: 768px){.header__informations h2{font-size:5rem;font-weight:600}}@media (min-width: 1024px){.header__informations h2{font-size:7rem}}@media (min-width: 1200px){.header__informations h2{font-size:min(2rem + 6vw,10rem);font-weight:700}}@media (min-width: 480px){.header__informations h2{margin-top:-1rem}}@media (min-width: 768px){.header__informations h2{margin-top:-1.5rem}}@media (min-width: 1024px){.header__informations h2{margin-top:-2rem}}@media (min-width: 1200px){.header__informations h2{margin-top:-2.5rem}}.header__informations h3{margin-top:.8rem;font-family:neulis-sans,sans-serif;font-size:1rem;font-weight:600;font-style:italic;color:var(--blanc)}@media (min-width: 480px){.header__informations h3{font-size:1.2rem}}@media (min-width: 768px){.header__informations h3{font-size:1.4rem}}@media (min-width: 1024px){.header__informations h3{font-size:1.6rem}}@media (min-width: 1200px){.header__informations h3{font-size:1.8rem}}@media (min-width: 480px){.header__informations h3{font-size:1.25rem}}@media (min-width: 640px){.header__informations h3{font-size:1.5rem}}@media (min-width: 768px){.header__informations h3{font-size:1.75rem}}@media (min-width: 1024px){.header__informations h3{font-size:2.5rem}}@media (min-width: 1200px){.header__informations h3{font-size:min(2.5rem + 1.5vw,3rem);font-weight:400}}.header__informations h3:before{content:"";display:inline-block;width:1rem;height:2px;margin-right:.5rem;border-radius:2px;background-color:var(--blanc);transform:translateY(-3px)}@media (min-width: 480px){.header__informations h3:before{width:1.5rem;transform:translateY(-5px)}}@media (min-width: 640px){.header__informations h3:before{transform:translateY(-6px)}}@media (min-width: 768px){.header__informations h3:before{transform:translateY(-7px)}}@media (min-width: 1024px){.header__informations h3:before{transform:translateY(-10px)}}@media (min-width: 1200px){.header__informations h3:before{transform:translateY(-14px)}}header{position:relative;z-index:1;display:grid;grid-template-columns:12vw 1fr;grid-template-rows:12vw 1fr;height:350px;background-color:var(--rouge)}@media (min-width: 480px){header{height:450px}}@media (min-width: 640px){header{grid-template-columns:14vw 1fr;grid-template-rows:14vw 1fr;height:500px}}@media (min-width: 768px){header{grid-template-columns:16vw 1fr;grid-template-rows:16vw 1fr;height:700px}}@media (min-width: 1024px){header{grid-template-columns:100px 1fr;grid-template-rows:100px 1fr;height:900px}}@media (min-width: 1200px){header{grid-template-columns:120px 1fr;grid-template-rows:120px 1fr;height:100vh}}@media (min-width: 1600px){header{grid-template-columns:175px 1fr;grid-template-rows:175px 1fr}}header .header_musique{position:absolute;z-index:1;top:0;right:0;height:100%}header .header_musique img{height:100%;width:100%}header .header__img{position:absolute;z-index:5;bottom:0;right:0;width:40%;max-width:70vh}@media (min-width: 768px){header .header__img{width:50%}}header .header__img img{width:100%;height:100%}header .header__coin{position:absolute;z-index:10;background-color:var(--bleu)}header .header__coin .header__coin__inner{position:relative}header .header__coin .header__coin__inner:after,header .header__coin .header__coin__inner:before{content:"";position:absolute;background-color:var(--blanc)}header .header__coin.header__coinUn{top:.5rem;left:.5rem}@media (min-width: 768px){header .header__coin.header__coinUn{top:1rem;left:1rem}}header .header__coin.header__coinUn .header__coin__inner:after{top:-2px;right:0;height:100px;width:2px}@media (min-width: 640px){header .header__coin.header__coinUn .header__coin__inner:after{height:125px}}@media (min-width: 768px){header .header__coin.header__coinUn .header__coin__inner:after{height:150px}}@media (min-width: 1024px){header .header__coin.header__coinUn .header__coin__inner:after{height:200px;width:4px;top:-4px}}@media (min-width: 1200px){header .header__coin.header__coinUn .header__coin__inner:after{height:250px}}header .header__coin.header__coinUn .header__coin__inner:before{bottom:0;left:-2px;height:2px;width:100px}@media (min-width: 640px){header .header__coin.header__coinUn .header__coin__inner:before{width:125px}}@media (min-width: 768px){header .header__coin.header__coinUn .header__coin__inner:before{width:150px}}@media (min-width: 1024px){header .header__coin.header__coinUn .header__coin__inner:before{width:200px;height:4px;left:-4px}}@media (min-width: 1200px){header .header__coin.header__coinUn .header__coin__inner:before{width:250px}}header .header__coin.header__coinDeux{bottom:.5rem;right:.5rem}@media (min-width: 768px){header .header__coin.header__coinDeux{bottom:1rem;right:1rem}}header .header__coin.header__coinDeux .header__coin__inner:after{bottom:-2px;left:0;height:100px;width:2px}@media (min-width: 640px){header .header__coin.header__coinDeux .header__coin__inner:after{height:125px}}@media (min-width: 768px){header .header__coin.header__coinDeux .header__coin__inner:after{height:150px}}@media (min-width: 1024px){header .header__coin.header__coinDeux .header__coin__inner:after{height:200px;width:4px;bottom:-4px}}@media (min-width: 1200px){header .header__coin.header__coinDeux .header__coin__inner:after{height:250px}}header .header__coin.header__coinDeux .header__coin__inner:before{top:0;right:-2px;height:2px;width:100px}@media (min-width: 640px){header .header__coin.header__coinDeux .header__coin__inner:before{width:125px}}@media (min-width: 768px){header .header__coin.header__coinDeux .header__coin__inner:before{width:150px}}@media (min-width: 1024px){header .header__coin.header__coinDeux .header__coin__inner:before{width:200px;height:4px;right:-4px}}@media (min-width: 1200px){header .header__coin.header__coinDeux .header__coin__inner:before{width:250px}}.apropos{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%}@media (min-width: 768px){.apropos{width:50%}}.apropos h3{font-family:neulis-sans,sans-serif;font-size:2rem;font-weight:600;color:var(--blanc)}@media (min-width: 480px){.apropos h3{font-size:2.5rem}}@media (min-width: 768px){.apropos h3{font-size:3rem}}@media (min-width: 1024px){.apropos h3{font-size:4rem}}@media (min-width: 1200px){.apropos h3{font-size:5rem}}.apropos>h4{margin-top:.2rem;font-family:neulis-sans,sans-serif;font-size:1rem;font-weight:600;color:var(--blanc)}@media (min-width: 480px){.apropos>h4{font-size:1.2rem}}@media (min-width: 768px){.apropos>h4{font-size:1.4rem}}@media (min-width: 1024px){.apropos>h4{font-size:1.6rem}}@media (min-width: 1200px){.apropos>h4{font-size:1.8rem}}.apropos p{margin-top:1rem;position:relative;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:500;color:var(--blanc);line-height:1.1}.apropos p:before{content:"";position:absolute;top:50%;left:-1.5rem;width:2px;height:100px;background-color:var(--blanc);transform:translateY(-50%)}@media (min-width: 480px){.apropos p{font-size:1rem}}@media (min-width: 768px){.apropos p{font-size:1.2rem}}@media (min-width: 1024px){.apropos p{font-size:1.4rem}}@media (min-width: 1200px){.apropos p{font-size:1.6rem}}@media (min-width: 480px){.apropos p{margin-top:1.5rem}}@media (min-width: 768px){.apropos p{margin-top:2rem}}@media (min-width: 1024px){.apropos p{margin-top:2.5rem}}@media (min-width: 1200px){.apropos p{margin-top:3rem}}.apropos .apropos__boutons li{background-color:var(--blanc);box-shadow:0 0 0 2px var(--bleu),0 0 0 4px var(--rouge)}.apropos .apropos__boutons li a{color:var(--rouge)}.photos{position:relative;width:calc(100% - 2rem);aspect-ratio:1/1}@media (min-width: 768px){.photos{width:50%}}.photos>*{position:absolute;top:0;left:0;width:100%;height:100%}.photos>*>div{position:relative;width:100%;height:100%}.photos>*>div:before{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 1rem);height:calc(100% + 1rem);border:2px solid var(--rouge);transform:translate(-50%,-50%)}@media (min-width: 1024px){.photos>*>div:before{border:4px solid var(--rouge)}}.photos>* img{width:100%;height:100%;object-fit:cover}.photos .photos_un{z-index:10;width:50%;height:60%}.photos .photos_un>div img{object-position:50% 0}.photos .photos_deux{top:4rem;left:auto;right:0;z-index:5;width:55%;height:50%}.photos .photos_deux>div img{object-position:50% 50%}.photos .photos_trois{top:auto;bottom:0;left:3rem;z-index:1;width:55%;height:60%}.photos .photos_trois>div img{object-position:50% 100%}.moi{display:flex;justify-content:center;position:relative;width:100%;margin-bottom:5rem}@media (min-width: 480px){.moi{margin-bottom:7rem}}@media (min-width: 640px){.moi{margin-bottom:8rem}}@media (min-width: 768px){.moi{margin-bottom:10rem}}@media (min-width: 1024px){.moi{margin-bottom:12rem}}@media (min-width: 1200px){.moi{margin-bottom:16rem}}.moi>.moi__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;max-width:1500px;padding-inline:1rem}@media (min-width: 480px){.moi>.moi__inner{padding-inline:2rem}}@media (min-width: 768px){.moi>.moi__inner{flex-direction:row-reverse;justify-content:space-between;gap:6rem}}.moi>.moi_musique{display:none;position:absolute;left:0;top:50%;width:15%;max-width:300px;transform:translateY(-50%)}@media (min-width: 768px){.moi>.moi_musique{display:block}}.moi>.moi_musique img{width:100%;height:100%;object-fit:cover}.competences article{display:flex;flex-direction:column;gap:1.5rem;width:min(80%,50ch);position:relative;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:500;color:var(--blanc);line-height:1.1}.competences article:before{content:"";position:absolute;top:50%;left:-1.5rem;width:2px;height:100px;background-color:var(--blanc);transform:translateY(-50%)}@media (min-width: 480px){.competences article{font-size:1rem}}@media (min-width: 768px){.competences article{font-size:1.2rem}}@media (min-width: 1024px){.competences article{font-size:1.4rem}}@media (min-width: 1200px){.competences article{font-size:1.6rem}}@media (min-width: 768px){.competences article:nth-of-type(odd){align-self:flex-start;margin-left:1.5rem}.competences article:nth-of-type(2n){align-self:flex-end;margin-right:1.5rem}}@media (min-width: 1024px){.competences article{gap:2rem}}.competences article ul{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem}.competences article ul li{list-style:none}.competences{z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;margin-bottom:5rem}@media (min-width: 480px){.competences{margin-bottom:7rem}}@media (min-width: 640px){.competences{margin-bottom:8rem}}@media (min-width: 768px){.competences{margin-bottom:10rem}}@media (min-width: 1024px){.competences{margin-bottom:12rem}}@media (min-width: 1200px){.competences{margin-bottom:16rem}}.competences .logiciels{position:relative;display:flex;justify-content:center;width:100%}.competences .logiciels .competences__musique{position:absolute;top:50%;right:0;z-index:1;width:15%;max-width:300px;transform:translateY(50%);rotate:180deg}.competences .logiciels .competences__musique img{width:100%;height:100%;object-fit:cover}.competences .logiciels .logiciels__inner{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);align-items:center;justify-items:center;gap:.5rem;max-width:800px;margin-top:4rem}@media (min-width: 480px){.competences .logiciels .logiciels__inner{width:90%}}@media (min-width: 768px){.competences .logiciels .logiciels__inner{margin-top:5rem}}@media (min-width: 1024px){.competences .logiciels .logiciels__inner{margin-top:6rem}}.competences .logiciels .logiciels__inner>div{width:40px}@media (min-width: 768px){.competences .logiciels .logiciels__inner>div{width:60px}}@media (min-width: 1024px){.competences .logiciels .logiciels__inner>div{width:70px}}.competences .logiciels .logiciels__inner>div>svg{width:100%;height:100%}.competences>.competences_inner{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:1500px;padding-inline:1rem}@media (min-width: 480px){.competences>.competences_inner{padding-inline:2rem}}@media (min-width: 480px){.competences>.competences_inner{gap:3rem}}@media (min-width: 768px){.competences>.competences_inner{gap:4rem}}@media (min-width: 1024px){.competences>.competences_inner{gap:5rem}}@media (min-width: 1200px){.competences>.competences_inner{gap:6rem}}@media (min-width: 1400px){.competences>.competences_inner{gap:7rem}}.competences>.competences_inner h3{align-self:center;margin-bottom:.5rem;font-family:neulis-sans,sans-serif;font-size:2rem;font-weight:600;color:var(--blanc)}@media (min-width: 480px){.competences>.competences_inner h3{font-size:2.5rem}}@media (min-width: 768px){.competences>.competences_inner h3{font-size:3rem}}@media (min-width: 1024px){.competences>.competences_inner h3{font-size:4rem}}@media (min-width: 1200px){.competences>.competences_inner h3{font-size:5rem}}@media (min-width: 480px){.competences>.competences_inner h3{margin-bottom:1rem}}@media (min-width: 768px){.competences>.competences_inner h3{margin-bottom:1.5rem}}@media (min-width: 1024px){.competences>.competences_inner h3{margin-bottom:2rem}}@media (min-width: 1200px){.competences>.competences_inner h3{margin-bottom:2.5rem}}@media (min-width: 1400px){.competences>.competences_inner h3{margin-bottom:3rem}}.projets{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;max-width:1500px;padding-inline:1rem}@media (min-width: 480px){.projets{padding-inline:2rem}}@media (min-width: 768px){.projets{flex-direction:row;justify-content:center;gap:6rem}}.projets .apercu__galerie{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr 1fr;gap:.5rem;width:100%;aspect-ratio:1/1}@media (min-width: 768px){.projets .apercu__galerie{width:40%}}@media (min-width: 1024px){.projets .apercu__galerie{width:50%}}.projets .apercu__galerie>*{position:relative;width:auto;height:auto;background-color:var(--blanc)}.projets .apercu__galerie>* img{position:absolute;width:100%;height:100%;object-fit:cover}.projets .apercu__galerie>:nth-child(1){grid-area:1/1/3/2}.projets .apercu__galerie>:nth-child(2){grid-area:1/2/2/3}.projets .apercu__galerie>:nth-child(3){grid-area:1/3/2/5}.projets .apercu__galerie>:nth-child(4){grid-area:2/2/3/4}.projets .apercu__galerie>:nth-child(5){grid-area:2/4/3/5}.projets .apercu__galerie>:nth-child(6){grid-area:3/1/4/3}.projets .apercu__galerie>:nth-child(7){grid-area:3/3/4/5}.projets .projets__titre{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.projets .projets__titre:before{content:"";position:absolute;top:50%;left:-1.5rem;width:2px;height:100px;background-color:var(--blanc);transform:translateY(-50%)}@media (min-width: 480px){.projets .projets__titre{gap:1.5rem}}@media (min-width: 768px){.projets .projets__titre{gap:2rem}}@media (min-width: 1024px){.projets .projets__titre{gap:3rem}}.projets .projets__titre h3{font-family:neulis-sans,sans-serif;font-size:2rem;font-weight:600;color:var(--blanc)}@media (min-width: 480px){.projets .projets__titre h3{font-size:2.5rem}}@media (min-width: 768px){.projets .projets__titre h3{font-size:3rem}}@media (min-width: 1024px){.projets .projets__titre h3{font-size:4rem}}@media (min-width: 1200px){.projets .projets__titre h3{font-size:5rem}}.projets .projets__titre button{display:flex;justify-content:center;align-items:center;background-color:var(--rouge);border:none;transition:all .1s ease-in-out;box-shadow:0 0 0 2px var(--bleu),0 0 0 4px var(--blanc)}.projets .projets__titre button a{text-decoration:none}.projets .projets__titre button:hover{background-color:var(--blanc)}.projets .projets__titre button:hover a span{color:var(--rouge)}.projets .projets__titre button span{display:flex;justify-content:center;align-items:center;padding:.5rem .6rem;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:600;text-align:center;color:var(--blanc);cursor:pointer;transition:all .1s ease-in-out}@media (min-width: 480px){.projets .projets__titre button span{padding:.5rem 1rem;font-size:1rem}}@media (min-width: 640px){.projets .projets__titre button span{padding:.5rem 1.2rem;font-size:1.15rem}}@media (min-width: 768px){.projets .projets__titre button span{padding:.5rem 1.5rem;font-size:1.25rem}}@media (min-width: 1024px){.projets .projets__titre button span{padding:.5rem 2rem;font-size:1.5rem}}@media (min-width: 1400px){.projets .projets__titre button span{padding:1rem 2.5rem;font-size:2rem}}.contact__formulaire{display:flex;justify-content:center;align-items:center;width:80%;padding:2rem;background-color:var(--blanc)}@media (min-width: 768px){.contact__formulaire{width:50%}}.contact__formulaire>form{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,1fr);gap:1rem;width:100%}.contact__formulaire>form input,.contact__formulaire>form textarea{width:100%;padding:.5rem;position:relative;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:500;color:var(--blanc);line-height:1.1;color:var(--bleu);border:4px solid var(--rouge)}.contact__formulaire>form input:before,.contact__formulaire>form textarea:before{content:"";position:absolute;top:50%;left:-1.5rem;width:2px;height:100px;background-color:var(--blanc);transform:translateY(-50%)}@media (min-width: 480px){.contact__formulaire>form input,.contact__formulaire>form textarea{font-size:1rem}}@media (min-width: 768px){.contact__formulaire>form input,.contact__formulaire>form textarea{font-size:1.2rem}}@media (min-width: 1024px){.contact__formulaire>form input,.contact__formulaire>form textarea{font-size:1.4rem}}@media (min-width: 1200px){.contact__formulaire>form input,.contact__formulaire>form textarea{font-size:1.6rem}}.contact__formulaire>form input:first-of-type{grid-area:1/1/2/2}.contact__formulaire>form input:nth-of-type(2){grid-area:1/2/2/3}.contact__formulaire>form input:nth-of-type(3){grid-area:2/1/3/3}.contact__formulaire>form textarea{grid-area:3/1/7/3;height:200px;resize:none}@media (min-width: 768px){.contact__formulaire>form textarea{height:300px}}@media (min-width: 1024px){.contact__formulaire>form textarea{height:400px}}.contact__formulaire>form input:last-of-type{grid-area:7/1/8/3;width:50%;margin:auto;padding:.5rem 1rem;position:relative;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:500;line-height:1.1;color:var(--blanc);background-color:var(--rouge);border:none;cursor:pointer}.contact__formulaire>form input:last-of-type:before{content:"";position:absolute;top:50%;left:-1.5rem;width:2px;height:100px;background-color:var(--blanc);transform:translateY(-50%)}@media (min-width: 480px){.contact__formulaire>form input:last-of-type{font-size:1rem}}@media (min-width: 768px){.contact__formulaire>form input:last-of-type{font-size:1.2rem}}@media (min-width: 1024px){.contact__formulaire>form input:last-of-type{font-size:1.4rem}}@media (min-width: 1200px){.contact__formulaire>form input:last-of-type{font-size:1.6rem}}.contact__infos{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.contact__infos:before{content:"";position:absolute;top:50%;left:-1.5rem;width:2px;height:100px;background-color:var(--blanc);transform:translateY(-50%)}.contact__infos h3{margin-bottom:.5rem;font-family:neulis-sans,sans-serif;font-size:2rem;font-weight:600;color:var(--blanc)}@media (min-width: 480px){.contact__infos h3{font-size:2.5rem}}@media (min-width: 768px){.contact__infos h3{font-size:3rem}}@media (min-width: 1024px){.contact__infos h3{font-size:4rem}}@media (min-width: 1200px){.contact__infos h3{font-size:5rem}}@media (min-width: 480px){.contact__infos h3{margin-bottom:1rem}}@media (min-width: 768px){.contact__infos h3{margin-bottom:1.5rem}}@media (min-width: 1024px){.contact__infos h3{margin-bottom:2.5rem}}.contact__infos .icones{display:flex;justify-content:space-between;align-items:center;width:100%}.contact__infos .icones .gmail{position:relative;cursor:pointer}.contact__infos .icones .gmail span{position:absolute;bottom:-2rem;left:50%;width:200px;padding:0!important;margin:0!important;color:var(--noir)!important;padding:.5rem .6rem;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:600;color:var(--blanc);text-align:center;transition:all .1s ease-in-out;transform:translate(-50%)}@media (min-width: 480px){.contact__infos .icones .gmail span{padding:.5rem 1rem;font-size:1rem}}@media (min-width: 640px){.contact__infos .icones .gmail span{padding:.5rem 1.2rem;font-size:1.15rem}}@media (min-width: 768px){.contact__infos .icones .gmail span{padding:.5rem 1.5rem;font-size:1.25rem}}@media (min-width: 1024px){.contact__infos .icones .gmail span{padding:.5rem 2rem;font-size:1.5rem}}@media (min-width: 1400px){.contact__infos .icones .gmail span{padding:1rem 2.5rem;font-size:2rem}}@media (min-width: 1024px){.contact__infos .icones .gmail span{bottom:-4rem}}.contact__infos .icones .gmail input{display:none}.contact__infos .icones>div{width:32px;aspect-ratio:1/1}@media (min-width: 480px){.contact__infos .icones>div{width:40px}}@media (min-width: 768px){.contact__infos .icones>div{width:48px}}@media (min-width: 1024px){.contact__infos .icones>div{width:56px}}@media (min-width: 1200px){.contact__infos .icones>div{width:72px}}.contact__infos .icones>div img{width:100%;height:100%}.contact__container{width:100%;padding:5rem 0;background-color:var(--rouge)}@media (min-width: 480px){.contact__container{padding:7rem 0}}@media (min-width: 640px){.contact__container{padding:8rem 0}}@media (min-width: 768px){.contact__container{padding:10rem 0}}@media (min-width: 1024px){.contact__container{padding:12rem 0}}@media (min-width: 1200px){.contact__container{padding:16rem 0}}.contact__container .contact{position:relative;z-index:2;display:flex;justify-content:center;width:100%}.contact__container .contact .contact__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;width:100%;max-width:1500px;padding-inline:1rem}@media (min-width: 480px){.contact__container .contact .contact__inner{padding-inline:2rem}}@media (min-width: 768px){.contact__container .contact .contact__inner{flex-direction:row-reverse;justify-content:center;gap:7.5rem}}.footer__icones{grid-area:2/3/3/4;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.footer__icones>.icones{display:flex;flex-direction:column;padding-inline:10vw;border-left:2px solid var(--blanc)}@media (min-width: 768px){.footer__icones>.icones{gap:1rem}}@media (min-width: 1024px){.footer__icones>.icones{gap:2rem}}@media (min-width: 1200px){.footer__icones>.icones{gap:3rem}}.footer__icones>.icones .gmail{position:relative;cursor:pointer}.footer__icones>.icones .gmail span{position:absolute;bottom:50%;left:calc(100% + .2rem);padding:0!important;margin:0!important;color:var(--rouge)!important;padding:.5rem .6rem;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:600;color:var(--blanc);text-align:center;transition:all .1s ease-in-out;transform:translateY(50%)}@media (min-width: 480px){.footer__icones>.icones .gmail span{padding:.5rem 1rem;font-size:1rem}}@media (min-width: 640px){.footer__icones>.icones .gmail span{padding:.5rem 1.2rem;font-size:1.15rem}}@media (min-width: 768px){.footer__icones>.icones .gmail span{padding:.5rem 1.5rem;font-size:1.25rem}}@media (min-width: 1024px){.footer__icones>.icones .gmail span{padding:.5rem 2rem;font-size:1.5rem}}@media (min-width: 1400px){.footer__icones>.icones .gmail span{padding:1rem 2.5rem;font-size:2rem}}@media (min-width: 640px){.footer__icones>.icones .gmail span{left:calc(100% + .5rem)}}@media (min-width: 768px){.footer__icones>.icones .gmail span{left:calc(100% + .75rem)}}@media (min-width: 1024px){.footer__icones>.icones .gmail span{left:calc(100% + 1rem)}}.footer__icones>.icones .gmail input{display:none}.footer__icones>.icones>div{width:32px;aspect-ratio:1/1}@media (min-width: 480px){.footer__icones>.icones>div{width:40px}}@media (min-width: 768px){.footer__icones>.icones>div{width:48px}}@media (min-width: 1024px){.footer__icones>.icones>div{width:56px}}@media (min-width: 1200px){.footer__icones>.icones>div{width:72px}}.footer__icones>.icones>div img{width:100%;height:100%}footer{position:relative;z-index:1;display:grid;grid-template-columns:12vw 1fr 30vw;grid-template-rows:12vw 1fr 30vw;height:350px;background-color:var(--noir)}@media (min-width: 480px){footer{height:450px}}@media (min-width: 640px){footer{grid-template-columns:14vw 1fr 1fr;grid-template-rows:14vw 1fr 14vw;height:500px}}@media (min-width: 768px){footer{grid-template-columns:16vw 1fr 1fr;grid-template-rows:16vw 1fr 16vw;height:700px}}@media (min-width: 1024px){footer{grid-template-columns:100px 1fr 1fr;grid-template-rows:100px 1fr 100px;height:900px}}@media (min-width: 1200px){footer{grid-template-columns:120px 1fr 1fr;grid-template-rows:120px 1fr 120px;height:100vh}}@media (min-width: 1600px){footer{grid-template-columns:175px 1fr 1fr;grid-template-rows:175px 1fr 175px}}footer div[class^=musique]{position:absolute;width:15%;max-width:180px;opacity:.5}footer .musique__blanc{top:0;left:0}footer .musique__noir{bottom:100%}footer .footer__informations h3{color:var(--rouge)}footer .footer__informations h3:before{background-color:var(--rouge)}footer .footer__informations .footer__informations__boutons li{background-color:var(--blanc);box-shadow:0 0 0 2px var(--noir),0 0 0 4px var(--rouge);transition:all .1s ease-in-out}footer .footer__informations .footer__informations__boutons li:hover{background-color:var(--rouge)}footer .footer__informations .footer__informations__boutons li:hover a{color:var(--blanc)}footer .footer__informations .footer__informations__boutons li a{color:var(--rouge)}.projets_container .outer{top:0;right:0;z-index:1000000000000000000}.projets_container nav{bottom:0!important;top:auto!important;min-height:100px}@media (min-width: 1024px){.projets_container nav{bottom:auto!important;top:0!important}}.projets_container nav ul{display:flex;justify-content:center;gap:0;flex-wrap:wrap;width:100%;max-width:100%}@media (min-width: 768px){.projets_container nav ul{gap:.5rem}}@media (min-width: 1024px){.projets_container nav ul{gap:1rem}}.projets_container nav ul li{text-align:center;line-height:1.1;padding:0}.projets_container nav ul li a{display:flex;justify-content:center;align-items:center;width:min-content;padding:.5rem;font-size:.5rem}@media (min-width: 480px){.projets_container nav ul li a{font-size:.8em}}@media (min-width: 640px){.projets_container nav ul li a{width:100%}}@media (min-width: 768px){.projets_container nav ul li a{font-size:1em}}.projets_container .projets__inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.projets_container .projets__inner h3{font-family:neulis-sans,sans-serif;font-size:2rem;font-weight:600;color:var(--blanc);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin-bottom:2rem}@media (min-width: 480px){.projets_container .projets__inner h3{font-size:2.5rem}}@media (min-width: 768px){.projets_container .projets__inner h3{font-size:3rem}}@media (min-width: 1024px){.projets_container .projets__inner h3{font-size:4rem}}@media (min-width: 1200px){.projets_container .projets__inner h3{font-size:5rem}}@media (min-width: 480px){.projets_container .projets__inner h3{margin-bottom:3rem}}@media (min-width: 768px){.projets_container .projets__inner h3{margin-bottom:4rem}}@media (min-width: 1024px){.projets_container .projets__inner h3{margin-bottom:5rem}}@media (min-width: 1200px){.projets_container .projets__inner h3{margin-bottom:6rem}}.projets_container .projets__inner h3 a{margin-top:1rem;color:var(--rouge);font-size:.3em;text-decoration:none;transition:color .1s ease-in-out}.projets_container .projets__inner h3 a:hover{color:var(--rougeFonce)}@media (min-width: 480px){.projets_container .projets__inner h3 a{font-size:.4em}}@media (min-width: 768px){.projets_container .projets__inner h3 a{font-size:.5em}}.projets_container .projets__inner p{position:relative;font-family:neulis-sans,sans-serif;font-size:.8rem;font-weight:500;color:var(--blanc);line-height:1.1;text-align:center;width:100%;max-width:400px;margin-bottom:1rem}.projets_container .projets__inner p:before{content:"";position:absolute;top:50%;left:-1.5rem;width:2px;height:100px;background-color:var(--blanc);transform:translateY(-50%)}@media (min-width: 480px){.projets_container .projets__inner p{font-size:1rem}}@media (min-width: 768px){.projets_container .projets__inner p{font-size:1.2rem}}@media (min-width: 1024px){.projets_container .projets__inner p{font-size:1.4rem}}@media (min-width: 1200px){.projets_container .projets__inner p{font-size:1.6rem}}@media (min-width: 480px){.projets_container .projets__inner p{margin-bottom:4rem}}.projets_container .projets__inner .projets__images{display:grid;grid-template-columns:calc(50% - .5rem) calc(50% - .5rem);grid-template-rows:auto 1fr;gap:1rem;width:100%;max-width:1500px}.projets_container .projets__inner .projets__images>div img{width:100%;height:100%;object-fit:contain;object-position:top left}.projets_container .projets__inner .frameworks{display:flex;justify-content:space-around;align-items:center;width:100%;max-width:800px;padding:2rem;margin-bottom:3rem}@media (min-width: 480px){.projets_container .projets__inner .frameworks{margin-bottom:4rem}}@media (min-width: 768px){.projets_container .projets__inner .frameworks{margin-bottom:5rem}}@media (min-width: 1024px){.projets_container .projets__inner .frameworks{margin-bottom:6rem}}@media (min-width: 1200px){.projets_container .projets__inner .frameworks{margin-bottom:7rem}}.projets_container .projets__inner .frameworks>div{width:32px;aspect-ratio:1/1}@media (min-width: 480px){.projets_container .projets__inner .frameworks>div{width:40px}}@media (min-width: 768px){.projets_container .projets__inner .frameworks>div{width:48px}}@media (min-width: 1024px){.projets_container .projets__inner .frameworks>div{width:56px}}@media (min-width: 1200px){.projets_container .projets__inner .frameworks>div{width:72px}}.projets_container .projets__inner .frameworks>div img{width:100%;height:100%}div.interface{background-color:var(--bleu)}div.accueil_container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;padding:7rem 0 0}@media (min-width: 480px){div.accueil_container{padding:8rem 0 0}}@media (min-width: 640px){div.accueil_container{padding:9rem 0 0}}@media (min-width: 768px){div.accueil_container{padding:12rem 0 0}}@media (min-width: 1024px){div.accueil_container{padding:14rem 0 0}}@media (min-width: 1200px){div.accueil_container{padding:18rem 0 0}}.projets_container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8rem 1rem;padding-inline:1rem}@media (min-width: 480px){.projets_container{padding-inline:2rem}}@media (min-width: 1024px){.projets_container{padding:14rem 2rem}}html{scroll-behavior:smooth;scroll-padding-top:150px}div.interface:has(.projets_container) header,div.interface:has(.projets_container) footer{display:none}