@import url(https://fonts.googleapis.com/css2?family=Monoton&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);*{font-family:Raleway,sans-serif;margin:0;padding:0;scroll-behavior:smooth}body{background-color:#171717}.header-page{color:#f5f5f5;margin-bottom:80px;padding-top:50px;text-align:center}.header-page h1{font-size:2.5rem;margin-bottom:1.3rem}@media (max-width:600px){.header-page h1{font-size:2.01rem;margin-bottom:1.3rem;padding-left:15px;text-align:left}}.header-page p{font-size:1.2rem;margin-bottom:1.3rem}@media (max-width:600px){.header-page p{padding:0 15px}}.fade-in{opacity:0;transition:opacity 1.5s}.slide-in{height:100%;left:-100%;position:fixed;transition:left 1.5s;width:100%;z-index:5}.alert-success{background-color:rgba(0,128,0,.671);border-radius:10px;margin:5px auto;padding:8px 20px;text-align:center;width:fit-content}.alohomora{padding:15px 0;position:fixed;right:0;top:100px;z-index:100}.alohomora a{background-color:#252525;border:none;border-radius:10px;border-radius:5px 0 0 5px;color:#f5f5f5;cursor:pointer;font-size:1.2rem;padding:10px 20px;text-decoration:none;transition:.3s ease-in-out}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:hsla(0,0%,95%,0)}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.navbar{display:block}#menu{left:0;top:-100%}#menu,#menu.visible{background-color:#000;height:100%;position:fixed;text-align:center;transition:top 1s ease-in-out;width:100%;z-index:3}#menu.visible{display:flex;flex-direction:column;top:0}nav{justify-content:center;list-style:none}.onglet{color:#9e9e9e;display:block;font-size:2.5rem;font-weight:900;margin-top:.5rem;padding:1rem;text-decoration:none;z-index:5}.onglet:hover{text-shadow:5px 5px 20px #1b1b1b}.onglet:hover+.hover-text{display:block}.hover-text{color:hsla(0,0%,52%,.151);display:none;font-family:Monoton;font-size:5rem;left:50%;pointer-events:none;position:absolute;top:40%;transform:translateY(-50%);transform:translateX(-50%);width:100%}@media (max-width:600px){.hover-text{font-size:4rem}}#menu-toggle-btn{background-color:hsla(0,0%,100%,0);border:none;cursor:pointer;position:fixed;right:4%;top:2%;z-index:4}#menu-toggle-btn:hover .line{animation:rotate 4s ease-in-out;animation-iteration-count:infinite;transform-origin:center;transition:.5s ease-in-out}@keyframes rotate{10%,90%{transform:rotate(5deg)}20%,80%{transform:rotate(-5deg)}30%,50%,70%{transform:rotate(5deg)}40%,60%{transform:rotate(-5deg)}}.line{fill:none;stroke:#919191;stroke-width:6;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line.line1{stroke-dasharray:60 207}.line.line2{stroke-dasharray:60 60}.line.line3{stroke-dasharray:60 207}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134}.opened .line1,.opened .line2,.opened .line3{stroke-width:6}.presentation{color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;padding-top:190px;text-align:center;width:70%}@media (max-width:600px){.presentation{padding-top:150px;width:80%}}.presentation h1{font-size:4rem;margin-bottom:1rem}@media (max-width:600px){.presentation h1{font-size:2.3rem;margin-bottom:5vh}}.presentation p{font-size:1.5rem;margin-bottom:2rem}@media (max-width:600px){.presentation p{font-size:1rem}}.presentation .news-info{font-size:1.2rem;margin-bottom:4rem}@media (max-width:600px){.presentation .news-info{font-size:1rem;margin-bottom:2vh;margin-top:.1vh;padding-right:8px}}.presentation .presentation-btn{display:flex;flex-wrap:wrap;justify-content:space-around}@media (max-width:600px){.presentation .presentation-btn{display:flex;width:100%}}.presentation .presentation-btn a{margin:20px 0;text-decoration:none}.presentation .presentation-btn a button{background-color:#252525;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;font-size:1.2rem;padding:20px 40px;transition:.3s ease-in-out}@media (max-width:600px){.presentation .presentation-btn a button{background-color:#252525;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;font-size:.9rem;margin:0 5px;padding:15px;transition:.3s ease-in-out}}.main-photo-container{align-items:end;border-radius:32% 68% 48% 52%/85% 71% 29% 15%;display:flex;height:160px;justify-content:center;left:5%;overflow:hidden;position:absolute;top:3%;width:160px;z-index:-1}@media (max-width:600px){.main-photo-container{height:120px;width:120px}}.main-photo-container img{height:160px;z-index:3}@media (max-width:600px){.main-photo-container img{height:auto;width:150px}}.main-photo-container .secondary-photo-container{background-color:#252525;border-radius:68% 32% 74% 26%/28% 75% 25% 72%;height:120px;opacity:.8;position:absolute;width:140px}@media (max-width:600px){.main-photo-container .secondary-photo-container{height:90px;width:110px}}.social-media-links{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:center;margin-top:0;padding:60px;position:absolute;top:0;z-index:2}@media (max-width:600px){.social-media-links{display:flex;flex-direction:row;height:50px;margin:0;padding:0;position:relative}}.social-media-links #mail{display:none}@media (max-width:600px){.social-media-links #mail{display:flex}}.social-media-links #phone{display:none}@media (max-width:600px){.social-media-links #phone{display:flex}}.social-media{color:#fff;margin:8px;opacity:.6;transition:all .4s ease;width:25px}.social-media:hover{opacity:1;transform:scale(1.1)}.contactpic{height:28px;margin:10px;opacity:.6;transition:all .4s ease}.contactpic:hover{opacity:1;transform:scale(1.1)}.container-gear{background-color:#f5f5f5;border-radius:5px 0 0 5px;display:flex;height:50px;justify-content:center;position:fixed;right:0;top:320px;width:80px;z-index:2}@media (max-width:600px){.container-gear{display:none}}.container-gear img{animation:rotation 10s linear infinite;cursor:pointer;transition:all .3s ease-in-out;z-index:2}.container-gear img:hover{animation:rotation 5s linear infinite;cursor:pointer;scale:1.05;z-index:2}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#panneau-controle-couleur{background-color:#f5f5f5;border-radius:5px 0 0 5px;display:flex;flex-wrap:wrap;height:auto;justify-content:center;padding:10px;position:fixed;right:-280px;text-align:center;top:175px;transition:width .5s ease-in-out;transition:right 1s ease-in-out}#panneau-controle-couleur p{color:#f5f5f5;font-weight:700;margin-bottom:10px;padding:7px}.color-square{border-radius:5px;box-shadow:0 0 10px hsla(0,0%,100%,.336);cursor:pointer;height:20px;margin:5px;width:20px}#color-1{background-color:#c70039}#color-2{background-color:#7121c7}#color-3{background-color:#04a777}#color-4{background-color:#035aa6}#color-5{background-color:#00909e}#color-6{background-color:#dd7631}.aPropos{color:#f5f5f5;padding:0 5%}@media (max-width:600px){.aPropos{display:flex;flex-direction:column;justify-content:center;margin:0;padding:0}}@media (max-width:1350px){.aPropos{padding:0 7% 0 3%}}.container-aPropos{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}@media (max-width:1350px){.container-aPropos{flex-flow:column;width:100%}}.gauche-aPropos{width:50%}@media (max-width:1350px){.gauche-aPropos{width:100%}}.gauche-aPropos h3{font-size:2.1rem;margin-bottom:1.3rem;margin-top:2rem;padding-left:2rem}@media (max-width:600px){.gauche-aPropos h3{font-size:1.8rem;margin:0;padding:20px 0 0 10px}}.gauche-aPropos p{font-size:1.1rem;margin-bottom:3rem;padding-left:2rem;padding-right:2rem;text-align:justify}@media (max-width:600px){.gauche-aPropos p{font-size:1.1rem;margin:0;padding:20px 0 20px 10px}}.gauche-aPropos a{text-decoration:none}.gauche-aPropos a button{align-items:center;background-color:#252525;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;display:flex;justify-content:center;margin-bottom:3rem;margin-left:50%;padding:20px;transform:translateX(-50%);transition:.3s ease-in-out}.gauche-aPropos a button img{height:15px;padding-right:10px}.droite-aPropos{display:flex;flex-direction:column;height:fit-content;justify-content:center;padding-top:40px;width:fit-content}@media (max-width:1350px){.droite-aPropos{align-items:center;display:flex;justify-content:center;padding:0;width:100%}}.droite-aPropos .container-gallerie-lbjs{background-color:#171717;border-radius:15px;display:flex;flex-wrap:wrap;height:390px;overflow-y:auto;width:537px}@media (max-width:600px){.droite-aPropos .container-gallerie-lbjs{height:400px;width:320px}}.droite-aPropos .container-gallerie-lbjs a{height:130px;text-decoration:none;transition:all .3s ease-in-out}@media (max-width:600px){.droite-aPropos .container-gallerie-lbjs a{height:100px}}.droite-aPropos .container-gallerie-lbjs a:hover{opacity:.4;scale:1.01}.droite-aPropos .container-gallerie-lbjs a img{height:130px;width:130px}@media (max-width:600px){.droite-aPropos .container-gallerie-lbjs a img{height:100px;width:100px}}.droite-aPropos .droite-aPropos-btn{align-items:center;display:flex;height:120px;justify-content:center;width:100%}.droite-aPropos .droite-aPropos-btn a{background-color:#252525;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;font-size:.85rem;height:fit-content;padding:20px;text-decoration:none;transition:.3s ease-in-out}.containerCard-service{display:flex;flex-wrap:wrap;height:max-content;justify-content:center;justify-content:space-around;text-align:center;width:100%}.card-service{background-color:#252525;border-radius:15px;height:260px;margin:5px 5px 100px;overflow:hidden;position:relative;transform:translateY(0);transition:transform .5s ease-in-out,background-color .5s ease-in-out,all .5s ease-in-out;width:280px}.card-service:hover{height:550px;transform:translateY(-5px);z-index:2}.card-service:hover .service-description{opacity:1}.card-service:hover .icon-arrow{opacity:0}@media (max-width:600px){.card-service{margin:20px;width:100%}}.service-img{align-items:center;display:flex;flex-direction:column;margin:20px;position:relative}.service-img h2{font-size:1.4rem}.service-img .icon-arrow{bottom:-45px;height:35px;opacity:1;position:absolute;transition:opacity .5s ease-in-out;width:35px}.service-img .icon-service{border-radius:30px;box-shadow:1px 1px 10px hsla(0,0%,100%,.322);height:100px;margin-bottom:20px;padding:20px}.service-description{display:flex;flex-direction:column;height:290px;justify-content:space-evenly;opacity:0;transition:opacity .5s ease-in-out}.service-description-content{align-items:center;display:flex}.service-description-content img{height:35px;margin:10px 20px}.container-competences{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px}.container-competences h2{background-color:#252525;border-radius:15px;cursor:default;display:flex;justify-content:center;margin:30px;padding:25px 70px;transition:all .5s ease-in-out;width:100px}.container-article{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.card-exp{background-color:#000;border-radius:8px;display:flex;flex-direction:column;height:300px;margin:20px;overflow:hidden;position:relative;transition:all .65s ease;width:350px}.card-exp:hover{height:460px;z-index:2}.card-exp:hover .img-date-title h3{bottom:0;position:absolute}.card-exp:hover .img-date-title img{transform:translateY(-85%)}.card-exp:hover .exp-title img{display:none}.card-exp:hover .text-exp{opacity:1;position:absolute;top:15%;z-index:0}.card-exp .img-date-title img{background-color:#dedede;object-fit:contain;transition:all .65s ease;width:100%}.card-exp .img-date-title .exp-title{align-items:center;background-color:#000;bottom:0;color:#fff;display:flex;flex-direction:column;height:fit-content;justify-content:center;padding:20px 0;position:absolute;text-align:center;transition:all .65s ease;width:100%}.card-exp .img-date-title .exp-title img{background-color:#000;border-radius:100px 100px 0 0;height:30px;opacity:1;padding:5px 20px;position:absolute;top:-30px;transition:all .2s ease-in-out;width:30px}.card-exp .text-exp{color:#fff;opacity:0;padding:5px 15px;position:absolute;text-align:justify;top:10%;transition:all .65s ease}.blog-date{color:#f5f5f5;font-size:18px;font-weight:400;height:auto;margin:0;padding:3px;position:absolute;text-align:center;top:0;transition:all .4s ease;width:fit-content}.blog-date p{padding:5px 10px}.anchor{align-items:center;border-radius:6px;bottom:3%;display:flex;height:50px;justify-content:center;position:fixed;right:3%;transition:all .3s ease-in-out;width:50px;z-index:2}.anchor:hover{scale:1.05}.anchor img{height:80%;width:80%}.portfolio{color:#f5f5f5}.portfolio .back-btn{height:fit-content;left:0;position:fixed;top:105px;width:fit-content}.portfolio .back-btn a{align-items:center;background-color:#252525;border:none;border-radius:10px;border-radius:0 5px 5px 0;color:#f5f5f5;cursor:pointer;display:flex;font-size:1.2rem;padding:10px;text-decoration:none;transition:.3s ease-in-out}.portfolio .back-btn img{height:15px;margin-right:5px;rotate:90deg;width:15px}.portfolio .nav-portfolio{display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:100%;z-index:1}.portfolio .nav-portfolio a{background-color:#252525;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;margin:10px 20px;padding:10px 30px;text-align:center;text-decoration:none;transition:.3s ease-in-out}.container-projet{display:flex;justify-content:center;margin:0 auto 100px;width:80%}@media (max-width:600px){.container-projet{width:100%}}@media (max-width:1200px){.container-projet{display:flex;flex-wrap:wrap}}.projet-image img{width:35rem}@media (max-width:900px){.projet-image img{margin:0 10%;width:80%}}.projet-text{background-color:#080808;height:max-content;margin-left:-50px;margin-top:120px;padding:2rem;width:400px;z-index:1}@media (max-width:600px){.projet-text{width:100%}}@media (max-width:1200px){.projet-text{margin-left:0;margin-top:-10px;width:70%}}.projet-text h2{margin-bottom:2rem}@media (max-width:600px){.projet-text h2{font-size:1.7rem}}.projet-text p{margin-bottom:0;text-align:justify}@media (max-width:600px){.projet-text p{font-size:1.15rem}}.projet-text a .btnPortfolio{background-color:#252525;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;margin-bottom:1rem;margin-left:50%;margin-top:30px;padding:10px;transform:translateX(-50%);transition:.3s ease-in-out}.container-contact{align-items:center;color:#f5f5f5;display:flex;justify-content:center;padding:5%;width:90%}@media (max-width:900px){.container-contact{display:flex;flex-wrap:wrap;justify-content:center;padding:0;width:100%}}.formulaire{display:inline-block;height:auto;min-width:300px;text-align:center;width:50%}@media (max-width:900px){.formulaire{height:auto;margin-bottom:100px;padding-left:10px;text-align:center;width:80%}}.formulaire h3{font-size:1.8rem;margin-bottom:3rem;width:100%}@media (max-width:600px){.formulaire h3{margin-top:100px}}.formulaire p{font-size:1rem;text-align:left;width:90%}.formulaire p span{font-size:1.4rem}#form{justify-content:start}#form,#form .form-label{display:flex;flex-direction:column}#form .form-label{margin:10px 0;text-align:left}#form .form-input{background-color:#050505;border:none;border-radius:8px;color:#757575;font-size:1rem;font-weight:600;height:40px;margin-bottom:.7rem;outline:none;padding:0 20px;width:80%}@media (max-width:900px){#form .form-input{margin-bottom:.7rem;width:80%}}@media (max-width:600px){#form .form-input{position:relative;z-index:2}}#form .form-textarea{background-color:#050505;border:none;border-radius:8px;color:#f5f5f5;font-size:1rem;font-weight:600;max-height:120px;max-width:80%;min-height:120px;min-width:80%;outline:none;padding:10px 20px}@media (max-width:900px){#form .form-textarea{margin-bottom:.7rem;max-width:80%;min-width:80%}}@media (max-width:600px){#form .form-textarea{position:relative;z-index:2}}#form .form-btn-container{width:80%}@media (max-width:900px){#form .form-btn-container{width:80%}}@media (max-width:600px){#form .form-btn-container{width:100%}}#form button{background-color:#252525;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;font-size:.8rem;font-weight:600;margin:30px auto;padding:15px 30px;transition:.3s ease-in-out}.card-contact{border-radius:10px;display:flex;height:fit-content;justify-content:space-around;margin-bottom:100px;text-align:center;width:50%}@media (max-width:900px){.card-contact{text-align:center;width:85%}}@media (max-width:600px){.card-contact{position:relative;z-index:2}}.container-contact-info{background-color:#252525;border-radius:10px;height:100%;width:100%}.container-contact-info h2{font-size:2.1rem;padding-bottom:2rem;padding-top:2rem}@media (max-width:900px){.container-contact-info h2{font-size:1.8rem}}.contact-info-ligne{display:flex;height:10%;margin-bottom:.5rem;margin-left:1rem;padding:20px}@media (max-width:600px){.contact-info-ligne{margin-left:0}}.contact-info-ligne img{height:25px}.contact-info-ligne-social a{align-items:center;color:#f5f5f5;display:flex;text-decoration:none}.contact-info-ligne-social a img{height:35px;width:inherit}.container-contact-info-ligne-social{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-bottom:20px}.contact-info-text{display:block;font-size:1.3rem;margin-left:3%;text-align:left}@media (max-width:600px){.contact-info-text{font-size:.8rem}}.contact-info-text h4{font-size:1.5rem;font-weight:bolder;text-shadow:0 0 15px #000}@media (max-width:600px){.contact-info-text h4{font-size:1.2rem}}.signin{background:rgba(34,34,34,.165);border-radius:4px;left:50%;max-width:350px;min-width:350px;padding:40px;position:absolute;top:20%;transform:translateX(-50%);z-index:2}.signin,.signin .content{align-items:center;display:flex;justify-content:center}.signin .content{flex-direction:column;gap:40px;position:relative;width:95%}.signin .content h2{font-size:2em;text-transform:uppercase}.signin .content .form{display:flex;flex-direction:column;gap:25px;width:100%}.signin .content .form .btn-login{background-color:#333;border:none;border-radius:10px;color:#f5f5f5;cursor:pointer;font-size:1rem;margin-left:50%;padding:20px 40px;transform:translateX(-50%);transition:.3s ease-in-out;width:fit-content}.signin .content .form .inputBox{position:relative;width:100%}.signin .content .form .inputBox input{background:#333;border:none;border-radius:4px;color:#fff;font-size:1em;font-weight:500;outline:none;padding:25px 10px 7.5px;position:relative;width:95%}.signin .content .form .inputBox i{color:#aaa;font-style:normal;left:0;padding:15px 10px;pointer-events:none;position:absolute;top:0;transition:.5s}.signin .content .form .inputBox input:focus~i,.signin .content .form .inputBox input:valid~i{color:#fff;font-size:.8em;transform:translateY(-7.5px)}.body-404{color:#f5f5f5;height:100vh;position:absolute;z-index:1}.body-404,.body-404__erreur404-message{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.body-404__erreur404-message{font-size:18px;margin-bottom:40px;text-align:center}.body-404__erreur404-message h2{line-height:1.5;text-align:left}.body-404__erreur404-message .message404{animation:glitch 1s linear infinite;font-family:Fira Mono,monospace;font-size:8rem;width:fit-content}.body-404__erreur404-message .message404:after,.body-404__erreur404-message .message404:before{content:attr(title);left:0;position:absolute}.body-404__erreur404-message .message404:before{animation:glitchTop 1s linear infinite;clip-path:polygon(0 0,100% 0,100% 33%,0 33%);-webkit-clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}.body-404__erreur404-message .message404:after{animation:glitchBotom 1.5s linear infinite;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);-webkit-clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}@keyframes glitch{2%,64%{transform:translate(2px) skew(0deg)}4%,60%{transform:translate(-2px) skew(0deg)}62%{transform:translate(0) skew(5deg)}}@keyframes glitchTop{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px) skew(-13deg)}}@keyframes glitchBotom{2%,64%{transform:translate(-2px)}4%,60%{transform:translate(-2px)}62%{transform:translate(-22px,5px) skew(21deg)}}.body-404__erreur404-btn-container{text-align:center;width:100%}.body-404__erreur404-btn-container a{background-color:#252525;border:none;border-radius:10px;border-radius:5px;color:#f5f5f5;cursor:pointer;font-size:1.2rem;padding:10px 20px;text-decoration:none;transition:.3s ease-in-out}