/* ====================================================================== */
/* ======== BLOCS DE CONTENU — RENDU FRONTEND =========================== */
/* ======== Reproduit la mise en page choisie dans le backoffice ========= */
/* ====================================================================== */

:root {
--blockLargeur:min(1660px, 92vw);
--blockLecture:min(1080px, 92vw);
--blockGap:clamp(20px, 3vw, 44px);
--blockGapImg:clamp(12px, 1.6vw, 22px);
--blockEspaceV:clamp(28px, 5vw, 72px);
--blockRadius:clamp(6px, 0.7vw, 14px);
--blockTexte:var(--ui_texte, #16181d);
--blockTexteDoux:var(--ui_texte_2, #4a5058);
--blockBord:var(--ui_bord_couleur, rgba(17, 17, 17, 0.1));
--blockFondCreux:var(--ui_surface_2, rgba(17, 17, 17, 0.035));
--blockAccent:var(--ui_accent, #16181d);
--blockAccentTexte:var(--ui_primaire_contraste, #fff);
--blockOmbre:var(--ui_ombre, 0 1px 2px rgba(16, 18, 22, 0.05), 0 18px 40px -26px rgba(16, 18, 22, 0.4));
--blockTransition:0.28s var(--ui_courbe, cubic-bezier(0.22, 0.61, 0.36, 1))
}

/* ====================================================================== */
/* ======== CONTENEURS ================================================== */
/* ====================================================================== */

.introSection {
position:relative;
display:block;
width:100%;
margin:0;
padding:0
}

.page_intro {
position:relative;
display:block;
width:100%;
margin:0;
padding:0
}

.info_texte {
position:relative;
display:block;
width:100%;
margin:0;
padding:0
}

#blocks {
position:relative;
display:block;
width:var(--blockLargeur);
max-width:100%;
margin:0 auto;
padding:0
}

#blocks.caset {
display:block;
width:var(--blockLargeur);
max-width:100%
}

.blocks {
position:relative;
display:flex;
flex-wrap:wrap;
align-items:flex-start;
justify-content:space-between;
gap:var(--blockGap);
width:100%;
color:var(--blockTexte);
box-sizing:border-box;
margin:0 0 var(--blockEspaceV) 0;
padding:0
}

.blocks:last-child { margin-bottom:0 }

.introSection,
.page_intro,
.info_texte,
#blocks,
.blockSlide,
.blocks,
.introSection *,
.page_intro *,
#blocks * { box-sizing:border-box }

.blockAnime {
opacity:0;
transform:translate3d(0, 22px, 0);
backface-visibility:hidden;
will-change:opacity, transform;
transition:opacity var(--blockTransition), transform var(--blockTransition)
}

.blockAnime.blockVisible {
opacity:1;
transform:translate3d(0, 0, 0);
will-change:auto
}

/* ====================================================================== */
/* ======== TITRES DEROULANTS =========================================== */
/* ====================================================================== */

.blockSlide {
position:relative;
display:block;
width:100%;
margin:0 0 var(--blockGapImg) 0;
padding:0
}

.blockSlideLink {
position:relative;
display:flex;
align-items:center;
gap:12px;
width:100%;
background-color:var(--blockFondCreux);
border:1px solid var(--blockBord);
border-radius:var(--blockRadius);
text-align:left;
text-decoration:none;
font-size:inherit;
font-weight:700;
color:var(--blockTexte);
cursor:pointer;
transition:background-color var(--blockTransition), border-color var(--blockTransition);
margin:0;
padding:clamp(12px, 1.4vw, 18px) clamp(16px, 2vw, 26px)
}

.blockSlideLink:hover,
.blockSlideLink:focus-visible {
background-color:color-mix(in srgb, var(--blockAccent) 7%, transparent);
border-color:color-mix(in srgb, var(--blockAccent) 30%, transparent)
}

.blockSlideLink::after {
display:inline-flex;
align-items:center;
justify-content:center;
width:22px;
height:22px;
content:"";
background-color:currentColor;
-webkit-mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
mask:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
transform:translate3d(0, 0, 0);
flex-shrink:0;
transition:transform var(--blockTransition);
margin:0 0 0 auto
}

.blockSlideLink[aria-expanded="true"]::after { transform:rotate(180deg) translate3d(0, 0, 0) }

.blockSlided {
overflow:hidden;
transition:max-height var(--blockTransition), opacity var(--blockTransition), margin var(--blockTransition)
}

.blockSlided[hidden] { display:none }

/* ====================================================================== */
/* ======== IMAGES COMMUNES ============================================= */
/* ====================================================================== */

.blocks img {
display:block;
width:100%;
height:auto;
border-radius:var(--blockRadius);
margin:0
}

.block_img_right,
.block_img_left,
.block_img_top,
.block_img_bottom,
.block_img_middle,
.block_img_gallery {
overflow:hidden;
box-shadow:var(--blockOmbre);
transform:translate3d(0, 0, 0);
backface-visibility:hidden;
transition:transform var(--blockTransition)
}

/* ====================================================================== */
/* ======== FORMAT : TEXTE + PHOTOS A DROITE ============================ */
/* ====================================================================== */

.block_format_right {
flex-direction:row;
align-items:center
}

.block_textLeft {
flex:1 1 0;
min-width:0;
margin:0;
padding:0
}

.block_imgRight {
display:flex;
flex-direction:column;
gap:var(--blockGapImg);
flex:0 1 42%;
min-width:0;
margin:0;
padding:0
}

/* ====================================================================== */
/* ======== FORMAT : PHOTOS A GAUCHE + TEXTE ============================ */
/* ====================================================================== */

.block_format_left {
flex-direction:row;
align-items:center
}

.block_imgLeft {
display:flex;
flex-direction:column;
gap:var(--blockGapImg);
flex:0 1 42%;
min-width:0;
margin:0;
padding:0
}

.block_textRight {
flex:1 1 0;
min-width:0;
margin:0;
padding:0
}

/* ====================================================================== */
/* ======== FORMAT : PHOTOS EN HAUT / EN BAS ============================ */
/* ====================================================================== */

.block_format_top,
.block_format_bottom { flex-direction:column }

.block_imgTop,
.block_imgBottom {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:var(--blockGapImg);
width:100%;
margin:0;
padding:0
}

.block_textBottom,
.block_textTop {
width:100%;
margin:0;
padding:0
}

.block_imgTop.block_nbImg1 img,
.block_imgBottom.block_nbImg1 img { flex:0 1 min(100%, 1100px) }

.block_imgTop.block_nbImg2 img,
.block_imgBottom.block_nbImg2 img { flex:0 1 calc((100% - var(--blockGapImg)) / 2) }

.block_imgTop.block_nbImg3 img,
.block_imgBottom.block_nbImg3 img { flex:0 1 calc((100% - 2 * var(--blockGapImg)) / 3) }

/* ====================================================================== */
/* ======== FORMAT : PHOTOS DE CHAQUE COTE ============================== */
/* ====================================================================== */

.block_format_ends {
flex-direction:row;
align-items:center;
flex-wrap:nowrap
}

.block_imgLeft2,
.block_imgRight2 {
display:flex;
flex-direction:column;
gap:var(--blockGapImg);
flex:0 1 24%;
min-width:0;
margin:0;
padding:0
}

.block_textMiddle {
flex:1 1 0;
min-width:0;
margin:0;
padding:0
}

/* ====================================================================== */
/* ======== FORMAT : TEXTE + PHOTOS + TEXTE ============================= */
/* ====================================================================== */

.block_format_middle {
flex-direction:row;
align-items:center;
flex-wrap:nowrap
}

.block_textLeft2,
.block_textRight2 {
flex:1 1 0;
min-width:0;
margin:0;
padding:0
}

.block_imgMiddle {
display:flex;
flex-direction:column;
gap:var(--blockGapImg);
flex:0 1 30%;
min-width:0;
margin:0;
padding:0
}

/* ====================================================================== */
/* ======== FORMAT : TEXTE SUR IMAGE DE FOND ============================ */
/* ====================================================================== */

.block_format_bg {
flex-direction:column;
width:100%
}

.block_textImgBG {
position:relative;
display:flex;
flex-direction:column;
justify-content:center;
width:100%;
min-height:clamp(260px, 34vw, 520px);
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
border-radius:var(--blockRadius);
color:#fff;
margin:0;
padding:clamp(28px, 5vw, 76px)
}

.block_textImgBG::before {
position:absolute;
z-index:0;
display:block;
width:100%;
height:100%;
content:"";
background:linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.62) 100%);
top:0;
left:0;
pointer-events:none
}

