h2.animatedElement.animate{opacity:1;transition:opacity 1.5s linear}span.animatedElement.animate{opacity:1;transition:opacity 1.5s linear .5s}.headerSummary .picContainer{align-items:center;display:flex;height:20rem;justify-content:center;position:absolute;top:6.5rem;width:90%}.headerSummary .picContainer .headerSummaryPic{background-image:url(http://localhost:3000/app/uploads/2023/09/home.png);background-position:50%;background-repeat:no-repeat;background-size:cover;filter:grayscale(1);height:100%;overflow:hidden;width:100%}.headerSummary .picContainer .redLine{background-color:var(--red);bottom:0;content:"";height:.1rem;left:0;position:absolute;width:5rem}.headerSummary .headerSummaryContent{margin:auto;width:90%}.headerSummary .headerSummaryContent .summaryTitle{position:relative}.headerSummary .headerSummaryContent .summaryTitle:before{background-color:var(--black);content:"";display:flex;height:.1rem;position:absolute;top:-1.5rem;width:3rem}.headerSummary .headerSummaryContent .summaryContent p:first-child{margin-top:.5rem}.headerSummary .headerSummaryContent .summaryContent p{margin-top:1rem}@media screen and (min-width:768px){.headerSummary{align-items:flex-end;display:flex;flex-direction:row;justify-content:space-evenly;left:50%;position:absolute;top:12.5rem;transform:translateX(-50%);width:80%}.headerSummary .picContainer{height:35rem;left:0;top:0;width:47%}.headerSummary .picContainer .redLine{width:7rem}.headerSummary .headerSummaryContent{margin-right:5rem;width:40%}}@media screen and (min-width:1024px){.headerSummary{align-items:center;justify-content:normal;top:calc(24.7vh - 21.1525px);width:85%}.headerSummary .picContainer{height:60vh;width:55%}.headerSummary .picContainer .redLine{width:10rem}.headerSummary .headerSummaryContent{width:35%}.headerSummary .headerSummaryContent .summarySubtitle,.headerSummary .headerSummaryContent .summaryTitle{opacity:0}.headerSummary .headerSummaryContent .summaryTitle.animate{opacity:1;transition:opacity 1.5s linear}.headerSummary .headerSummaryContent .summarySubtitle.animate{opacity:1;transition:opacity 1.5s linear .5s}.headerSummary .headerSummaryContent .summaryContent{font-size:1.3rem;margin-top:1rem}.headerSummary .headerSummaryContent .summaryContent p:first-child{margin-top:3.5rem}.headerSummary:before{left:0;top:36.8rem;width:13rem}}@media screen and (min-width:1280px){.headerSummary{width:80%}.headerSummary .picContainer{width:55%}.headerSummary:before{top:34.5rem}}@media screen and (min-width:1440px){.headerSummary .headerSummaryContent{margin-right:0;margin-top:9vh;width:40%}.headerSummary .headerSummaryContent .summaryTitle:before{height:.2rem;top:-2rem}.headerSummary:before{top:36.9rem}}@media screen and (min-width:1920px){.headerSummary .picContainer{height:56vh;width:45%}.headerSummary .picContainer .redLine{height:.2rem;width:15rem}.headerSummary .headerSummaryContent{width:45%}.headerSummary .headerSummaryContent .summaryTitle:before{top:-3.5rem;width:6rem}.headerSummary .headerSummaryContent .summaryContent p{margin-top:2rem}.headerSummary:before{height:.2rem;top:51.88rem;width:21rem}}@media screen and (min-width:2560px){.headerSummary .picContainer .redLine{width:20rem}.headerSummary .headerSummaryContent .summaryTitle:before{bottom:6rem;width:8rem}.headerSummary .headerSummaryContent .summaryContent p{font-size:2rem;margin-top:1.5rem}.headerSummary:before{height:.4rem;top:69rem;width:26rem}}.projectCard .projectImg{height:12rem;width:100%}.projectCard .projectImg img{filter:grayscale(1);height:100%;object-fit:cover;transition:filter .5s;width:100%}.projectCard .projectImg img:hover{filter:grayscale(0);transition:filter .5s}.projectCard .projectContent{margin:1.5rem 0}.projectCard .projectContent .projectTitle{color:var(--red)}.projectCard .projectContent .projectSummary{margin-bottom:.5rem;min-height:3.3rem}.projectCard .projectContent .projectSummary p:first-child{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;font-family:PlayfairDisplay;font-style:italic;font-weight:700;overflow:hidden;width:100%}.projectCard .projectContent .projectSummary p{display:none}.projectCard .projectContent .projectInfos{display:flex;flex-direction:row}.projectCard .projectContent .projectInfos .projectDate{font-weight:100;position:relative;width:12rem}.projectCard .projectContent .projectInfos .projectCategory{font-weight:100;width:15rem}.projectCard a .projectBtn{background-color:var(--white);border:.1rem solid var(--black);font-size:1rem;padding:.5rem;position:relative;text-transform:uppercase;transition:color,border .6s}.projectCard a .projectBtn:hover{border:.1rem solid var(--red);color:var(--red);cursor:pointer;transition:color,border .6s}.projectCard a .projectBtn:after{background-color:var(--black);content:"";height:.1rem;left:10rem;position:absolute;top:1rem;width:16.5rem}@media screen and (min-width:375px){.projectCard a .projectBtn:after{width:23.5rem}}@media screen and (min-width:425px){.projectCard a .projectBtn:after{width:28rem}}@media screen and (min-width:768px){.projectCard .projectImg img{max-height:17rem}.projectCard a .projectBtn:after{width:21rem}}@media screen and (min-width:1024px){.projectCard .projectImg img{max-height:19rem}.projectCard .projectContent .projectInfos .projectDate:after{left:9rem}.projectCard a .projectBtn{background-color:var(--white);border:.1rem solid var(--black);padding:1rem;position:relative;text-transform:uppercase;transition:color,border .6s}.projectCard a .projectBtn:after{left:11rem;top:1.6rem;width:25rem}}@media screen and (min-width:1280px){.projectCard .projectImg img{max-height:28rem}.projectCard .projectContent .projectInfos .projectDate:after{left:8rem}.projectCard a .projectBtn:after{width:50rem}}@media screen and (min-width:1440px){.projectCard .projectImg img{max-height:24rem}.projectCard .projectContent{margin:2.5rem 0}.projectCard a .projectBtn:after{width:40rem}}@media screen and (min-width:1920px){.projectCard .projectImg img{max-height:32rem}.projectCard .projectContent{margin:2.5rem 0 3rem}.projectCard a .projectBtn{font-size:1.4rem}.projectCard a .projectBtn:after{left:17rem;width:51.5rem}}@media screen and (min-width:2560px){.projectCard .projectImg img{max-height:42rem}.projectCard .projectContent .projectInfos .projectCategory{font-size:1.5rem}.projectCard a .projectBtn:after{width:74.5rem}}.thebloc{position:relative}.thebloc .theblocPic{align-items:center;background-color:var(--black);border:1px solid var(--red);display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;justify-content:center;margin-top:9rem;transition:filter .5s;width:-moz-fit-content;width:fit-content}.thebloc .theblocPic img{filter:grayscale(1);height:auto;max-height:15.5rem;width:auto}.thebloc .blackBackground{background-color:var(--black);height:25rem;position:absolute;right:0;top:-2rem;width:25%;z-index:-5}.thebloc .theblocBackground{background-color:var(--black);margin-top:1rem;padding:3rem 0;width:100%}.thebloc .theblocBackground .theblocContent{margin:auto;width:90%}.thebloc .theblocBackground .theblocContent .theblocTitle{color:var(--red);position:relative}.thebloc .theblocBackground .theblocContent .theblocTitle:before{background-color:var(--red);bottom:2rem;content:"";display:flex;height:.1rem;position:absolute;width:2rem}.thebloc .theblocBackground .theblocContent .theblocSummary p:first-child{margin-top:.5rem}.thebloc .theblocBackground .theblocContent .theblocSummary p{color:var(--white);margin-top:1rem}.thebloc .theblocBackground a .projectBtn{background-color:var(--white);border:.1rem solid var(--white);font-size:1rem;margin:2rem 0 0 10rem;padding:.5rem;position:relative;text-transform:uppercase;transition:color,border .6s}.thebloc .theblocBackground a .projectBtn:hover{border:.1rem solid var(--red);color:var(--red);cursor:pointer;transition:color,border .6s}@media screen and (min-width:375px){.thebloc .theblocPic{height:18.5rem}.thebloc .theblocPic img{max-height:18rem}.thebloc .theblocBackground a .projectBtn{margin:2rem 0 0 13rem}}@media screen and (min-width:768px){.thebloc{display:flex;justify-content:flex-end;margin-bottom:8rem}.thebloc .theblocPic{height:-moz-fit-content;height:fit-content;left:0;margin-top:0;position:absolute;top:50%;transform:translateY(-50%);width:-moz-fit-content;width:fit-content}.thebloc .theblocPic img{max-height:20rem}.thebloc .blackBackground{display:none}.thebloc .theblocBackground{width:53%}.thebloc .theblocBackground .theblocContent{width:43%}.thebloc .theblocBackground .theblocContent .theblocTitle:before{bottom:4.5rem;color:var(--white)}}@media screen and (min-width:1024px){.thebloc .theblocPic{left:-3rem;position:absolute}.thebloc .theblocPic img{max-height:25rem;width:auto}.thebloc .theblocBackground{padding:4rem 0;width:58%}.thebloc .theblocBackground .theblocContent .theblocTitle:before{bottom:3rem;width:3rem}.thebloc .theblocBackground a .projectBtn{margin:2rem 0 0 20rem}}@media screen and (min-width:1280px){.thebloc .theblocPic img{max-height:30rem}.thebloc .theblocBackground{padding:10rem 0;width:59%}.thebloc .theblocBackground .theblocContent{margin-left:21rem;width:40%}.thebloc .theblocBackground .theblocContent .theblocSummary{font-size:1.3rem}.thebloc .theblocBackground a .projectBtn{margin:2rem 0 0 21rem}}@media screen and (min-width:1440px){.thebloc .theblocPic{border:2px solid var(--red)}.thebloc .theblocPic img{max-height:35.6rem}.thebloc .theblocBackground{padding:20rem 0;width:60%}.thebloc .theblocBackground .theblocContent{margin-left:24rem;width:55%}.thebloc .theblocBackground .theblocContent .theblocTitle:before{bottom:4rem;width:4rem}.thebloc .theblocBackground .theblocContent a .projectBtn{left:14rem}}@media screen and (min-width:1920px){.thebloc{margin-bottom:15rem}.thebloc .theblocPic img{max-height:39rem}.thebloc .theblocBackground .theblocContent{margin-left:24rem;padding:10rem 0;width:50%}.thebloc .theblocBackground .theblocContent .theblocTitle:before{height:.2rem;top:-3rem;width:5rem}.thebloc .theblocBackground a .projectBtn{bottom:20rem;font-size:1.5rem;padding:1rem;position:absolute;right:57rem}}@media screen and (min-width:2560px){.thebloc{margin-bottom:20rem}.thebloc .theblocPic{border:3px solid var(--red);left:-1rem}.thebloc .theblocPic img{max-height:51.5rem}.thebloc .theblocBackground .theblocContent{margin-left:29rem;padding:30rem 0}.thebloc .theblocBackground .theblocContent .theblocTitle:before{bottom:6rem;width:6rem}.thebloc .theblocBackground a .projectBtn{bottom:39rem;right:82rem}}.cardsSection{margin:auto auto 3rem;width:90%}.cardsSection .card{margin:3rem 0}.projectForm{margin:3rem auto}.projectForm .filtersBloc .submitBloc{display:flex;flex-direction:row;justify-content:space-evenly}.projectForm .filtersBloc .submitBloc button{background-color:var(--white);border:.1rem solid var(--black);font-size:1rem;padding:.5rem;position:relative;text-transform:uppercase;transition:color,border .6s}.projectForm .filtersBloc .submitBloc button:hover{border:.1rem solid var(--red);color:var(--red);cursor:pointer;transition:color,border .6s}#Paginator{margin-bottom:4rem}#Paginator .number-paginator{align-items:center;display:flex;flex-direction:row;gap:3rem;justify-content:center;margin:auto;width:90%}#Paginator .number-paginator a{color:var(--black);font-family:PlayfairDisplay;font-size:3rem;font-style:italic;font-weight:800;line-height:1.5rem;transition:color .6s}#Paginator .number-paginator a:hover{color:var(--red);transition:color .6s}#Paginator .number-paginator span{font-size:3rem}#Paginator .number-paginator span:hover{color:var(--black);transition:color .6s}@media screen and (min-width:768px){.cardsSection{display:flex;flex-flow:column}.cardsSection .card{margin:3rem 0 8rem;width:45%}.cardsSection .card:first-child{width:100%}.cardsSection .card:first-child .projectCard,.cardsSection .card:first-child .projectCard .projectImg{position:static}.cardsSection .card:first-child .projectCard a .projectBtn:after{width:58rem}.cardsSection .card .projectCard{position:relative}.cardsSection .card .projectCard .projectImg{bottom:-3rem;position:absolute;right:-37rem}.projectForm .filtersBloc .submitBloc{gap:3rem;justify-content:center}}@media screen and (min-width:1024px){.cardsSection{margin:auto auto 6rem;width:80%}.cardsSection .card:first-child .projectCard a .projectBtn:after{width:70rem}.cardsSection .card .projectCard .projectImg{bottom:-3rem;right:-45rem}.cardsSection .card .projectCard a .projectBtn:after{width:24.5rem}.projectForm .filtersBloc .submitBloc button{font-size:1.1rem}}@media screen and (min-width:1280px){.cardsSection .card{margin:3rem 0 13rem}.cardsSection .card:first-child .projectCard .projectInfos .projectDate{width:10%}.cardsSection .card:first-child .projectCard a .projectBtn:after{width:90rem}.cardsSection .card .projectCard .projectImg{bottom:-5.5rem;right:-50rem}.cardsSection .card .projectCard a .projectBtn:after{width:32rem}}@media screen and (min-width:1440px){.cardsSection .card:first-child .projectCard .projectImg{width:100%}.cardsSection .card .projectCard .projectImg{right:-63rem;width:85%}.projectForm .filtersBloc .submitBloc button{font-size:1.2rem}}@media screen and (min-width:1920px){.cardsSection .card:first-child .projectCard .projectImg{width:100%}.cardsSection .card:first-child .projectCard a .projectBtn:after{width:135rem}.cardsSection .card .projectCard .projectImg{right:-84rem}.cardsSection .card .projectCard a .projectBtn:after{width:48rem}.projectForm .filtersBloc .submitBloc button{font-size:1.3rem}}@media screen and (min-width:2560px){.cardsSection .card{margin:3rem 0 26rem}.cardsSection .card:first-child .projectCard .projectImg{width:100%}.cardsSection .card:first-child .projectCard a .projectBtn:after{width:186rem}.cardsSection .card .projectCard .projectImg{bottom:-12.5rem;right:-112rem}.cardsSection .card .projectCard a .projectBtn:after{width:73rem}.projectForm .filtersBloc .submitBloc button{font-size:1.5rem}}