.green-link{margin-bottom:3rem}.green-link a,.green-link button{color:var(--green);font-weight:600;position:relative}.green-link a:after,.green-link button:after{background-color:var(--green);content:"";height:.2rem;opacity:.5;position:absolute;right:-5rem;top:50%;transform:translateY(-50%);width:4rem}@media only screen and (min-width:1280px){.green-link a,.green-link button{transition:color .7s}.green-link a:after,.green-link button:after{transition:background-color .7s}.green-link a:hover,.green-link button:hover{color:var(--black)}.green-link a:hover:after,.green-link button:hover:after{background-color:var(--black)}}.contentActusOrPosts .actu-post{margin:0 auto 3rem;width:70vw}.contentActusOrPosts .actu-post .content-background{height:70vw;margin:0 auto;width:70vw}.contentActusOrPosts .actu-post .content-background .background{height:100%}.contentActusOrPosts .actu-post .content h2{color:var(--green);font-family:Blinker,sans-serif;font-size:1.8rem;margin:1.5rem 0 1rem}.contentActusOrPosts .actu-post .content h2:after{content:none}.contentActusOrPosts .actu-post .content .date{color:var(--black);font-size:1.2rem;margin:0 0 1.5rem}.contentActusOrPosts .actu-post .content h3{font-size:1.6rem;margin-bottom:.5rem;margin-top:-.5rem}.contentActusOrPosts .actu-post .content p{color:var(--black);margin:0}.contentActusOrPosts .actu-post .content .green-link{margin-top:1.5rem}@media only screen and (min-width:768px){.contentActusOrPosts{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 7vw}.contentActusOrPosts .actu-post{margin:0 0 6rem;width:39vw}.contentActusOrPosts .actu-post .content-background{height:39vw;width:39vw}.contentActusOrPosts .actu-post .content{display:flex;flex-direction:column;height:calc(100% - 36vw)}.contentActusOrPosts .actu-post .content h2{font-size:2.5rem;margin-top:3rem}.contentActusOrPosts .actu-post .content .date{font-size:1.5rem;margin:0 0 1.5rem}.contentActusOrPosts .actu-post .content .green-link{margin:.5rem 0 0}}@media only screen and (min-width:1280px){.contentActusOrPosts .actu-post{margin-bottom:9rem;width:23vw}.contentActusOrPosts .actu-post .content-background{height:23vw;width:23vw}.contentActusOrPosts .actu-post .content{height:calc(100% - 21vw)}.contentActusOrPosts .actu-post .content .green-link{font-size:1.6rem}.contentActusOrPosts .actu-post .content h3{margin-bottom:1.5rem;margin-top:0}}@media only screen and (min-width:1920px){.contentActusOrPosts{margin:0 14vw}.contentActusOrPosts .actu-post{width:20vw}.contentActusOrPosts .actu-post .content-background{height:20vw;width:20vw}.contentActusOrPosts .actu-post .content{height:calc(100% - 19vw)}}@media only screen and (max-width:1279px){.contentActusOrPosts.archive-listing{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2rem}.contentActusOrPosts.archive-listing .actu-post[\:not-has\(\%3Eform\)]{align-items:flex-start;display:flex;flex-direction:row;gap:1.25rem}.contentActusOrPosts.archive-listing .actu-post:not(:has(>form)){align-items:flex-start;display:flex;flex-direction:row;gap:1.25rem}.contentActusOrPosts.archive-listing .actu-post[\:has\(\%3Eform\)]{display:block}.contentActusOrPosts.archive-listing .actu-post:has(>form){display:block}.contentActusOrPosts.archive-listing .actu-post[\:has\(\%3Eform\)]>form{align-items:flex-start;display:flex;flex-direction:row;gap:1.25rem;width:100%}.contentActusOrPosts.archive-listing .actu-post:has(>form)>form{align-items:flex-start;display:flex;flex-direction:row;gap:1.25rem;width:100%}.contentActusOrPosts.archive-listing .actu-post{margin-bottom:0;max-width:100%;width:100%}.contentActusOrPosts.archive-listing .actu-post .content-background{flex-shrink:0;height:7.5rem;margin:0;width:7.5rem}.contentActusOrPosts.archive-listing .actu-post .content{flex:1;height:auto!important;min-width:0}.contentActusOrPosts.archive-listing .actu-post .content h2{margin-top:0}}@media only screen and (max-width:767px){.contentActusOrPosts.archive-listing{padding:0 5vw}}@media only screen and (min-width:768px)and (max-width:1279px){.contentActusOrPosts.archive-listing{gap:2.5rem}.contentActusOrPosts.archive-listing .actu-post .content-background{height:11rem;width:11rem}}@media only screen and (min-width:1280px){.contentActusOrPosts.archive-listing{flex-direction:column;flex-wrap:nowrap;gap:3rem}.contentActusOrPosts.archive-listing .actu-post[\:not-has\(\%3Eform\)]{align-items:flex-start;display:flex;flex-direction:row;gap:2.5rem}.contentActusOrPosts.archive-listing .actu-post:not(:has(>form)){align-items:flex-start;display:flex;flex-direction:row;gap:2.5rem}.contentActusOrPosts.archive-listing .actu-post[\:has\(\%3Eform\)]{display:block}.contentActusOrPosts.archive-listing .actu-post:has(>form){display:block}.contentActusOrPosts.archive-listing .actu-post[\:has\(\%3Eform\)]>form{align-items:flex-start;display:flex;flex-direction:row;gap:2.5rem;width:100%}.contentActusOrPosts.archive-listing .actu-post:has(>form)>form{align-items:flex-start;display:flex;flex-direction:row;gap:2.5rem;width:100%}.contentActusOrPosts.archive-listing .actu-post{margin-bottom:0;max-width:100%;width:100%}.contentActusOrPosts.archive-listing .actu-post .content-background{flex-shrink:0;height:220px;margin:0;width:220px}.contentActusOrPosts.archive-listing .actu-post .content{flex:1;height:auto!important;min-width:0}.contentActusOrPosts.archive-listing .actu-post .content h2{margin-top:0}}@media only screen and (min-width:1920px){.contentActusOrPosts.archive-listing .actu-post .content-background{height:260px;width:260px}}.contentActusOrPosts.archive-listing.archive-recrutement-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:1fr;margin:0;padding:0 5vw 4rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip,.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip[\:has\(\%3Eform\)],.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip[\:not-has\(\%3Eform\)]{background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;margin:0;max-width:none;min-height:100%;overflow:visible;position:relative;width:auto}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip,.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip:has(>form),.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip:not(:has(>form)){background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;margin:0;max-width:none;min-height:100%;overflow:visible;position:relative;width:auto}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post__link{border-radius:1.25rem;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;z-index:5}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post__link:after{display:none}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post__scene{display:flex;flex:1;flex-direction:column;min-height:100%;perspective:1200px;transition:transform .35s ease}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post__inner{background:var(--white);border:2px solid rgba(118,193,74,.45);border-radius:1.25rem;box-shadow:0 10px 30px rgba(0,0,0,.06);display:grid;flex:1;min-height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,border-color .35s ease;width:100%}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post__face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--white);border-radius:1.25rem;display:flex;flex-direction:column;grid-area:1/1;height:100%;min-height:100%;overflow:hidden}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post__face--back{transform:rotateY(180deg)}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content-background{aspect-ratio:16/9;height:auto;margin:0;width:100%}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content-background .background{background-image:url(/app/themes/socafna/public/images/socafna_bg.5513d5.jpg);background-position:50%;background-size:cover;height:100%;width:100%}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post__face--front .content{display:flex;flex:1;flex-direction:column}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post__face--front .content .green-link{margin-top:auto}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content{background:var(--white);height:auto!important;padding:1.25rem 1.25rem 1.5rem;position:relative;z-index:1}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content h2{color:var(--green);font-family:Blinker,sans-serif;font-size:1.8rem;line-height:1.2;margin:0 0 .25rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content h2:after{content:none}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .contract-type{color:var(--black);font-size:1.4rem;font-weight:600;margin:0 0 .5rem;opacity:.85}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content h3{color:var(--black);font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .date{color:var(--black);font-size:1.2rem;margin:0 0 1rem;opacity:.75}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt{color:var(--black);flex:1;font-size:1.4rem;line-height:1.55;margin:0 0 1rem;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);max-height:22rem;overflow:hidden}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt p{margin:0 0 .4rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt p:last-child{margin-bottom:0}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt ol,.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt ul{margin:.3rem 0 .6rem 1.6rem;padding:0}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt ol li,.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt ul li{margin-bottom:.25rem;padding-left:.2rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt ul li{list-style:disc}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt ol li{list-style:decimal}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .excerpt strong{font-weight:700}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .green-link{margin-top:1.25rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .green-link span{color:var(--green);font-weight:600;pointer-events:none;position:relative;z-index:1}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .green-link span:after{background-color:var(--green);content:"";height:.2rem;opacity:.5;position:absolute;right:-5rem;top:50%;transform:translateY(-50%);width:4rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content--back{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip:hover .content .green-link span{color:var(--black)}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip:hover .content .green-link span:after{background-color:var(--black)}@media only screen and (min-width:768px){.contentActusOrPosts.archive-listing.archive-recrutement-grid{gap:2.5rem;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 7vw 5rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content{padding:1.5rem 1.6rem 1.8rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content h2{font-size:2rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content h3{font-size:1.6rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .date{font-size:1.3rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .green-link span{font-size:1.4rem}}@media only screen and (min-width:1280px){.contentActusOrPosts.archive-listing.archive-recrutement-grid{align-content:flex-start;align-items:stretch;-moz-column-gap:3rem;column-gap:3rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:0 10vw 6rem;row-gap:3rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post.actu-post--flip{display:flex;flex:0 0 30rem;flex-direction:column;height:auto;max-width:30rem;min-height:0;min-width:30rem;width:30rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post .content-background{aspect-ratio:16/9;height:auto;width:100%}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content h2{font-size:2.2rem}.contentActusOrPosts.archive-listing.archive-recrutement-grid .content .green-link span{font-size:1.5rem}}@media only screen and (min-width:1280px)and (hover:hover){.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip:hover .actu-post__scene{transform:translateY(-4px)}.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post--flip:hover .actu-post__inner{border-color:rgba(118,193,74,.9);box-shadow:0 16px 40px rgba(0,0,0,.1);transform:rotateY(180deg)}}@media(prefers-reduced-motion:reduce){.actu-post__inner,.actu-post__scene{transition:none}.actu-post--flip:hover .actu-post__inner{transform:none}}.background{background-image:url(/app/themes/socafna/public/images/socafna_bg.5513d5.jpg)}.main{padding-top:5rem}@media only screen and (min-width:768px){.main{padding-top:8rem}}@media only screen and (min-width:1280px){.main{padding-top:11rem}}@media only screen and (min-width:1920px){.contentActusOrPosts.archive-listing.archive-recrutement-grid .actu-post.actu-post--flip{flex:0 0 30rem;max-width:30rem;min-width:30rem;width:30rem}}