.block_textImgBG > * {
position:relative;
z-index:1
}

.block_textImgBG h2,
.block_textImgBG h3,
.block_textImgBG h4,
.block_textImgBG p,
.block_textImgBG li,
.block_textImgBG strong { color:#fff }

.block_textImgBG a { color:#fff }

/* ====================================================================== */
/* ======== FORMAT : TEXTE PLEINE LARGEUR ============================== */
/* ====================================================================== */

.block_format_full { flex-direction:column }

.block_textFull {
width:100%;
margin:0;
padding:0
}

.block_format_full .block_textFull:not([style]) {
max-width:var(--ui_largeur_texte, 100%);
margin:0 auto
}

/* ====================================================================== */
/* ======== FORMAT : DEUX COLONNES ===================================== */
/* ====================================================================== */

.block_format_cols2 { flex-direction:column }

.block_cols2 {
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:var(--blockGap);
width:100%;
margin:0;
padding:0
}

.block_colLeft,
.block_colRight {
min-width:0;
margin:0;
padding:0
}

/* ====================================================================== */
/* ======== FORMAT : GALERIE =========================================== */
/* ====================================================================== */

.block_format_gallery { flex-direction:column }

.block_gallery {
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:var(--blockGapImg);
width:100%;
margin:0;
padding:0
}

/* 6 -> 3+3, 5 -> 3+2 centres, 4 -> 2+2, 3 -> 3, 2 -> 2, 1 -> 1.
   Le centrage donne la pyramide inversee quand la derniere ligne est incomplete. */

.block_gallery.block_nbImg1 img { flex:0 1 min(100%, 900px) }

.block_gallery.block_nbImg2 img,
.block_gallery.block_nbImg4 img { flex:0 1 calc((100% - var(--blockGapImg)) / 2) }

.block_gallery.block_nbImg3 img,
.block_gallery.block_nbImg5 img,
.block_gallery.block_nbImg6 img { flex:0 1 calc((100% - 2 * var(--blockGapImg)) / 3) }

.block_gallery img {
width:auto;
min-width:0;
aspect-ratio:4 / 3;
object-fit:cover;
cursor:zoom-in
}

.block_gallery img:hover { transform:scale(1.02) translate3d(0, 0, 0) }

/* ====================================================================== */
/* ======== FORMAT : VIDEO ============================================= */
/* ====================================================================== */

.block_format_video { flex-direction:column }

.block_video {
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--blockGap);
width:100%;
margin:0;
padding:0
}

.block_videoWrap {
position:relative;
display:block;
width:100%;
aspect-ratio:16 / 9;
overflow:hidden;
background-color:#000;
border-radius:var(--blockRadius);
box-shadow:var(--blockOmbre);
flex:1 1 100%;
margin:0;
padding:0
}

.block_videoWrap iframe {
position:absolute;
display:block;
width:100%;
height:100%;
border:none;
top:0;
left:0
}

.block_videoText {
width:100%;
flex:1 1 100%;
margin:0;
padding:0
}

.block_video:has(.block_videoText) .block_videoWrap { flex:1 1 clamp(280px, 55%, 62%) }

.block_video:has(.block_videoWrap) .block_videoText { flex:1 1 clamp(240px, 34%, 38%) }

/* ====================================================================== */
/* ======== FORMAT : CITATION ========================================== */
/* ====================================================================== */

.block_format_quote { flex-direction:column }

.block_quote {
position:relative;
display:flex;
flex-direction:column;
align-items:center;
gap:var(--blockGapImg);
width:100%;
background-color:var(--blockFondCreux);
border-left:3px solid var(--blockAccent);
border-radius:var(--blockRadius);
text-align:center;
margin:0;
padding:clamp(26px, 4vw, 56px)
}

.block_quoteImg {
width:clamp(72px, 8vw, 112px);
height:clamp(72px, 8vw, 112px);
overflow:hidden;
border-radius:50%;
object-fit:cover;
flex-shrink:0;
margin:0
}

.block_quote blockquote {
width:100%;
max-width:74ch;
font-size:clamp(1.05rem, 1.5vw, 1.35rem);
font-style:italic;
color:var(--blockTexte);
line-height:1.6;
margin:0;
padding:0
}

.block_quote blockquote p:last-child { margin-bottom:0 }

.block_quote figcaption {
font-size:0.9rem;
font-weight:700;
text-transform:uppercase;
letter-spacing:0.06em;
color:var(--blockTexteDoux);
margin:0;
padding:0
}

/* ====================================================================== */
/* ======== FORMAT : APPEL A L'ACTION ================================== */
/* ====================================================================== */

.block_format_cta { flex-direction:column }

.block_cta {
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:space-between;
gap:var(--blockGap);
width:100%;
background-color:var(--blockFondCreux);
border:1px solid var(--blockBord);
border-radius:var(--blockRadius);
margin:0;
padding:clamp(24px, 3.4vw, 48px)
}

.block_ctaText {
flex:1 1 320px;
min-width:0;
margin:0;
padding:0
}

.block_ctaText > *:last-child { margin-bottom:0 }

.block_ctaBouton {
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:52px;
background-color:var(--blockAccent);
border:1px solid var(--blockAccent);
border-radius:var(--blockRadius);
text-align:center;
text-decoration:none;
font-size:0.95rem;
font-weight:700;
letter-spacing:0.02em;
color:var(--blockAccentTexte);
transform:translate3d(0, 0, 0);
backface-visibility:hidden;
flex-shrink:0;
transition:background-color var(--blockTransition), transform var(--blockTransition), box-shadow var(--blockTransition);
margin:0;
padding:0 clamp(22px, 2.6vw, 38px)
}

.block_ctaBouton:hover,
.block_ctaBouton:focus-visible {
box-shadow:var(--blockOmbre);
transform:translate3d(0, -2px, 0)
}

.wysiwyg a.block_ctaBouton {
text-decoration:none;
color:var(--blockAccentTexte)
}

.wysiwyg a.block_ctaBouton:hover { opacity:1 }

/* ====================================================================== */
/* ======== TYPOGRAPHIE WYSIWYG ======================================== */
/* ====================================================================== */

.wysiwyg {
font-size:clamp(0.95rem, 1.05vw, 1.05rem);
color:var(--blockTexte);
line-height:1.7
}

.wysiwyg > *:first-child { margin-top:0 }

.wysiwyg > *:last-child { margin-bottom:0 }

.wysiwyg h2 {
font-size:clamp(1.5rem, 2.6vw, 2.15rem);
font-weight:700;
color:var(--blockTexte);
line-height:1.2;
margin:0 0 clamp(14px, 1.6vw, 22px) 0;
padding:0
}

.wysiwyg h3 {
font-size:clamp(1.2rem, 1.9vw, 1.55rem);
font-weight:700;
color:var(--blockTexte);
line-height:1.28;
margin:clamp(20px, 2.4vw, 34px) 0 clamp(10px, 1.2vw, 16px) 0;
padding:0
}

.wysiwyg h4 {
font-size:clamp(1.02rem, 1.4vw, 1.2rem);
font-weight:700;
color:var(--blockTexte);
line-height:1.35;
margin:clamp(16px, 2vw, 26px) 0 8px 0;
padding:0
}

.wysiwyg p {
color:var(--blockTexteDoux);
line-height:1.75;
margin:0 0 clamp(12px, 1.3vw, 18px) 0;
padding:0
}

.wysiwyg strong { color:var(--blockTexte) }

.wysiwyg ul,
.wysiwyg ol {
color:var(--blockTexteDoux);
line-height:1.75;
margin:0 0 clamp(12px, 1.3vw, 18px) 0;
padding:0
}

.wysiwyg ul { list-style:none }

.wysiwyg ul li {
position:relative;
line-height:1.6;
margin:0 0 0.6em 0;
padding:0 0 0 1.8rem
}

.wysiwyg ul li::before {
position:absolute;
width:8px;
height:8px;
content:"";
background-color:var(--blockAccent);
border-radius:50%;
top:0.55em;
left:0;
transition:transform 0.2s var(--ui_courbe, ease)
}

.wysiwyg ul li:hover::before { transform:scale(1.3) }

.wysiwyg ol {
list-style:none;
counter-reset:item
}

.wysiwyg ol li {
position:relative;
line-height:1.6;
counter-increment:item;
margin:0 0 0.6em 0;
padding:0 0 0 2.5rem
}

.wysiwyg ol li::before {
display:flex;
position:absolute;
align-items:center;
justify-content:center;
width:1.8rem;
height:1.8rem;
content:counter(item);
background-color:color-mix(in srgb, var(--blockAccent) 10%, transparent);
border-radius:50%;
font-size:0.9rem;
font-weight:600;
color:var(--blockAccent);
top:0;
left:0;
transition:transform 0.2s var(--ui_courbe, ease)
}

.wysiwyg ol li:hover::before { transform:scale(1.1) }

.wysiwyg ul ul,
.wysiwyg ol ol,
.wysiwyg ul ol,
.wysiwyg ol ul { margin:0.8rem 0 0.4rem 0 }

.wysiwyg a {
text-decoration:underline;
text-underline-offset:3px;
color:var(--blockAccent);
transition:opacity var(--blockTransition)
}

.wysiwyg a:hover { opacity:0.7 }

.wysiwyg blockquote {
position:relative;
overflow:hidden;
background:var(--blockFondCreux);
border-left:3px solid var(--blockAccent);
border-radius:var(--blockRadius);
font-style:italic;
color:var(--blockTexteDoux);
line-height:1.6;
margin:0 0 clamp(12px, 1.3vw, 18px) 0;
padding:1rem 1.5rem 1rem 3rem
}

.wysiwyg blockquote::before {
position:absolute;
content:'"';
font-size:clamp(2.2rem, 0.8rem + 3.5vw, 4.2rem);
font-family:Georgia, serif;
color:var(--blockAccent);
line-height:1;
opacity:0.2;
top:10px;
left:10px
}

.wysiwyg blockquote p {
position:relative;
z-index:1
}

.wysiwyg blockquote cite {
display:block;
text-align:right;
font-size:0.9em;
font-style:normal;
font-weight:600;
color:var(--blockTexte);
margin:1rem 0 0
}

.wysiwyg blockquote cite::before { content:"\2014\00a0" }

.wysiwyg img {
max-width:100%;
height:auto;
border-radius:var(--blockRadius);
margin:0 0 clamp(12px, 1.3vw, 18px) 0
}

.tableau_zone {
position:relative;
overflow-x:auto;
margin:0 0 clamp(12px, 1.3vw, 18px);
padding:0 0 2px;
-webkit-overflow-scrolling:touch
}

.tableau_zone:focus-visible {
outline:2px solid var(--blockAccent);
outline-offset:3px
}

.tableau_zone::-webkit-scrollbar { height:6px }

.tableau_zone::-webkit-scrollbar-track { background:var(--blockFondCreux) }

.tableau_zone::-webkit-scrollbar-thumb {
background:var(--blockTexteDoux);
border-radius:3px
}

.tableau_aide {
display:flex;
align-items:center;
gap:6px;
font-size:0.78rem;
font-style:italic;
color:var(--blockTexteDoux);
margin:-8px 0 clamp(12px, 1.3vw, 18px)
}

.tableau_aide::after {
content:'\2192';
font-style:normal
}

.tableau_aide[hidden] { display:none }

.wysiwyg table {
display:table;
width:100%;
border-collapse:collapse;
table-layout:auto;
font-size:0.9rem;
margin:0
}

.tableau_zone.is_large table { min-width:520px }

.wysiwyg th,
.wysiwyg td {
overflow-wrap:anywhere;
border:1px solid var(--blockBord);
text-align:left;
padding:9px 13px
}

.wysiwyg table[width],
.wysiwyg th[width],
.wysiwyg td[width] { width:auto !important }

.wysiwyg th {
background-color:var(--blockFondCreux);
font-weight:700
}

.wysiwyg hr {
border:none;
border-top:1px solid var(--blockBord);
margin:clamp(20px, 2.4vw, 34px) 0;
padding:0
}

.fsz16 { font-size:clamp(0.85rem, 0.8rem + 0.4vw, 1rem); line-height:1.6 }


/* ====================================================================== */
/* ======== LIGHTBOX GALERIE ============================================ */
/* ====================================================================== */

#blocksLightbox {
position:fixed;
z-index:9800;
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
background-color:rgba(10, 11, 13, 0.94);
opacity:0;
top:0;
left:0;
transform:translate3d(0, 0, 0);
backface-visibility:hidden;
cursor:zoom-out;
transition:opacity var(--blockTransition);
padding:clamp(16px, 4vw, 60px)
}

