.texte-image{
width: 100%;
padding: 34px 0;
background: var(--ti-bg); } .texte-image.is-theme-dark{
--ti-text: var(--color-blanc);
--ti-muted: var(--color-blanc-fonce);
--ti-bg: var(--color-noir);
--ti-quote-bg: var(--color-gris);
}
.texte-image.is-theme-light{
--ti-text: var(--color-noir);
--ti-muted: var(--color-noir);
--ti-bg: transparent;
--ti-quote-bg: var(--color-blanc);
} .texte-image{
--ti-media-w: clamp(280px, 40vw, 420px);
--ti-gap: 42px; --ti-media-w-mobile: clamp(220px, 70vw, 340px);
} .texte-image__grid{
position: relative; min-height: 1px;
} .texte-image__container{
max-width: var(--layout-wide-size);
margin: 0 auto;
padding: 0 20px;
} @media (min-width: 681px){
.texte-image.is-image-left .texte-image__container{
padding-left: calc(20px + var(--ti-media-w) + var(--ti-gap));
padding-right: 20px;
}
.texte-image.is-image-right .texte-image__container{
padding-right: calc(20px + var(--ti-media-w) + var(--ti-gap));
padding-left: 20px;
}
} .texte-image__media{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--ti-media-w);
display: block;
pointer-events: none;
} .texte-image__media-frame{
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
} .texte-image__media-frame img{
width: 100%;
height: 100%;
display: block;
pointer-events: auto;
object-position: center;
} .texte-image.is-image-left  .texte-image__media{ left: -50px; }
.texte-image.is-image-right .texte-image__media{ right: -50px; } .texte-image.is-image-square .texte-image__media-frame{ border-radius: 0; }
.texte-image.is-image-round  .texte-image__media-frame{ border-radius: 999px; }
.texte-image.is-image-square .texte-image__media-frame img{ object-fit: contain; }
.texte-image.is-image-round  .texte-image__media-frame img{ object-fit: cover; } .texte-image__content{
max-width: 70ch;
min-width: 0;
padding: 30px 0;
} .texte-image__kicker{
display: inline-flex;
align-items: center;
gap: 10px;
text-transform: uppercase;
color: var(--ti-text);
font-size: var(--font-size-s, 15px);
font-weight: 500;
letter-spacing: .04em;
margin-bottom: 10px;
}
.texte-image__quote{
width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 45px;
line-height: 45px;
padding-top: 17px;
border-radius: 4px;
background: var(--ti-quote-bg);
color: var(--page-accent);
} .texte-image__title, .texte-image__title p{
margin: 0 0 14px;
color: var(--ti-text);
font-size: var(--font-size-xxl, 40px);
font-weight: 400;
line-height: 1.1;
}
.texte-image__text, .texte-image__text p{
color: var(--ti-muted);
font-size: var(--font-size-s, 15px);
line-height: 1.6;
max-width: 90ch;
}
.texte-image__text p{ margin: 0 0 12px; }
.texte-image__text p:last-child{ margin-bottom: 0; }
.texte-image__cta{ margin-top: 18px; } .texte-image__content > div > a:not(.btn_primary):not(.btn_secondary){
display: inline-block;
text-decoration: none;
transition: color .2s ease;
} .texte-image.is-theme-light .texte-image__content > div > a:not(.btn_primary):not(.btn_secondary){
color: var(--color-noir);
}
.texte-image.is-theme-light .texte-image__content > div > a:not(.btn_primary):not(.btn_secondary):hover{
color: var(--page-accent);
} .texte-image.is-theme-dark .texte-image__content > div > a:not(.btn_primary):not(.btn_secondary){
color: var(--color-blanc);
}
.texte-image.is-theme-dark .texte-image__content > div > a:not(.btn_primary):not(.btn_secondary):hover{
color: var(--page-accent);
} @media (max-width: 980px){
.texte-image{
--ti-media-w: clamp(240px, 42vw, 360px);
--ti-gap: 30px;
}
} @media (max-width: 680px){
.texte-image{
padding: 26px 0;
--ti-gap: 18px;
} .texte-image__container{
padding: 0 20px;
} .texte-image__grid{
display: grid;
grid-template-columns: 1fr;
gap: 18px;
} .texte-image__media{
position: static;
transform: none;
width: var(--ti-media-w-mobile);
max-width: var(--ti-media-w-mobile);
margin: 0 auto;
display: block;
order: -1; } .texte-image__media-frame{
width: 100%;
}
.texte-image__content{
max-width: none;
padding: 0;
}
.texte-image__title{
font-size: var(--font-size-xl, 32px);
}
}footer{
margin-top:80px;
}
.footer{
width: 100%; color: var(--color-noir);
font-weight: 400;
} .footer__logo{
position: relative;
display: inline-block;
max-width: var(--layout-wide-size);
width:100%;
} .footer__logo img{
display: block;
width: 100%;
height: auto;
} .footer__logo::after{
content: "";
position: absolute;
inset: 0; background: linear-gradient(
to top,
#fff 0%,
rgba(255,255,255,0) 100%
);
pointer-events: none; } .footer__container{
max-width: var(--layout-wide-size);
margin: 0 auto;
padding: 22px 20px 10px;
} .footer__top{
display: grid;
grid-template-columns: 3fr 2fr 4fr 3fr;
gap: 34px;
align-items: start;
} .footer__link,
.footer__bottomLink,
.footer__creditLink,
.footer__socialLink,
.footer__phoneLink,
.footer__langLink{
transition: opacity .18s ease, color .18s ease;
}
.footer__link,
.footer__bottomLink,
.footer__creditLink{
color: inherit;
text-decoration: none;
}
.footer__link:hover,
.footer__bottomLink:hover,
.footer__creditLink:hover{ color: var(--page-accent);
}  .footer__link.is-active,
.footer__bottomLink.is-active{
color: var(--page-accent);
} .footer__heading a.is-active{
color: var(--page-accent);
} .footer__link.is-active:hover,
.footer__bottomLink.is-active:hover,
.footer__heading a.is-active:hover{
color: var(--page-accent);
} .footer__col--main{
display: grid;
gap: 10px;
}
.footer__col--main .footer__link{
font-size: var(--font-size-l, 22px);
font-weight: 400;
}
.footer__link.is-accent{
color: var(--page-accent);
} .footer__secondaryNav{
display: grid;
gap: 8px;
margin-bottom: 10px;
}
.footer__link--small{
font-size: var(--font-size-s, 15px);
font-weight: 400;
}
.footer__lang{
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
margin-top:40px;
font-size: var(--font-size-s);
font-weight: 400;
line-height: 1.2;
}
.footer__langBreak{
display: block;
height: 0;
}
.footer__langLink{
color: var(--color-noir);
text-decoration: none;
font-weight: 400;
}
.footer__langLink.is-active{
color: var(--page-accent);
}
.footer__langLink:hover{ color: var(--page-accent);
} .footer__heading{
font-size: var(--font-size-l, 22px);
font-weight: 500;
margin-bottom: 10px;
display: inline-flex;
align-items: center;
gap: 10px;
}
.footer__heading a{
color:#000;
text-decoration: none;
transition: all 0.4s ease-in-out;
}
.footer__heading a:hover{
color: var(--page-accent);
}
.footer__headingArrow{
color: var(--page-accent);
}
.footer__address{
font-size: var(--font-size-m, 18px);
font-weight: 400;
line-height: 1.35;
margin-bottom: 14px;
}
.footer__phoneLabel{
font-size: var(--font-size-s, 15px);
font-weight: 400;
line-height: 1.2;
margin-bottom: 2px;
} .footer__phoneLink{
display: inline-block;
font-size: var(--font-size-m, 18px);
font-weight: 500;
color: var(--color-noir);
text-decoration: underline;
text-decoration-color: var(--page-accent);
text-underline-offset: 3px;
}
.footer__phoneLink:hover{ color: var(--page-accent);
} .footer__newsletterText{
font-size: var(--font-size-s, 15px);
font-weight: 400;
line-height: 1.4;
margin-bottom: 12px;
}
.footer__newsletterCta{
margin-bottom: 12px;
} .footer__socialLink{
font-size: var(--font-size-m, 18px);
font-weight: 500;
color: var(--color-noir);
text-decoration: underline;
text-decoration-color: var(--page-accent);
text-underline-offset: 3px;
}
.footer__socialLink:hover{ color: var(--page-accent);
} .footer__bottom{
margin-top: 80px;
display: flex;
justify-content: center;
padding:20px;
gap: 18px;
align-items: center;
}
.footer__bottomLinks{
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
font-size: var(--font-size-xs, 13px);
font-weight: 400;
}
.footer__bottomLink{
font-size: var(--font-size-xs, 13px);
font-weight: 400;
}
.footer__cookieBtn{
appearance: none;
background: none;
border: 0;
padding: 0;
cursor: pointer;
font-size: var(--font-size-xs, 13px);
font-weight: 400;
color: inherit;
transition: opacity .18s ease;
}
.footer__cookieBtn:hover{ }
.footer__credits{
justify-self: center;
font-size: var(--font-size-xs, 13px);
font-weight: 400;
white-space: nowrap;
}
.footer__creditSep{
margin: 0 8px;
opacity: .6;
}
.footer__legal{
justify-self: end;
font-size: var(--font-size-xs, 13px);
font-weight: 400;
white-space: nowrap;
} @media (max-width: 980px){
.footer__top{
grid-template-columns: 1fr 1fr;
gap: 26px;
}
.footer__bottom{
grid-template-columns: 1fr;
gap: 8px;
}
.footer__credits{
justify-self: start;
white-space: normal;
}
.footer__legal{
justify-self: start;
white-space: normal;
}
.footer__bottomLinks{
justify-content: center;
}
}
@media (max-width: 640px){
footer{
text-align: center;
}
.footer__container{
padding: 18px 16px 10px;
}
.footer__top{
grid-template-columns: 1fr;
gap: 18px;
}
.footer__link--small{
font-size: var(--font-size-l, 22px);
}
.footer__bottom{
display: flex;
flex-direction: column;
gap:25px;
}
}