@font-face{font-family:Centra;src:url(/_next/static/media/CentraNo2-Bold.45316b93.ttf);font-weight:700}@font-face{font-family:Centra;src:url(/_next/static/media/CentraNo2-Medium.2db8e78c.ttf);font-weight:500}@font-face{font-family:Centra;src:url(/_next/static/media/CentraNo2-Book.2f8c191a.ttf);font-weight:400}html{scroll-behavior:smooth;scroll-padding-top:75px;width:100vw;overflow-x:hidden}@media screen and (min-width:1024px){header{width:100%;height:80px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:transparent;position:fixed;z-index:500;overflow:hidden}header .logo{margin-left:40px;font-family:centra,serif;font-size:20px;color:#fff}header .right{width:60%;height:50px}header .right,header nav{display:flex;flex-direction:row;align-items:center;justify-content:space-around}header nav{width:40%;height:100%}header nav a{font-family:centra,serif;text-decoration:none;color:#6d6d6d;font-weight:400;letter-spacing:.8px;font-size:18px;cursor:pointer}header nav a:hover{color:#fff}header .reseaux{width:200px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}header .reseaux a{width:42px;height:42px;border-radius:50%;border:3px solid gray;display:flex;justify-content:center;align-items:center}header .reseaux a:before{content:"";width:42px;height:42px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}header .reseaux a:hover:before{transform:scale(1)}header .reseaux a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}header .lestCon{width:20%;height:50px;border:3px solid #fff;background-color:transparent;color:#fff;position:relative;cursor:pointer}header .lestCon:before{content:"";width:0;height:100%;position:absolute;background-color:#fff;left:0;top:0;z-index:-1;transition:.3s ease-in-out}header .lestCon a{text-decoration:none;color:#fff}header .lestCon:hover a{color:#121212}header .lestCon:hover:before{content:"";width:100%;height:100%;position:absolute}header .hamburger{visibility:hidden;display:none}.scrolled{background-color:#060606}.active{color:#fff}main{height:3100px;overflow-x:hidden}footer{width:100%;height:450px;background-color:#000;position:relative;display:flex;justify-content:center;align-items:end}.Subscribe{position:absolute;width:90%;height:320px;background-color:#fff;border-radius:55px;top:-30%;left:6%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.Subscribe h3{font-weight:700;letter-spacing:.5px;line-height:34px;font-size:28px;font-family:centra,sans-serif;color:#121212;width:20%}.Subscribe form{width:45%;height:80px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;border-radius:20px;border:1px solid #4a2fbd}.Subscribe input{width:55%;height:45px;color:#121212;font-weight:500;background:transparent;border:0;padding:0 15px}.Subscribe input::placeholder{font-size:20px;font-weight:400;color:hsla(0,0%,7%,.384);font-family:centra,sans-serif;font-weight:500}.Subscribe input:focus{font-size:18px;font-family:centra,sans-serif;outline:none;font-weight:400}.Subscribe button{background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);padding:20px 65px;color:#fff;font-weight:500;letter-spacing:.5px;border-radius:18px;font-size:16px;font-family:centra,sans-serif;line-height:24px}.Copyright{width:100%;height:200px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.Copyright .logo{margin-left:40px;font-family:centra,serif;font-size:20px;color:#fff}.divres{height:100px;flex-direction:column;justify-content:space-between;margin-right:50px}.divres,.reseaux2{display:flex;align-items:center}.reseaux2{width:200px;height:100%;flex-direction:row;justify-content:space-around}.reseaux2 a{width:42px;height:42px;border-radius:50%;border:3px solid gray;display:flex;justify-content:center;align-items:center}.reseaux2 a:before{content:"";width:42px;height:42px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}.reseaux2 a:hover:before{transform:scale(1)}.reseaux2 a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.Reserved{font-weight:400;font-size:14px;color:#b8b8b8;letter-spacing:.5px}}@media screen and (min-width:576px)and (max-width:1023px){header{width:100%;height:80px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;background-color:transparent;position:fixed;z-index:500}header .logo{margin-left:40px;font-family:centra,serif;font-size:15px;color:#fff}header .right{width:60%;height:50px}header .right,header nav{display:flex;flex-direction:row;align-items:center;justify-content:space-around}header nav{width:40%;height:100%}header nav a{font-family:centra,serif;text-decoration:none;color:#6d6d6d;font-weight:400;letter-spacing:.8px;font-size:1.5vw;cursor:pointer}header nav a:hover{color:#fff}header .reseaux{width:15vw;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around}header .reseaux a{width:25px;height:25px;border-radius:50%;border:1px solid gray;display:flex;justify-content:center;align-items:center}header .reseaux a img{width:50%;height:50%}header .reseaux a:before{content:"";width:22px;height:22px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}header .reseaux a:hover:before{transform:scale(1)}header .reseaux a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}header .lestCon{width:15vw;height:35px;border:1px solid #fff;background-color:transparent;color:#fff;position:relative;cursor:pointer}header .lestCon:before{content:"";width:0;height:100%;position:absolute;background-color:#fff;left:0;top:0;z-index:-1;transition:.3s ease-in-out}header .lestCon a{text-decoration:none;color:#fff;font-size:1.5vw}header .lestCon:hover a{color:#121212}header .lestCon:hover:before{content:"";width:100%;height:100%;position:absolute}.scrolled{background-color:#060606}.active{color:#fff}main{width:100%;height:3200px;background-color:red;overflow:hidden}footer{width:100%;height:450px;background-color:#000;position:relative;display:flex;justify-content:center;align-items:end}.Subscribe{position:absolute;width:90%;height:320px;background-color:#fff;border-radius:55px;top:-30%;left:6%;flex-direction:column;justify-content:space-around}.Subscribe,.Subscribe h3{display:flex;align-items:center}.Subscribe h3{font-weight:700;letter-spacing:.5px;line-height:34px;font-size:28px;font-family:centra,sans-serif;color:#121212;width:100%;justify-content:center}.Subscribe form{width:80%;height:80px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;border-radius:20px;border:1px solid #4a2fbd}.Subscribe input{width:55%;height:45px;color:#121212;font-weight:500;background:transparent;border:0;padding:0 15px}.Subscribe input::placeholder{font-size:20px;font-weight:400;color:hsla(0,0%,7%,.384);font-family:centra,sans-serif;font-weight:500}.Subscribe input:focus{font-size:18px;font-family:centra,sans-serif;outline:none;font-weight:400}.Subscribe button{background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);padding:20px 65px;color:#fff;font-weight:500;letter-spacing:.5px;border-radius:18px;font-size:16px;font-family:centra,sans-serif;line-height:24px}.Copyright{width:100%;height:200px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.Copyright .logo{margin-left:40px;font-family:centra,serif;font-size:20px;color:#fff}.divres{height:100px;flex-direction:column;justify-content:space-between;margin-right:50px}.divres,.reseaux2{display:flex;align-items:center}.reseaux2{width:200px;height:100%;flex-direction:row;justify-content:space-around}.reseaux2 a{width:42px;height:42px;border-radius:50%;border:3px solid gray;display:flex;justify-content:center;align-items:center}.reseaux2 a:before{content:"";width:42px;height:42px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}.reseaux2 a:hover:before{transform:scale(1)}.reseaux2 a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.Reserved{font-weight:400;font-size:14px;color:#b8b8b8;letter-spacing:.5px}}@media screen and (max-width:575px){header{width:100%;height:50px;display:flex;flex-direction:row;align-items:start;justify-content:space-between;background-color:transparent;position:fixed;z-index:500;background-color:#020101;transform-origin:left 50%;transition:all .3s ease-in;overflow:hidden}header .logo{margin-left:40px;font-family:centra,serif;font-size:15px;color:#fff}header .right{width:60%;height:130px;margin-right:40px;align-items:center;justify-content:space-between;position:absolute;top:50px;left:-12vw}header .hamburger,header .right{display:flex;flex-direction:column}header .hamburger{justify-content:space-around;width:40px;height:30px;margin-right:20px;margin-top:10px}header .hamburger div{width:100%;height:2px;border-radius:50px;background-color:#fff}header nav{width:40%;height:150px;display:flex;flex-direction:column;align-items:start;justify-content:space-around}header nav a{font-family:centra,serif;text-decoration:none;color:#6d6d6d;font-weight:400;letter-spacing:.8px;font-size:3vw;cursor:pointer}header nav a:active{color:#fff}header .reseaux{width:100px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-right:10vw}header .reseaux a{width:25px;height:25px;border-radius:50%;border:1px solid gray;display:flex;justify-content:center;align-items:center}header .reseaux a img{width:50%;height:50%}header .reseaux a:before{content:"";width:22px;height:22px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}header .reseaux a:hover:before{transform:scale(1)}header .reseaux a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}header .lestCon{width:150px;height:35px;border:1px solid #fff;background-color:transparent;color:#fff;position:absolute;top:80px;left:40vw;cursor:pointer}header .lestCon:before{content:"";width:0;height:100%;position:absolute;background-color:#fff;left:0;top:0;z-index:-1;transition:.3s ease-in-out}header .lestCon a{text-decoration:none;color:#fff;font-size:1.5vw}header .lestCon:hover a{color:#121212}header .lestCon:hover:before{content:"";width:100%;height:100%;position:absolute}#header_hieght{width:100%;height:180px}.scrolled{background-color:#060606}.active{color:#fff}main{width:100%;height:4800px;background-color:red;overflow:hidden}footer{width:100%;height:450px;background-color:#000;position:relative;display:flex;justify-content:center;align-items:end}.Subscribe{position:absolute;width:90%;height:310px;background-color:#fff;border-radius:55px;top:-30%;left:6%;flex-direction:column;justify-content:space-around}.Subscribe,.Subscribe h3{display:flex;align-items:center}.Subscribe h3{width:100%;font-weight:700;letter-spacing:.5px;line-height:34px;font-size:28px;font-family:centra,sans-serif;color:#121212;justify-content:center}.Subscribe form{width:80%;height:80px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;border-radius:20px;border:1px solid #4a2fbd}.Subscribe input{width:55%;height:45px;color:#121212;font-weight:500;background:transparent;border:0;padding:0 15px}.Subscribe input::placeholder{font-size:20px;font-weight:400;color:hsla(0,0%,7%,.384);font-family:centra,sans-serif;font-weight:500}.Subscribe input:focus{font-size:18px;font-family:centra,sans-serif;outline:none;font-weight:400}.Subscribe button{background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);padding:20px 65px;color:#fff;font-weight:500;letter-spacing:.5px;border-radius:18px;font-size:16px;font-family:centra,sans-serif;line-height:24px}.Copyright{width:100%;height:200px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.Copyright .logo{margin-left:40px;font-family:centra,serif;font-size:20px;color:#fff}.divres{height:100px;flex-direction:column;justify-content:space-between;margin-right:50px}.divres,.reseaux2{display:flex;align-items:center}.reseaux2{width:200px;height:100%;flex-direction:row;justify-content:space-around}.reseaux2 a{width:42px;height:42px;border-radius:50%;border:3px solid gray;display:flex;justify-content:center;align-items:center}.reseaux2 a:before{content:"";width:42px;height:42px;position:absolute;background-color:#fff;border-radius:50%;transform:scale(0);transition:.3s ease-in-out}.reseaux2 a:hover:before{transform:scale(1)}.reseaux2 a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(7%) saturate(98%) hue-rotate(346deg) brightness(95%) contrast(86%)}.Reserved{font-weight:400;font-size:14px;color:#b8b8b8;letter-spacing:.5px}}@media screen and (min-width:1024px){.bannier{background-image:url(/_next/static/media/banner-bg.57955af7.png);background-position:top;background-repeat:repeat;height:900px;color:#fff;flex-direction:column;padding:260px 0 100px}.bannier,.bannier .welcom{width:100%;display:flex;align-items:center}.bannier .welcom{flex-direction:row;justify-content:space-around;height:95%}.bannier .presentation{width:60%;height:100%;display:flex;flex-direction:column;justify-content:space-around;margin-left:50px}.bannier .portfolio{width:280px;height:30px;display:flex;align-items:center;padding:8px 10px;background:linear-gradient(90.21deg,rgba(170,54,124,.5) -5.91%,rgba(74,47,189,.5) 111.58%);border:1px solid hsla(0,0%,100%,.5);font-size:20px;font-family:centra,serif}.bannier .name,.bannier .portfolio{font-weight:700;letter-spacing:.8px}.bannier .name{position:relative;word-wrap:break-word;width:100%;font-size:45px;line-height:1;margin-top:-40px}.bannier .data-change{height:100%;width:max-content;border-right:.08em solid #666}.bannier .paragraph{font-size:18px;line-height:27px;color:#b8b8b8;font-family:centra,sans-serif;margin-top:-30px;width:90%}.bannier .Connect{letter-spacing:.8px;display:flex;width:180px;justify-content:space-around;background-color:transparent;transform:translateX(0);transform:translateY(-20px);transition:transfrom 1s;text-decoration:none;cursor:pointer}.bannier .Connect,.bannier .Connect p{color:#fff;font-weight:700;font-size:20px}.bannier .Connect p{font-family:centra,sans-serif;line-height:30px}.bannier .Connect img{font-size:25px;margin-left:10px;transition:.3s ease-in-out;line-height:1}.bannier .Connect:hover img{transform:translateX(30px)}@keyframes cursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}.bannier .header-img{width:80%;height:80%;animation:svgAnimete 3s linear infinite}@keyframes svgAnimete{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}.skill{width:70%;height:700px;background:#151515;border-radius:64px;text-align:center;padding:70px 60px;margin-top:-50px;transform:translateY(60px);display:flex;flex-direction:column;justify-content:space-around}.skill img{width:50%}.skill h5{margin-top:10px}}@media screen and (min-width:576px)and (max-width:1024px){.bannier{background-image:url(/_next/static/media/banner-bg.57955af7.png);background-position:top;background-repeat:repeat;height:900px;color:#fff;flex-direction:column;padding:260px 0 100px}.bannier,.bannier .welcom{width:100%;display:flex;align-items:center}.bannier .welcom{transform:translateY(-25px);flex-direction:row}.bannier .presentation,.bannier .welcom{justify-content:space-around;height:100%}.bannier .presentation{width:60%;display:flex;flex-direction:column;margin-left:50px}.bannier .portfolio{width:70%;max-width:280px;height:30px;display:flex;align-items:center;padding:8px 10px;background:linear-gradient(90.21deg,rgba(170,54,124,.5) -5.91%,rgba(74,47,189,.5) 111.58%);border:1px solid hsla(0,0%,100%,.5);font-size:1.8vw;font-family:centra,serif}.bannier .name,.bannier .portfolio{font-weight:700;letter-spacing:.8px}.bannier .name{position:relative;word-wrap:break-word;width:100%;font-size:3vw;line-height:25px;margin-top:-50px}.bannier .data-change{height:100%;width:max-content;border-right:.08em solid #666}.bannier .paragraph{font-size:1.5vw;line-height:20px;color:#b8b8b8;font-family:centra,sans-serif;margin-top:-60px;width:90%}.bannier .Connect{letter-spacing:.8px;display:flex;width:180px;justify-content:space-around;background-color:transparent;transform:translateX(0);transform:translateY(-20px);transition:transfrom 1s;text-decoration:none;cursor:pointer}.bannier .Connect,.bannier .Connect p{color:#fff;font-weight:700;font-size:20px}.bannier .Connect p{font-family:centra,sans-serif;line-height:30px}.bannier .Connect img{font-size:25px;margin-left:10px;transition:.3s ease-in-out;line-height:1}.bannier .Connect:hover img{transform:translateX(30px)}@keyframes cursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}.bannier .header-img{max-width:1000px;width:100%;height:70%;margin-right:-200px;animation:svgAnimete 3s linear infinite}@keyframes svgAnimete{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}.skill{width:70%;height:700px;background:#151515;border-radius:64px;text-align:center;padding:70px 60px;margin-top:-50px;transform:translateY(60px);display:flex;flex-direction:column;justify-content:space-around}.skill img{width:50%}.skill h5{margin-top:10px}}@media screen and (max-width:575px){.bannier{background-image:url(/_next/static/media/banner-bg.57955af7.png);background-position:top;background-repeat:repeat;height:1200px;color:#fff;padding:260px 0 100px}.bannier,.bannier .welcom{width:100%;display:flex;flex-direction:column;align-items:center}.bannier .welcom{transform:translateY(-60px);justify-content:space-around;height:100%}.bannier .presentation{width:100%;height:400px;display:flex;flex-direction:column;justify-content:space-around}.bannier .portfolio{width:70%;max-width:300px;height:40px;display:flex;align-items:center;padding:8px 10px;background:linear-gradient(90.21deg,rgba(170,54,124,.5) -5.91%,rgba(74,47,189,.5) 111.58%);border:1px solid hsla(0,0%,100%,.5);font-size:3vw;font-family:centra,serif}.bannier .name,.bannier .portfolio{font-weight:700;letter-spacing:.8px}.bannier .name{position:relative;word-wrap:break-word;width:100%;font-size:7vw;line-height:40px;margin-top:-1px}.bannier .data-change{height:100%;width:max-content;border-right:.08em solid #666}.bannier .paragraph{font-size:3vw;color:#b8b8b8;font-family:centra,sans-serif;margin-top:-30px;width:90%}.bannier .Connect{letter-spacing:.8px;display:flex;width:180px;justify-content:space-around;background-color:transparent;transform:translateX(0);transition:transfrom 1s;text-decoration:none;cursor:pointer}.bannier .Connect,.bannier .Connect p{color:#fff;font-weight:700;font-size:20px}.bannier .Connect p{font-family:centra,sans-serif;line-height:30px}.bannier .Connect img{font-size:25px;margin-left:10px;transition:.3s ease-in-out;line-height:1}.bannier .Connect:hover img{transform:translateX(30px)}@keyframes cursor{0%{opacity:1}50%{opacity:0}to{opacity:1}}.bannier .header-img{max-width:1000px;width:80%;height:70%;margin-right:-200px;animation:svgAnimete 3s linear infinite}@keyframes svgAnimete{0%{transform:translateY(-20px)}50%{transform:translateY(20px)}to{transform:translateY(-20px)}}.skill{width:70%;height:700px;background:#151515;border-radius:64px;text-align:center;padding:70px 60px;margin-top:-50px;transform:translateY(60px);display:flex;flex-direction:column;justify-content:space-around}.skill img{width:50%}.skill h5{margin-top:10px}}@media screen and (min-width:1024px){.projets{width:100%;height:1000px;background-color:#000;color:#fff;justify-content:center}.projets,.projets #center{display:flex;flex-direction:column;align-items:center}.projets #center{width:90vw;height:800px}.projets h3{font-family:centra,serif;line-height:54px;font-size:45px;font-weight:700;color:#fff}.projets .exemple_projet{width:80%;margin-top:25px;font-family:centra,serif;color:#b8b8b8;font-size:18px;line-height:1.5em;letter-spacing:.8px;text-align:center}.projets .barProjets{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px}.projets .barProjets nav{display:flex;align-items:center;flex-direction:row;width:70%;height:60px;border:2px solid #fff;border-radius:50px;background-color:hsla(0,0%,100%,.1);margin:0 auto;overflow:hidden;cursor:pointer}.projets .barProjets p{background-color:transparent;border-radius:0;padding:17px 0;color:#fff;width:100%;letter-spacing:.8px;position:relative;transition:.3s ease-in-out;text-align:center;z-index:0;font-family:Centra,sans-serif;font-weight:500;font-size:17px}.projets .barProjets p:first-child,.projets .barProjets p:nth-child(2){border-right:2px solid #fff}.projets .barProjets p:before{content:"";position:absolute;width:0;height:100%;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);top:0;left:0;z-index:-1;transition:.3s ease-in-out;transform-origin:left center}.projets .barProjets .active:before{width:100%}.projets .listProjets{width:90%;height:80%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);margin-top:30px;grid-gap:20px;gap:20px}.projets .listProjets .cardProjets{border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.projets .cardProjets img{width:100%;height:100%}.projets .titleProjets{position:absolute;width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.projets .titleProjets:before{content:"";background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);opacity:.85;position:absolute;width:100%;height:0%;top:0;transition:.4s ease-in-out}.projets .titleProjets:hover:before{height:100%}.projets .titleProjets:hover h4,.projets .titleProjets:hover span{animation:fadeInUp;animation-duration:1s;opacity:1}.titleProjets span,h4{z-index:200}.titleProjets h4{font-size:30px;width:100%;font-weight:700;color:#fff;line-height:33px;margin-bottom:20px;font-family:centra,serif;opacity:0}.titleProjets span{font-size:15px;font-weight:400;color:#fff;line-height:23px;opacity:0}}@media screen and (min-width:576px)and (max-width:1024px){.projets{width:100%;height:1100px;background-color:#000;color:#fff;justify-content:start}.projets,.projets #center{display:flex;flex-direction:column;align-items:center}.projets #center{width:90vw;height:800px;justify-content:space-between}.projets h3{font-family:centra,serif;line-height:54px;font-size:45px;font-weight:700;color:#fff}.projets .exemple_projet{width:80%;font-family:centra,serif;color:#b8b8b8;font-size:15px;line-height:1.5em;letter-spacing:.8px;text-align:center}.projets .barProjets{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px}.projets .barProjets nav{flex-direction:row;width:70%;border:2px solid #fff;border-radius:50px;background-color:hsla(0,0%,100%,.1);margin:0 auto;overflow:hidden;cursor:pointer}.projets .barProjets nav,.projets .barProjets p{display:flex;align-items:center;justify-content:center;height:60px}.projets .barProjets p{background-color:transparent;border-radius:0;color:#fff;width:100%;font-size:17px;letter-spacing:.8px;font-weight:500;position:relative;transition:.3s ease-in-out;text-align:center;z-index:0;font-family:Centra,sans-serif}.projets .barProjets p:first-child,.projets .barProjets p:nth-child(2){border-right:2px solid #fff}.projets .barProjets p:before{content:"";position:absolute;width:0;height:100%;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);top:0;left:0;z-index:-1;transition:.3s ease-in-out;transform-origin:left center}.projets .barProjets .active:before{width:100%}.projets .listProjets{width:90%;height:80%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);margin-top:30px;grid-gap:20px;gap:20px}.projets .cardProjets{border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.projets .cardProjets img{width:100%;height:100%}.projets .titleProjets{position:absolute;width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.projets .titleProjets:before{content:"";background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);opacity:.85;position:absolute;width:100%;height:0%;top:0;transition:.4s ease-in-out}.projets .titleProjets:hover:before{height:100%}.projets .titleProjets:hover h4,.projets .titleProjets:hover span{animation:fadeInUp;animation-duration:1s;opacity:1}.titleProjets span,h4{z-index:200}.titleProjets h4{font-size:30px;width:100%;font-weight:700;color:#fff;line-height:33px;margin-bottom:20px;font-family:centra,serif;opacity:0}.titleProjets span{font-size:15px;font-weight:400;color:#fff;line-height:23px;opacity:0}}@media screen and (max-width:575px){.projets{width:100%;height:1900px;background-color:#000;color:#fff;justify-content:start}.projets,.projets #center{display:flex;flex-direction:column;align-items:center}.projets #center{width:90vw;height:800px;justify-content:space-between}.projets h3{font-family:centra,serif;line-height:54px;font-size:45px;font-weight:700;color:#fff}.projets .exemple_projet{width:80%;font-family:centra,serif;color:#b8b8b8;font-size:15px;line-height:1.5em;letter-spacing:.8px;text-align:center}.projets .barProjets{width:100%;height:1500px;display:flex;flex-direction:column;align-items:center;margin-top:30px}.projets .barProjets nav{flex-direction:row;width:70%;border:2px solid #fff;border-radius:50px;background-color:hsla(0,0%,100%,.1);margin:0 auto;overflow:hidden;cursor:pointer}.projets .barProjets nav,.projets .barProjets p{display:flex;align-items:center;justify-content:center;height:60px}.projets .barProjets p{background-color:transparent;border-radius:0;color:#fff;width:100%;font-size:17px;letter-spacing:.8px;font-weight:500;position:relative;transition:.3s ease-in-out;text-align:center;z-index:0;font-family:Centra,sans-serif}.projets .barProjets p:first-child,.projets .barProjets p:nth-child(2){border-right:2px solid #fff}.projets .barProjets p:before{content:"";position:absolute;width:0;height:100%;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);top:0;left:0;z-index:-1;transition:.3s ease-in-out;transform-origin:left center}.projets .barProjets .active:before{width:100%}.projets .listProjets{width:90%;height:95%;display:flex;flex-direction:column;align-items:center;margin-top:30px;gap:10px}.projets .cardProjets{width:80vw;height:80vw;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}.projets .cardProjets img{width:100%;height:100%}.projets .titleProjets{position:absolute;width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.projets .titleProjets:before{content:"";background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);opacity:.85;position:absolute;width:100%;height:0%;top:0;transition:.4s ease-in-out}.projets .titleProjets:hover:before{height:100%}.projets .titleProjets:hover h4,.projets .titleProjets:hover span{animation:fadeInUp;animation-duration:1s;opacity:1}.titleProjets span,h4{z-index:200}.titleProjets h4{font-size:30px;width:100%;font-weight:700;color:#fff;line-height:33px;margin-bottom:20px;font-family:centra,serif;opacity:0}.titleProjets span{font-size:15px;font-weight:400;color:#fff;line-height:23px;opacity:0}}@media screen and (min-width:1024px){.contact{width:100vw;height:820px;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);display:flex;flex-direction:row;justify-content:space-around;align-items:center}.contact img{width:50vw;height:50vh;margin-top:-20%}.contact .divform{width:50vw;height:600px;display:flex;flex-direction:column;align-items:safe;justify-content:flex-start;margin-top:-20%}.contact .formContact{width:95%;height:95%;display:flex;flex-direction:column;justify-content:space-around}.contact .formContact label{font-family:centra,sans-serif;font-weight:700;font-size:45px;line-height:54px;color:#fff}.contact .email,.contact .name{width:100%;height:70px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.contact .email input,.contact .name input{width:47%;height:100%;border:1px solid hsla(0,0%,100%,.5);border-radius:20px;background:hsla(0,0%,100%,.1);padding-left:10px;font-weight:500;font-size:18px;letter-spacing:.8px;transition:.3s ease-in-out}.contact .formContact input:focus,.contact textarea:focus{background:#fff;color:#121212;outline:none}.contact .formContact input::placeholder,.contact .formContact textarea::placeholder{font-size:16px;font-weight:400;color:#fff}.contact .formContact input:focus::placeholder,.contact .formContact textarea:focus::placeholder{color:#121212;opacity:.8}.contact .message{width:96%;background:#000;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;color:#fff;margin:0 0 8px;padding:12px 10px;font-weight:500;letter-spacing:.8px}.contact .message,.contact .submitBtn{font-size:18px;transition:.3s ease-in-out}.contact .submitBtn{width:140px;font-weight:700;color:#000;background-color:#fff;padding:14px 48px;margin-top:25px;border-radius:0;position:relative;cursor:pointer}.contact .submitBtn:before{content:"";background:#121212;width:0;height:100%;position:absolute;top:0;left:0;z-index:0;transition:.3s ease-in-out;cursor:pointer}.contact .submitBtn span{z-index:1;position:relative;font-size:18px;font-family:centra,sans-serif;font-weight:700}.contact .submitBtn:hover{color:#fff}.contact .submitBtn:hover:before{width:100%}}@media screen and (min-width:576px)and (max-width:1024px){.contact{width:100vw;height:900px;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);display:flex;flex-direction:row;justify-content:space-around;align-items:center}.contact img{width:40vw;height:50vh;margin-top:-50%}.contact .divform{width:60vw;height:600px;display:flex;flex-direction:column;align-items:safe;justify-content:flex-start;margin-top:-50%}.contact .formContact{width:95%;height:95%;display:flex;flex-direction:column;justify-content:space-around}.contact .formContact label{font-family:centra,sans-serif;font-weight:700;font-size:45px;line-height:54px;color:#fff}.contact .email,.contact .name{width:100%;height:70px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.contact .email input,.contact .name input{width:47%;height:100%;border:1px solid hsla(0,0%,100%,.5);border-radius:20px;background:hsla(0,0%,100%,.1);padding-left:10px;font-weight:500;font-size:18px;letter-spacing:.8px;transition:.3s ease-in-out}.contact .formContact input:focus,.contact textarea:focus{background:#fff;color:#121212;outline:none}.contact .formContact input::placeholder,.contact .formContact textarea::placeholder{font-size:16px;font-weight:400;color:#fff}.contact .formContact input:focus::placeholder,.contact .formContact textarea:focus::placeholder{color:#121212;opacity:.8}.contact .message{width:96%;background:#000;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;color:#fff;margin:0 0 8px;padding:12px 10px;font-weight:500;letter-spacing:.8px}.contact .message,.contact .submitBtn{font-size:18px;transition:.3s ease-in-out}.contact .submitBtn{width:140px;font-weight:700;color:#000;background-color:#fff;padding:14px 48px;margin-top:25px;border-radius:0;position:relative;border:0 solid transparent;cursor:pointer}.contact .submitBtn:before{content:"";background:#121212;width:0;height:100%;position:absolute;top:0;left:0;z-index:0;transition:.3s ease-in-out;cursor:pointer}.contact .submitBtn span{z-index:1;position:relative;font-size:18px;font-family:centra,sans-serif;font-weight:700}.contact .submitBtn:hover{color:#fff}.contact .submitBtn:hover:before{width:100%}}@media screen and (max-width:575px){.contact{width:100vw;height:1400px;background:linear-gradient(90.21deg,#aa367c -5.91%,#4a2fbd 111.58%);display:flex;flex-direction:column;justify-content:space-around;align-items:center}.contact img{width:80vw;height:300px;margin-top:-50%}.contact .divform{width:100vw;height:800px;margin-top:-80%}.contact .divform,.contact .formContact{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact .formContact{width:95%;height:95%}.contact .formContact label{font-family:centra,sans-serif;font-weight:700;font-size:45px;line-height:54px;color:#fff;margin-bottom:10px}.contact .email,.contact .name{width:100vw;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px}.contact .email input,.contact .name input{width:90vw;height:100%;border:1px solid hsla(0,0%,100%,.5);border-radius:20px;background:hsla(0,0%,100%,.1);padding-left:10px;font-weight:500;font-size:18px;letter-spacing:.8px;transition:.3s ease-in-out}.contact .email{margin-top:10px}.contact .formContact input:focus,.contact textarea:focus{background:#fff;color:#121212;outline:none}.contact .formContact input::placeholder,.contact .formContact textarea::placeholder{font-size:16px;font-weight:400;color:#fff}.contact .formContact input:focus::placeholder,.contact .formContact textarea:focus::placeholder{color:#121212;opacity:.8}.contact .message{width:90vw;height:400px;background:#000;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.5);border-radius:20px;color:#fff;margin:10px 0 8px;padding:12px 10px;font-weight:500;letter-spacing:.8px}.contact .message,.contact .submitBtn{font-size:18px;transition:.3s ease-in-out}.contact .submitBtn{width:140px;font-weight:700;color:#000;background-color:#fff;padding:14px 48px;margin-top:25px;border-radius:0;position:relative;border:0 solid transparent;cursor:pointer}.contact .submitBtn:before{content:"";background:#121212;width:0;height:100%;position:absolute;top:0;left:0;z-index:0;transition:.3s ease-in-out;cursor:pointer}.contact .submitBtn span{z-index:1;position:relative;font-size:18px;font-family:centra,sans-serif;font-weight:700}.contact .submitBtn:hover{color:#fff}.contact .submitBtn:hover:before{width:100%}}@media screen and (min-width:1024px){body{width:100vw;height:3550px;background:#080808}*{margin:0;padding:0;border:0}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}}@media screen and (min-width:576px)and (max-width:1024px){body{margin:0;width:100vw;height:max-content}}@media screen and (max-width:575px){body{margin:0;width:100vw;height:max-content}}