#blocksLightbox.blocksLightboxOuvert { opacity:1 }

#blocksLightbox img {
display:block;
max-width:100%;
max-height:100%;
width:auto;
height:auto;
border-radius:var(--blockRadius);
object-fit:contain
}

#blocksLightbox button {
position:absolute;
display:inline-flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
background-color:rgba(255, 255, 255, 0.12);
border:none;
border-radius:50%;
font-size:1.4rem;
color:#fff;
top:clamp(12px, 2vw, 26px);
right:clamp(12px, 2vw, 26px);
cursor:pointer;
transition:background-color var(--blockTransition);
padding:0
}

#blocksLightbox button:hover { background-color:rgba(255, 255, 255, 0.26) }

/* ====================================================================== */
/* ======== RESPONSIVE ================================================== */
/* ====================================================================== */

@media screen and (max-width:1200px) {
	.block_format_ends,
	.block_format_middle { flex-wrap:wrap }

	.block_imgLeft2,
	.block_imgRight2 { flex:0 1 30% }

	.block_imgMiddle { flex:0 1 34% }

	.block_gallery.block_nbImg3 img,
	.block_gallery.block_nbImg5 img,
	.block_gallery.block_nbImg6 img { flex:0 1 calc((100% - var(--blockGapImg)) / 2) }
}

