html{box-sizing:border-box;margin:0;padding:0;font-size:clamp(16px,.5rem + 1vw,24px);background-color:#f8f8f8}*,*:after,*:before{box-sizing:inherit;margin:0;padding:0}.appli{overflow:hidden}.appli .topPage{background-color:#f2efef;height:97vh;width:100%}.appli .topPage .entete{height:4rem;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:4px solid #A8A8A8;position:relative}.appli .topPage .entete .logo{font-size:1.7rem;font-family:Inter,Helvetica Neue,Arial;font-style:italic;font-weight:500;color:#707070;margin-left:2rem}.appli .topPage .entete .menu ul{display:flex;list-style:none;gap:1.3rem;margin-right:1rem}.appli .topPage .entete .menu ul li a{text-decoration:none;color:#707070;font-size:.7rem;font-family:Helvetica Neue,Inter,Arial}.appli .topPage .entete .menu button{display:none}@media screen and (max-width: 992px){.appli .topPage .entete .menu button{display:block;position:absolute;top:1rem;right:1rem;z-index:10;background-color:#fff;border:none;padding:.4rem;border-radius:5px}.appli .topPage .entete .menu ul{position:absolute;top:0;right:-25rem;background-color:#707070c8;width:25rem;height:100vh;flex-direction:column;align-items:flex-end;justify-content:center;padding-right:2rem;z-index:7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transform:translate(100%);transition:transform .3s ease,opacity .3s ease-in}.appli .topPage .entete .menu ul li{margin:1rem 0}.appli .topPage .entete .menu ul li a{text-decoration:none;color:#fff;font-size:1.5rem}.appli .topPage .entete .menu.open ul{opacity:1;transform:translate(0);right:-1rem}}.competences{width:100%;font-family:inter,Helvetica Neue,Arial;margin-bottom:2rem;margin-top:2rem}.competences h1{font-size:3.5rem;padding-left:4rem;font-style:italic}.competences h2{font-size:1.5rem;font-weight:300;padding-bottom:2rem;padding-left:4rem}.competences .cartesComp{display:flex;justify-content:center;gap:2rem}.competences .cartesComp .cartes{width:28%;height:20rem;background-color:#fff;border-radius:30px;padding:2rem;text-align:center}.competences .cartesComp .cartes h3{padding-bottom:1rem}@media screen and (max-width: 992px){.competences h1{font-size:clamp(1rem,11vw,10rem)}.competences h2{font-size:clamp(.5rem,11vw,1.5rem)}.competences .cartesComp{display:flex;justify-content:center;gap:2rem;flex-direction:column;align-items:center;margin-bottom:2rem}.competences .cartesComp .cartes{width:80%;height:18rem}}@media screen and (max-width: 500px){.competences{text-align:center}.competences h1{padding-left:0}.competences h2{padding:1rem}}.projet{width:100%;font-family:inter,Helvetica Neue,Arial}.projet .titre{display:flex;justify-content:flex-end;padding-right:4rem}.projet .titre .gauche h1{font-size:3.5rem;font-style:italic}.projet .titre .gauche h2{font-size:1.5rem;font-weight:300;padding-bottom:2rem;text-align:end}.projet .SecCarteProj{display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 992px){.projet .titre .gauche h1{font-size:clamp(2rem,11vw,11rem)}.projet .titre .gauche h2{font-size:clamp(.5rem,5vw,2rem)}}@media screen and (max-width: 500px){.projet .titre{justify-content:center;padding-right:0rem}.projet .titre .gauche{text-align:center}}.Unprojet{width:85%;height:25rem;background-color:#a8a8a8;margin-bottom:2rem;display:flex;flex-direction:column;justify-content:flex-end;background-repeat:none;background-size:cover;background-position:center;border-radius:20px}.Unprojet .secDesc{background-color:#ffffffbf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-height:8rem;padding:.8rem;margin:.3rem;border-radius:15px}.Unprojet .secDesc h2{font-style:italic}.Unprojet .secDesc p{font-size:.8rem;color:#4f4f4f}.Unprojet .secDesc a{padding-top:1rem;text-decoration:none;color:#000;font-size:20px;font-weight:700;align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.contacter footer{position:relative;font-family:inter,Helvetica Neue,Arial;background-color:#000;height:49vh}.contacter footer .getInTouch{padding:2rem}.contacter footer .getInTouch h2{color:#a8a8a8}.contacter footer .getInTouch ul{position:relative;z-index:3}.contacter footer .getInTouch ul li a{color:#fff;text-decoration:none}.contacter footer .icons{padding-left:1.7rem;width:12rem;display:flex;justify-content:space-around}.contacter footer h1{color:#a8a8a8;font-size:10rem;font-style:italic;position:absolute;right:2rem;bottom:0rem}@media screen and (max-width: 500px){.contacter footer h1{display:none}}.contacter footer .credit{width:100%;text-align:center;color:#fff;position:absolute;bottom:0rem;border-top:1px solid #FFF;font-weight:300}.aPropos{height:90%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8e8e8e}.aPropos .flextoppage{display:flex;align-items:center;width:100%;justify-content:space-around}.aPropos .flextoppage .infoAProposDeMoi{position:relative}.aPropos .flextoppage .infoAProposDeMoi .carre{position:absolute;height:4rem;width:5rem;z-index:1;background-color:#8f8f8f7a;top:15rem;left:-1rem;border-radius:5px}.aPropos .flextoppage .infoAProposDeMoi .carre .minicarrelL{position:absolute;height:2.3rem;width:3rem;z-index:1;background-color:#83838381;top:-1rem;left:-1rem;z-index:2;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:5px}.aPropos .flextoppage .infoAProposDeMoi h1{font-family:Helvetica Neue,inter,Arial;padding-bottom:.5rem}.aPropos .flextoppage .infoAProposDeMoi h3{font-family:Helvetica Neue,inter,Arial;font-weight:400;font-size:1.2rem;padding-bottom:1rem}.aPropos .flextoppage .infoAProposDeMoi .descriptionMoi{background-color:#ffffffbc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:12rem;padding:1rem;position:relative;z-index:4;border-radius:10px;font-family:inter,Helvetica Neue,Arial}.aPropos .flextoppage .infoAProposDeMoi .descriptionMoi h5{font-weight:500;font-size:1rem;padding-bottom:.5rem}.aPropos .flextoppage .infoAProposDeMoi .descriptionMoi p{font-size:.8rem}.aPropos .flextoppage .infoAProposDeMoi .descriptionMoi button{background-color:#b5b5b5;border-radius:50px;border:.5px solid #ffffff;height:3rem;width:9rem;color:#fff;font-size:.7rem;font-weight:700;position:absolute;top:11rem;left:18rem}.aPropos .flextoppage .infoAProposDeMoi .carreD{position:absolute;height:4rem;width:5rem;background-color:#8f8f8f7a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:3.3rem;right:-1rem;z-index:5;border-radius:5px}.aPropos .flextoppage .infoAProposDeMoi .carreD .minicarreD{position:absolute;height:2rem;width:2.5rem;z-index:6;background-color:#8f8f8f7a;top:2.5rem;right:3rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:5px}.aPropos .flextoppage .enteteimg{font-family:Helvetica Neue,inter,Arial;font-size:3.5rem;text-align:center}@media screen and (max-width: 992px){.aPropos .flextoppage .infoAProposDeMoi{width:80%}.aPropos .flextoppage .infoAProposDeMoi h1{font-size:clamp(1.5rem,5vw,3.3rem)}.aPropos .flextoppage .infoAProposDeMoi h3{font-size:clamp(1.5rem,5vw,2.5rem);z-index:6;position:relative}.aPropos .flextoppage .infoAProposDeMoi .descriptionMoi h5{font-size:1.7rem}.aPropos .flextoppage .infoAProposDeMoi .descriptionMoi p{font-size:clamp(.5rem,5vw,1.1rem)}.aPropos .flextoppage .infoAProposDeMoi .descriptionMoi button{width:40%;height:2.5rem;font-size:1.5rem}.aPropos .enteteimg{display:none}}@media screen and (max-width: 500px){.aPropos .flextoppage .infoAProposDeMoi .descriptionMoi button{width:40%;height:2.5rem;font-size:1rem;left:10rem}}