.carousel-citations {
position: relative;
margin: 0 auto;
width: 100%;
padding: 0 20px;
box-sizing: border-box;
} .carousel-container {
overflow: hidden;
border-radius: 12px;
position: relative;
max-height: 500px;
width: 100%;
--slide-width: calc(100% / 3);
}
.google {
max-width: 150px;
display: block;
margin: auto;
} .carousel-track {
display: flex;
transition: transform 0.6s ease-in-out;
will-change: transform;
width: 100%; 
} .carousel-slide {
flex: 0 0 var(--slide-width);
width: var(--slide-width);
display: flex;
justify-content: center;
padding: 40px 20px;
box-sizing: border-box;
max-height: 500px;
overflow: hidden;
text-align: center;
} .citation-content {
max-width: 100%;
width: 100%;
position: relative;
margin: 0 auto;
box-sizing: border-box;
overflow: hidden;
}
.citation-content p {
font-size: 1rem;
font-style: normal;
margin-bottom: 1rem;
white-space: normal;
word-break: break-word;
overflow-wrap: break-word;
hyphens: auto;
}
.citation-content .auteur {
font-size: 0.875rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding-top: 1rem;
display: block;
}
.citation-content small {
font-size: 0.8125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
display: block;
margin-top: 0.5rem;
} .carousel-cite-dots {
display: flex;
justify-content: center;
gap: 12px;
margin-top: 20px;
padding: 0 20px;
}
.carousel-cite-dot {
width: 0.75rem;
height: 0.75rem;  
border-radius: 0.75rem;
background: var(--primary-500);
border: 1px solid var(--primary-500);
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
}
.carousel-cite-dot:hover {
transform: scale(1.2);
}
.carousel-cite-dot.active {
background: var(--primary-300);
border-color: var(--primary-300);
} @media (max-width: 768px) {
.carousel-citations {
padding: 0;
}
.carousel-container {
--slide-width: 100%;
}
.carousel-citations::before {
left: -1rem;
top:-1rem;
width: 9.75rem;
height: 7.625rem;
opacity: 0.2;
}
.carousel-slide {
padding: 1rem 0;
align-items: flex-start;
}
.citation-content p {
font-size: 1.1875rem;
margin-bottom: 0.75rem;
}
.carousel-cite-dots {
padding: 0;
gap: 1rem;
align-items: flex-start;
justify-content: flex-start;
}
.carousel-cite-dot {
width: 0.625rem;
height: 0.625rem;
}
}:root {
--gris-fonce: rgba(255,255,255,0.15);
}
section {
padding: 1rem;
}
.acf-innerblocks-container {
max-width: 75rem;
margin: 0 auto 0 auto;
}
.grisfonce {
background-color: var(--gris-fonce);
}
.grisfonce h2 {
text-transform: inherit;
}
.dore {
background-color: var(--primary-200);
} .is-fullpage {
height: 100vh;
overflow: hidden;
scroll-snap-align: start;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width:768px) {
.is-fullpage {
height: auto;
overflow: inherit;
}
} .snap-container {
scroll-snap-type: y mandatory;
overflow-y: scroll;
height: 100vh;
} html {
scroll-behavior: smooth;
} .nopadding {
padding: 0;
}
.padding-xs {
padding: 1rem .5rem;
}
.padding-m {
padding: 5rem .5rem;
}
.padding-l {
padding: 7rem .5rem;
}
.padding-xl {
padding: 8rem .5rem;
}
.padding-xxl {
padding: 0;
} .wp-block-theme-bloc-thematique section {
margin: 0 auto;
max-width: 100%;
}
section.encadre .acf-innerblocks-container {
max-width: 75rem;
margin: auto;
overflow: hidden;
position: relative
}
section {
background-position: center;
background-size: cover;
}
.has-bg {
position: relative;
overflow: hidden;
}
.has-bg::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 24, 55, 0.87);
z-index: 1;
}
.has-bg > * {
position: relative;
z-index: 2; }
@media (max-width:768px) {
section {
padding: 1rem;
}
.padding-xs {
padding: 1rem;
}
.padding-m {
padding: 2rem 1rem;
}
.padding-l {
padding: 3.5rem 1rem;
}
.padding-xl {
padding: 4rem 1rem;
}
.padding-xxl {
padding: 4.5rem 1rem;
}
}