@media screen and (max-width:980px) {
	.block_format_right,
	.block_format_left,
	.block_format_ends,
	.block_format_middle { flex-direction:column }

	.block_textLeft,
	.block_textRight,
	.block_textMiddle,
	.block_textLeft2,
	.block_textRight2,
	.block_imgRight,
	.block_imgLeft,
	.block_imgLeft2,
	.block_imgRight2,
	.block_imgMiddle {
	width:100% !important;
	flex:1 1 100%
	}

	.block_imgRight,
	.block_imgLeft,
	.block_imgLeft2,
	.block_imgRight2,
	.block_imgMiddle {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))
	}

	.block_format_left .block_imgLeft { order:2 }

	.block_format_left .block_textRight { order:1 }

	.block_format_middle .block_textLeft2 { order:1 }

	.block_format_middle .block_imgMiddle { order:2 }

	.block_format_middle .block_textRight2 { order:3 }

	.block_cols2 { grid-template-columns:1fr }

	.block_video:has(.block_videoText) .block_videoWrap,
	.block_video:has(.block_videoWrap) .block_videoText { flex:1 1 100% }

	.block_cta { justify-content:flex-start }

	.block_ctaBouton { flex:1 1 100% }
}

@media screen and (max-width:640px) {
	.blocks { gap:var(--blockGapImg) }

	.block_imgTop.block_nbImg2 img,
	.block_imgTop.block_nbImg3 img,
	.block_imgBottom.block_nbImg2 img,
	.block_imgBottom.block_nbImg3 img { flex:0 1 100% }

	.block_gallery.block_nbImg2 img,
	.block_gallery.block_nbImg3 img,
	.block_gallery.block_nbImg4 img,
	.block_gallery.block_nbImg5 img,
	.block_gallery.block_nbImg6 img { flex:0 1 calc((100% - var(--blockGapImg)) / 2) }

	.block_textImgBG { min-height:220px }

	.block_quote { text-align:left }

	.block_quote { align-items:flex-start }

	.wysiwyg table { font-size:0.82rem }

	.tableau_zone.is_large table { min-width:460px }

	.wysiwyg th,
	.wysiwyg td { padding:7px 10px }
}

