.background_top{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}@media only screen and (min-width:1280px){.background_top{height:calc(100vh - 10rem)}}.background_top .youtube{background-color:var(--white);border-radius:.5rem .5rem 0 0;color:var(--green);font-family:Blinker,sans-serif;font-weight:700;padding:1rem 7.5rem 1rem 1rem;position:absolute;right:-.5rem;text-transform:uppercase;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%);transform-origin:right center;white-space:nowrap;z-index:3}.background_top .youtube:after{background-image:url(/app/themes/socafna/public/images/youtube.d17699.png);content:"";height:4rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:6rem}@media only screen and (min-width:1280px){.background_top .youtube{transition:right .4s ease,color .7s,background-color .7s}.background_top .youtube:hover{background-color:var(--green);color:var(--white);right:0}}.first-green>p:first-of-type{color:var(--green);font-size:1.8rem;font-weight:500}@media only screen and (min-width:1280px){.first-green>p:first-of-type{font-size:2rem}}.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)}.columns{display:flex;flex-direction:row;justify-content:space-between;margin:0 7vw}}@media only screen and (min-width:1920px){.columns{margin:0 14vw}}@media only screen and (min-width:2560px){.columns{margin:0 21vw}}.chiffres_cles{padding-bottom:3rem}.chiffres_cles .columns .column{text-align:center}.chiffres_cles .columns .column .number{color:var(--green);font-family:Blinker,sans-serif;font-size:5rem;font-weight:700;margin-bottom:3rem;position:relative;z-index:2}.chiffres_cles .columns .column .text{margin:0 calc(50% - 12.5rem) 6rem;position:relative;z-index:1}.chiffres_cles .columns .column .text:before{background-color:#f2f5fa;content:"";height:12rem;left:50%;position:absolute;top:-5rem;transform:translateX(-50%);width:calc(100vw - 10rem);z-index:-1}@media only screen and (min-width:768px){.chiffres_cles .columns{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 calc(50% - 32rem)}.chiffres_cles .columns .column{margin-bottom:9rem}.chiffres_cles .columns .column .number{margin:0 0 2.5rem}.chiffres_cles .columns .column .text{font-weight:700;height:5.5rem;margin:0;padding:0 3rem;width:30rem}.chiffres_cles .columns .column .text:before{width:100%}.chiffres_cles .columns .column:nth-child(odd){margin-right:calc(50% - 30rem)}.chiffres_cles .columns .column:nth-of-type(2n){margin-left:calc(50% - 30rem)}.chiffres_cles .columns .column:last-of-type{margin-right:0}}@media only screen and (min-width:1280px){.chiffres_cles .columns{justify-content:space-between;margin:0 7vw 9rem}.chiffres_cles .columns .column{margin-bottom:0;width:20rem}.chiffres_cles .columns .column .text{font-size:1.6rem;padding:0 1rem;width:100%}.chiffres_cles .columns .column .text:before{height:12rem;top:-3.5rem}.chiffres_cles .columns .column .number{font-size:4rem;margin-bottom:1.5rem}.chiffres_cles .columns .column:nth-child(odd){margin-right:0}.chiffres_cles .columns .column:nth-child(2n){margin-left:0}}@media only screen and (min-width:1920px){.chiffres_cles .columns{margin:0 14vw 9rem}.chiffres_cles .columns .column{width:25rem}.chiffres_cles .columns .column .text{font-size:1.8rem;padding:0 1.5rem}.chiffres_cles .columns .column .text:before{top:-4rem}.chiffres_cles .columns .column .number{font-size:5rem}}@media only screen and (min-width:2560px){.chiffres_cles .columns{margin:0 21vw 9rem}}.background_bulle{background-image:url(/app/themes/socafna/public/images/background_bulle.f51af2.jpg)}.agencies_archive .columns{display:flex;flex-direction:column-reverse}.agencies_archive .column:last-of-type .Map{background-image:url(/app/themes/socafna/public/images/map_agence.15ebdb.png);background-size:contain;height:100vw;position:relative}.agencies_archive .column:last-of-type .agence{background-color:var(--white);border-radius:3rem;box-shadow:-.2rem .2rem .1rem var(--green);font-family:Blinker,sans-serif;font-size:.8rem;font-weight:700;padding:.5rem;position:absolute;text-transform:uppercase;transform:translateX(-75%)}.agencies_archive .column:last-of-type .agence:hover{z-index:10}.agencies_archive .column:last-of-type .agence:after{background-color:var(--white);height:.8rem;top:calc(100% - .1rem);z-index:1}.agencies_archive .column:last-of-type .agence:after,.agencies_archive .column:last-of-type .agence:before{-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);content:"";position:absolute;right:25%;transform:translateX(50%);width:1rem}.agencies_archive .column:last-of-type .agence:before{background-color:var(--green);height:1rem;top:calc(100% + .1rem)}.agencies_archive .column:last-of-type .agence a{color:var(--black);white-space:nowrap}.agencies_archive .column:last-of-type .agence a span{color:var(--green)}.agencies_archive .column:last-of-type .Rungis{bottom:79%;left:73%}.agencies_archive .column:last-of-type .Lyon{bottom:63%;left:82%}.agencies_archive .column:last-of-type .Perpignan{bottom:44%;left:70%}.agencies_archive .column:last-of-type .Arras{bottom:87%;left:73.5%}.agencies_archive .column:last-of-type .Châteaurenard{bottom:50.5%;left:76%}.agencies_archive .column:last-of-type .Orléans{bottom:74.5%;left:69.5%}.agencies_archive .column:last-of-type .Nice{bottom:50%;left:91%}.agencies_archive .column:last-of-type .Valence{bottom:58%;left:80%}.agencies_archive .column:last-of-type .Nogentsurseine{bottom:73.5%;left:90%}.agencies_archive .column:last-of-type .Nogentsurseine:after,.agencies_archive .column:last-of-type .Nogentsurseine:before{right:75%}.agencies_archive .column:last-of-type .Strasbourg{bottom:81%;left:91.5%}.agencies_archive .column:last-of-type .Marmande{bottom:60.5%;left:63%}.agencies_archive .column:last-of-type .Nantes{bottom:73%;left:53%}.agencies_archive .column:last-of-type .Tours{bottom:70%;left:66.3%}.agencies_archive .column:last-of-type .Valencia{bottom:30%;left:54%}.agencies_archive .column:last-of-type .Almeria{bottom:17%;left:47%}.agencies_archive .column:last-of-type .Murcia{bottom:23%;left:54%}.agencies_archive .column:first-of-type h2{margin-bottom:6rem}.agencies_archive .column:first-of-type h3{font-size:2.2rem;margin:0 0 3rem 4rem;text-transform:uppercase}.agencies_archive .column:first-of-type p{font-size:2rem;text-transform:uppercase}.agencies_archive .column:first-of-type .name a{color:var(--green);font-weight:700}.agencies_archive .column:first-of-type .region{margin-bottom:6rem}@media only screen and (max-width:374px){.agencies_archive .column:last-of-type .agence:not(div.Almeria):not(div.Valencia){overflow-x:hidden;overflow-y:visible;width:4rem}.agencies_archive .column:last-of-type .agence:not(div.Almeria):not(div.Valencia):after,.agencies_archive .column:last-of-type .agence:not(div.Almeria):not(div.Valencia):before{content:none}.agencies_archive .column:last-of-type .agence:not(div.Almeria):not(div.Valencia) a span{margin:0 1.5rem 0 1rem}}@media only screen and (min-width:768px){.agencies_archive .column:last-of-type .agence{font-size:1.6rem;padding:1rem}.agencies_archive .column:first-of-type h2{margin-top:6rem}.agencies_archive .column:first-of-type h3{font-size:3.5rem;margin:0 0 4.5rem 7vw}.agencies_archive .column:first-of-type p.name{font-size:3rem;margin-bottom:3rem}.agencies_archive .column:first-of-type p{margin-bottom:1.5rem}}@media only screen and (min-width:1280px){.agencies_archive .columns{flex-direction:row;margin-bottom:9rem;margin-right:0}.agencies_archive .columns .column:last-of-type{margin-right:10rem}.agencies_archive .columns .column:last-of-type .Map{height:calc(100vh - 10rem);width:calc(100vh - 10rem)}.agencies_archive .columns .column:last-of-type .agence{transition:background-color .7s}}@media only screen and (min-width:1280px)and (max-height:730px){.agencies_archive .columns .column:last-of-type .agence{font-size:1.2rem;padding:.5rem}}@media only screen and (min-width:1280px){.agencies_archive .columns .column:last-of-type .agence:after{transition:background-color .7s}.agencies_archive .columns .column:last-of-type .agence:hover,.agencies_archive .columns .column:last-of-type .agence:hover:after{background-color:var(--green)}.agencies_archive .columns .column:last-of-type .agence:hover a span{color:var(--white)}.agencies_archive .columns .column:last-of-type .agence span{transition:color .7s}.agencies_archive .columns .column:first-of-type h2{margin:9rem 0 3rem}.agencies_archive .columns .column:first-of-type .allRegion{display:flex;flex-direction:row;flex-wrap:wrap}.agencies_archive .columns .column:first-of-type .allRegion .region{margin-bottom:1.5rem;width:50%}.agencies_archive .columns .column:first-of-type .allRegion .region h3{font-size:2rem;margin:0 3rem 1.5rem 0}.agencies_archive .columns .column:first-of-type .allRegion .region p{font-size:1.8rem;margin:0 3rem .5rem 0}.agencies_archive .columns .column:first-of-type .allRegion .region .name a{transition:color .7s}.agencies_archive .columns .column:first-of-type .allRegion .region .name a:hover{color:var(--black)}}@media only screen and (min-width:1280px)and (max-height:700px){.agencies_archive .columns .column:last-of-type .Map{height:50vw;width:50vw}}@media only screen and (min-width:1920px){.agencies_archive .columns .column:last-of-type{margin-right:15rem}.agencies_archive .columns .column:last-of-type .agence{border-radius:1rem;padding:0}.agencies_archive .columns .column:last-of-type .agence a{display:block;padding:1.5rem}.agencies_archive .columns .column:last-of-type .agence a span{margin-right:.2rem}.agencies_archive .columns .column:last-of-type .agence.Perpignan a{font-size:2.2rem}}.background_bulle{padding-top:5rem}.background_top[\:has\(\%3Evideo\)],.background_top[\:has\(\.hero-oembed\)]{background-color:#000;background-image:none!important}.background_top:has(.hero-oembed),.background_top:has(>video){background-image:none!important}.background_top:has(.hero-oembed),.background_top:has(>video){background-color:#000}.background_top>video{border:0;height:100%;left:50%;max-height:100%;max-width:100%;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.background_top .hero-oembed{align-items:center;background-color:#000;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.background_top .hero-oembed .hero-youtube-root{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.background_top .hero-oembed.hero-oembed--api iframe{border:0!important;max-height:100%;max-width:100%}.background_top .hero-oembed .acf-oembed,.background_top .hero-oembed .acf-oembed>div{bottom:0!important;height:100%!important;left:0!important;padding-bottom:0!important;position:absolute!important;right:0!important;top:0!important;width:100%!important}.background_top .hero-oembed .acf-oembed{pointer-events:none}.background_top .hero-oembed .wp-block-embed,.background_top .hero-oembed .wp-block-embed__wrapper,.background_top .hero-oembed figure{height:100%;margin:0;width:100%}.qualite .column h2{margin-right:calc(100% - 25rem)}.qualite .column .background{height:80vw}.qualite .column .compteur{background-image:url(/app/themes/socafna/public/images/background_compteur.cd17a4.jpg);border-radius:1.5rem;display:flex;flex-direction:column;font-family:Blinker,sans-serif;height:28rem;justify-content:space-between;margin:-6rem auto 6rem;width:26rem}.qualite .column .compteur .green-text{color:var(--green);padding-top:1.5rem;text-align:center}.qualite .column .compteur .green-text p{font-weight:700;margin:0}.qualite .column .compteur .km{color:var(--white)}.qualite .column .compteur .km p{font-size:3rem;margin:0}.qualite .column .compteur .km div,.qualite .column .compteur .km p{font-weight:700;padding:.5rem 0;text-align:center}.qualite .column .compteur .km .first{font-size:1.5rem;opacity:.1}.qualite .column .compteur .km .second{font-size:2.2rem;opacity:.4}.qualite .column .compteur .white-text{color:var(--white);text-align:center}.transport-logistique .column{filter:brightness(135%);height:50vw;position:relative;transition:height .7s,filter .7s}.transport-logistique .column:after{background:rgba(118,193,74,.7);content:"";height:100%;left:0;position:absolute;top:0;transition:background .7s;width:100%;z-index:0}.transport-logistique .column h2{font-size:3rem;left:50%;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .7s;z-index:1}.transport-logistique .column h2:after{content:none}.transport-logistique .column p{opacity:0;position:relative;text-align:center;z-index:-1}.transport-logistique .column p:first-of-type{padding-top:calc(75vw + 5rem)}.transport-logistique .column p:not(.green-link){color:var(--white)}.transport-logistique .column.active{filter:brightness(100%);height:150vw;transition:height .7s .8s,filter .7s .8s}.transport-logistique .column.active:after{background:linear-gradient(transparent,#000);transition:background .7s .7s}.transport-logistique .column.active h2{color:var(--white);transition:color .7s .8s}.transport-logistique .column.active p{opacity:1;transition:opacity .7s 1.5s;z-index:1}.transport-logistique .column.active .ClickGreen{z-index:-1}.ClickGreen{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}@media only screen and (min-width:768px){.background_bulle{padding-top:11rem}.qualite .column h2{margin-right:auto}.qualite .column .green-link{margin-bottom:9rem}.qualite .column .background{height:60vw;width:80%}.qualite .column .compteur{height:40rem;margin:-30vw 7vw 9rem auto;width:40rem}.qualite .column .compteur .green-text{padding-top:3rem}.qualite .column .compteur .green-text p{font-size:2rem}.qualite .column .compteur .km p{font-size:5rem}.qualite .column .compteur .km .second{font-size:3.5rem}.qualite .column .compteur .km .first{font-size:2.5rem}.qualite .column .compteur .white-text{margin-bottom:3rem}.qualite .column .compteur .white-text p{font-size:2rem;margin:0 calc(50% - 12rem)}.transport-logistique .column{height:30vw}.transport-logistique .column h2{font-size:6rem}.transport-logistique .column.active{height:75vw}.transport-logistique .column.active p:first-of-type{padding-top:calc(37.5vw + 6rem)}}@media only screen and (min-width:1280px){.menu_main nav>div>ul .current-menu-item:after{content:none}.menu_main nav>div>ul>li:first-of-type:after{content:"";height:.5rem;top:-1.2rem}.qualite{margin-bottom:9rem}.qualite .column:first-of-type{width:50rem}.qualite .column:first-of-type h2,.qualite .column:first-of-type p{margin-left:0;margin-right:0}.qualite .column:last-of-type{width:auto}.qualite .column:last-of-type .background{height:30rem;margin-right:0;width:50rem}.qualite .column:last-of-type .compteur{margin:-10rem 0 0 18rem}.transport-logistique .columns{margin:0}.transport-logistique .columns .column{cursor:pointer;height:100vh;transition:width .7s;width:30%}.transport-logistique .columns .column h2{transition:top .7s}.transport-logistique .columns .column p:first-of-type{padding-top:70vh}.transport-logistique .columns .column .green-link:hover a{color:var(--white)}.transport-logistique .columns .column .green-link:hover a:after{background-color:var(--white)}.transport-logistique .columns .column.active{cursor:auto;width:70%}.transport-logistique .columns .column.active h2{top:calc(50% + 10vh)}.transport-logistique .columns .column.active p{transition:opacity .7s .7s}.transport-logistique .columns .column.active:after{transition:background-color .7s}}@media only screen and (min-width:1920px){.qualite .column:first-of-type{width:60rem}.qualite .column:last-of-type .background{height:40rem;width:60rem}.qualite .column:last-of-type .compteur{margin:-20rem 0 0 30rem;width:45rem}.qualite .column:last-of-type .compteur .white-text{margin:0 0 4rem}.transport-logistique .columns .column.active p{margin:0 calc(50% - 36rem) 4.5rem}}