*{border:none;box-sizing:border-box;font-family:Nunito,sans-serif;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}:root{--light-blue-color:#a3d4f7;--text-color:#f5f7fa;--muted-text:#aabac7}html{overflow:auto;scroll-behavior:smooth}body,html{min-height:100vh}body{overflow:hidden;transition:all .4s ease-in-out}#root{height:100%;position:relative}body{background-color:#081d2c;background-color:var(--main-bg-color)}.containerProjectGalerie{align-items:center;display:flex;flex-direction:column;margin-top:150px;position:relative;width:100vw}.containerProjectGalerie .containerGalerie{display:flex;flex-direction:column;gap:20px;overflow-x:hidden;overflow-y:visible;padding-bottom:50px;padding-top:50px;position:relative;width:100%;z-index:1}.containerGalerie .row{animation:scroll 20s linear infinite;display:flex;gap:15px}.row.reverse{animation-direction:reverse}.containerGalerie:hover .row{animation-play-state:paused}.row .galerieElement{border-radius:10px;flex-shrink:0;height:300px;overflow:hidden;position:relative;transition:all .4s ease-in-out;width:300px;z-index:1}.galerieElement h3{color:#007bff;font-size:1.17em;left:10px;position:absolute;text-shadow:1px 1px 3px #000000b3;top:10px;z-index:2}.galerieElement a.icon{align-items:center;bottom:20px;display:flex;height:50px;justify-content:center;position:absolute;right:15px;transition:all .3s ease-in-out;width:50px}.galerieElement a.icon i{color:#007bff;font-size:40px;transition:all .3s ease-in-out}.galerieElement a.icon i:hover{-webkit-text-stroke:2px #007bff;color:#0000;text-shadow:0 0 25px #007bff;transform:scale(1.2)}.galerieElement img{height:100%;object-fit:cover;width:100%}.galerieElement:hover{box-shadow:0 0 40px #007bff;transform:rotate(5deg) scale(1.05);z-index:2}.containerTitleAllPrjoject{display:flex;margin-top:20px;position:relative}.containerTitleAllPrjoject h2{color:#007bff;font-size:clamp(20px,5vw,50px);text-shadow:0 0 40px #007bff;transition:text-shadow .4s ease-in-out}.containerTitleAllPrjoject:hover h2{text-shadow:0 0 60px #007bff}.containerTitleAllPrjoject p.displayLine{background:#007bff;box-shadow:0 0 40px #007bff;height:5px;left:50%;position:absolute;top:100%;transition:left .4s ease-in-out;width:100%}.containerTitleAllPrjoject:hover p.displayLine{left:0}@media screen and (max-width:1000px){.row .galerieElement{height:250px;width:250px}.galerieElement h3{font-size:.85em}}@media screen and (max-width:500px){.row .galerieElement{height:150px;width:150px}.galerieElement h3{font-size:.6em}.galerieElement a.icon{align-items:center;bottom:15px;display:flex;height:10px;justify-content:center;position:absolute;right:10px;transition:all .3s ease-in-out;width:10px}.galerieElement a.icon i{color:#007bff;font-size:30px;transition:all .3s ease-in-out}.galerieElement a.icon i:hover{-webkit-text-stroke:2px #007bff;color:#0000;text-shadow:0 0 25px #007bff;transform:scale(1.2)}}header{display:flex;left:0;top:0;transition:all .4s ease-in-out;width:100vw;z-index:6}.mobileNavBarIntBtn,header{flex-direction:column;position:fixed}.mobileNavBarIntBtn{border-radius:2px;cursor:pointer;display:none;height:25px;justify-content:space-between;left:10px;top:10px;width:35px;z-index:7}.mobileNavBarIntBtn span{background-color:#000;border-radius:4px;display:flex;height:4px;margin-left:0;position:relative;transition:all .4s ease-in-out;width:100%}.mobileNavBarIntBtn.active span{margin-left:-10%;width:120%}.mobileNavBarIntBtn.active span:first-child{transform:translateY(10px) rotate(45deg)}.mobileNavBarIntBtn.active span:nth-child(2){opacity:0}.mobileNavBarIntBtn.active span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}.navbar{flex-direction:row;height:60px;justify-content:flex-end;padding-bottom:.7px;padding-top:10px;width:100%}.logoContainer,.navbar{display:flex;position:relative}.logoContainer{border-radius:20px;height:180px;margin-left:10px;transition:transform .5s ease,filter .5s ease;width:260px}.logoContainer:hover{filter:drop-shadow(0 0 5px rgba(220,6,137,.2));transform:scale(1.02) rotate(-2.5deg)}.logoContainer img{height:100%;object-fit:cover;width:100%}.searchBarContainer{align-items:center;border:2px solid #007bff;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:space-around;padding:2px;position:relative;width:clamp(190px,15vw,343px)}.searchBarContainer input{background-color:initial;border:none;color:#007bff;height:100%;outline:none;width:100%}.searchBarContainer input,.searchBarContainer input::placeholder{font-family:Tahoma,sans-serif;font-size:14px;font-weight:600;text-align:center;text-shadow:2px 2px 5px #00000080}.searchBarContainer input::placeholder{color:#007bff!important;opacity:1}.navLiksContainer{align-items:center;display:flex;gap:20px;height:100%;margin-right:10px;position:relative}.navLiksContainer .userInteractionContainer{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;position:relative}.navLiksContainer .userInteractionContainer .userProfile{align-items:center;border:2px solid #007bff;border-radius:10px;border-radius:10px 10px 10px 10px;cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:space-around;padding:2px;position:relative;width:170px}.navLiksContainer .userInteractionContainer .userProfile .userLogo{border:1.5px solid #007bff;border-radius:50px;display:flex;height:45px;overflow:hidden;position:relative;width:45px}.navLiksContainer .userInteractionContainer .userProfile .userLogo img,.navLiksContainer .userInteractionContainer .userProfile .userLogo picture img{height:100%;object-fit:cover;width:100%}.navLiksContainer .userInteractionContainer .userProfile .userName{max-width:100px}.navLiksContainer .userInteractionContainer .userProfile .userName,.navLiksContainer a.fixNaveLinks{color:#007bff;display:flex;font-family:Tahoma,sans-serif;font-size:14px;font-weight:600;overflow-wrap:break-word;position:relative;text-align:center;text-shadow:2px 2px 5px #00000080;word-break:break-word}.navLiksContainer a.fixNaveLinks{cursor:pointer;max-width:125px;transition:all .4s ease-in-out}.navLiksContainer a.fixNaveLinks:hover{text-shadow:0 0 40px #007bff}.navLiksContainer a.fixNaveLinks:after{background:#007bff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s ease-out;width:100%}.navbar a.active:after,.navbar a:hover:after{transform:scaleX(1)}.searchBarContainer .hover-box,.userPanierContainer .hover-box,.userProfile .hover-box{display:none;left:10;opacity:0;pointer-events:none;position:absolute;top:-100px;transition:all .3s ease-in-out;z-index:5}.hover-box .hoverContentBox{background:#081d2c;border-radius:15px;box-shadow:0 0 15px 5px #007bff;display:flex;flex-direction:column;gap:5px;margin-top:10px;min-width:180px;position:relative}.hover-box .hoverContentBox .containerelement{border-radius:15px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;min-height:20px;padding-left:10px;padding-right:10px;position:relative}.hover-box .hoverContentBox .containerelement.badElement{cursor:default}.hover-box .hoverContentBox .containerelement.badElement:hover{background:#0000}.hover-box .hoverContentBox .containerelement:hover{background:#0d273a}.hover-box .hoverContentBox .containerelement:first-child{margin-top:5px}.hover-box .hoverContentBox .containerelement:last-child{margin-bottom:5px}.hover-box .hoverContentBox .containerelement span{color:#fff;display:flex;flex:1 1;font-family:Tahoma,sans-serif;font-size:14px;font-weight:600;justify-content:space-between;margin-left:10px;overflow-wrap:break-word;position:relative;text-align:center;text-shadow:2px 2px 5px #00000080;word-break:break-word}.hover-box .hoverContentBox .containerelement.badElement span{color:red}.hover-box .hoverContentBox .containerelement span p{color:#527fdb;text-transform:uppercase}.hover-box .hoverContentBox .containerelement ion-icon{color:#fff;display:flex;font-family:Tahoma,sans-serif;font-size:18.5px;font-weight:600;overflow-wrap:break-word;position:relative;text-align:center;text-shadow:2px 2px 5px #00000080;word-break:break-word}.searchBarContainer .hover-box{width:15vw}.searchBarContainer .hover-box .hoverContentBox,.searchBarContainer .hover-box .hoverContentBox .containerelement{width:100%}.hover-box.active{opacity:1!important;pointer-events:auto;top:95%!important}@media screen and (max-width:1250px){.navLiksContainer .dynamiqueNaveLinksContainer{display:none}}@media screen and (max-width:811px){.mobileNavBarIntBtn{display:flex}header{background:linear-gradient(180deg,#c8c8c8e6,#64646480,#646464cc,#646464);height:100vh;left:-50vw;min-width:223.5px;width:45vw}header.active{left:0}.navbar{align-items:center;flex-direction:column;height:100%;justify-content:normal;padding-bottom:.7px;padding-top:10px;width:100%}.logoContainer{height:120px;margin-left:0;width:120px}.searchBarContainer{align-items:center;border:2px solid #eee;border-radius:10px;flex-direction:row;height:60px;justify-content:space-around;margin-bottom:5px;padding:2px;width:clamp(190px,95%,345px)}.navLiksContainer{align-items:center;display:flex;flex-direction:column-reverse;gap:20px;height:25px;justify-content:space-around;margin-right:0;position:relative}.navLiksContainer .userInteractionContainer{align-items:center;display:flex;flex-direction:row;height:60px;justify-content:center;position:relative}.navLiksContainer .userInteractionContainer .userPanierContainer{align-items:center;border:2px solid #eee;border-radius:10px 0 0 10px;border-right:0 solid #0000;cursor:pointer;display:flex;flex-direction:row;height:100%;justify-content:space-around;padding:2px;position:relative;width:40px}.navLiksContainer a.fixNaveLinks{color:#fff;cursor:pointer;display:flex;font-family:Tahoma,sans-serif;font-size:14px;font-weight:600;max-width:125px;overflow-wrap:break-word;position:relative;text-align:center;text-shadow:2px 2px 5px #00000080;word-break:break-word}.navLiksContainer .dynamiqueNaveLinksContainer{align-items:center;display:flex;flex-direction:column;height:270px;justify-content:space-between;min-width:100%;position:relative}.btnLeft,.btnRight{align-items:center;background:#eee4;border:none;border-radius:25px;box-shadow:0 0 15px 5px #ffffffe6;cursor:pointer;display:flex;font-family:Tahoma,sans-serif;font-family:monospace;font-size:24px;font-weight:800;font-weight:700;height:50px;justify-content:center;opacity:1;position:relative;transform:rotate(90deg);transition:all .4s ease;width:50px}.btnLeft.disable,.btnRight.disable{cursor:default;opacity:0}.btnLeft:hover,.btnRight:hover{background:#ccc;box-shadow:0 0 25px 15px #fff}.dynamicNavLinksContent{align-items:center;height:75%;margin-left:10px;margin-right:10px;max-width:none;min-width:0;min-width:auto;width:100%}.dynamicNavLinksContent .movWarraper{flex-direction:column;gap:30px;transform:translateY(0)}.dynamicNavLinksContent .movWarraper a{color:#fff;cursor:pointer;flex:0 0 auto;font-family:Tahoma,sans-serif;font-size:13.5px;font-weight:600;overflow-wrap:break-word;text-align:center;text-shadow:2px 2px 5px #00000080;width:90px;word-break:break-word}.searchBarContainer .hover-box,.userPanierContainer .hover-box,.userProfile .hover-box{display:none;left:10;opacity:0;pointer-events:none;position:absolute;top:-100px;transition:all .3s ease-in-out;z-index:5}.searchBarContainer .hover-box{left:105%;width:120%}.userPanierContainer .hover-box{left:5%}.hover-box .hoverContentBox{background:#ccc;border-radius:15px;box-shadow:0 0 15px 5px #ffffffe6;display:flex;flex-direction:column;gap:5px;margin-top:10px;min-width:230px;position:relative}.hover-box .hoverContentBox .containerelement{border-radius:15px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;min-height:20px;padding-left:10px;padding-right:10px;position:relative}.hover-box .hoverContentBox .containerelement.badElement{cursor:default}.hover-box .hoverContentBox .containerelement.badElement:hover{background:#0000}.hover-box .hoverContentBox .containerelement:hover{background:#eee4}.hover-box .hoverContentBox .containerelement:first-child{margin-top:5px}.hover-box .hoverContentBox .containerelement:last-child{margin-bottom:5px}.hover-box .hoverContentBox .containerelement span{color:#fff;display:flex;flex:1 1;font-family:Tahoma,sans-serif;font-size:14px;font-weight:600;justify-content:space-between;margin-left:10px;overflow-wrap:break-word;position:relative;text-align:center;text-shadow:2px 2px 5px #00000080;word-break:break-word}.hover-box .hoverContentBox .containerelement.badElement span{color:red}.hover-box .hoverContentBox .containerelement span p{color:#527fdb;text-transform:uppercase}.hover-box .hoverContentBox .containerelement ion-icon{color:#fff;display:flex;font-family:Tahoma,sans-serif;font-size:18.5px;font-weight:600;overflow-wrap:break-word;position:relative;text-align:center;text-shadow:2px 2px 5px #00000080;word-break:break-word}.searchBarContainer .hover-box{width:15vw}.searchBarContainer .hover-box .hoverContentBox,.searchBarContainer .hover-box .hoverContentBox .containerelement{width:100%}.hover-box.active{opacity:1!important;pointer-events:auto;top:95%!important}}@media screen and (max-width:460px){header{left:-100vw}.searchBarContainer .hover-box{left:0}}@media screen and (max-width:225px){header{left:-150vw}}.entePorteFolio{height:100vh;width:100vw}.entePorteFolio,.entePorteFolio .containerFirstPresentation{align-items:center;display:flex;justify-content:center;position:relative}.entePorteFolio .containerFirstPresentation{flex-direction:row;gap:200px;max-height:80%;width:100%}.containerFirstPresentation .containerPresentationImg{display:flex;height:400px;position:relative;width:400px}.containerFirstPresentation .containerPresentationImg img{display:flex;filter:drop-shadow(0 0 12.5px #01cffb)drop-shadow(0 0 20px #01cdfb33)drop-shadow(0 0 30px #01cdfb1a);height:150%;object-fit:contain;position:absolute;top:-130px;transition:filter .4s ease-in-out;width:150%}.containerFirstPresentation .containerPresentationImg:hover img{filter:drop-shadow(0 0 16px #01cffb)drop-shadow(0 0 26px #01cdfb33)drop-shadow(0 0 36px #01cdfb1a)}.containerFirstPresentation .containerPresentationText{display:flex;flex-direction:column;max-width:800px;position:relative}.containerPresentationText h3{color:#fff;font-size:20px;margin:0}.containerPresentationText h1{color:#fff;font-size:40px;margin:5px 0}.containerPresentationText p{color:#fff;font-size:20px;line-height:27px;margin-top:10px}.containerPresentationText h2,.containerPresentationText h2 span{color:#fff;display:flex;flex-direction:row;font-size:30px;gap:10px;margin:0;position:relative}.containerPresentationText h2 span{color:#007bff;text-shadow:0 0 40px #007bff;transition:opacity .5s ease}.containerPresentationText h2 span:after{animation:blink .8s infinite;content:"|";margin-left:5px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.containerPresentationText .link{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:flex-start;margin-top:10px;position:relative;width:100%}.containerPresentationText .link a.icon{height:27.5px;width:27.5px}.containerPresentationText .link a.icon i{color:#007bff;font-size:27.5px;height:100%;transition:all .3s ease-in-out;width:100%}.containerPresentationText .link a.icon:hover i{-webkit-text-stroke:2px #007bff;color:#0000}.containerPresentationText .containerButton{align-items:center;display:flex;flex-direction:row;gap:30px;height:55px;justify-content:flex-start;margin-top:20px;position:relative;width:100%}.containerPresentationText .containerButton button,.containerPresentationText .containerButton button.tr{align-items:center;background-color:initial;border:2px solid #007bff;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18.5px;height:100%;justify-content:center;overflow:hidden;position:relative;width:150px}.containerPresentationText .containerButton button span,.containerPresentationText .containerButton button.tr span{color:#fff;position:relative;transition:color .4s ease-in-out;z-index:1}.containerPresentationText .containerButton button.tr span{color:#007bff}.containerPresentationText .containerButton button.tr:before,.containerPresentationText .containerButton button:before{background-color:#007bff;content:"";height:100%;position:absolute;top:0;width:100%;z-index:0}.containerPresentationText .containerButton button:before{right:0;transition:right .4s ease-in-out}.containerPresentationText .containerButton button.tr:before{left:100%;transition:left .4s ease-in-out}.containerPresentationText .containerButton button.tr:hover span{color:#f0f0f0}.containerPresentationText .containerButton button.tr:hover:before{left:0}.containerPresentationText .containerButton button:hover span{color:#007bff}.containerPresentationText .containerButton button:hover:before{right:100%}@media screen and (max-width:1500px){.entePorteFolio .containerFirstPresentation{flex-direction:column;gap:100px;max-height:100%}.containerFirstPresentation .containerPresentationText{max-width:90%}.containerFirstPresentation .containerPresentationImg{height:250px;width:250px}}@media screen and (max-width:750px){.containerFirstPresentation .containerPresentationImg{margin-left:-50px}.containerPresentationText p{font-size:15px}.containerPresentationText h2,.containerPresentationText h2 span{font-size:20px}.containerFirstPresentation .containerPresentationImg img{top:-80px}.containerFirstPresentation .containerPresentationText{margin-top:-50px}}.aboutContainer{display:column;width:100vw}.aboutContainer,.aboutContainer .aboutSubContainer{align-items:center;flex-direction:row;justify-content:center;position:relative}.aboutContainer .aboutSubContainer{display:flex;gap:2px;height:100%;width:100%}.aboutSubContainer .containerImgLateral,.aboutSubContainer .textContainer{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:50px;position:relative;width:50%}.aboutSubContainer .containerImgLateral{justify-content:center}.textContainer .containerTitleAboutMe{display:flex;margin-bottom:90px;position:relative;width:-webkit-max-content;width:max-content}.textContainer .containerTitleAboutMe h2{color:#007bff;font-size:clamp(20px,5vw,50px);text-shadow:0 0 40px #007bff;transition:text-shadow .4s ease-in-out}.textContainer .containerTitleAboutMe:hover h2{text-shadow:0 0 60px #007bff}.textContainer .containerTitleAboutMe p.displayBare{background:#007bff;box-shadow:0 0 40px #007bff;height:5px;left:50%;position:absolute;top:100%;transition:left .4s ease-in-out;width:100%}.textContainer .containerTitleAboutMe:hover p.displayBare{left:0}.textContainer p{font-size:clamp(14px,.9vw,17px);text-align:center}.containerImgLateral .subContainerImg{background:#0000;border:7px solid #0757ac;height:400px;position:relative;width:600px}.containerImg,.containerImgLateral .subContainerImg{border-radius:15px;box-shadow:0 0 40px #007bff;display:flex}.containerImg{background:pink;border:2px solid #0757ac;bottom:-5%;height:100%;left:-5%;overflow:hidden;position:absolute;width:100%}.containerImg img{height:100%;object-fit:cover;width:100%}@media screen and (max-width:1436px){.aboutContainer .aboutSubContainer{flex-direction:column}.aboutSubContainer .containerImgLateral{display:none}.aboutSubContainer .textContainer{height:100%;padding:70px;width:100%}}@media screen and (max-width:700px){.aboutSubContainer .textContainer{margin-bottom:50px;padding:10px}}.timeline{margin:120px auto;max-width:1200px;padding:40px 0;position:relative;width:90%}.timeline:after{background:linear-gradient(180deg,#007bff,#00d4ff);border-radius:50px;box-shadow:0 0 25px #007bff80;content:"";height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:6px;z-index:-1}.containerParcoure{opacity:0;padding:20px 60px;position:relative;transform:translateY(40px);transition:all .5s ease-in-out;width:50%}.containerParcoure.visible{opacity:1;transform:translateY(0)}.left-containerParcoure{left:0}.right-containerParcoure{left:50%}.containerParcoure img{background:#fff;border-radius:50%;box-shadow:0 0 15px #007bff4d;height:60px;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%);width:60px;z-index:2}.left-containerParcoure img{right:-30px}.right-containerParcoure img{left:-30px}.containerTextParcour{background:#fff;border-radius:12px;box-shadow:0 8px 25px #00000014;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:80px;padding:25px;position:relative;transition:all .5s ease-in-out}.containerTextParcour h2{color:#007bff;font-size:1.2rem;font-weight:700;margin:0 0 10px;text-transform:capitalize;transition:color .3s ease}.containerTextParcour p,.containerTextParcour small{margin:0;max-height:0;opacity:0;overflow:hidden;transition:all .4s ease-in-out}.containerTextParcour p.localit{color:#555;font-weight:500}.containerTextParcour p{color:#666;line-height:1.5}.containerTextParcour.expanded,.containerTextParcour:hover{box-shadow:0 8px 30px #09f;transform:scale(1.03)}.containerTextParcour.expanded h2,.containerTextParcour:hover h2{color:#0056d6}.containerTextParcour.expanded p,.containerTextParcour.expanded small,.containerTextParcour:hover p,.containerTextParcour:hover small{max-height:500px;opacity:1;transition:all .5s ease-in-out}.left-containerParcoure-arrow,.right-containerParcoure-arrow{border:10px solid #0000;height:0;position:absolute;top:50%;transform:translateY(-50%);transition:transform .4s ease-in-out;width:0}.left-containerParcoure-arrow{border-left-color:#fff;right:-20px}.right-containerParcoure-arrow{border-right-color:#fff;left:-20px}.containerParcoure:hover .left-containerParcoure-arrow,.containerParcoure:hover .right-containerParcoure-arrow{transform:translateY(-50%) scale(1.2)}@media (max-width:1000px){.timeline:after{left:30px}.containerParcoure{padding-left:80px;padding-right:25px;width:100%}.containerParcoure img{left:0;right:auto}.left-containerParcoure,.right-containerParcoure{left:0}.left-containerParcoure-arrow,.right-containerParcoure-arrow{border-left-color:#0000;border-right-color:#fff;left:50px;right:auto}}.slider-container{margin-bottom:100px;min-height:300px;overflow:hidden;padding:2rem 0;position:relative;width:100%}.slider-track{animation:scroll 25s linear infinite;display:flex;height:-webkit-max-content;height:max-content;position:relative;width:-webkit-max-content;width:max-content;will-change:transform}.slider-item{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;margin-right:3rem;text-align:center;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.slider-item:hover{transform:scale(1.05)}.slider-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15)) grayscale(80%);height:80px;margin-bottom:.5rem;object-fit:contain;transition:all .3s ease-in-out;width:80px}.slider-name{bottom:15px;color:#007bff;font-size:1rem;opacity:0;position:absolute;transition:all .4s ease-in-out;z-index:-1}.slider-item:hover .slider-name{bottom:-15px;opacity:1;text-shadow:0 0 40px #007bff}.slider-item:hover .slider-logo{filter:drop-shadow(0 0 12.5px #007BFF) grayscale(0)}.slider-container:hover .slider-track{animation-play-state:paused}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.slider-container .containerTitleStack{display:flex;justify-self:center;margin-bottom:100px;position:relative;width:-webkit-max-content;width:max-content}.slider-container .containerTitleStack .title{color:#007bff;font-size:clamp(20px,5vw,45px);text-shadow:0 0 40px #007bff;transition:text-shadow .4s ease-in-out}.slider-container .containerTitleStack p.displayBare{background:#007bff;box-shadow:0 0 40px #007bff;height:5px;position:absolute;right:50%;top:100%;transition:right .4s ease-in-out;width:100%}.slider-container .containerTitleStack:hover .title{text-shadow:0 0 60px #007bff}.slider-container .containerTitleStack:hover p.displayBare{right:0}.containerShowDocument{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:150px;min-height:700px;position:relative;width:100vw}.containerShowDocument .containerTitleDocument{display:flex;margin-bottom:100px;position:relative}.containerShowDocument .containerTitleDocument .titleDocument{color:#007bff;font-size:clamp(20px,5vw,50px);text-shadow:0 0 40px #007bff;transition:text-shadow .4s ease-in-out}.containerShowDocument .containerTitleDocument p.displayBare{background:#007bff;box-shadow:0 0 40px #007bff;height:5px;left:50%;position:absolute;top:100%;transition:left .4s ease-in-out;width:100%}.containerShowDocument .containerTitleDocument:hover .titleDocument{text-shadow:0 0 60px #007bff}.containerShowDocument .containerTitleDocument:hover p.displayBare{left:0}.document-container{cursor:pointer;height:750px;perspective:1000px;position:relative;width:550px}.document-preview{background:#fff;border-radius:12px;box-shadow:0 10px 20px #0003;height:100%;left:0;position:absolute;top:0;transition:transform 1.25s ease,z-index .3s;width:100%}.document-preview span.elementName{border-radius:5px;color:#0000;font-size:25px;left:50%;padding:5px 10px;position:absolute;top:0;transform:translateX(-50%);transition:all .4s ease-in-out;width:-webkit-max-content;width:max-content;z-index:10}.document-preview:hover span.elementName{color:#0fbbff;text-shadow:0 0 20px #0fbbff;top:-50px}.document-preview img{height:100%;object-fit:cover;width:100%}.document-preview:first-child{z-index:3}.document-preview:nth-child(2){z-index:2}.document-preview:nth-child(3){z-index:1}.document-container:hover .document-preview:first-child{transform:rotate(-35deg) translateX(-180px)}.document-container:hover .document-preview:nth-child(2){transform:rotate(0deg) translateX(0)}.document-container:hover .document-preview:nth-child(3){transform:rotate(35deg) translateX(180px)}@media screen and (max-width:600px){.document-container{height:650px;width:450px}}@media screen and (max-width:460px){.document-container{height:550px;width:350px}}@media screen and (max-width:370px){.document-container{height:450px;width:290px}}.modal{align-items:center;animation:fadeIn .3s forwards;background:#000000e6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;overflow-y:auto;padding:2rem;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:10px;box-shadow:0 0 20px #00000080;margin-bottom:1rem;max-height:80%;max-width:80%;transition:transform .3s ease,box-shadow .3s ease}.modal-content:hover{box-shadow:0 0 30px #000000b3;transform:scale(1.02)}#caption{word-wrap:break-word;color:#ddd;font-size:1.1rem;margin-bottom:1rem;max-width:90%;text-align:center}.close,.download{color:#fff;cursor:pointer;font-weight:700;position:absolute;top:1rem;transition:all .3s ease-in-out}.close{font-size:2.5rem;right:2rem}.close:hover{color:#ff4d4d;transform:scale(1.25)}.download{animation:shimmer 2s ease-in-out infinite alternate;font-size:1.6rem;right:5rem;top:1.5rem}.download:hover{color:#007bff;transform:scale(1.25)}.modal-navigation{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.modal-navigation .next,.modal-navigation .prev{color:#ddd;cursor:pointer;font-size:2rem;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none}.modal-navigation .next:hover,.modal-navigation .prev:hover{color:#007bff;transform:scale(1.25)}.dots-container{display:flex;gap:.5rem}.dots-container .dot{background:#ddd;border-radius:50%;cursor:pointer;height:12px;transition:background .3s ease-in-out;width:12px}.dots-container .dot.active{background:#007bff}@keyframes shimmer{0%{text-shadow:0 0 5px #007bffd8,0 0 10px #007bfff3}50%{text-shadow:0 0 10px #007bffcc,0 0 20px #007bffe5,0 0 30px #007bff}to{text-shadow:none}}@media (max-width:768px){.modal-content{max-height:70%;max-width:95%}.close{font-size:2rem;right:1.5rem}.download{font-size:1.3rem;right:4rem}.modal-navigation .next,.modal-navigation .prev{font-size:1.5rem}.dots-container .dot{height:10px;width:10px}}:root{--main-bg-color:#081d2c;--secondary-blue-color:#5cafe3;--light-blue-color:#8cd9ff;--dark-blue-color:#101820;--text-color:#f2f2f2;--muted-text:#a0a0a0}.project-carousel-full{color:#f2f2f2;color:var(--text-color);flex-direction:column;height:90vh;margin-bottom:30px;width:100%}.project-carousel-full,.project-carousel-header{display:flex;justify-content:space-between;position:relative}.project-carousel-header{align-items:center;margin-bottom:20px;padding:1rem 3rem}.project-carousel-header h2{font-size:1.8rem;font-weight:700}.arrow-btn,.project-carousel-header h2{color:#5cafe3;color:var(--secondary-blue-color)}.arrow-btn{background:none;border:2px solid #5cafe3;border:2px solid var(--secondary-blue-color);border-radius:50%;cursor:pointer;font-size:1.2rem;height:48px;transition:.3s;width:48px}.arrow-btn:hover{background:#5cafe3;background:var(--secondary-blue-color);color:#101820;color:var(--dark-blue-color)}.project-slide{align-items:center;display:flex;gap:2rem;height:calc(100% - 100px);justify-content:space-between;padding:2rem 4rem}.project-info{flex:1 1;max-width:40%}.project-info h3{color:#5cafe3;color:var(--secondary-blue-color);font-size:2rem;margin-bottom:1rem}.project-info p{color:#a0a0a0;color:var(--muted-text);line-height:1.4;margin-bottom:.7rem}.project-date{color:#ccc;font-size:.9rem;font-style:italic;margin-bottom:1.2rem}.project-links{display:flex;gap:1rem}.link-btn{border:2px solid #5cafe3;border:2px solid var(--secondary-blue-color);border-radius:.5rem;font-weight:700;padding:.7rem 1.4rem;text-decoration:none;transition:all .4s ease-in-out}.project-links>a:last-child{background:#0000;color:#5cafe3;color:var(--secondary-blue-color)}.project-links>a:first-child,.project-links>a:last-child:hover{background:#5cafe3;background:var(--secondary-blue-color);color:#101820;color:var(--dark-blue-color)}.project-links>a:first-child:hover{background:#0000;color:#5cafe3;color:var(--secondary-blue-color)}.image-slider{align-items:center;display:flex;flex:1 1;height:70%;justify-content:center;position:relative}.project-image{border-radius:1rem;box-shadow:0 8px 30px #00000080;height:60vh;max-width:800px;object-fit:cover;width:100%}.img-arrow{background:#081d2c99;border:none;border-radius:50%;color:#5cafe3;color:var(--secondary-blue-color);cursor:pointer;font-size:2.5rem;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s ease-in-out;width:40px}.img-arrow:hover{text-shadow:#8cd9ff 0 0 10px}.img-arrow.left{left:5px}.img-arrow.right{right:5px}.project-dots{display:flex;gap:.6rem;justify-content:center;margin-bottom:1.5rem}.project-dots div{background:#a0a0a0;background:var(--muted-text);border-radius:50%;cursor:pointer;height:12px;transition:.3s;width:12px}.project-dots div.active{background:#5cafe3;background:var(--secondary-blue-color);transform:scale(1.3)}@media (max-width:900px){.project-slide{flex-direction:column;gap:1rem;padding:1rem}.project-info{max-width:100%;text-align:center}.project-image{height:45vh}}.project-carousel-header .containerTitleDocument{display:flex;margin-bottom:100px;position:relative}.project-carousel-header .containerTitleDocument .titleDocument{color:#007bff;font-size:clamp(20px,5vw,50px);text-shadow:0 0 40px #007bff;transition:text-shadow .4s ease-in-out}.project-carousel-header .containerTitleDocument p.displayBare{background:#007bff;box-shadow:0 0 40px #007bff;height:5px;position:absolute;right:50%;top:100%;transition:right .4s ease-in-out;width:100%}.project-carousel-header .containerTitleDocument:hover .titleDocument{text-shadow:0 0 60px #007bff}.project-carousel-header .containerTitleDocument:hover p.displayBare{right:0}.containerContact{background:#081d2c;height:100vh;justify-content:center;width:100vw}.containerContact,.containerContact form{align-items:center;display:flex;position:relative}.containerContact form{background:#014a6d;border-radius:30px;box-shadow:0 5px 15px #007bff;color:#fff;flex-direction:column;overflow:hidden;padding-top:20px;width:700px}.containerContact form .contacteContainerElement{border:none;display:flex;margin-top:25px;position:relative;width:80%}form .contacteContainerElement input,form .contacteContainerElement textarea{background:#0000;border:2px solid #fff;border-radius:5px;color:#fff;display:flex;font-size:.75rem;height:40px;min-height:40px;min-width:100%;padding:0 10px;position:relative;transition:all .4s ease-in-out;width:100%;z-index:2}form .contacteContainerElement textarea{padding-top:10px}form .contacteContainerElement input:hover,form .contacteContainerElement textarea:hover{box-shadow:0 5px 15px #007bff}form .contacteContainerElement span.placeHolderMessage{background:#014a6d;display:flex;font-size:.725rem;left:5px;padding-left:1px;padding-right:1px;position:absolute;top:-8px;transform:none;transition:all .4s ease-in-out;z-index:3}form .contacteContainerElement span.errorMessage{color:#0000;display:flex;font-size:.9rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease-in-out}form button{align-items:center;background:#0000;border:2px solid #fff;border-radius:5px;color:#fff;display:flex;font-size:16px;gap:8px;height:40px;justify-content:center;margin-bottom:25px;margin-top:25px;position:relative;transition:all .2s ease;width:25%}form button:hover{border:2px solid #007bff;box-shadow:0 5px 15px #007bff;color:#007bff;transform:scale(1.05)}form button:disabled{cursor:not-allowed;opacity:.7}.loader{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}form .contacteContainerElement input:valid+span.placeHolderMessage,form .contacteContainerElement textarea:valid+span.placeHolderMessage{font-size:.725rem;left:5px;top:-8px;transform:none;z-index:3}form .contacteContainerElement input:placeholder-shown+span.placeHolderMessage,form .contacteContainerElement textarea:placeholder-shown+span.placeHolderMessage{font-size:.9rem;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}form .contacteContainerElement input:focus,form .contacteContainerElement textarea:focus{border:3px solid #007bff;box-shadow:0 5px 15px #007bff;color:#007bff;outline:none}form .contacteContainerElement input:focus+span.placeHolderMessage,form .contacteContainerElement textarea:focus+span.placeHolderMessage{color:#007bff;font-size:.725rem;left:5px;top:-8px;transform:none;z-index:3}form .contacteContainerElement input:invalid,form .contacteContainerElement textarea:invalid{border:2px solid red;box-shadow:0 5px 15px red;color:red;margin-bottom:12.5px}form .contacteContainerElement input:invalid+span.placeHolderMessage,form .contacteContainerElement textarea:invalid+span.placeHolderMessage{color:red}form .contacteContainerElement input:invalid~span.errorMessage,form .contacteContainerElement textarea:invalid~span.errorMessage{color:red;top:115%}.popupOverlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;pointer-events:all;position:fixed;z-index:9999}.popupContent{animation:popupFadeIn .3s ease;background:#fff;border-radius:1rem;box-shadow:0 0 20px #00000040;max-width:400px;padding:2rem;text-align:center;width:90%}.popupContent h2{color:#333;margin-bottom:1rem}.popupContent button{background:#0078d4;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;margin-top:1.5rem;padding:.6rem 1.2rem}.popupContent button:hover{background:#005ea3}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.containerPageConnexion{align-items:center;background-color:#081d2c;display:flex;justify-content:center;min-height:100vh;position:relative;width:100vw}.containerPageConnexion .containerConnexion{align-items:center;background-color:#014a6d;border-radius:30px;box-shadow:0 5px 15px #007bff;display:flex;flex-direction:row;height:-webkit-max-content;height:max-content;min-height:480px;overflow:hidden;position:relative;width:768px}.form-container{transition:all .6s ease-in-out}.containerConnexion form,.form-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.containerConnexion form{background-color:#014a6d;padding:0 20px}.containerConnexion form .containerContentForm{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;opacity:0;padding-bottom:10px;padding-top:20px;position:relative;transition:all .65s ease-in-out;width:100%}.containerConnexion form .containerContentForm.active{opacity:1}.containerContentForm h1{color:#fff}.containerContentForm span.textConexionMessage{color:#fdd;display:flex;font-size:12px;line-height:14px;margin-bottom:5px;margin-top:10px;position:relative;text-align:center}.containerConnexion p{box-shadow:0 0 8 #000;font-size:14px;letter-spacing:.3px;line-height:20px;margin:20px 0}.containerConnexion span{font-size:12px}.containerConnexion a{color:#eee;font-size:13px;margin:15px 0 10px;text-decoration:none}.containerConnexion button{background:linear-gradient(45deg,#081d2c,#012d4a,#014a6d,#007bff,#01cffb);background-size:150% 150%;border:.5px solid #014a6d;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:10px;padding:10px 45px;text-transform:uppercase;transition:all .4s ease-in-out}.containerConnexion button:hover{background-position:100% 100%;box-shadow:0 0 15px #007bff;color:#fff}.containerConnexion button.hidden{background:#0000;border-color:#fff}.containerConnexion input{background:#081d2c;border:none;border-radius:8px;color:#eee;font-size:13px;margin:8px 0;outline:none;padding:10px 15px;width:100%}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.social-icons{display:flex;gap:10px;margin:20px 0;position:relative}#HEG-social-icons-individuel{transition:transform .3s ease-in-out,box-shadow .3s ease-in-out,background .3s ease-in-out}#HEG-social-icons-individuel:hover{box-shadow:5px 5px 15px #00000080;transform:scale(1.05)}.social-icons a{align-items:center;border:1px solid #ccc;border-radius:20%;display:inline-flex;height:40px;justify-content:center;width:40px}.toggle-container{border-radius:150px 0 0 100px;height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:all .6s ease-in-out;width:50%;z-index:6}.containerConnexion.active .toggle-container{border-radius:0 150px 100px 0;transform:translateX(-100%)}.toggle{background-color:#fac364;background:linear-gradient(to bottom left,#081d2c,#012d4a,#014a6d,#007bff,#01cffb);color:#fff;height:100%;left:-100%;position:relative;text-shadow:1.5px 1.5px 4px #0000004d;transform:translateX(0);transition:all .6s ease-in-out;width:200%}.containerConnexion.active .toggle{transform:translateX(50%)}.toggle-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:all .6s ease-in-out;width:50%}.toggle-left{left:-10px;transform:translateX(-200%)}.containerConnexion.active .toggle-left,.toggle-right{transform:translateX(0)}.toggle-right{right:-10px}.toggle-panel h1{font-size:1.9em}.containerConnexion.active .toggle-right{transform:translateX(200%)}#HEG-conexion-texte-left-phone,#mobil{display:none}.HEG-MDP-OUBLI{border-radius:5px;color:#eee;text-align:center;transition:all .3s ease-in-out;width:55%}.HEG-MDP-OUBLI:hover{border:.5px solid #999;box-shadow:5px 5px 15px #00000080;text-shadow:1.5px 1.5px 4px #0000004d;transform:scale(.99)}.containerContentForm .containerInputCode{display:flex;flex-direction:row;gap:5px;margin-bottom:25px;position:relative;width:100%}.containerContentForm .containerInputCode input{align-items:center;border:2px solid #01cffb;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;outline:none;position:relative;width:50px}.containerContentForm .containerRememberMe{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center;position:relative}.containerContentForm .containerRememberMe input[type=checkbox]{accent-color:#007bff;color:#007bff;display:flex;height:20px;padding:0;position:relative;width:20px}.containerContentForm .containerRememberMe input[type=checkbox],[type=checkbox]{-webkit-appearance:none;background:none;background-color:#fff;border:0;border-radius:50%;cursor:pointer;flex-grow:0;outline:0;transition:background .3s;vertical-align:middle}[type=checkbox]{color:#1e90ff;height:2rem;width:2rem}.containerContentForm .containerRememberMe input[type=checkbox]:checked{background:currentcolor}.containerContentForm .containerRememberMe input[type=checkbox]:disabled{background-color:#ccd3d8;cursor:not-allowed;opacity:.84}.containerContentForm .containerRememberMe input[type=checkbox]:before{background-color:initial;background-size:contain;border:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ccd3d8;color:#0000;content:"";display:block;height:inherit;width:inherit}.containerContentForm .containerRememberMe input[type=checkbox]:checked:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15.88 8.29 10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E%3C/svg%3E");box-shadow:none}.containerContentForm .containerRememberMe input[type=checkbox]::-ms-check{background-color:initial;background-size:contain;border:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ccd3d8;color:#0000;content:"";display:block;height:inherit;width:inherit}.containerContentForm .containerRememberMe input[type=checkbox]:checked::-ms-check{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M15.88 8.29 10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E%3C/svg%3E");box-shadow:none}.containerContentForm .containerRememberMe span{align-items:center;color:#fff;display:flex;font-size:15px;position:relative}.containerContentForm .containerInputCode input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff}#validationCodeSignIn h1{font-size:28px;margin-bottom:90px}
/*# sourceMappingURL=main.53beb45e.css.map*/