@media screen and (max-width:560px) {
	.tableau_zone.is_empilable { overflow-x:visible }

	.tableau_zone.is_empilable table,
	.tableau_zone.is_empilable tbody,
	.tableau_zone.is_empilable tr,
	.tableau_zone.is_empilable td {
	display:block;
	width:100%
	}

	.tableau_zone.is_empilable thead {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	clip-path:inset(50%);
	white-space:nowrap
	}

	.tableau_zone.is_empilable tr {
	background:var(--blockFondCreux);
	border:1px solid var(--blockBord);
	border-radius:var(--blockRadius);
	margin:0 0 12px;
	padding:4px 0
	}

	.tableau_zone.is_empilable td {
	border:none;
	border-bottom:1px solid var(--blockBord);
	padding:9px 14px
	}

	.tableau_zone.is_empilable tr td:last-child { border-bottom:none }

	.tableau_zone.is_empilable td[data-label]::before {
	display:block;
	content:attr(data-label);
	text-transform:uppercase;
	font-size:0.68rem;
	font-weight:700;
	letter-spacing:0.08em;
	color:var(--blockTexteDoux);
	margin:0 0 3px
	}
}

@media (prefers-reduced-motion:reduce) {
	.blockSlideLink::after,
	.block_gallery img,
	.block_ctaBouton,
	.blockSlided,
	.blockAnime,
	#blocksLightbox {
	transition:none !important;
	animation:none !important
	}

	.blockAnime {
	opacity:1 !important;
	transform:none !important
	}
}