.longread-template-template-longread-5{
--lr5-bleu: #1b64d7;
--lr5-bleu-fonce: #00007d;
--lr5-cyan: #00b4ff;
--lr5-marine: #00007d;
--lr5-corail: #ff645c;
--lr5-violet: #5a00c8;
--lr5-rose: #f0e6ea;
--lr5-noir: #000;
--lr5-blanc: #fff;
--lr5-font-titre: "Unbounded", "Inter Tight", sans-serif;
--lr5-font-texte: "DM Sans", "Inter Tight", sans-serif;
--lr5-font-ui: "Confiance", "Inter Tight", sans-serif;
--lr5-wrap: 1158px; --lr5-debord: min(0px, calc((var(--lr5-wrap) - 100vw) / 2));
}
.longread-template-template-longread-5 .container-longread-5{
position: relative;
font-family: var(--lr5-font-texte);
color: var(--lr5-noir);
background: var(--lr5-blanc);
overflow: clip;
}
.longread-template-template-longread-5 .container-longread-5 p{
margin: 0;
} .longread-template-template-longread-5 .container-longread-5 h1,
.longread-template-template-longread-5 .container-longread-5 h2,
.longread-template-template-longread-5 .container-longread-5 h3{
text-transform: none;
max-width: none;
padding: 0;
font-family: var(--lr5-font-titre);
}
.longread-template-template-longread-5 .lr5-wrap{
position: relative;
width: 100%;
max-width: var(--lr5-wrap);
margin: 0 auto;
padding: 0 24px;
box-sizing: border-box;
} .longread-template-template-longread-5 .lr5-titre{
font-family: var(--lr5-font-titre);
font-weight: 500;
font-size: clamp(26px, 2.65vw, 40px);
line-height: 1.1;
text-align: center;
margin: 0 0 40px;
} .longread-template-template-longread-5 .lr5-section-texte,
.longread-template-template-longread-5 .lr5-kap-encart,
.longread-template-template-longread-5 .lr5-panneau-texte{
font-size: clamp(16px, 1.32vw, 20px);
line-height: 1.5;
}
.longread-template-template-longread-5 .lr5-section-texte p + p,
.longread-template-template-longread-5 .lr5-kap-encart p + p{
margin-top: 1.5em;
} .longread-template-template-longread-5 .lr5-header{
position: relative;
padding: 27px 0 0;
border-bottom: 31px solid var(--lr5-noir);
background: var(--lr5-blanc) url(//www.krys-group.com/wp-content/themes/krys-group/assets/img/longread5/ciel-header-x2.jpg) center / cover no-repeat;
height: auto;
display: block;
}
.longread-template-template-longread-5 .lr5-header-inner{
position: relative;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: start;
min-height: 166px;
padding: 0 120px 0 127px;
}
.longread-template-template-longread-5 .lr5-header-60{
padding-top: 23px;
}
.longread-template-template-longread-5 .lr5-header-60 img{
display: block;
width: 334px;
height: auto;
}
.longread-template-template-longread-5 .lr5-header-logo img{
display: block;
width: 91px;
height: auto;
}
.longread-template-template-longread-5 .lr5-header-liens{
display: flex;
justify-content: flex-end;
gap: 52px;
padding-top: 61px;
}
.longread-template-template-longread-5 .lr5-header-lien{
display: flex;
align-items: flex-start;
gap: 7px;
font-family: var(--lr5-font-ui);
font-size: 16px;
line-height: 20px;
color: var(--lr5-noir);
text-decoration: none;
}
.longread-template-template-longread-5 .lr5-header-lien img{
flex: 0 0 19px;
width: 19px;
height: auto;
margin-top: 4px;
} .longread-template-template-longread-5 .lr5-header-lien span{
max-width: 121px;
}
.longread-template-template-longread-5 .lr5-header-lien:hover span{
text-decoration: underline;
} .longread-template-template-longread-5 .lr5-hero{
position: relative;
width: 100%;
height: min(70.6vw, 1068px);
min-height: 420px;
overflow: hidden;
background: var(--lr5-bleu);
}
.longread-template-template-longread-5 .lr5-hero-visuel,
.longread-template-template-longread-5 .lr5-hero-visuel img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.longread-template-template-longread-5 .lr5-hero-visuel img{
object-fit: cover;
object-position: center;
}
.longread-template-template-longread-5 .lr5-hero-titre{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin: 0;
width: min(90%, 980px);
font-family: var(--lr5-font-titre);
font-weight: 900;
font-size: clamp(36px, 6vw, 92px);
line-height: 1;
color: var(--lr5-blanc);
text-align: center;
text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35);
}
.longread-template-template-longread-5 .lr5-hero-titre--masque{
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.longread-template-template-longread-5 .lr5-hero-fleche{
position: absolute;
left: 16.6%;
bottom: 10.8%;
width: 48px;
height: 119px;
display: block;
transition: transform 0.3s ease;
}
.longread-template-template-longread-5 .lr5-hero-fleche:hover{
transform: translateY(6px);
}
.longread-template-template-longread-5 .lr5-hero-fleche img{
display: block;
width: 48px;
height: 119px;
} .longread-template-template-longread-5 .lr5-fond{
position: relative;
width: 100%;
}
.longread-template-template-longread-5 .lr5-fond--blanc{ background: var(--lr5-blanc); }
.longread-template-template-longread-5 .lr5-fond--rose{ background: rgba(240, 230, 234, 0.5); }
.longread-template-template-longread-5 .lr5-fond--bleu{ background: var(--lr5-bleu); color: var(--lr5-blanc); }
.longread-template-template-longread-5 .lr5-fond--corail{ background: var(--lr5-corail); color: var(--lr5-blanc); }
.longread-template-template-longread-5 .lr5-fond--bleu .lr5-titre,
.longread-template-template-longread-5 .lr5-fond--corail .lr5-titre,
.longread-template-template-longread-5 .lr5-fond--bleu .lr5-section-texte,
.longread-template-template-longread-5 .lr5-fond--corail .lr5-section-texte{
color: var(--lr5-blanc);
}
.longread-template-template-longread-5 .lr5-fond--bleu,
.longread-template-template-longread-5 .lr5-fond--corail{
padding: 100px 0 80px;
}
.longread-template-template-longread-5 .lr5-fond--rose{
padding: 48px 0 104px;
} .longread-template-template-longread-5 .lr5-fond-inner > .acf-innerblocks-container{
width: 100%;
} .longread-template-template-longread-5 .lr5-intro-texte{
max-width: 852px;
margin-left: 8.5%;
font-weight: 700;
font-size: clamp(19px, 1.72vw, 26px);
line-height: 1.46;
} .longread-template-template-longread-5 .lr5-chiffres{
padding-top: 48px;
}
.longread-template-template-longread-5 .lr5-chiffres-grille{
list-style: none;
margin: 0 auto;
padding: 0;
max-width: 784px;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 7px;
row-gap: 80px;
}
.longread-template-template-longread-5 .lr5-chiffre{
padding: 20px 20px 20px 39px;
border-left: 1px solid var(--lr5-noir);
font-family: var(--lr5-font-titre);
}
.longread-template-template-longread-5 .lr5-chiffre-prefixe{
display: block;
font-weight: 700;
font-size: clamp(20px, 2.1vw, 32px);
line-height: 1.2;
}
.longread-template-template-longread-5 .lr5-chiffre-valeur{
display: block;
font-weight: 900;
font-size: clamp(40px, 4.3vw, 65px);
line-height: 1.05;
letter-spacing: -0.01em;
}
.longread-template-template-longread-5 .lr5-chiffre-texte{
margin-top: 10px;
font-weight: 400;
font-size: clamp(16px, 1.5vw, 23px);
line-height: 1.5;
}
.longread-template-template-longread-5 .lr5-chiffre-texte strong{
display: block;
font-weight: 700;
font-size: clamp(20px, 2.1vw, 32px);
line-height: 1.1;
} .longread-template-template-longread-5 .lr5-section{
padding: 80px 0;
}
.longread-template-template-longread-5 .lr5-section--texte-centre .lr5-section-texte{
text-align: center;
max-width: 962px;
margin: 0 auto;
}
.longread-template-template-longread-5 .lr5-section-corps{
position: relative;
}
.longread-template-template-longread-5 .lr5-section--image-droite .lr5-section-corps,
.longread-template-template-longread-5 .lr5-section--image-gauche .lr5-section-corps{
display: flex;
align-items: flex-start;
gap: 32px;
}
.longread-template-template-longread-5 .lr5-section--image-gauche .lr5-section-corps{
flex-direction: row-reverse;
}
.longread-template-template-longread-5 .lr5-section--image-droite .lr5-section-texte,
.longread-template-template-longread-5 .lr5-section--image-gauche .lr5-section-texte{
flex: 0 1 732px;
min-width: 0;
}
.longread-template-template-longread-5 .lr5-section-image{
flex: 1 1 auto;
margin: 10px 0 0;
min-width: 0;
}
.longread-template-template-longread-5 .lr5-section--image-droite .lr5-section-image{
margin-right: var(--lr5-debord);
}
.longread-template-template-longread-5 .lr5-section--image-gauche .lr5-section-image{
margin-left: var(--lr5-debord);
}
.longread-template-template-longread-5 .lr5-section-image img{
display: block;
width: 100%;
max-width: 573px;
height: auto;
margin-left: auto;
}
.longread-template-template-longread-5 .lr5-section--image-gauche .lr5-section-image img{
margin-left: 0;
margin-right: auto;
} .longread-template-template-longread-5 .lr5-cartes{
padding: 0 0 80px;
}
.longread-template-template-longread-5 .lr5-cartes-liste{
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.longread-template-template-longread-5 .lr5-carte{
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px;
border: 1px solid var(--lr5-noir);
background: var(--lr5-blanc);
text-align: center;
color: var(--lr5-noir);
}
.longread-template-template-longread-5 .lr5-carte-titre{
font-family: var(--lr5-font-titre);
font-weight: 900;
font-size: clamp(24px, 2.65vw, 40px);
line-height: 0.9;
}
.longread-template-template-longread-5 .lr5-carte-texte{
margin-top: 8px;
font-size: clamp(17px, 1.72vw, 26px);
line-height: 1.35;
} .longread-template-template-longread-5 .lr5-bandeau{
position: relative;
display: flex;
flex-direction: column;
width: 100%;
min-height: 177px;
margin: 80px 0;
}
.longread-template-template-longread-5 .lr5-bandeau-ligne{
position: relative;
width: 50.3%;
min-height: 99px;
display: flex;
align-items: center;
background: var(--lr5-rose);
box-sizing: border-box;
}
.longread-template-template-longread-5 .lr5-bandeau-ligne--droite{
margin-left: auto;
margin-top: 6px;
padding: 10px 24px 10px 7.3vw;
} .longread-template-template-longread-5 .lr5-bandeau-ligne--gauche{
order: 2;
margin-top: -28px;
padding: 10px 7.5vw 10px 15.5vw;
}
.longread-template-template-longread-5 .lr5-bandeau-contenu{
display: flex;
align-items: center;
gap: 24px;
}
.longread-template-template-longread-5 .lr5-bandeau-rang{
flex: 0 0 auto;
font-family: var(--lr5-font-titre);
font-weight: 700;
font-size: clamp(44px, 4.6vw, 70px);
line-height: 0.85;
white-space: nowrap;
}
.longread-template-template-longread-5 .lr5-bandeau-rang sup{
font-weight: 600;
font-size: 0.6em;
line-height: 1;
vertical-align: baseline;
position: relative;
top: -0.35em;
text-transform: lowercase;
}
.longread-template-template-longread-5 .lr5-bandeau-texte{
max-width: 387px;
font-size: clamp(16px, 1.52vw, 23px);
line-height: 1.3;
}
.longread-template-template-longread-5 .lr5-bandeau-picto{
position: absolute;
left: 50%;
top: 0;
width: 146px;
height: 177px;
transform: translateX(-50%);
z-index: 2;
pointer-events: none;
}
.longread-template-template-longread-5 .lr5-bandeau-picto img{
display: block;
width: 100%;
height: 100%;
} .longread-template-template-longread-5 .lr5-video{
padding: 0 0 80px;
}
.longread-template-template-longread-5 .lr5-video-inner{
display: flex;
flex-direction: column;
align-items: center;
gap: 38px;
}
.longread-template-template-longread-5 .lr5-video-titre{
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
font-family: var(--lr5-font-titre);
font-weight: 200;
font-size: clamp(22px, 2vw, 30px);
line-height: 0.9;
text-align: center;
color: var(--lr5-noir);
}
.longread-template-template-longread-5 .lr5-video--blanc .lr5-video-titre{
color: var(--lr5-blanc);
}
.longread-template-template-longread-5 .lr5-video-fleche{
flex: 0 0 24px;
width: 24px;
height: 24px;
transform: rotate(90deg);
}
.longread-template-template-longread-5 .lr5-video--blanc .lr5-video-fleche{
filter: invert(1);
} .longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-inner{
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 45px;
padding-left: 6.6%;
}
.longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-titre{
flex: 0 0 173px;
flex-direction: column;
gap: 20px;
}
.longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-fleche{
transform: none;
}
.longread-template-template-longread-5 .lr5-video-cadre{
position: relative;
width: 100%;
max-width: 569px;
aspect-ratio: 569 / 357;
border-radius: 12px;
overflow: hidden;
background: #222;
}
.longread-template-template-longread-5 .lr5-video-vignette{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.longread-template-template-longread-5 .lr5-video-cadre::after{
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.2);
pointer-events: none;
transition: opacity 0.3s ease;
}
.longread-template-template-longread-5 .lr5-video-cadre.est-lance::after{
opacity: 0;
}
.longread-template-template-longread-5 .lr5-video-play{
position: absolute;
left: 50%;
top: 50%;
width: 79px;
height: 79px;
padding: 0;
border: 0;
background: none;
cursor: pointer;
transform: translate(-50%, -50%);
z-index: 2;
transition: transform 0.3s ease;
}
.longread-template-template-longread-5 .lr5-video-play:hover{
transform: translate(-50%, -50%) scale(1.08);
}
.longread-template-template-longread-5 .lr5-video-play img{
display: block;
width: 79px;
height: 79px;
}
.longread-template-template-longread-5 .lr5-video-cadre iframe,
.longread-template-template-longread-5 .lr5-video-cadre video{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
z-index: 3;
background: #000;
} .longread-template-template-longread-5 .lr5-kap{
padding: 0;
color: var(--lr5-blanc);
}
.longread-template-template-longread-5 .lr5-kap .lr5-titre{
color: var(--lr5-blanc);
margin-bottom: 80px;
}
.longread-template-template-longread-5 .lr5-kap-image{
margin: 0 auto;
max-width: 962px;
}
.longread-template-template-longread-5 .lr5-kap-image img{
display: block;
width: 100%;
height: auto;
}
.longread-template-template-longread-5 .lr5-kap-corps{
position: relative;
display: flex;
align-items: flex-start;
gap: 0;
} .longread-template-template-longread-5 .lr5-kap-encart{
flex: 0 0 55%;
max-width: 626px;
box-sizing: border-box;
margin-top: -151px;
padding: 43px 42px 30px 0;
background: var(--lr5-bleu);
color: var(--lr5-blanc);
position: relative;
z-index: 1;
}
.longread-template-template-longread-5 .lr5-kap-comparatif{
position: relative;
flex: 1 1 auto;
margin-top: 34px;
padding-left: 31px;
border-left: 1px solid var(--lr5-blanc);
min-height: 498px;
display: flex;
flex-direction: column;
gap: 70px;
}
.longread-template-template-longread-5 .lr5-kap-etape{
font-family: var(--lr5-font-titre);
}
.longread-template-template-longread-5 .lr5-kap-label{
display: inline-block;
padding: 10px;
border-bottom: 1px solid var(--lr5-blanc);
font-weight: 400;
font-size: clamp(16px, 1.5vw, 23px);
line-height: 1.5;
}
.longread-template-template-longread-5 .lr5-kap-valeur{
margin-top: 24px;
padding-left: 10px;
font-weight: 900;
font-size: clamp(26px, 2.65vw, 40px);
line-height: 1.1;
letter-spacing: -0.02em;
}
.longread-template-template-longread-5 .lr5-kap-valeur strong{
font-weight: 900;
font-size: clamp(40px, 4.3vw, 65px);
}
.longread-template-template-longread-5 .lr5-kap-legende{
padding-left: 10px;
font-weight: 400;
font-size: clamp(16px, 1.5vw, 23px);
line-height: 1.5;
} .longread-template-template-longread-5 .lr5-kap-bulle{
position: absolute;
right: -50px;
top: 196px;
width: 217px;
height: 217px;
border-radius: 50%;
background: var(--lr5-marine);
color: var(--lr5-cyan);
font-family: var(--lr5-font-titre);
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px 18px 0;
box-sizing: border-box;
}
.longread-template-template-longread-5 .lr5-kap-bulle::before{
content: "";
position: absolute;
left: -14px;
top: 50%;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-right: 20px solid var(--lr5-marine);
transform: translateY(-50%);
}
.longread-template-template-longread-5 .lr5-kap-bulle img{
width: 50px;
height: 50px;
margin-bottom: 6px;
}
.longread-template-template-longread-5 .lr5-kap-bulle strong{
font-weight: 900;
font-size: 37px;
line-height: 0.9;
}
.longread-template-template-longread-5 .lr5-kap-bulle span{
margin-top: 6px;
font-weight: 400;
font-size: 20px;
line-height: 1.25;
} .longread-template-template-longread-5 .lr5-liste-chiffres{
padding: 64px 0 0;
}
.longread-template-template-longread-5 .lr5-liste-chiffres .lr5-wrap{
display: flex;
align-items: flex-start;
gap: 96px;
}
.longread-template-template-longread-5 .lr5-liste{
list-style: none;
margin: 0 0 0 12%;
padding: 0;
flex: 0 0 310px;
display: flex;
flex-direction: column;
gap: 48px;
color: var(--lr5-rose);
font-family: var(--lr5-font-titre);
}
.longread-template-template-longread-5 .lr5-liste-item{
position: relative;
padding-bottom: 14px;
}
.longread-template-template-longread-5 .lr5-liste-item::after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 68%;
height: 1px;
background: var(--lr5-rose);
}
.longread-template-template-longread-5 .lr5-liste-chiffre{
display: flex;
flex-wrap: wrap;
align-items: baseline;
column-gap: 12px;
}
.longread-template-template-longread-5 .lr5-liste-prefixe{
flex: 0 0 100%;
font-weight: 500;
font-size: 20px;
line-height: 1.6;
}
.longread-template-template-longread-5 .lr5-liste-valeur{
font-weight: 900;
font-size: 55px;
line-height: 1;
}
.longread-template-template-longread-5 .lr5-liste-mot{
font-weight: 900;
font-size: 40px;
line-height: 1;
}
.longread-template-template-longread-5 .lr5-liste-texte{
margin-top: 6px;
max-width: 284px;
font-weight: 500;
font-size: 20px;
line-height: 1.5;
}
.longread-template-template-longread-5 .lr5-liste-picto{
position: absolute;
right: 0;
bottom: -18px;
max-width: 146px;
max-height: 110px;
width: auto;
height: auto;
}
.longread-template-template-longread-5 .lr5-liste-video{
flex: 0 1 569px;
padding: 92px 0 0;
} .longread-template-template-longread-5 .lr5-accordeon-bloc{
padding: 0 0 96px;
}
.longread-template-template-longread-5 .lr5-accordeon{
display: flex;
width: 100%;
height: 672px;
overflow: hidden;
}
.longread-template-template-longread-5 .lr5-panneau{
position: relative;
flex: 0 0 172px;
min-width: 0;
background-size: cover;
background-position: center;
color: var(--lr5-blanc);
overflow: hidden;
transition: flex-basis 0.6s cubic-bezier(0.65, 0, 0.35, 1), flex-grow 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.longread-template-template-longread-5 .lr5-panneau::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 8%, rgba(0, 0, 0, 0.15) 100%);
transition: background 0.4s ease;
}
.longread-template-template-longread-5 .lr5-panneau.est-ouvert{
flex: 1 1 471px;
}
.longread-template-template-longread-5 .lr5-panneau.est-ouvert::before{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 32%, rgba(0, 0, 0, 0.25) 79%);
}
.longread-template-template-longread-5 .lr5-panneau-bouton{
position: absolute;
inset: 0;
width: 100%;
padding: 60px 0 0;
border: 0;
background: none;
cursor: pointer;
color: inherit;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.longread-template-template-longread-5 .lr5-panneau-label{
display: block;
transform: rotate(180deg);
writing-mode: vertical-rl;
font-family: var(--lr5-font-texte);
font-weight: 400;
font-size: 35px;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
transition: opacity 0.3s ease;
}
.longread-template-template-longread-5 .lr5-panneau-fleche{
display: block;
width: 61px;
height: 61px;
transition: opacity 0.3s ease, transform 0.3s ease;
}
.longread-template-template-longread-5 .lr5-panneau-bouton:hover .lr5-panneau-fleche{
transform: translateY(-6px);
}
.longread-template-template-longread-5 .lr5-panneau.est-ouvert .lr5-panneau-label,
.longread-template-template-longread-5 .lr5-panneau.est-ouvert .lr5-panneau-fleche{
opacity: 0;
pointer-events: none;
}
.longread-template-template-longread-5 .lr5-panneau-contenu{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 60px 40px 40px 32px;
z-index: 1;
opacity: 0;
transform: translateY(16px);
transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;
pointer-events: none;
}
.longread-template-template-longread-5 .lr5-panneau.est-ouvert .lr5-panneau-contenu{
opacity: 1;
transform: none;
}
.longread-template-template-longread-5 .lr5-panneau-titre{
max-width: 350px;
font-weight: 800;
font-size: clamp(24px, 2.3vw, 35px);
line-height: 1;
text-transform: uppercase;
}
.longread-template-template-longread-5 .lr5-panneau-texte{
margin-top: 90px;
max-width: 340px;
font-weight: 600;
font-size: 20px;
line-height: 1.35;
} .longread-template-template-longread-5 .lr5-tableau{
padding: 0 0 88px;
}
.longread-template-template-longread-5 .lr5-tableau .lr5-wrap{
border-top: 1px solid currentColor;
}
.longread-template-template-longread-5 .lr5-tableau-ligne{
display: flex;
justify-content: center;
align-items: center;
gap: 56px;
padding: 46px 0;
border-bottom: 1px solid currentColor;
}
.longread-template-template-longread-5 .lr5-tableau-cellule{
flex: 0 1 292px;
min-width: 0;
min-height: 146px;
padding-left: 56px;
border-left: 1px solid currentColor;
font-family: var(--lr5-font-titre);
}
.longread-template-template-longread-5 .lr5-tableau-cellule:first-child{
padding-left: 0;
border-left: 0;
}
.longread-template-template-longread-5 .lr5-tableau-chiffre{
font-weight: 900;
font-size: clamp(32px, 3.6vw, 55px);
line-height: 0.95;
margin-bottom: 10px;
} .longread-template-template-longread-5 .lr5-tableau-chiffre--long{
font-size: clamp(26px, 2.65vw, 40px);
white-space: nowrap;
}
.longread-template-template-longread-5 .lr5-tableau-cellule:has(.lr5-tableau-chiffre--long){
flex-basis: auto;
max-width: 360px;
}
.longread-template-template-longread-5 .lr5-tableau-texte{
font-weight: 400;
font-size: 20px;
line-height: 1.5;
}
.longread-template-template-longread-5 .lr5-tableau-texte sup{
font-size: 0.65em;
}
.longread-template-template-longread-5 .lr5-tableau--corail{ color: var(--lr5-corail); }
.longread-template-template-longread-5 .lr5-tableau--blanc{ color: var(--lr5-blanc); }
.longread-template-template-longread-5 .lr5-tableau--fond-blanc .lr5-wrap{
background: var(--lr5-blanc);
border-top: 0;
padding-top: 40px;
padding-bottom: 40px;
}
.longread-template-template-longread-5 .lr5-tableau--fond-blanc .lr5-tableau-ligne{
border-bottom: 0;
padding: 0;
} .longread-template-template-longread-5 .lr5-eco{
padding: 0 0 120px;
}
.longread-template-template-longread-5 .lr5-eco .lr5-wrap{
display: flex;
align-items: flex-start;
gap: 98px;
}
.longread-template-template-longread-5 .lr5-eco--texte-droite .lr5-wrap{
flex-direction: row-reverse;
}
.longread-template-template-longread-5 .lr5-eco-colonne{
position: sticky;
top: 40px;
flex: 0 0 373px;
padding-top: 80px;
display: flex;
flex-direction: column;
gap: 24px;
color: var(--lr5-noir);
}
.longread-template-template-longread-5 .lr5-eco-numero{
font-family: var(--lr5-font-titre);
font-weight: 900;
font-size: 55px;
line-height: 0.65;
}
.longread-template-template-longread-5 .lr5-eco-label{
margin-top: -8px;
padding: 16px 24px;
border: 1px solid var(--lr5-noir);
font-family: var(--lr5-font-titre);
font-weight: 600;
font-size: 17px;
line-height: 1.4;
letter-spacing: 0.2em;
text-transform: uppercase;
text-align: center;
}
.longread-template-template-longread-5 .lr5-eco-titre{
margin: 0;
font-family: var(--lr5-font-titre);
font-weight: 500;
font-size: 32px;
line-height: 1.375;
color: inherit;
}
.longread-template-template-longread-5 .lr5-eco-texte{
font-weight: 700;
font-size: 21px;
line-height: 1.43;
}
.longread-template-template-longread-5 .lr5-eco-cartes{
list-style: none;
margin: 0;
padding: 72px 0 0;
flex: 0 1 686px;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 30px;
row-gap: 40px;
}
.longread-template-template-longread-5 .lr5-eco-carte{
position: relative;
min-height: 390px;
padding: 45px 0 32px;
display: flex;
flex-direction: column;
}
.longread-template-template-longread-5 .lr5-eco-carte::before{
content: "";
position: absolute;
left: 0;
right: 0;
top: 45px;
bottom: 0;
border: 1px solid var(--lr5-noir);
}
.longread-template-template-longread-5 .lr5-eco-rond{
position: relative;
width: 178px;
height: 178px;
margin: -45px auto 0;
border-radius: 50%;
background: var(--lr5-blanc);
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
}
.longread-template-template-longread-5 .lr5-eco-rond img{
width: 170px;
height: 174px;
object-fit: contain;
border-radius: 50%;
}
.longread-template-template-longread-5 .lr5-eco-carte-titre,
.longread-template-template-longread-5 .lr5-eco-carte-texte{
position: relative;
padding: 0 33px;
color: var(--lr5-noir);
}
.longread-template-template-longread-5 .lr5-eco-carte-titre{
margin-top: auto;
padding-top: 56px;
font-weight: 700;
font-size: 25px;
line-height: 1.12;
text-transform: uppercase;
}
.longread-template-template-longread-5 .lr5-eco-carte-texte{
margin-top: 12px;
font-weight: 500;
font-size: 20px;
line-height: 1.35;
} .longread-template-template-longread-5 .lr5-temoignage{
position: relative;
min-height: 778px;
padding: 0 0 60px;
background: var(--lr5-bleu);
color: var(--lr5-blanc);
overflow: hidden;
}
.longread-template-template-longread-5 .lr5-temoignage-fond{
position: absolute;
left: calc(50% - 845px);
top: 96px;
width: 584px;
height: auto;
pointer-events: none;
}
.longread-template-template-longread-5 .lr5-temoignage .lr5-wrap{
display: grid;
grid-template-columns: 348px 252px 1fr;
align-items: start;
min-height: 778px;
}
.longread-template-template-longread-5 .lr5-temoignage-logo{
position: relative;
margin-left: -89px;
width: 302px;
}
.longread-template-template-longread-5 .lr5-temoignage-logo img{
display: block;
width: 100%;
height: auto;
}
.longread-template-template-longread-5 .lr5-temoignage-auteur{
padding-top: 204px;
}
.longread-template-template-longread-5 .lr5-temoignage-photo{
display: block;
width: 203px;
height: 203px;
border-radius: 50%;
object-fit: cover;
}
.longread-template-template-longread-5 .lr5-temoignage-nom{
margin-top: 24px;
padding-left: 31px;
border-left: 1px solid var(--lr5-blanc);
max-width: 220px;
font-family: var(--lr5-font-ui);
font-weight: 600;
font-size: 20px;
line-height: 1.35;
}
.longread-template-template-longread-5 .lr5-temoignage-citation{
margin: 190px 0 0;
padding: 0;
font-family: var(--lr5-font-ui);
font-weight: 450;
font-size: 18px;
line-height: 1.67;
} .longread-template-template-longread-5 footer{
padding-top: 0;
} .longread-template-template-longread-5 .lr5-eco-rond svg{
width: 170px;
height: 174px;
overflow: visible;
}
.longread-template-template-longread-5 .lr5-eco-rond svg [class^="lr5-anim-"]{
transform-box: fill-box;
transform-origin: center;
} .longread-template-template-longread-5 .lr5-eco-rond svg path:not([fill]),
.longread-template-template-longread-5 .lr5-eco-rond svg g{
fill: none;
}
@keyframes lr5-tourne{
from{ transform: rotate(0deg); }
to{ transform: rotate(360deg); }
}
@keyframes lr5-goutte{
0%{ transform: translateY(-34px); opacity: 0; }
25%{ opacity: 1; }
65%{ transform: translateY(0); }
80%{ transform: translateY(-7px); }
100%{ transform: translateY(0); }
}
@keyframes lr5-curseur-haut{
0%, 100%{ transform: translateY(0); }
50%{ transform: translateY(-20px); }
}
@keyframes lr5-curseur-bas{
0%, 100%{ transform: translateY(0); }
50%{ transform: translateY(20px); }
}
@keyframes lr5-check{
from{ stroke-dashoffset: 100; }
to{ stroke-dashoffset: 0; }
} .longread-template-template-longread-5 .lr5-anim-service-check path{
stroke-dasharray: 100;
stroke-dashoffset: 0;
} .longread-template-template-longread-5 .lr5-eco-carte.est-vue .lr5-anim-flux-fleches,
.longread-template-template-longread-5 .lr5-eco-carte:hover .lr5-anim-flux-fleches,
.longread-template-template-longread-5 .lr5-eco-carte.est-vue .lr5-anim-cycle-fleches,
.longread-template-template-longread-5 .lr5-eco-carte:hover .lr5-anim-cycle-fleches,
.longread-template-template-longread-5 .lr5-eco-carte.est-vue .lr5-anim-dechets-recyclage,
.longread-template-template-longread-5 .lr5-eco-carte:hover .lr5-anim-dechets-recyclage{
animation: lr5-tourne 2.4s cubic-bezier(0.45, 0, 0.2, 1) 1;
}
.longread-template-template-longread-5 .lr5-eco-carte.est-vue .lr5-anim-approche-rouage,
.longread-template-template-longread-5 .lr5-eco-carte:hover .lr5-anim-approche-rouage{
animation: lr5-tourne 2.8s cubic-bezier(0.45, 0, 0.2, 1) 1;
} .longread-template-template-longread-5 .lr5-eco-carte.est-vue .lr5-anim-eau-goutte,
.longread-template-template-longread-5 .lr5-eco-carte:hover .lr5-anim-eau-goutte{
animation: lr5-goutte 1.6s cubic-bezier(0.3, 0, 0.6, 1) 1;
} .longread-template-template-longread-5 .lr5-eco-carte.est-vue .lr5-anim-levier-bouton,
.longread-template-template-longread-5 .lr5-eco-carte:hover .lr5-anim-levier-bouton{
animation: lr5-curseur-haut 1.8s ease-in-out 1;
}
.longread-template-template-longread-5 .lr5-eco-carte.est-vue #levier-2-bouton,
.longread-template-template-longread-5 .lr5-eco-carte:hover #levier-2-bouton{
animation-name: lr5-curseur-bas;
animation-delay: 0.25s;
}
.longread-template-template-longread-5 .lr5-eco-carte.est-vue #levier-3-bouton,
.longread-template-template-longread-5 .lr5-eco-carte:hover #levier-3-bouton{
animation-delay: 0.5s;
} .longread-template-template-longread-5 .lr5-eco-carte.est-vue .lr5-anim-service-check path,
.longread-template-template-longread-5 .lr5-eco-carte:hover .lr5-anim-service-check path{
animation: lr5-check 1.1s ease-out 1;
}
@media (prefers-reduced-motion: reduce){
.longread-template-template-longread-5 .lr5-eco-rond svg *{
animation: none !important;
}
}  .longread-template-template-longread-5 .lr5-fond--corail .lr5-section--texte-centre .lr5-section-texte{
color: var(--lr5-noir);
} .longread-template-template-longread-5 .lr5-video-play{
opacity: 0.85;
}
.longread-template-template-longread-5 .lr5-video-play--inactif{
display: block;
cursor: default;
}
.longread-template-template-longread-5 .lr5-video-cadre:hover .lr5-video-play{
opacity: 1;
transform: translate(-50%, -50%) scale(1.08);
} .longread-template-template-longread-5 .lr5-carte{
border-color: #d0d0d0;
}
.longread-template-template-longread-5 .lr5-tableau:not(.lr5-tableau--corail):not(.lr5-tableau--blanc) .lr5-tableau-ligne,
.longread-template-template-longread-5 .lr5-tableau:not(.lr5-tableau--corail):not(.lr5-tableau--blanc) .lr5-tableau-cellule{
border-color: #d9dde3;
} .longread-template-template-longread-5 .lr5-tableau .lr5-wrap{
border-top: 0;
}
.longread-template-template-longread-5 .lr5-tableau-ligne:first-child{
border-top: 1px solid currentColor;
}
.longread-template-template-longread-5 .lr5-tableau:not(.lr5-tableau--corail):not(.lr5-tableau--blanc) .lr5-tableau-ligne:first-child{
border-top-color: #d9dde3;
}
.longread-template-template-longread-5 .lr5-tableau--fond-blanc .lr5-tableau-ligne:first-child{
border-top: 0;
} .longread-template-template-longread-5 .lr5-tableau-cellule:has(.lr5-tableau-chiffre--long) .lr5-tableau-texte{
max-width: 292px;
} .longread-template-template-longread-5 .lr5-panneau::before{
background: linear-gradient(180deg, rgba(55, 55, 60, 0.92) 0%, rgba(55, 55, 60, 0.85) 45%, rgba(55, 55, 60, 0) 100%);
} .longread-template-template-longread-5 .lr5-bandeau-texte{
max-width: 372px;
} .longread-template-template-longread-5 .lr5-temoignage{
margin-top: 36px;
}
.longread-template-template-longread-5 .lr5-temoignage-logo{
margin-top: 0; } .longread-template-template-longread-5 footer{
padding-top: 0;
}
.longread-template-template-longread-5 footer .back{
max-width: 1110px;
margin: 0 auto;
padding: 40px 0;
}
@media screen and (min-width: 1025px) {  .longread-template-template-longread-5 .lr5-header{
border-bottom-width: 25px;
}
.longread-template-template-longread-5 .lr5-hero{
height: min(55.8vw, 844px);
} .longread-template-template-longread-5 .lr5-chiffres-grille{
max-width: 733px;
margin-left: calc(50% - 270px);
column-gap: 7px;
row-gap: 10px;
} .longread-template-template-longread-5 .lr5-section--image-droite .lr5-section-texte,
.longread-template-template-longread-5 .lr5-section--image-gauche .lr5-section-texte,
.longread-template-template-longread-5 .lr5-kap-encart{
font-size: clamp(14px, 1.05vw, 16px);
line-height: 1.6;
} .longread-template-template-longread-5 .lr5-section--image-droite .lr5-section-image{
margin-right: calc(var(--lr5-debord) - 24px);
}
.longread-template-template-longread-5 .lr5-section--image-droite .lr5-section-image img{
max-width: 560px;
height: 465px;
object-fit: cover;
object-position: 60% 50%;
} .longread-template-template-longread-5 .lr5-kap-image img{
height: 430px;
object-fit: cover;
object-position: center 72%;
} .longread-template-template-longread-5 .lr5-panneau{
flex: 0 0 17.25%;
}
.longread-template-template-longread-5 .lr5-panneau.est-ouvert{
flex: 1 1 31%;
} .longread-template-template-longread-5 .lr5-fond--corail .lr5-section--texte-centre{
padding-top: 0;
} .longread-template-template-longread-5 .lr5-bandeau-ligne--gauche{
padding: 10px 8px 10px 11vw;
}
.longread-template-template-longread-5 .lr5-bandeau-ligne--gauche .lr5-bandeau-contenu{
gap: 16px;
}
} @media screen and (min-width: 1025px) {
.longread-template-template-longread-5 .lr5-fond--rose{
padding-bottom: 60px;
}
.longread-template-template-longread-5 .lr5-eco{
padding-bottom: 100px;
}
.longread-template-template-longread-5 .lr5-eco-carte-titre{
padding-top: 48px;
}
.longread-template-template-longread-5 .lr5-eco-carte-texte{
line-height: 1.3;
}
.longread-template-template-longread-5 .lr5-tableau--fond-blanc .lr5-wrap{
padding-top: 24px;
padding-bottom: 24px;
}
.longread-template-template-longread-5 .lr5-fond--corail{
padding-bottom: 40px;
}
.longread-template-template-longread-5 .lr5-temoignage{
min-height: 740px;
padding-bottom: 40px;
}
.longread-template-template-longread-5 .lr5-temoignage .lr5-wrap{
min-height: 700px;
}
.longread-template-template-longread-5 footer .back{
padding: 28px 0;
}
} @media screen and (min-width: 1025px) {
.longread-template-template-longread-5 .lr5-tableau-cellule{
flex-basis: 328px;
}
.longread-template-template-longread-5 .lr5-tableau-cellule:first-child{
flex-basis: 272px;
}
} .longread-template-template-longread-5 .lr5-panneau-bouton{
padding-top: 48px;
gap: 24px;
}
.longread-template-template-longread-5 .lr5-panneau-label{
font-size: 32px;
} .longread-template-template-longread-5 .lr5-panneau-contenu{
transition: none;
}
.longread-template-template-longread-5 .lr5-panneau.est-ouvert .lr5-panneau-contenu{
transition: opacity 0.35s ease 0.4s, transform 0.35s ease 0.4s;
} @keyframes lr5-glisse-trait{
0%, 100%{ transform: rotate(0deg); }
50%{ transform: rotate(-14deg); }
}
.longread-template-template-longread-5 .lr5-eco-rond svg .lr5-anim-energie-trait{
transform-box: view-box;
transform-origin: 84.7px 78.4px;
}
.longread-template-template-longread-5 .lr5-eco-carte.est-vue .lr5-anim-energie-trait,
.longread-template-template-longread-5 .lr5-eco-carte:hover .lr5-anim-energie-trait{
animation: lr5-glisse-trait 1.6s ease-in-out 1;
} .longread-template-template-longread-5 .lr5-eco-rond svg .lr5-anim-dechets-recyclage{
transform-box: view-box;
transform-origin: 84.5px 90px;
}  .longread-template-template-longread-5 .lr5-carte{
position: relative;
overflow: hidden;
}
.longread-template-template-longread-5 .lr5-carte--survol{
cursor: pointer;
outline: none;
}
.longread-template-template-longread-5 .lr5-carte-survol{
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 24px;
background: var(--lr5-carte-couleur);
color: var(--lr5-carte-survol-texte);
font-weight: 500;
font-size: clamp(17px, 1.72vw, 26px);
line-height: 1.38;
text-align: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.longread-template-template-longread-5 .lr5-carte--survol:hover .lr5-carte-survol,
.longread-template-template-longread-5 .lr5-carte--survol:focus-visible .lr5-carte-survol,
.longread-template-template-longread-5 .lr5-carte--survol.est-retournee .lr5-carte-survol{
opacity: 1;
} .longread-template-template-longread-5 .lr5-temoignage{
overflow: visible;
}
@media screen and (min-width: 1025px) { .longread-template-template-longread-5 .lr5-bandeau-ligne--gauche{
padding: 10px 84px 10px 9vw;
}
.longread-template-template-longread-5 .lr5-bandeau-ligne--gauche .lr5-bandeau-contenu{
gap: 12px;
}
.longread-template-template-longread-5 .lr5-bandeau-texte{
max-width: min(24.5vw, 395px);
font-size: clamp(16px, 1.45vw, 23px);
} .longread-template-template-longread-5 .lr5-kap-bulle{
right: max(-40px, var(--lr5-debord));
top: 136px;
width: 212px;
height: 212px;
padding: 0 14px 50px;
}
.longread-template-template-longread-5 .lr5-kap-bulle::before{
top: 50%;
left: -15px;
border-top-width: 17px;
border-bottom-width: 17px;
border-right-width: 34px;
}
.longread-template-template-longread-5 .lr5-kap-bulle strong{
font-size: 34px;
}
.longread-template-template-longread-5 .lr5-kap-bulle span{
font-size: 18px;
}
.longread-template-template-longread-5 .lr5-kap-valeur{
font-size: clamp(24px, 2.4vw, 36px);
letter-spacing: -0.03em;
}
.longread-template-template-longread-5 .lr5-kap-valeur strong{
font-size: clamp(36px, 3.9vw, 58px);
}
} .longread-template-template-longread-5 .lr5-panneau-ia{
position: absolute;
right: 8px;
bottom: 8px;
width: 32px;
height: 32px;
} @media screen and (min-width: 1025px) {
.longread-template-template-longread-5 .lr5-liste-item:nth-child(1)::after{ width: 209px; }
.longread-template-template-longread-5 .lr5-liste-item:nth-child(2)::after{ width: 198px; }
.longread-template-template-longread-5 .lr5-liste-item:nth-child(3)::after{ width: 247px; }
.longread-template-template-longread-5 .lr5-liste-item:nth-child(1) .lr5-liste-picto{ right: 50px; bottom: -18px; }
.longread-template-template-longread-5 .lr5-liste-item:nth-child(2) .lr5-liste-picto{ right: 32px; bottom: -29px; }
.longread-template-template-longread-5 .lr5-liste-item:nth-child(3) .lr5-liste-picto{ right: 2px; bottom: -9px; }
} .longread-template-template-longread-5 .container-longread-intro,
.longread-template-template-longread-5 .container-longread-mot{
font-family: var(--lr5-font-texte);
color: var(--lr5-noir);
}
.longread-template-template-longread-5 .container-longread-intro .wrapper .image_titre h1,
.longread-template-template-longread-5 .container-longread-mot .texte h1{
font-family: var(--lr5-font-titre);
font-weight: 700;
}
.longread-template-template-longread-5 .container-longread-intro .wrapper .image_titre h1 span{
color: var(--lr5-bleu);
}
.longread-template-template-longread-5 .container-longread-intro .wrapper .texte p,
.longread-template-template-longread-5 .container-longread-mot .texte p{
font-size: 17px;
line-height: 1.5;
}
.longread-template-template-longread-5 .container-longread-mot .image_legende p{
font-family: var(--lr5-font-titre);
}
.longread-template-template-longread-5 .container-longread-intro .close:before,
.longread-template-template-longread-5 .container-longread-mot .close:before{
color: var(--lr5-noir);
} .longread-template-template-longread-5 .container-longread-intro .wrapper .image_titre h1{
font-size: 44px;
line-height: 1.1;
}
.longread-template-template-longread-5 .container-longread-mot .texte h1{
font-size: 30px;
line-height: 1.15;
}
.longread-template-template-longread-5 .container-longread-mot .image_legende .image:after{
display: none;
}
.longread-template-template-longread-5 .container-longread-mot .image_legende p{
font-size: 17px;
line-height: 1.3;
}@media screen and (max-width: 1300px) {
.longread-template-template-longread-5 .lr5-header-inner{
padding: 0 48px;
}
.longread-template-template-longread-5 .lr5-header-60 img{
width: 260px;
}
.longread-template-template-longread-5 .lr5-kap-bulle{
width: 180px;
height: 180px;
top: 230px;
}
.longread-template-template-longread-5 .lr5-kap-bulle strong{
font-size: 30px;
}
.longread-template-template-longread-5 .lr5-kap-bulle span{
font-size: 16px;
}
.longread-template-template-longread-5 .lr5-eco .lr5-wrap{
gap: 48px;
}
.longread-template-template-longread-5 .lr5-eco-colonne{
flex-basis: 320px;
}
.longread-template-template-longread-5 .lr5-temoignage .lr5-wrap{
grid-template-columns: 300px 240px 1fr;
}
.longread-template-template-longread-5 .lr5-temoignage-logo{
margin-left: 0;
width: 260px;
}
} @media screen and (max-width: 1024px) {
.longread-template-template-longread-5 .lr5-header-inner{
grid-template-columns: 1fr auto 1fr;
padding: 0 24px;
min-height: 130px;
}
.longread-template-template-longread-5 .lr5-header-60{
padding-top: 10px;
}
.longread-template-template-longread-5 .lr5-header-60 img{
width: 200px;
}
.longread-template-template-longread-5 .lr5-header-liens{
padding-top: 30px;
gap: 24px;
}
.longread-template-template-longread-5 .lr5-header{
border-bottom-width: 20px;
}
.longread-template-template-longread-5 .lr5-chiffres-grille{
row-gap: 40px;
}
.longread-template-template-longread-5 .lr5-section--image-droite .lr5-section-corps,
.longread-template-template-longread-5 .lr5-section--image-gauche .lr5-section-corps{
flex-direction: column;
}
.longread-template-template-longread-5 .lr5-section--image-droite .lr5-section-texte,
.longread-template-template-longread-5 .lr5-section--image-gauche .lr5-section-texte{
flex-basis: auto;
}
.longread-template-template-longread-5 .lr5-section-image{
margin: 32px 0 0 !important;
width: 100%;
}
.longread-template-template-longread-5 .lr5-section-image img{
max-width: 100%;
margin: 0;
}
.longread-template-template-longread-5 .lr5-kap-corps{
flex-direction: column;
gap: 40px;
}
.longread-template-template-longread-5 .lr5-kap-encart{
flex-basis: auto;
max-width: none;
margin-top: 0;
padding: 32px 0 0;
}
.longread-template-template-longread-5 .lr5-kap-comparatif{
min-height: 0;
margin-top: 0;
padding-right: 220px;
gap: 40px;
}
.longread-template-template-longread-5 .lr5-kap-bulle{
top: 50%;
transform: translateY(-50%);
}
.longread-template-template-longread-5 .lr5-liste-chiffres .lr5-wrap{
flex-direction: column;
gap: 48px;
}
.longread-template-template-longread-5 .lr5-liste{
margin-left: 0;
flex-basis: auto;
}
.longread-template-template-longread-5 .lr5-liste-video{
padding-top: 0;
width: 100%;
flex-basis: auto;
}
.longread-template-template-longread-5 .lr5-accordeon{
height: 560px;
}
.longread-template-template-longread-5 .lr5-panneau{
flex-basis: 110px;
}
.longread-template-template-longread-5 .lr5-panneau-label{
font-size: 24px;
}
.longread-template-template-longread-5 .lr5-panneau-fleche{
width: 44px;
height: 44px;
}
.longread-template-template-longread-5 .lr5-panneau-texte{
margin-top: 40px;
}
.longread-template-template-longread-5 .lr5-tableau-ligne{
gap: 32px;
}
.longread-template-template-longread-5 .lr5-tableau-cellule{
padding-left: 32px;
}
.longread-template-template-longread-5 .lr5-tableau-texte{
font-size: 17px;
}
.longread-template-template-longread-5 .lr5-eco .lr5-wrap{
flex-direction: column !important;
gap: 32px;
}
.longread-template-template-longread-5 .lr5-eco-colonne{
position: static;
flex-basis: auto;
padding-top: 0;
max-width: 520px;
}
.longread-template-template-longread-5 .lr5-eco-cartes{
flex-basis: auto;
width: 100%;
padding-top: 60px;
}
.longread-template-template-longread-5 .lr5-temoignage .lr5-wrap{
grid-template-columns: 1fr;
min-height: 0;
padding-top: 40px;
padding-bottom: 20px;
gap: 32px;
}
.longread-template-template-longread-5 .lr5-temoignage{
min-height: 0;
}
.longread-template-template-longread-5 .lr5-temoignage-logo{
width: 220px;
}
.longread-template-template-longread-5 .lr5-temoignage-auteur{
padding-top: 0;
display: flex;
align-items: center;
gap: 24px;
}
.longread-template-template-longread-5 .lr5-temoignage-photo{
width: 140px;
height: 140px;
}
.longread-template-template-longread-5 .lr5-temoignage-nom{
margin-top: 0;
}
.longread-template-template-longread-5 .lr5-temoignage-citation{
margin-top: 0;
}
.longread-template-template-longread-5 .lr5-temoignage-fond{
left: -200px;
top: auto;
bottom: -120px;
width: 420px;
opacity: 0.6;
}
} @media screen and (max-width: 800px) {
.longread-template-template-longread-5 .lr5-header{
padding-top: 16px;
border-bottom-width: 14px;
}
.longread-template-template-longread-5 .lr5-header-inner{
grid-template-columns: 1fr auto;
grid-template-areas: "soixante logo" "liens liens";
min-height: 0;
padding: 0 16px 12px;
row-gap: 12px;
}
.longread-template-template-longread-5 .lr5-header-60{
grid-area: soixante;
padding-top: 0;
}
.longread-template-template-longread-5 .lr5-header-60 img{
width: 160px;
}
.longread-template-template-longread-5 .lr5-header-logo{
grid-area: logo;
}
.longread-template-template-longread-5 .lr5-header-logo img{
width: 70px;
}
.longread-template-template-longread-5 .lr5-header-liens{
grid-area: liens;
justify-content: flex-start;
flex-wrap: wrap;
padding-top: 0;
gap: 16px 24px;
}
.longread-template-template-longread-5 .lr5-header-lien span br{
display: none;
}
.longread-template-template-longread-5 .lr5-header-lien span{
max-width: none;
}
.longread-template-template-longread-5 .lr5-wrap{
padding: 0 16px;
}
.longread-template-template-longread-5 .lr5-hero{
height: auto;
aspect-ratio: 1 / 1;
min-height: 0;
}
.longread-template-template-longread-5 .lr5-hero-fleche{
left: 16px;
bottom: 24px;
transform: scale(0.75);
transform-origin: left bottom;
}
.longread-template-template-longread-5 .lr5-fond--bleu,
.longread-template-template-longread-5 .lr5-fond--corail{
padding: 56px 0 40px;
}
.longread-template-template-longread-5 .lr5-fond--rose{
padding: 32px 0 48px;
}
.longread-template-template-longread-5 .lr5-intro-texte{
margin-left: 0;
}
.longread-template-template-longread-5 .lr5-chiffres{
padding-top: 32px;
}
.longread-template-template-longread-5 .lr5-chiffres-grille{
grid-template-columns: 1fr;
row-gap: 24px;
}
.longread-template-template-longread-5 .lr5-chiffre{
padding: 8px 0 8px 20px;
}
.longread-template-template-longread-5 .lr5-titre{
margin-bottom: 24px;
}
.longread-template-template-longread-5 .lr5-section{
padding: 48px 0;
}
.longread-template-template-longread-5 .lr5-cartes{
padding-bottom: 48px;
}
.longread-template-template-longread-5 .lr5-cartes-liste{
grid-template-columns: 1fr;
gap: 16px;
}
.longread-template-template-longread-5 .lr5-carte{
aspect-ratio: auto;
padding: 32px 16px;
}
.longread-template-template-longread-5 .lr5-bandeau{
margin: 40px 0;
min-height: 0;
gap: 12px;
}
.longread-template-template-longread-5 .lr5-bandeau-ligne,
.longread-template-template-longread-5 .lr5-bandeau-ligne--gauche,
.longread-template-template-longread-5 .lr5-bandeau-ligne--droite{
width: 100%;
margin: 0;
padding: 16px 16px 16px 90px;
order: 0;
}
.longread-template-template-longread-5 .lr5-bandeau-ligne--gauche:first-child{
margin-top: 0;
order: 0;
}
.longread-template-template-longread-5 .lr5-bandeau-picto{
left: 16px;
top: 50%;
width: 56px;
height: 68px;
transform: translateY(-50%);
}
.longread-template-template-longread-5 .lr5-video{
padding-bottom: 48px;
}
.longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-inner{
flex-direction: column;
gap: 20px;
padding-left: 0;
}
.longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-titre{
flex-basis: auto;
flex-direction: row;
gap: 12px;
}
.longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-titre br{
display: none;
}
.longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-fleche{
transform: rotate(90deg);
}
.longread-template-template-longread-5 .lr5-video-play,
.longread-template-template-longread-5 .lr5-video-play img{
width: 56px;
height: 56px;
}
.longread-template-template-longread-5 .lr5-kap .lr5-titre{
margin-bottom: 32px;
}
.longread-template-template-longread-5 .lr5-kap-comparatif{
padding-right: 0;
padding-bottom: 180px;
}
.longread-template-template-longread-5 .lr5-kap-bulle{
top: auto;
bottom: 0;
left: 31px;
right: auto;
transform: none;
width: 160px;
height: 160px;
}
.longread-template-template-longread-5 .lr5-kap-bulle::before{
left: 50%;
top: -14px;
transform: translateX(-50%);
border-left: 17px solid transparent;
border-right: 17px solid transparent;
border-top: 0;
border-bottom: 20px solid var(--lr5-marine);
}
.longread-template-template-longread-5 .lr5-liste-chiffres{
padding-top: 32px;
}
.longread-template-template-longread-5 .lr5-liste{
gap: 32px;
}
.longread-template-template-longread-5 .lr5-liste-valeur{
font-size: 42px;
}
.longread-template-template-longread-5 .lr5-liste-mot{
font-size: 30px;
}
.longread-template-template-longread-5 .lr5-liste-texte{
font-size: 17px;
max-width: 200px;
}
.longread-template-template-longread-5 .lr5-liste-picto{
max-width: 90px;
max-height: 70px;
} .longread-template-template-longread-5 .lr5-accordeon-bloc{
padding-bottom: 48px;
}
.longread-template-template-longread-5 .lr5-accordeon{
flex-direction: column;
height: auto;
}
.longread-template-template-longread-5 .lr5-panneau{
flex: 0 0 72px;
min-height: 72px;
transition: min-height 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.longread-template-template-longread-5 .lr5-panneau.est-ouvert{
flex-basis: auto;
min-height: 420px;
}
.longread-template-template-longread-5 .lr5-panneau-label{
left: 24px;
top: 50%;
transform: translateY(-50%);
writing-mode: horizontal-tb;
font-size: 20px;
}
.longread-template-template-longread-5 .lr5-panneau-fleche{
left: auto;
right: 24px;
top: 50%;
width: 32px;
height: 32px;
transform: translateY(-50%) rotate(180deg);
}
.longread-template-template-longread-5 .lr5-panneau-bouton:hover .lr5-panneau-fleche{
transform: translateY(-50%) rotate(180deg);
}
.longread-template-template-longread-5 .lr5-panneau-contenu{
position: relative;
padding: 32px 24px;
}
.longread-template-template-longread-5 .lr5-panneau-texte{
margin-top: 24px;
font-size: 17px;
}
.longread-template-template-longread-5 .lr5-tableau{
padding-bottom: 48px;
}
.longread-template-template-longread-5 .lr5-tableau-ligne{
flex-direction: column;
align-items: stretch;
gap: 24px;
padding: 24px 0;
}
.longread-template-template-longread-5 .lr5-tableau-cellule{
flex-basis: auto;
min-height: 0;
padding-left: 0;
border-left: 0;
}
.longread-template-template-longread-5 .lr5-tableau-cellule + .lr5-tableau-cellule{
padding-top: 24px;
border-top: 1px solid currentColor;
}
.longread-template-template-longread-5 .lr5-tableau--fond-blanc .lr5-wrap{
padding-top: 24px;
padding-bottom: 24px;
}
.longread-template-template-longread-5 .lr5-eco{
padding-bottom: 56px;
}
.longread-template-template-longread-5 .lr5-eco-numero{
font-size: 44px;
}
.longread-template-template-longread-5 .lr5-eco-titre{
font-size: 26px;
}
.longread-template-template-longread-5 .lr5-eco-texte{
font-size: 18px;
}
.longread-template-template-longread-5 .lr5-eco-cartes{
grid-template-columns: 1fr;
row-gap: 32px;
padding-top: 40px;
}
.longread-template-template-longread-5 .lr5-eco-rond{
width: 140px;
height: 140px;
}
.longread-template-template-longread-5 .lr5-eco-rond img,
.longread-template-template-longread-5 .lr5-eco-rond svg{
width: 130px;
height: 134px;
}
.longread-template-template-longread-5 .lr5-eco-carte{
min-height: 0;
padding-bottom: 28px;
}
.longread-template-template-longread-5 .lr5-eco-carte-titre{
padding-top: 36px;
font-size: 22px;
}
.longread-template-template-longread-5 .lr5-eco-carte-texte{
font-size: 18px;
}
.longread-template-template-longread-5 .lr5-temoignage-auteur{
flex-direction: column;
align-items: flex-start;
}
.longread-template-template-longread-5 .lr5-temoignage-nom{
margin-top: 16px;
}
} @media screen and (max-width: 500px) {
.longread-template-template-longread-5 .lr5-header-liens{
flex-direction: column;
gap: 10px;
}
.longread-template-template-longread-5 .lr5-chiffre-valeur{
font-size: 40px;
}
.longread-template-template-longread-5 .lr5-bandeau-ligne,
.longread-template-template-longread-5 .lr5-bandeau-ligne--gauche,
.longread-template-template-longread-5 .lr5-bandeau-ligne--droite{
padding-left: 80px;
}
.longread-template-template-longread-5 .lr5-bandeau-contenu{
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.longread-template-template-longread-5 .lr5-kap-valeur strong{
font-size: 40px;
}
.longread-template-template-longread-5 .lr5-panneau-titre{
font-size: 22px;
}
} @media screen and (max-width: 800px) {
.longread-template-template-longread-5 .lr5-hero{
aspect-ratio: 6 / 5;
}
.longread-template-template-longread-5 .lr5-hero-visuel img{
object-position: 45% center;
}
}  .longread-template-template-longread-5 .lr5-points{
display: none;
}
@media screen and (max-width: 800px) { .longread-template-template-longread-5 .lr5-wrap{
padding: 0 20px;
}
.longread-template-template-longread-5 .lr5-titre{
font-size: 26px;
line-height: 1.16;
margin-bottom: 24px;
}
.longread-template-template-longread-5 .lr5-section-texte,
.longread-template-template-longread-5 .lr5-kap-encart{
font-size: 16px;
line-height: 1.55;
}
.longread-template-template-longread-5 .lr5-section{
padding: 48px 0 24px;
}
.longread-template-template-longread-5 .lr5-section-image{
margin-top: 24px !important;
} .longread-template-template-longread-5 [data-lr5-carrousel]{
display: flex;
flex-wrap: nowrap;
gap: 0;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.longread-template-template-longread-5 [data-lr5-carrousel]::-webkit-scrollbar{
display: none;
}
.longread-template-template-longread-5 [data-lr5-carrousel] > *,
.longread-template-template-longread-5 [data-lr5-carrousel] .lr5-tableau-cellule{
flex: 0 0 100%;
width: 100%;
min-width: 0;
box-sizing: border-box;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.longread-template-template-longread-5 .lr5-points{
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
height: 24px;
}
.longread-template-template-longread-5 .lr5-point{
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
background: #d0d0d0;
cursor: pointer;
}
.longread-template-template-longread-5 .lr5-point.est-actif{
background: var(--lr5-noir);
}
.longread-template-template-longread-5 .lr5-fond--bleu .lr5-point,
.longread-template-template-longread-5 .lr5-kap .lr5-point{
background: rgba(255, 255, 255, 0.4);
}
.longread-template-template-longread-5 .lr5-fond--bleu .lr5-point.est-actif,
.longread-template-template-longread-5 .lr5-kap .lr5-point.est-actif{
background: var(--lr5-blanc);
} .longread-template-template-longread-5 .lr5-header{
padding-top: 16px;
border-bottom-width: 12px;
}
.longread-template-template-longread-5 .lr5-header-inner{
grid-template-columns: 1fr auto;
grid-template-areas: "logo soixante" "liens liens";
align-items: center;
padding: 0 20px 16px;
row-gap: 16px;
}
.longread-template-template-longread-5 .lr5-header-60{
justify-self: end;
}
.longread-template-template-longread-5 .lr5-header-60 img{
width: auto;
height: 32px;
}
.longread-template-template-longread-5 .lr5-header-logo img{
width: auto;
height: 32px;
}
.longread-template-template-longread-5 .lr5-header-liens{
flex-direction: column;
gap: 16px;
padding-top: 16px;
border-top: 1px solid var(--lr5-noir);
} .longread-template-template-longread-5 .lr5-chiffres{
padding: 40px 0;
}
.longread-template-template-longread-5 .lr5-chiffre{
padding: 56px 0 32px;
border-left: 0;
border-top: 1px solid var(--lr5-noir);
text-align: center;
}
.longread-template-template-longread-5 .lr5-chiffre-prefixe{
font-size: 24px;
line-height: 1.4;
}
.longread-template-template-longread-5 .lr5-chiffre-valeur{
font-size: 56px;
line-height: 1;
}
.longread-template-template-longread-5 .lr5-chiffre-texte{
max-width: 232px;
margin: 16px auto 0;
font-size: 20px;
line-height: 1.4;
}
.longread-template-template-longread-5 .lr5-chiffre-texte strong{
font-size: 24px;
line-height: 1.4;
} .longread-template-template-longread-5 .lr5-cartes{
padding-bottom: 24px;
}
.longread-template-template-longread-5 .lr5-carte,
.longread-template-template-longread-5 .lr5-carte--survol{
gap: 10px;
padding: 24px 10px;
border: 0;
background: var(--lr5-carte-couleur, var(--lr5-cyan));
color: var(--lr5-blanc);
cursor: default;
}
.longread-template-template-longread-5 .lr5-carte-titre{
color: var(--lr5-blanc) !important;
font-size: 28px;
line-height: 1.5;
}
.longread-template-template-longread-5 .lr5-carte-texte{
margin-top: 0;
font-weight: 700;
font-size: 20px;
line-height: 1.5;
}
.longread-template-template-longread-5 .lr5-carte-survol{
position: static;
max-width: 318px;
padding: 0;
background: none;
color: var(--lr5-blanc);
font-weight: 700;
font-size: 16px;
line-height: 1.5;
opacity: 1;
transition: none;
} .longread-template-template-longread-5 .lr5-bandeau{
margin: 24px 20px 40px;
width: auto;
gap: 16px;
}
.longread-template-template-longread-5 .lr5-bandeau-ligne,
.longread-template-template-longread-5 .lr5-bandeau-ligne--gauche,
.longread-template-template-longread-5 .lr5-bandeau-ligne--droite{
min-height: 0;
padding: 20px 20px 20px 76px;
}
.longread-template-template-longread-5 .lr5-bandeau-contenu{
flex-direction: row;
align-items: center;
gap: 16px;
}
.longread-template-template-longread-5 .lr5-bandeau-rang{
font-size: 38px;
line-height: 1;
}
.longread-template-template-longread-5 .lr5-bandeau-texte{
max-width: none;
font-size: 16px;
line-height: 1.5;
}
.longread-template-template-longread-5 .lr5-bandeau-picto{
left: 11px;
} .longread-template-template-longread-5 .lr5-video-titre{
font-weight: 400;
font-size: 20px;
line-height: 1.3;
}
.longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-inner{
gap: 20px;
}
.longread-template-template-longread-5 .lr5-video--titre_gauche .lr5-video-titre{
gap: 16px;
justify-content: flex-start;
text-align: left;
}
.longread-template-template-longread-5 .lr5-video-cadre{
max-width: none;
border-radius: 12px;
} .longread-template-template-longread-5 .lr5-kap .lr5-titre{
margin-bottom: 24px;
}
.longread-template-template-longread-5 .lr5-kap-image img{
height: 164px;
object-fit: cover;
}
.longread-template-template-longread-5 .lr5-kap-corps{
gap: 0;
}
.longread-template-template-longread-5 .lr5-kap-encart{
padding: 24px 0 0;
}
.longread-template-template-longread-5 .lr5-kap-comparatif{
margin-top: 40px;
padding: 0;
border-left: 0;
}
.longread-template-template-longread-5 .lr5-kap-etape{
text-align: center;
}
.longread-template-template-longread-5 .lr5-kap-label{
display: block;
width: 100%;
padding: 0 0 24px;
font-size: 20px;
line-height: 1.25;
text-align: left;
}
.longread-template-template-longread-5 .lr5-kap-valeur{
margin-top: 0;
padding: 56px 0 0;
font-size: 24px;
line-height: 1.4;
letter-spacing: 0;
}
.longread-template-template-longread-5 .lr5-kap-valeur strong{
display: block;
font-size: 56px;
line-height: 1;
margin-bottom: 16px;
}
.longread-template-template-longread-5 .lr5-kap-legende{
padding: 0 0 32px;
font-size: 20px;
line-height: 1.4;
} .longread-template-template-longread-5 .lr5-kap-bulle{
top: 75px;
bottom: auto;
left: calc(200% - 112px);
width: 105px;
height: 105px;
padding: 0 6px;
gap: 0;
}
.longread-template-template-longread-5 .lr5-kap-bulle::before{
left: -8px;
top: 50%;
transform: translateY(-50%);
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 10px solid var(--lr5-marine);
border-left: 0;
}
.longread-template-template-longread-5 .lr5-kap-bulle img{
width: 24px;
height: 24px;
margin-bottom: 2px;
}
.longread-template-template-longread-5 .lr5-kap-bulle strong{
font-size: 18px;
line-height: 0.9;
}
.longread-template-template-longread-5 .lr5-kap-bulle span{
margin-top: 3px;
font-size: 9.8px;
line-height: 1.25;
}
.longread-template-template-longread-5 .lr5-kap .lr5-points{
margin-bottom: 40px;
} .longread-template-template-longread-5 .lr5-liste-chiffres{
padding-top: 0;
}
.longread-template-template-longread-5 .lr5-liste-item{
padding-right: 110px;
} .longread-template-template-longread-5 .lr5-accordeon{
gap: 8px;
}
.longread-template-template-longread-5 .lr5-panneau{
flex-basis: 112px;
min-height: 112px;
}
.longread-template-template-longread-5 .lr5-panneau.est-ouvert{
min-height: 499px;
}
.longread-template-template-longread-5 .lr5-panneau-label{
left: 20px;
right: 76px;
font-size: 20px;
line-height: 1.2;
white-space: normal;
}
.longread-template-template-longread-5 .lr5-panneau-fleche,
.longread-template-template-longread-5 .lr5-panneau-bouton:hover .lr5-panneau-fleche{
right: 20px;
width: 44px;
height: 44px;
transform: translateY(-50%);
}
.longread-template-template-longread-5 .lr5-panneau-contenu{
padding: 28px;
}
.longread-template-template-longread-5 .lr5-panneau-titre{
max-width: none;
font-weight: 800;
font-size: 25px;
line-height: 1.15;
}
.longread-template-template-longread-5 .lr5-panneau-texte{
margin-top: 24px;
max-width: none;
font-weight: 600;
font-size: 16px;
line-height: 1.55;
} .longread-template-template-longread-5 .lr5-tableau{
padding-bottom: 40px;
}
.longread-template-template-longread-5 .lr5-tableau .lr5-wrap[data-lr5-carrousel]{
padding-top: 40px;
}
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-ligne{
display: contents;
}
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-cellule,
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-cellule + .lr5-tableau-cellule{
padding: 56px 0 32px;
border: 0;
border-top: 1px solid currentColor;
text-align: center;
}
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-chiffre{
font-size: 56px;
line-height: 1;
margin-bottom: 16px;
}
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-chiffre--long{
font-size: 40px;
line-height: 1.1;
}
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-texte{
max-width: 232px;
margin: 0 auto;
font-size: 20px;
line-height: 1.4;
} .longread-template-template-longread-5 .lr5-tableau--corail .lr5-wrap{
padding-top: 0;
padding-bottom: 0;
}
.longread-template-template-longread-5 .lr5-tableau--corail .lr5-tableau-ligne{
gap: 0;
padding: 0;
border: 0;
}
.longread-template-template-longread-5 .lr5-tableau--corail .lr5-tableau-cellule,
.longread-template-template-longread-5 .lr5-tableau--corail .lr5-tableau-cellule + .lr5-tableau-cellule{
padding: 24px 0;
border: 0;
border-top: 1px solid currentColor;
}
.longread-template-template-longread-5 .lr5-tableau--corail .lr5-tableau-chiffre{
font-size: 40px;
line-height: 1.15;
margin-bottom: 8px;
white-space: normal;
}
.longread-template-template-longread-5 .lr5-tableau--corail .lr5-tableau-texte{
font-size: 16px;
line-height: 1.5;
} .longread-template-template-longread-5 .lr5-eco{
padding-bottom: 24px;
}
.longread-template-template-longread-5 .lr5-eco .lr5-wrap{
gap: 0;
}
.longread-template-template-longread-5 .lr5-eco-colonne{
max-width: none;
padding-top: 24px;
gap: 20px;
}
.longread-template-template-longread-5 .lr5-eco-numero{
font-size: 56px;
line-height: 1.1;
}
.longread-template-template-longread-5 .lr5-eco-label{
margin-top: -20px;
padding: 12px 16px;
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.15em;
text-align: left;
}
.longread-template-template-longread-5 .lr5-eco-titre{
font-size: 24px;
line-height: 1.4;
}
.longread-template-template-longread-5 .lr5-eco-texte{
font-size: 16px;
line-height: 1.55;
}
.longread-template-template-longread-5 .lr5-eco-cartes{
padding-top: 48px;
row-gap: 0;
}
.longread-template-template-longread-5 .lr5-eco-carte{
min-height: 326px;
padding-bottom: 24px;
}
.longread-template-template-longread-5 .lr5-eco-carte-titre{
padding-top: 36px;
font-size: 22px;
line-height: 1.12;
}
.longread-template-template-longread-5 .lr5-eco-carte-texte{
font-size: 18px;
line-height: 1.35;
}
.longread-template-template-longread-5 .lr5-eco .lr5-points{
margin-top: 24px;
} .longread-template-template-longread-5 .lr5-temoignage{
margin-top: 0;
padding-bottom: 24px;
overflow: hidden;
}
.longread-template-template-longread-5 .lr5-temoignage-fond{
left: auto;
right: 32px;
top: -13px;
bottom: auto;
width: 254px;
opacity: 1;
}
.longread-template-template-longread-5 .lr5-temoignage .lr5-wrap{
padding-top: 0;
padding-bottom: 0;
gap: 0;
}
.longread-template-template-longread-5 .lr5-temoignage-logo{
margin: 0 0 68px;
width: 128px;
}
.longread-template-template-longread-5 .lr5-temoignage-auteur{
flex-direction: row;
align-items: center;
gap: 20px;
padding-top: 24px;
}
.longread-template-template-longread-5 .lr5-temoignage-photo{
width: 144px;
height: 144px;
}
.longread-template-template-longread-5 .lr5-temoignage-nom{
margin-top: 0;
padding-left: 0;
border-left: 0;
max-width: none;
font-size: 20px;
line-height: 1.35;
}
.longread-template-template-longread-5 .lr5-temoignage-citation{
margin-top: 56px;
font-weight: 500;
font-size: 18px;
line-height: 30px;
}
} @media screen and (max-width: 800px) {
.longread-template-template-longread-5 .lr5-points{
width: 100%;
align-self: stretch;
} .longread-template-template-longread-5 .lr5-section--texte-centre .lr5-section-texte{
text-align: left;
} .longread-template-template-longread-5 .lr5-video-titre{
justify-content: flex-start;
text-align: left;
} .longread-template-template-longread-5 .lr5-kap-comparatif[data-lr5-carrousel]{
flex-direction: row;
} .longread-template-template-longread-5 .lr5-tableau .lr5-wrap[data-lr5-carrousel]{
padding: 40px 0 0;
}
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-cellule,
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-cellule + .lr5-tableau-cellule{
position: relative;
padding: 56px 20px 32px;
border: 0;
}
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-cellule::before{
content: "";
position: absolute;
left: 20px;
right: 20px;
top: 0;
border-top: 1px solid currentColor;
} .longread-template-template-longread-5 .lr5-panneau-bouton{
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 0 20px;
}
.longread-template-template-longread-5 .lr5-panneau-label{
position: static;
flex: 1 1 auto;
transform: none;
text-align: left;
}
.longread-template-template-longread-5 .lr5-panneau-fleche,
.longread-template-template-longread-5 .lr5-panneau-bouton:hover .lr5-panneau-fleche{
position: static;
flex: 0 0 44px;
transform: none;
}
}
@media screen and (max-width: 800px) {
.longread-template-template-longread-5 .lr5-chiffre-prefixe,
.longread-template-template-longread-5 .lr5-chiffre-texte,
.longread-template-template-longread-5 .lr5-chiffre-texte strong{
text-align: center;
}
.longread-template-template-longread-5 .lr5-kap-bulle{
scroll-snap-align: none;
}
}
@media screen and (max-width: 800px) {
.longread-template-template-longread-5 .lr5-chiffre{
display: flex;
flex-direction: column;
align-items: center;
}
.longread-template-template-longread-5 .lr5-wrap[data-lr5-carrousel] .lr5-tableau-cellule:has(.lr5-tableau-chiffre--long){
max-width: none;
}
}