@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@font-face{font-family:camptonBook;src:url(/campton/CamptonBook.otf) format("opentype");font-weight:400;font-style:normal}:root{--white: #FFFDF7;--text: #3B364F;--titre: #09021B}html{overflow-x:hidden}body{position:relative;z-index:-3;overflow-x:hidden;overflow-y:hidden;font-family:camptonBook,Nunito,sans-serif;background:var(--white);height:fit-content;width:100%;font-size:16px;color:var(--text);margin:0;padding:0;padding-inline:4%;box-sizing:border-box}.template{width:100%;height:100%;background-image:url(/images/Homepage.png);background-size:cover;position:absolute;top:0%;left:0%;z-index:50;opacity:51%}h1{font-family:Cinzel Decorative,serif;font-weight:400;font-style:normal;font-size:98px;color:var(--titre);margin:0}h2{font-family:Cinzel Decorative,serif;font-weight:400;font-style:normal;font-size:68px;color:var(--titre);margin:0 0 20px}h3{font-family:Cinzel Decorative,serif;font-weight:400;font-style:normal;font-size:42px;color:var(--titre);margin:0}h4{font-weight:400;font-style:normal;font-size:24px;color:var(--titre);margin:0}a{text-decoration:none;color:var(--text)}.blackButton{border:1px solid black;padding:16px 19px;gap:10px;display:flex;flex-direction:row;align-items:baseline}.blackButton svg{transform:rotate(45deg) translateY(4px);transition:transform .3s ease-in-out}.blackButton:hover svg{transform:rotate(0) translateY(2px)}.arobase{line-height:11px!important}@media only screen and (max-width: 1250px){h1{font-size:83px}h2{font-size:68px}h3{font-size:35px}h4{font-size:20px}}@media only screen and (max-width: 900px){h1{font-size:70px}h2{font-size:64px}.section1{margin-bottom:21%}}@media only screen and (max-width: 750px){h1{font-size:48px}}@media only screen and (max-width: 560px){h2{font-size:48px}h3{font-size:33px}}@media only screen and (max-width: 420px){h2{font-size:40px}.blackButton{padding:10px 11px}}@media only screen and (max-width: 350px){h1{font-size:52px}h2{font-size:32px}h3{font-size:20px}body{font-size:14px}h4{font-size:17px}}@media only screen and (max-width: 230px){h2{font-size:20px}}:root{--bienvenu-text-time: 3.5s;--bienvenu-text-time-latence: .5s;--columns-animation: 5s;--link-text-appear: 5.5s;--text-appear-time: 7.3s;--overflowing: 8s;--speed-of-animation-span: .3s}body{animation:overflowing var(--overflowing) linear}.section1{z-index:-2;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}@keyframes overflowing{0%{overflow-y:hidden}to{overflow-y:hidden}}.bienvenue{text-align:start;width:fit-content;clip-path:border-box;position:absolute;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%)}.bienvenueAnimation{-webkit-animation:bienvenue var(--bienvenu-text-time) var(--bienvenu-text-time-latence) linear!important;-o-animation:bienvenue var(--bienvenu-text-time) var(--bienvenu-text-time-latence) linear!important;animation:bienvenue var(--bienvenu-text-time) var(--bienvenu-text-time-latence) linear!important}@keyframes bienvenue{0%{opacity:1}70%{opacity:1}to{opacity:0}}.section1 .titles{height:fit-content;display:flex;flex-direction:column;align-items:center;clip-path:border-box;position:absolute;top:38%}.section1 .animationsToTitles{-webkit-animation:titles var(--text-appear-time) linear;-o-animation:titles var(--text-appear-time) linear;animation:titles var(--text-appear-time) linear}.section1 h1{text-align:center}.section1 h2{font-size:78px}@keyframes titles{0%{height:0%}90%{height:0%}to{height:30%}}.section1 .columns{z-index:-1;position:absolute;left:50%;top:0%;transform:translate(-50%);width:100%;height:105%;display:flex;flex-direction:row;justify-content:space-between;clip-path:border-box;filter:drop-shadow(-4px 0px 32px rgba(0,0,0,.025)) drop-shadow(4px 0px 32px rgba(0,0,0,.04))}.section1 .columnsAnimations{-webkit-animation:columns var(--columns-animation) linear;-o-animation:columns var(--columns-animation) linear;animation:columns var(--columns-animation) linear}.section1 .columns .column{height:100%;width:15%;background:var(--white);display:flex;flex-direction:column;justify-content:space-between;align-items:end;padding-block:3% 5.5%;box-sizing:border-box;font-size:14px;text-transform:uppercase}.section1 .columns .column .link{display:flex;flex-direction:column;align-items:start;justify-content:center;cursor:pointer;height:37px;z-index:5;-webkit-user-select:none;-ms-user-select:none;user-select:none}.linkTextAppearAnimation{-webkit-animation:linkOpacity var(--link-text-appear) linear;-o-animation:linkOpacity var(--link-text-appear) linear;animation:linkOpacity var(--link-text-appear) linear}.animatedSpan{clip-path:border-box;display:flex;flex-direction:column;height:16px;cursor:pointer}.animatedSpan>div{transform:translateY(-13px);transition:transform var(--speed-of-animation-span) linear;will-change:transfor}.animatedSpan span{display:flex;line-height:16px}.animatedSpan span{-webkit-user-select:none;-ms-user-select:none;user-select:none}.section1 .columns .column .logo{display:flex;flex-direction:column;align-items:start;align-self:start;cursor:pointer;z-index:5}.section1 .columns .column .logoAnimation{-webkit-animation:linkOpacity var(--link-text-appear) linear;-o-animation:linkOpacity var(--link-text-appear) linear;animation:linkOpacity var(--link-text-appear) linear}.section1 .columns .column .mailAndLinkedin{display:flex;flex-direction:row;align-items:start;align-self:start;gap:24px;cursor:pointer;z-index:5}.section1 .columns .column .mailAndLinkedinAnimation{-webkit-animation:linkOpacity var(--link-text-appear) linear;-o-animation:linkOpacity var(--link-text-appear) linear;animation:linkOpacity var(--link-text-appear) linear}.section1 .columns .column .mailAndLinkedin div{display:flex;flex-direction:column;align-items:start}.section1 .columns .whiteBlur1,.section1 .columns .whiteBlur2{width:150%;height:27%;background:var(--white);border-radius:50%;position:absolute;left:0;z-index:3;filter:blur(50px)}.section1 .columns .whiteBlur1{top:0;transform:translateY(-50%) translate(-25%)}.section1 .columns .whiteBlur2{bottom:0;transform:translateY(50%) translate(-25%);display:none}@keyframes columns{0%{height:0%}70%{height:0%}to{height:105%}}@keyframes linkOpacity{0%{opacity:0}95%{opacity:0}to{opacity:100%}}.section1 .elipse1{background:#fffdf7;border-radius:50%;height:50%;width:21%;filter:blur(250px);position:absolute;left:-5%;top:40%;transform:translate(-50%) translateY(-50%)}.section1 .elipse2{background:#fffdf7;border-radius:50%;height:100%;width:10%;filter:blur(80px);position:absolute;right:-27%;top:50%;transform:translate(-50%) translateY(-50%)}.section1 .elipse3{background:#5623fc;border-radius:50%;height:45%;width:45vmin;filter:blur(290px);position:absolute;right:-37%;top:50%;transform:translate(-50%) translateY(-50%)}.section1 .elipse4{background:#f5cb71;border-radius:50%;height:56%;width:80vmin;filter:blur(250px);position:absolute;left:-15%;top:48%;transform:translate(-50%) translateY(-50%)}.navbarResponsive{display:none;flex-direction:row;position:absolute;left:50%;transform:translate(-50%);top:4%;width:84%;justify-content:space-between;z-index:20}.navbarResponsive .link{display:flex;flex-direction:column;align-items:start}.navbarResponsiveOpen{display:none;flex-direction:column;background:bisque;height:103vh;width:100vw;position:absolute;z-index:19;justify-content:center;align-items:center;gap:50px}.navbarResponsiveOpen{text-decoration:underline}@media only screen and (max-width: 900px){.section1 h2{font-size:55px}.section1{margin-bottom:21%}}@media only screen and (max-width: 750px){.section1{margin-bottom:21%}.section1 h2{font-size:44px}}@media only screen and (max-width: 570px){.section1 .columns .column .logo,.section1 .columns .column .mailAndLinkedin,.section1 .columns .column .link,.navbarResponsive{display:none}.section1 .columns{width:203%}.section1 h2{font-size:34px}}@media only screen and (max-width: 350px){.navbarResponsive{width:100%}}.oneProjectSection,.mentionslegales{z-index:-2;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:90vh;gap:32px;padding-top:11vh;overflow-y:hidden}.oneProjectSection .columns,.mentionslegales .columns{z-index:-1;width:100%;height:105%;position:absolute;top:0%;left:0%;display:flex;flex-direction:row;justify-content:space-between}.oneProjectSection .columns .column,.mentionslegales .columns .column{height:100%;width:15%;display:flex;flex-direction:column;justify-content:space-between;align-items:end;padding-block:3% 5.5%;box-sizing:border-box;font-size:14px;text-transform:uppercase}.oneProjectSection .columns .column .link,.mentionslegales .columns .column .link{display:flex;flex-direction:column;align-items:start;cursor:pointer;height:37px;z-index:5}.oneProjectSection .columns .column .animatedSpan,.mentionslegales .columns .column .animatedSpan{clip-path:border-box;display:flex;flex-direction:column;height:16px;cursor:pointer}.oneProjectSection .columns .column .animatedSpan>div,.mentionslegales .columns .column .animatedSpan>div{transform:translateY(-13px);transition:transform var(--speed-of-animation-span) linear;will-change:transfor}.oneProjectSection .columns .column .animatedSpan span,.mentionslegales .columns .column .animatedSpan span{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:flex;line-height:16px}.oneProjectSection .columns .column .logo,.mentionslegales .columns .column .logo{display:flex;flex-direction:column;align-items:start;align-self:start;z-index:5}.elipse{background:#5623fc69;width:50%;height:50%;border-radius:50%;filter:blur(290px);position:absolute;top:50%;right:-9%;z-index:-2}.oneProjectSection>h2{margin:0;text-align:center}.oneProjectSection>p{margin:0;width:38%;text-align:center;font-size:20px}.oneProjectSection>.blackButton{margin-bottom:10px}.oneProjectSection>.imageContainer{display:flex;width:100%;justify-content:space-between}.oneProjectSection>.imageContainer>img{width:30%;object-fit:contain}.oneProjectSection>.imageContainer>img:not(:nth-child(2)){margin-top:-100px}@media only screen and (max-width: 1000px){.oneProjectSection>p{width:69%}.oneProjectSection{padding-top:20vh}.oneProjectSection>.imageContainer{flex-direction:column;align-items:center;gap:30px}.oneProjectSection>.imageContainer>img:not(:nth-child(2)){margin-top:0}.oneProjectSection>.imageContainer>img{width:59%}}@media only screen and (max-width: 570px){.oneProjectSection .navbarResponsive{display:flex}.oneProjectSection>p{width:100%}.oneProjectSection>.imageContainer>img{width:100%}.oneProjectSection .columns .column .logo,.oneProjectSection .columns .column .link{display:none}}.section2{display:none;flex-direction:column;align-items:center;position:relative;margin-bottom:10%}.section2 h2{margin-bottom:40px;letter-spacing:-4px}.section2 .line{height:fit-content;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:48px}.section2 .line>img{width:33%;height:100%;object-fit:contain}.section2 .line>div{width:29%;display:flex;flex-direction:column;gap:28px}.section2 .line [class^=bloc]{background:#fcf9f7b3;display:flex;flex-direction:column;align-items:center;width:86%;height:fit-content;box-sizing:border-box;border-radius:18px;padding:7% 8%;text-align:justify}.section2 .line .bloc1{padding-block:62px}.section2 .line .bloc1 p{text-align:left}.section2 .line .bloc1 p,.section2 .line .bloc3 p,.section2 .line .bloc4 p{font-size:24px;position:relative}.section2 .line .bloc1 p:after{content:"";position:absolute;bottom:-8px;left:0%;width:100%;background:#a172f9;height:2px}.section2 .elipse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;width:490px;height:451px;flex-shrink:0;border-radius:490px;background:#5623fc99;filter:blur(350px)}@media only screen and (max-width: 1250px){.section2 .line .bloc1 p,.section2 .line .bloc3 p,.section2 .line .bloc4 p{font-size:21px}}@media only screen and (max-width: 1250px){.section3 .line1 [class^=head],.section3 .line2 [class^=bodyContent]{width:32%}}@media only screen and (max-width: 930px){.section2 .line{flex-direction:column}.section2{margin-bottom:21%}.section2 .line>div{width:77%}.section2 .line>div:last-child{align-items:center}.section2 .line>div:first-child{flex-direction:row;justify-content:space-around;align-items:stretch;margin-bottom:72px;flex-wrap:wrap}.section2 .line .bloc5,.section2 .line .bloc1,.section2 .line .bloc2{width:100%}.section2 .line .bloc3,.section2 .line .bloc4{width:45%!important}.section2 .line>img{width:50%;margin-bottom:72px}}@media only screen and (max-width: 630px){.section2 .line .bloc1 p,.section2 .line .bloc3 p,.section2 .line .bloc4 p{font-size:16px}.section2 .line [class^=bloc]{padding:4%}}@media only screen and (max-width: 450px){.section2 .line>div{width:95%;gap:13px;justify-content:space-around}.section2 .line>img{width:86%}.section2{margin-bottom:40%}}@media only screen and (max-width: 320px){.section2 .line .bloc1 p,.section2 .line .bloc3 p,.section2 .line .bloc4 p{font-size:14px}}.section3{display:none;flex-direction:column;align-items:center;margin-bottom:17%}.section3 h2{letter-spacing:-2px;margin-bottom:-10px}.section3>p{width:50%;text-align:center;margin-bottom:84px}.section3 .line{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin-bottom:16px}.section3 .line [class^=head]{height:fit-content;display:flex;flex-direction:column;align-items:center;background:#fcf9f780;border-radius:18px;padding:28px 96px;position:relative;gap:7px;width:100%;box-sizing:border-box}.section3 .line [class^=bodyContent]{height:fit-content;display:flex;flex-direction:column;align-items:center;border-radius:18px;position:relative;width:100%}.section3 .line [class^=head] h4{text-wrap:nowrap}.section3 .line .column{text-align:center;width:28%;display:flex;flex-direction:column;align-items:center;gap:24px}.section3 .line .elipse{border-radius:387px;background:#5623fc47;filter:blur(100px);flex-shrink:0;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;height:86%}@media only screen and (max-width: 850px){.section3 .line{flex-direction:column;align-items:center}.section3 .line .column{width:70%;margin-bottom:50px}}@media only screen and (max-width: 560px){.section3>p{width:80%;margin-bottom:55px}.section3 .line .column{gap:6px;margin-bottom:25px}}@media only screen and (max-width: 480px){.section3 .line .column{width:95%}.section3>p{margin-bottom:55px}}@media only screen and (max-width: 250px){.section3>p{margin-bottom:11px}}.section4{display:none;flex-direction:column;align-items:center;margin-bottom:21%}.section4 h2{margin-bottom:52px}.section4 .imgContainer{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:60px;cursor:pointer;width:100%}.section4 .imgContainer a{border-radius:10px;width:21%;position:relative;transition:transform .5s linear}.section4 .imgContainer a:hover{transform:scale(1.03)}.section4 .imgContainer img{width:100%;height:100%;object-fit:cover;border-radius:10px}.section4 .imgContainer .elispe{border-radius:387px;background:#5623fc47;filter:blur(80px);flex-shrink:0;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;height:86%}@media only screen and (max-width: 1500px){.section4 .imgContainer a{width:30%}}@media only screen and (max-width: 800px){.section4 .imgContainer a{width:39%}.section4 .imgContainer{gap:34px}}@media only screen and (max-width: 560px){.section4 .imgContainer a{width:75%}}.footer{height:fit-content;width:100%;display:none;flex-direction:column;justify-content:space-between;align-items:center;background:#fcf9f780;border-radius:18px;padding:46px 42px 80px 39px;box-sizing:border-box;position:relative;font-size:20px}.footer h2{font-size:78px;margin:0}.footer .bottom{align-items:flex-end}.footer .top,.footer .bottom{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:fit-content}.footer .top h2,.footer .bottom>div:first-child{width:48%}.footer .top p,.footer .bottom div:last-child{width:40%}.footer .bottom>div:first-child{display:flex;flex-direction:row;justify-content:start;gap:15px}.footer .data{font-size:14px;display:flex;flex-direction:column;text-transform:uppercase}.footer .data span{width:fit-content;text-wrap:nowrap}.footer .bottom>div:last-child .data{margin-top:21px}.footer .mentions{position:absolute;bottom:1%;left:50%;transform:translate(-50%);font-size:14px;color:#0d071b}.footer .elipse{background:#5623fc42;width:100%;height:100%;z-index:-1;position:absolute;top:0%;left:0%;border-radius:50%;filter:blur(350px)}@media only screen and (max-width: 1250px){.footer h2{font-size:68px}}@media only screen and (max-width: 1000px){.footer h2{font-size:62px}}@media only screen and (max-width: 900px){.footer h2{font-size:52px}}@media only screen and (max-width: 800px){.footer{height:fit-content}.footer .top{margin-bottom:50px}.footer .top,.footer .bottom{flex-direction:column}.footer .top h2{width:70%}.footer .top p{width:100%}.footer .bottom{align-items:flex-start}.footer .bottom>div:first-child,.footer .bottom>div:last-child{width:100%;display:flex;flex-direction:column}.footer .bottom>div:last-child .data{width:100%}}@media only screen and (max-width: 460px){.footer{font-size:17px}.footer h2{font-size:41px}}@media only screen and (max-width: 380px){.footer{font-size:14px}.footer h2{font-size:30px}}@media only screen and (max-width: 330px){.footer .data{font-size:12px}}.mentionslegales{display:flex;flex-direction:column;align-items:start}.mentionslegales p{width:40%}.mentionslegales h2{margin-block:60px}@media only screen and (max-width: 1500px){.mentionslegales p{width:64%}}@media only screen and (max-width: 800px){.mentionslegales p{width:90%}}@media only screen and (max-width: 500px){.mentionslegales p{width:100%}}