.page-template-page-notre-demarche-rse,.page-template-page-notre-demarche-rse-php,.qly-rse{--qly-blue:#004563;--qly-sky:#F5FBFC;--qly-ff-outfit:'Outfit','Fira Sans',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--qly-ff-fira:'Fira Sans','Outfit',system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
.page-template-page-notre-demarche-rse main#primary,.page-template-page-notre-demarche-rse-php main#primary,main.qly-rse{margin-top:5px}
.page-template-page-notre-demarche-rse #content-wrap,.page-template-page-notre-demarche-rse-php #content-wrap{max-width:100%;padding:0}

.qly-rse-hero{background:#fff}
.qly-rse-hero__bleed{width:100vw;margin-left:calc(50% - 50vw);display:grid;grid-template-columns:3fr 2fr;height:420px;overflow:hidden;min-height:260px;align-items:stretch}
.qly-rse-hero__left{background:var(--qly-blue);display:flex;align-items:center;padding-left:max(20px,calc((100vw - 1280px)/2 + 20px));padding-right:36px;padding-top:64px;padding-bottom:64px;align-self:stretch;min-width:0;min-height:0}
.qly-rse-hero__content{max-width:600px;display:flex;flex-direction:column;gap:14px}
.qly-rse-hero__title{margin:0;color:#fff;font-family:var(--qly-ff-outfit);font-weight:600;font-size:40px;line-height:1.1em}
.qly-rse-hero__text{margin:0;color:#fff;font-family:var(--qly-ff-fira);font-weight:400;font-size:16px;line-height:1.6;max-width:520px}
.qly-rse-hero__text p{margin:0}
.qly-rse-hero .qly-btn{align-self:flex-start;margin-top:6px}
.qly-rse-hero__right{position:relative;overflow:hidden;min-width:0;min-height:0;align-self:stretch}
.qly-rse-hero__img{width:100%;height:100%;object-fit:cover;display:block}
.qly-rse-hero__placeholder{width:100%;height:100%;background:var(--qly-blue)}
@media (max-width:1134px){.qly-rse-s2::before{display:none}}
@media (max-width:1024px){
.qly-rse-hero__bleed{grid-template-columns:1.35fr 1fr}
.qly-rse-hero__left{padding-right:22px;padding-top:54px;padding-bottom:54px;padding-left:max(20px,calc((100vw - 960px)/2 + 20px))}
.qly-rse-hero__title{font-size:38px}
}
@media (max-width:768px){
.qly-rse-hero__bleed{grid-template-columns:1fr;height:auto;overflow:visible;max-height:none}
.qly-rse-hero__left{padding:34px 16px}
.qly-rse-hero__right{height:240px}
.qly-rse-hero.no-hero-img .qly-rse-hero__right{display:none}
.qly-rse-hero__title{font-size:32px}
}

.qly-rse-section__header{text-align:center;margin:0;position:relative;z-index:2}
.qly-rse-section__title{display:flex;align-items:flex-start;justify-content:flex-start;gap:14px}
.qly-rse-section__h2{margin:0;color:var(--qly-blue);font-family:var(--qly-ff-outfit);font-weight:400;font-size:40px;line-height:1.1}
.qly-rse-section__h2--white{color:#fff}
.qly-rse-section__title-deco{display:flex;align-items:flex-start;flex:0 0 auto;flex-shrink:0}
.qly-rse-section__title-deco img{height:40px;width:auto;max-height:none;display:block}
@media (max-width:768px){.qly-rse-section__h2{font-size:30px}}

.qly-rse-s2{background:#fff;padding:80px 0 0;position:relative}
.qly-rse-s2 .qly-container{position:relative;z-index:2}
.qly-rse-s2__quote{position:relative;padding:18px 20px;margin-bottom:60px}
.qly-rse-s2__quote-text{position:relative;z-index:2;color:var(--qly-blue);font-family:var(--qly-ff-fira);font-weight:400;font-size:23px;line-height:1.4em}
.qly-rse-s2__quote-img{position:absolute;z-index:1;pointer-events:none}
.qly-rse-s2__quote-img img{display:block;max-height:42px;width:auto}
.qly-rse-s2__quote-img--start{top:-6px;left:0}
.qly-rse-s2__quote-img--end{bottom:-9px;right:0}
.qly-rse-s2::before{content:"";position:absolute;pointer-events:none;z-index:1;left:0;top:30px;transform:translateX(-45%);width:clamp(260px,30vw,460px);aspect-ratio:1/1;background-image:var(--qly-rse-deco-before);background-repeat:no-repeat;background-size:contain;background-position:left center}
.qly-rse-s2:not([style*="--qly-rse-deco-before"])::before{content:none}
@media (max-width:768px){
.qly-rse-s2{padding:45px 0 10px}
.qly-rse-s2__quote{padding:14px 16px;margin-bottom:40px}
.qly-rse-s2__quote-text{font-size:18px}
}

.qly-rse-kpis{width:100vw;margin-left:calc(50% - 50vw);background:var(--qly-sky);padding:60px 0 70px}
.qly-rse-kpis__header{margin-top:0}
.qly-rse-kpis__grid{margin-top:42px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px;align-items:start}
.qly-rse-kpi{text-align:center}
.qly-rse-kpi__icon img{display:block;margin:0 auto 12px;max-height:60px;width:auto}
.qly-rse-kpi__text{color:var(--qly-blue);font-family:var(--qly-ff-fira);font-weight:400;font-size:14px;line-height:1.3em}
.qly-rse-kpi__text p{margin:0}
@media (max-width:1024px){.qly-rse-kpis__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}
@media (max-width:768px){
.qly-rse-kpis{padding:50px 0 60px}
.qly-rse-kpis__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
}
@media (max-width:520px){.qly-rse-kpis__grid{grid-template-columns:1fr}}

.qly-rse-s4{width:100vw;margin-left:calc(50% - 50vw);background:#fff;position:relative;overflow:hidden;padding:70px 0 80px}
.qly-rse-s4__inner{position:relative;z-index:2}
.qly-rse-s4::after{content:"";position:absolute;pointer-events:none;z-index:1;right:0;top:50%;transform:translate(45%,-50%);width:clamp(320px,34vw,560px);aspect-ratio:1/1;background-image:var(--qly-rse-deco-after);background-repeat:no-repeat;background-size:contain;background-position:right center}
.qly-rse-s4:not([style*="--qly-rse-deco-after"])::after{content:none}
.qly-rse-s4__content{margin-top:34px;color:var(--qly-blue);font-family:var(--qly-ff-fira);font-weight:500;font-size:16px;line-height:1.4}
.qly-rse-s4__content p{margin:0 0 14px}
.qly-rse-s4__content p:last-child{margin-bottom:0}
.qly-rse-s4__content ul,.qly-rse-s4__content ol{margin:0 0 14px 18px}
.qly-rse-s4__content h3{margin:22px 0 10px;font-family:var(--qly-ff-fira);font-weight:500;font-size:22px;line-height:1.4;color:var(--qly-blue)}
@media (max-width:1000px){.qly-rse-s4::after{content:none}}
@media (max-width:768px){
.qly-rse-s4{padding:55px 0 40px}
.qly-rse-s4__content{margin-top:22px}
}

.qly-rse-axes{width:100vw;margin-left:calc(50% - 50vw);background:var(--qly-blue);padding:70px 0}
.qly-rse-axes__header{margin-top:0}
.qly-rse-axes__grid{margin-top:48px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px;align-items:start}
.qly-rse-axis__title{margin:0 0 10px;color:#fff;font-family:var(--qly-ff-fira);font-weight:600;font-size:19px;line-height:1.6em}
.qly-rse-axis__text{color:#fff;font-family:var(--qly-ff-fira);font-weight:400;font-size:16px;line-height:1.4}
.qly-rse-axis__text p{margin:0 0 12px}
.qly-rse-axis__text p:last-child{margin-bottom:0}
.qly-rse-axis__text ul,.qly-rse-axis__text ol{margin:0 0 12px 18px}
@media (max-width:1024px){.qly-rse-axes__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:768px){
.qly-rse-axes{padding:60px 0}
.qly-rse-axes__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
}
@media (max-width:520px){.qly-rse-axes__grid{grid-template-columns:1fr}}

.qly-rse-sentence{background:#fff;padding:80px 0}
.qly-rse-sentence__text{text-align:center;color:var(--qly-blue);font-family:var(--qly-ff-outfit);font-weight:700;font-size:18px;line-height:1.1em}
.page-template-page-notre-demarche-rse .qly-rse-s2::before,.page-template-page-notre-demarche-rse-php .qly-rse-s2::before{transform:translateX(-45%) translateX(var(--qly-deco-x,0px))}
.page-template-page-notre-demarche-rse .qly-rse-s4::after,.page-template-page-notre-demarche-rse-php .qly-rse-s4::after{transform:translate(45%,-50%) translateX(var(--qly-deco-x,0px))}
.page-template-page-notre-demarche-rse .qly-deco-slide,.page-template-page-notre-demarche-rse-php .qly-deco-slide{--qly-deco-x:0px;--qly-deco-delay:320ms;--qly-deco-dur:900ms}
.page-template-page-notre-demarche-rse .qly-deco-slide::before,.page-template-page-notre-demarche-rse .qly-deco-slide::after,.page-template-page-notre-demarche-rse-php .qly-deco-slide::before,.page-template-page-notre-demarche-rse-php .qly-deco-slide::after{transition:none;will-change:transform}
.page-template-page-notre-demarche-rse .qly-deco-slide.qly-deco-ready::before,.page-template-page-notre-demarche-rse .qly-deco-slide.qly-deco-ready::after,.page-template-page-notre-demarche-rse-php .qly-deco-slide.qly-deco-ready::before,.page-template-page-notre-demarche-rse-php .qly-deco-slide.qly-deco-ready::after{transition:transform var(--qly-deco-dur) cubic-bezier(.22,1,.36,1) var(--qly-deco-delay)}
.page-template-page-notre-demarche-rse .qly-rse-s2.qly-deco-slide,.page-template-page-notre-demarche-rse-php .qly-rse-s2.qly-deco-slide{--qly-deco-x:-520px;--qly-deco-delay:360ms}
.page-template-page-notre-demarche-rse .qly-rse-s4.qly-deco-slide,.page-template-page-notre-demarche-rse-php .qly-rse-s4.qly-deco-slide{--qly-deco-x:620px;--qly-deco-delay:320ms}
.page-template-page-notre-demarche-rse .qly-rse-s2.qly-deco-slide.is-visible,.page-template-page-notre-demarche-rse .qly-rse-s4.qly-deco-slide.is-visible,.page-template-page-notre-demarche-rse-php .qly-rse-s2.qly-deco-slide.is-visible,.page-template-page-notre-demarche-rse-php .qly-rse-s4.qly-deco-slide.is-visible{--qly-deco-x:0px}
.page-template-page-notre-demarche-rse .qly-reveal,.page-template-page-notre-demarche-rse-php .qly-reveal{--qly-delay:0ms;--qly-dur:550ms;opacity:0;transform:translate3d(0,16px,0);transition:opacity var(--qly-dur) ease var(--qly-delay),transform var(--qly-dur) cubic-bezier(.22,1,.36,1) var(--qly-delay);will-change:opacity,transform}
.page-template-page-notre-demarche-rse .qly-reveal.qly-reveal--fade,.page-template-page-notre-demarche-rse-php .qly-reveal.qly-reveal--fade{transform:none}
.page-template-page-notre-demarche-rse .qly-reveal.is-visible,.page-template-page-notre-demarche-rse-php .qly-reveal.is-visible{opacity:1;transform:none}
