@font-face{font-family:"Roboto Condensed";src:url(https://dusangsurlapage.fr/wp-content/themes/dslp-theme/assets/css/../fonts/roboto-condensed-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Roboto Condensed";src:url(https://dusangsurlapage.fr/wp-content/themes/dslp-theme/assets/css/../fonts/roboto-condensed-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--gris:#4f4f4f;--rose:#efd1c9;--rouge:#dd3333;--rouge-lien:#b02121;--corail:#f97575;--encre:#2b2b2b;--blanc:#ffffff;--police:"Roboto Condensed", "Arial Narrow", Arial, sans-serif;--largeur:1200px;--coulure:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20260%2042%22%3E%3Cpath%20d%3D%22M6%201.4%20h248%20a1.6%201.6%200%200%201%200%203.2%20h-248%20a1.6%201.6%200%200%201%200%20-3.2%20Z%20M61.1%204.0%20C%2061.1%208.55%2059.9%2012.38%2059.9%2014.9%20A%202.1%202.1%200%201%200%2064.1%2014.9%20C%2064.1%2012.38%2062.9%208.55%2062.9%204.0%20Z%20M127.1%204.0%20C%20127.1%2013.1%20125.3%2024.060000000000002%20125.3%2027.3%20A%202.7%202.7%200%201%200%20130.7%2027.3%20C%20130.7%2024.060000000000002%20128.9%2013.1%20128.9%204.0%20Z%20M195.1%204.0%20C%20195.1%2010.3%20193.7%2016.939999999999998%20193.7%2019.7%20A%202.3%202.3%200%201%200%20198.3%2019.7%20C%20198.3%2016.939999999999998%20196.9%2010.3%20196.9%204.0%20Z%22%2F%3E%3Cellipse%20cx%3D%22128%22%20cy%3D%2238.5%22%20rx%3D%221.5%22%20ry%3D%221.9%22%2F%3E%3Cellipse%20cx%3D%22196%22%20cy%3D%2227.5%22%20rx%3D%221.1%22%20ry%3D%221.4%22%2F%3E%3C%2Fsvg%3E);
--h-header: 88px;
}
/* ---- Base ---- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--h-header) + 8px); }
body {
margin: 0;
overflow-x: clip;
font-family: var(--police);
font-weight: 500;
font-size: 17px;
line-height: 1.6;
color: var(--encre);
background: var(--rose);
}
img { max-width: 100%; height: auto; }
a { color: var(--rouge-lien); text-decoration: underline; text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 3px; }
.screen-reader-text {
position: absolute; width: 1px; height: 1px;
clip-path: inset(50%); overflow: hidden; white-space: nowrap;
}
.skip-link {
position: absolute; left: -9999px; top: 0;
background: var(--rouge); color: var(--blanc);
padding: .6em 1em; z-index: 100;
}
.skip-link:focus { left: 8px; top: 8px; }
:focus-visible { outline: 3px solid var(--rouge); outline-offset: 2px; }
.site-header :focus-visible,
.site-footer :focus-visible,
.filtres__btn:focus-visible,
.carrousel__fleche:focus-visible,
.dslp-video:focus-visible {
outline: 3px solid var(--blanc);
box-shadow: 0 0 0 6px rgb(0 0 0 / .55);
}
.filtres__btn:focus-visible,
.carrousel__fleche:focus-visible,
.dslp-video:focus-visible { box-shadow: 0 0 0 6px var(--gris); }
/* =========================================================================
En-tête fixe
========================================================================= */
.site-header {
position: sticky; top: 0; z-index: 50;
background: var(--gris);
box-shadow: 0 2px 6px rgb(0 0 0 / .25);
}
.site-header__inner {
max-width: 1800px; margin: 0 auto;
min-height: var(--h-header);
padding: 8px 24px;
display: flex; align-items: center; gap: 24px;
}
.site-header__brand img,
.site-header__brand .custom-logo { width: 78px; height: auto; display: block; }
.site-nav { margin-left: auto; }
.site-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 26px; }
.site-nav li { position: relative; }
.site-nav a {
color: var(--blanc); text-decoration: none;
font-weight: 700; font-size: 18px; letter-spacing: .02em;
padding: 10px 0; display: inline-block;
}
.site-nav a:hover,
.site-nav a:focus-visible { opacity: 1; color: #fdb1b1; }
.site-nav .current-menu-item > a,
.site-nav .current_page_item > a { border-bottom: 2px solid var(--rouge); }
/* Sous-menus (survol + clavier) */
.site-nav .sub-menu {
position: absolute; left: 0; top: 100%;
min-width: 220px;
background: var(--gris);
border-top: 3px solid var(--rouge);
box-shadow: 0 6px 12px rgb(0 0 0 / .3);
flex-direction: column; gap: 0;
padding: 6px 0;
display: none;
}
.site-nav li:hover > .sub-menu,
.site-nav li:focus-within > .sub-menu { display: flex; }
.site-nav .sub-menu a { padding: 8px 18px; font-size: 16px; width: 100%; }
/* Burger mobile */
.nav-toggle {
display: none;
margin-left: auto;
background: none; border: 0;
width: 48px; height: 48px;
cursor: pointer; position: relative;
z-index: 46; /* au-dessus du panneau plein écran */
}
.nav-toggle__bar,
.nav-toggle__bar::before,
.nav-toggle__bar::after {
content: ""; position: absolute; left: 10px; right: 10px; height: 2.5px;
background: var(--blanc); border-radius: 999px;
transition: transform .25s ease, opacity .2s ease, background-color .15s ease, width .25s ease;
}
.nav-toggle__bar { top: 22.75px; }
.nav-toggle__bar::before { top: -8px; }
.nav-toggle__bar::after { top: 8px; }
/* Détail : la barre du milieu se raccourcit au survol */
.nav-toggle:hover .nav-toggle__bar,
.nav-toggle:hover .nav-toggle__bar::before,
.nav-toggle:hover .nav-toggle__bar::after { background: #fdb1b1; }
.nav-toggle:not([aria-expanded="true"]):hover .nav-toggle__bar { right: 16px; }
/* Ouvert : croix nette */
.nav-toggle[aria-expanded="true"] .nav-toggle__bar { background: transparent; }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar::before { transform: translateY(8px) rotate(45deg); }
.nav-toggle[aria-expanded="true"] .nav-toggle__bar::after { transform: translateY(-8px) rotate(-45deg); }
@media (prefers-reduced-motion: reduce) {
.nav-toggle__bar, .nav-toggle__bar::before, .nav-toggle__bar::after { transition: none; }
}
@media (max-width: 1100px) {
.nav-toggle { display: block; }
/* ---- Panneau plein écran (mobile / tablette) ---- */
.site-nav {
position: fixed;
inset: 0;
z-index: 45; /* sous l'en-tête (50):le burger reste accessible */ padding:calc(var(--h-header) + 36px) 28px 44px;background:radial-gradient(120% 90% at 50% 0%,rgb(221 51 51 / .16),transparent 55%),linear-gradient(165deg,#454545,#333333);overflow-y:auto;display:block;visibility:hidden;opacity:0;transform:translateY(-14px);transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s}.site-nav.est-ouvert{visibility:visible;opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .28s ease}.site-nav ul{flex-direction:column;align-items:center;gap:0;max-width:460px;margin:0 auto}.site-nav li{width:100%;text-align:center}.site-nav li+li{border-top:1px solid rgb(255 255 255 / .12)}.site-nav a{display:block;width:100%;padding:16px 0;font-size:clamp(21px, 4.6vw, 26px);letter-spacing:.04em}.site-nav a:hover,.site-nav a:focus-visible{color:#fdb1b1}.site-nav .current-menu-item>a,.site-nav .current_page_item>a{border-bottom:0;color:var(--corail)}.site-nav .current-menu-item>a::after,.site-nav .current_page_item>a::after{content:"";display:block;width:46px;height:3px;margin:8px auto 0;background:var(--rouge);border-radius:2px}.site-nav li{opacity:0;transform:translateY(16px)}.site-nav.est-ouvert li{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.site-nav.est-ouvert li:nth-child(1){transition-delay:.05s}.site-nav.est-ouvert li:nth-child(2){transition-delay:.09s}.site-nav.est-ouvert li:nth-child(3){transition-delay:.13s}.site-nav.est-ouvert li:nth-child(4){transition-delay:.17s}.site-nav.est-ouvert li:nth-child(5){transition-delay:.21s}.site-nav.est-ouvert li:nth-child(6){transition-delay:.25s}.site-nav.est-ouvert li:nth-child(7){transition-delay:.29s}.site-nav.est-ouvert li:nth-child(8){transition-delay:.33s}.site-nav.est-ouvert li:nth-child(9){transition-delay:.37s}.site-nav.est-ouvert li:nth-child(10){transition-delay:.41s}.site-nav::after{content:"";display:block;width:200px;height:34px;margin:36px auto 0;background-color:var(--rouge);-webkit-mask:var(--coulure) center top / contain no-repeat;mask:var(--coulure) center top / contain no-repeat;opacity:.9}.site-nav .sub-menu{position:static;display:flex;border:0;box-shadow:none;background:#fff0;padding:0 0 8px}.site-nav .sub-menu a{font-size:17px;padding:8px 0;opacity:.9}html.menu-ouvert,html.menu-ouvert body{overflow:hidden}}@media (max-width:1100px) and (prefers-reduced-motion:reduce){.site-nav,.site-nav li{transition:none!important;transform:none!important}}.hero{background:#131313;overflow:hidden;--rognage-gauche:2.2%}.hero__img{display:block;width:calc(100% + var(--rognage-gauche));max-width:none;height:auto;margin-left:calc(-1 * var(--rognage-gauche))}.accueil{max-width:var(--largeur);margin:0 auto;padding:48px 24px 72px}.accueil__titre{text-align:center;font-size:clamp(24px, 3vw, 30px);font-weight:700;margin:0 0 40px}.accueil__video{max-width:1080px;margin:0 auto}.accueil__video-label{font-weight:700;font-size:15px;margin:0 0 6px}.accueil__contenu{max-width:1080px;margin:40px auto 0}.dslp-video{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:0;cursor:pointer;background:#000;overflow:hidden}.dslp-video img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s ease}.dslp-video:hover img{opacity:1}.dslp-video__play{position:absolute;inset:0;margin:auto;width:72px;height:50px;border-radius:12px;background:red url('data:image/svg+xml;utf8,') center/28px no-repeat;box-shadow:0 4px 14px rgb(0 0 0 / .4)}.dslp-video iframe,.accueil__video iframe{width:100%;aspect-ratio:16 / 9;height:auto;border:0;display:block}.page-simple{max-width:var(--largeur);margin:0 auto;padding:48px 24px 72px}.page-simple__header h1{text-align:center;font-size:clamp(26px, 3.4vw, 34px);font-weight:700;color:var(--rouge);margin:0 0 44px}.page-simple__header h1::after{content:"";display:block;width:240px;max-width:64%;height:40px;background-color:var(--rouge);-webkit-mask:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20260%2042%22%3E%3Cpath%20d%3D%22M6%201.4%20h248%20a1.6%201.6%200%200%201%200%203.2%20h-248%20a1.6%201.6%200%200%201%200%20-3.2%20Z%20M61.1%204.0%20C%2061.1%208.55%2059.9%2012.38%2059.9%2014.9%20A%202.1%202.1%200%201%200%2064.1%2014.9%20C%2064.1%2012.38%2062.9%208.55%2062.9%204.0%20Z%20M127.1%204.0%20C%20127.1%2013.1%20125.3%2024.060000000000002%20125.3%2027.3%20A%202.7%202.7%200%201%200%20130.7%2027.3%20C%20130.7%2024.060000000000002%20128.9%2013.1%20128.9%204.0%20Z%20M195.1%204.0%20C%20195.1%2010.3%20193.7%2016.939999999999998%20193.7%2019.7%20A%202.3%202.3%200%201%200%20198.3%2019.7%20C%20198.3%2016.939999999999998%20196.9%2010.3%20196.9%204.0%20Z%22%2F%3E%3Cellipse%20cx%3D%22128%22%20cy%3D%2238.5%22%20rx%3D%221.5%22%20ry%3D%221.9%22%2F%3E%3Cellipse%20cx%3D%22196%22%20cy%3D%2227.5%22%20rx%3D%221.1%22%20ry%3D%221.4%22%2F%3E%3C%2Fsvg%3E) center top / contain no-repeat;mask:url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20260%2042%22%3E%3Cpath%20d%3D%22M6%201.4%20h248%20a1.6%201.6%200%200%201%200%203.2%20h-248%20a1.6%201.6%200%200%201%200%20-3.2%20Z%20M61.1%204.0%20C%2061.1%208.55%2059.9%2012.38%2059.9%2014.9%20A%202.1%202.1%200%201%200%2064.1%2014.9%20C%2064.1%2012.38%2062.9%208.55%2062.9%204.0%20Z%20M127.1%204.0%20C%20127.1%2013.1%20125.3%2024.060000000000002%20125.3%2027.3%20A%202.7%202.7%200%201%200%20130.7%2027.3%20C%20130.7%2024.060000000000002%20128.9%2013.1%20128.9%204.0%20Z%20M195.1%204.0%20C%20195.1%2010.3%20193.7%2016.939999999999998%20193.7%2019.7%20A%202.3%202.3%200%201%200%20198.3%2019.7%20C%20198.3%2016.939999999999998%20196.9%2010.3%20196.9%204.0%20Z%22%2F%3E%3Cellipse%20cx%3D%22128%22%20cy%3D%2238.5%22%20rx%3D%221.5%22%20ry%3D%221.9%22%2F%3E%3Cellipse%20cx%3D%22196%22%20cy%3D%2227.5%22%20rx%3D%221.1%22%20ry%3D%221.4%22%2F%3E%3C%2Fsvg%3E) center top / contain no-repeat;margin:12px auto 0}.entry-content .wp-block-image img{border-radius:0}.entry-content .wp-block-columns{gap:32px}.entry-content h2,.entry-content h3{font-weight:700}.entry-content img{border-radius:4px}.apercu{margin-bottom:32px}.apercu__titre{margin:0 0 6px}.apercu__titre a{text-decoration:none;color:var(--encre)}.apercu__titre a:hover{color:var(--rouge)}.bouton{display:inline-block;background:var(--rouge);color:var(--blanc);text-decoration:none;font-weight:700;padding:10px 22px;border-radius:4px}.nav-links{display:flex;gap:14px;justify-content:center;margin-top:24px}.site-footer{background:var(--gris);color:var(--blanc);padding:56px 24px 24px}.site-footer a{color:var(--blanc);text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{text-decoration:underline;text-underline-offset:3px;opacity:1}.site-footer__cols{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-card{display:flex;gap:16px;justify-content:center}.footer-card__title{font-size:19px;font-weight:700;margin:0 0 4px}.footer-card p{margin:0}.footer-card__icon{flex:0 0 44px;width:44px;height:44px;background-color:var(--corail);-webkit-mask:var(--icone) center / contain no-repeat;mask:var(--icone) center / contain no-repeat}.footer-card__icon--tel{--icone:url('data:image/svg+xml;utf8,'); }
.footer-card__icon--map { --icone: url('data:image/svg+xml;utf8,'); }
.footer-card__icon--mail { --icone: url('data:image/svg+xml;utf8,'); }
.site-footer__social { text-align: center; margin: 44px 0 0; }
.social-fb {
display: inline-flex; align-items: center; justify-content: center;
border-radius: 50%;
}
.social-fb svg { display: block; border-radius: 50%; }
.social-fb:hover svg,
.social-fb:focus-visible svg { box-shadow: 0 6px 16px rgb(0 0 0 / .35); }
.site-footer__bottom {
max-width: 1800px; margin: 40px auto 0;
border-top: 1px solid rgb(255 255 255 / .25);
padding-top: 18px;
display: flex; flex-wrap: wrap; align-items: center;
justify-content: center; gap: 12px 28px;
font-size: 15px;
}
.footer-menu { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 36px; margin: 0; padding: 0; }
@media (max-width: 800px) {
.site-footer__cols { grid-template-columns: 1fr; }
.footer-card { justify-content: flex-start; }
.site-footer__bottom { justify-content: center; text-align: center; }
}
/* ---- Accessibilité : mouvement réduit ---- */
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { transition: none !important; animation: none !important; }
}
/* =========================================================================
Page Auteurs : filtres + grille de cartes
========================================================================= */
.auteurs-intro { text-align: center; max-width: 900px; margin: -16px auto 32px; }
.filtres {
display: flex; flex-wrap: wrap; justify-content: center;
gap: 12px 16px; margin: 0 0 44px;
}
.filtres__btn {
font: 700 16px/1 var(--police);
color: var(--blanc); background: var(--rouge);
border: 0; border-radius: 999px;
padding: 12px 26px; cursor: pointer;
transition: background .15s ease;
}
.filtres__btn:hover { background: #c22525; }
.filtres__btn.est-actif { background: #16232e; }
.page-large { max-width: 1800px; }
.auteurs-grille {
display: grid;
/* 4 cartes par rangée sur écran large (1800px) */
grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
gap: 36px;
align-items: start;
}
.carte-auteur {
border: 1px solid var(--rouge);
border-radius: 4px;
padding: 40px 24px 28px;
text-align: center;
background: transparent;
}
.carte-auteur__lien { text-decoration: none; color: var(--encre); display: block; }
.carte-auteur__photo {
width: auto; max-width: 100%; max-height: 300px;
display: block; margin: 0 auto 28px;
}
.carte-auteur__nom {
font-size: 17px; font-weight: 700;
letter-spacing: .12em; text-transform: uppercase;
margin: 0;
}
.carte-auteur__lien:hover .carte-auteur__nom { color: var(--rouge); }
.carte-auteur__credit { font-size: 13px; margin: 10px 0 0; }
/* Fiche auteur */
.fiche-auteur__cols { display: flex; gap: 40px; align-items: flex-start; flex-wrap: wrap; }
.fiche-auteur__figure { flex: 0 1 340px; margin: 0; }
.fiche-auteur__figure figcaption { font-size: 13px; margin-top: 8px; }
.fiche-auteur__cols .entry-content { flex: 1 1 420px; margin-top: 0; }
.fiche-auteur__retour { margin-top: 48px; text-align: center; }
/* =========================================================================
Page Partenaires : carrousel de logos (galerie Gutenberg + scroll-snap)
========================================================================= */
.carrousel-partenaires { max-width: 1800px; }
.carrousel-partenaires .carrousel {
position: relative;
padding: 0 56px;
}
.carrousel-partenaires .wp-block-gallery {
display: flex !important; flex-wrap: nowrap !important;
gap: 28px !important;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
padding: 6px 2px 18px;
scrollbar-width: thin;
scrollbar-color: var(--rouge) transparent;
}
.carrousel-partenaires .wp-block-gallery .wp-block-image {
/* 6 logos visibles : largeur = (100% - 5 interstices de 28px) / 6 */
flex: 0 0 calc((100% - 140px) / 6) !important;
width: calc((100% - 140px) / 6) !important;
scroll-snap-align: center;
margin: 0 !important;
background: var(--blanc);
border: 1px solid var(--rouge);
display: flex; align-items: center; justify-content: center;
aspect-ratio: 1 / 1;
padding: 18px;
}
.carrousel-partenaires .wp-block-gallery img {
max-width: 100%; max-height: 100%;
width: auto !important; height: auto !important;
object-fit: contain;
}
.carrousel__fleche {
position: absolute; top: 50%; transform: translateY(-50%);
z-index: 2;
width: 42px; height: 42px; border-radius: 50%;
border: 0; cursor: pointer;
background: var(--rouge); color: var(--blanc);
font-size: 22px; line-height: 1;
display: flex; align-items: center; justify-content: center;
box-shadow: 0 2px 8px rgb(0 0 0 / .25);
}
.carrousel__fleche:hover { background: #c22525; }
.carrousel__fleche--prec { left: 0; }
.carrousel__fleche--suiv { right: 0; }
.carrousel__pause {
display: block;
margin: 14px auto 0;
background: var(--gris); color: var(--blanc);
border: 0; border-radius: 999px;
font: 700 15px var(--police);
padding: 9px 20px; cursor: pointer;
}
.carrousel__pause:hover { background: var(--rouge); }
.carrousel-partenaires .wp-block-gallery:focus-visible { outline: 3px solid var(--rouge); outline-offset: 4px; }
@media (max-width: 1360px) {
.carrousel-partenaires .wp-block-gallery .wp-block-image {
flex-basis: calc((100% - 84px) / 4) !important;
width: calc((100% - 84px) / 4) !important;
}
}
@media (max-width: 900px) {
.carrousel-partenaires .wp-block-gallery .wp-block-image {
flex-basis: calc((100% - 56px) / 3) !important;
width: calc((100% - 56px) / 3) !important;
}
}
@media (max-width: 640px) {
.carrousel-partenaires .carrousel { padding: 0 46px; }
.carrousel-partenaires .wp-block-gallery .wp-block-image {
flex-basis: calc((100% - 28px) / 2) !important;
width: calc((100% - 28px) / 2) !important;
}
}
/* ---- Vidéos intégrées dans les contenus (façade au clic) ---- */
.dslp-embed {
max-width: 1080px;
margin: 0 auto 56px;
}
.dslp-embed figcaption { font-size: 14px; margin-top: 10px; text-align: center; }
.entry-content h2.edition-titre,
.retour-images h2 {
display: table;
margin: 0 auto 22px;
font-size: clamp(20px, 2.2vw, 24px);
font-weight: 700;
text-align: center;
}
/* =========================================================================
Page Archives : grille d'affiches (galerie Gutenberg+légendes)=========================================================================*/ .grille-archives{max-width:1800px}.grille-archives .wp-block-gallery{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(370px,1fr));gap:36px!important;align-items:stretch}.grille-archives .wp-block-gallery .wp-block-image{width:100%!important;margin:0!important;background:var(--blanc);border:1px solid var(--rouge);border-radius:4px;padding:26px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.grille-archives .wp-block-gallery img{width:auto!important;height:auto!important;max-width:100%;max-height:480px;object-fit:contain;border-radius:0;box-shadow:0 2px 10px rgb(0 0 0 / .12)}.grille-archives .wp-block-gallery figcaption{margin-top:auto;font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#182125;text-align:center}.carte-logo{background:var(--blanc);border:1px solid var(--rouge);border-radius:8px;padding:24px;max-width:260px}.contacts-cols{align-items:center!important}.page-404{text-align:center;max-width:760px}.p404__logo img{width:clamp(150px, 24vw, 220px);height:auto;filter:drop-shadow(0 10px 18px rgb(0 0 0 / .18));transform:rotate(-2deg)}.p404__code{font-size:clamp(84px, 16vw, 150px);font-weight:700;line-height:1;color:var(--rouge);letter-spacing:.06em;margin:8px 0 20px;text-shadow:0 4px 0 rgb(0 0 0 / .12)}.p404__tache{display:inline-block;transform:rotate(-8deg)}.p404__ruban{overflow:hidden;background:#f2c200;color:#131313;font-weight:700;font-size:15px;letter-spacing:.14em;padding:8px 0;margin:0 -24px 36px;transform:rotate(-2deg);box-shadow:0 3px 8px rgb(0 0 0 / .2);border-top:3px solid #131313;border-bottom:3px solid #131313}.p404__ruban span{display:inline-block}.p404__titre{font-size:clamp(22px, 3.2vw, 30px);font-weight:700;margin:0 0 16px}.p404__texte{max-width:560px;margin:0 auto 28px}.p404__actions{margin:0 0 36px}#tarteaucitronRoot,#tarteaucitronRoot *{font-family:var(--police)!important}#tarteaucitronRoot div#tarteaucitronAlertBig{background:var(--gris)!important;color:var(--blanc)!important;border:2px solid var(--rouge)!important;border-radius:8px!important;box-shadow:0 12px 40px rgb(0 0 0 / .35)!important}#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong,#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog{color:var(--blanc)!important;font-size:15px!important}#tarteaucitronRoot .tarteaucitronCTAButton,#tarteaucitronRoot #tarteaucitronCloseAlert,#tarteaucitronRoot #tarteaucitronPrivacyUrl{font-weight:700!important;border-radius:999px!important;padding:10px 22px!important;transition:background .15s ease,color .15s ease!important}#tarteaucitronRoot .tarteaucitronAllow,#tarteaucitronRoot #tarteaucitronPersonalize2{background:var(--rouge)!important;color:var(--blanc)!important}#tarteaucitronRoot .tarteaucitronAllow:hover,#tarteaucitronRoot #tarteaucitronPersonalize2:hover{background:#c22525!important}#tarteaucitronRoot .tarteaucitronDeny,#tarteaucitronRoot #tarteaucitronAllDenied2{background:transparent!important;color:var(--blanc)!important;border:2px solid var(--blanc)!important}#tarteaucitronRoot .tarteaucitronDeny:hover,#tarteaucitronRoot #tarteaucitronAllDenied2:hover{background:var(--blanc)!important;color:var(--gris)!important}#tarteaucitronRoot #tarteaucitronCloseAlert{background:transparent!important;color:var(--blanc)!important;border:2px solid rgb(255 255 255 / .5)!important}#tarteaucitronRoot #tarteaucitron{border-radius:8px!important;overflow:hidden!important}#tarteaucitron #tarteaucitronClosePanel{background:var(--rouge)!important;color:var(--blanc)!important;font-weight:700!important}#tarteaucitron #tarteaucitronServices{background:var(--rose)!important;box-shadow:none!important}#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,#tarteaucitron #tarteaucitronInfo{background:var(--gris)!important;color:var(--blanc)!important;border-color:var(--gris)!important}#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronH2,#tarteaucitron .tarteaucitronH1,#tarteaucitron .tarteaucitronH2{color:var(--blanc)!important;font-weight:700!important}#tarteaucitron #tarteaucitronServices .tarteaucitronLine{background:var(--blanc)!important;border-left:4px solid var(--rouge)!important}#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName,#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a{color:var(--encre)!important}#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronName a{text-decoration:underline!important;color:var(--rouge)!important}#tarteaucitron .tarteaucitronLine .tarteaucitronAllow,#tarteaucitron .tarteaucitronLine .tarteaucitronDeny{border-radius:999px!important;font-weight:700!important;opacity:1!important}#tarteaucitron .tarteaucitronLine .tarteaucitronDeny{background:var(--gris)!important;color:var(--blanc)!important;border:0!important}#tarteaucitron .tarteaucitronLine .tarteaucitronIsAllowed .tarteaucitronAllow,#tarteaucitronRoot .tarteaucitronIsAllowed{border-color:var(--rouge)!important}#tarteaucitronRoot .tarteaucitronIsDenied{border-color:var(--gris)!important}#tarteaucitronIcon button,#tarteaucitronRoot #tarteaucitronManager{background:transparent!important;box-shadow:none!important}@media (max-width:640px){#tarteaucitronRoot div#tarteaucitronAlertBig{padding:18px 14px!important}#tarteaucitronRoot .tarteaucitronCTAButton,#tarteaucitronRoot #tarteaucitronCloseAlert{display:block!important;width:100%!important;margin:6px 0!important}}::selection{background:var(--rouge);color:var(--blanc)}:root{--rayon:10px;--ombre-douce:0 6px 20px rgb(79 33 33 / .10);--ombre-portee:0 14px 34px rgb(79 33 33 / .16)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button,.bouton,.filtres__btn,.carte-auteur,.carrousel__fleche,.grille-archives .wp-block-image,.carrousel-partenaires .wp-block-image,.dslp-video img,.dslp-video__play,.site-header__brand img{transition:transform .18s ease,box-shadow .18s ease,background-color .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}}.site-header{border-bottom:3px solid var(--rouge);box-shadow:0 4px 14px rgb(0 0 0 / .22)}.site-header__brand img:hover,.site-header__brand a:focus-visible img{transform:rotate(-4deg) scale(1.05)}.site-nav a{position:relative}.hero{position:relative}.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:26px;background:linear-gradient(#fff0,rgb(0 0 0 / .22));pointer-events:none}.dslp-video,.dslp-embed iframe,.accueil__video iframe{border-radius:var(--rayon);overflow:hidden;box-shadow:var(--ombre-portee)}.dslp-video::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#fff0 55%,rgb(0 0 0 / .28));pointer-events:none}.dslp-video:hover .dslp-video__play,.dslp-video:focus-visible .dslp-video__play{transform:scale(1.12)}.carte-auteur,.grille-archives .wp-block-gallery .wp-block-image,.carrousel-partenaires .wp-block-gallery .wp-block-image,.carte-logo{border-radius:var(--rayon);box-shadow:var(--ombre-douce)}.carte-auteur{overflow:hidden}.carte-auteur:hover,.carte-auteur:focus-within,.grille-archives .wp-block-gallery .wp-block-image:hover,.grille-archives .wp-block-gallery .wp-block-image:focus-within{transform:translateY(-6px);box-shadow:var(--ombre-portee);border-color:var(--rouge)}.carte-auteur:hover .carte-auteur__photo{transform:scale(1.03)}.grille-archives .wp-block-gallery img{transition:transform .18s ease}.grille-archives .wp-block-gallery .wp-block-image:hover img{transform:scale(1.02) rotate(-.4deg)}.bouton,.filtres__btn,.carrousel__pause{border-radius:999px;box-shadow:0 3px 10px rgb(79 33 33 / .18)}.bouton:hover,.filtres__btn:hover,.carrousel__fleche:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgb(79 33 33 / .24)}.bouton:active,.filtres__btn:active,.carrousel__fleche:active{transform:translateY(0)}.filtres__btn.est-actif{box-shadow:inset 0 0 0 2px var(--blanc),0 3px 10px rgb(0 0 0 / .25)}.carrousel__fleche:hover{transform:translateY(-50%) scale(1.1)}.entry-content img{border-radius:var(--rayon);box-shadow:var(--ombre-douce)}.entry-content .carte-logo img,.accueil__contenu .wp-block-image img{box-shadow:var(--ombre-douce)}.entry-content blockquote{margin:28px 0;padding:14px 22px;border-left:4px solid var(--rouge);background:rgb(255 255 255 / .55);border-radius:0 var(--rayon) var(--rayon) 0;font-style:italic}.edition-titre{display:inline-block;padding-bottom:4px;border-bottom:2px solid var(--rouge)}.site-footer{border-top:3px solid var(--rouge)}.footer-card__icon{flex-basis:64px;width:64px;height:64px;background-color:#fff0;-webkit-mask:none;mask:none;position:relative;border-radius:50%;background:rgb(249 117 117 / .14)}.footer-card__icon::after{content:"";position:absolute;inset:14px;background-color:var(--corail);-webkit-mask:var(--icone) center / contain no-repeat;mask:var(--icone) center / contain no-repeat}.social-fb:hover{transform:translateY(-2px)}.p404__ruban{border-radius:3px}.plan-site{max-width:1100px}.plan-site__liste{list-style:none;margin:0;padding:0;display:grid;gap:22px}.plan-site__liste a{display:block;background:var(--blanc);border:1px solid var(--rouge);border-radius:var(--rayon);box-shadow:var(--ombre-douce);padding:22px 28px;font-size:19px;font-weight:700;color:var(--encre);text-decoration:none}.plan-site__liste a:hover,.plan-site__liste a:focus-visible{transform:translateY(-3px);box-shadow:var(--ombre-portee);color:var(--rouge-lien)}.site-footer__credit{text-align:center;margin:30px 0 4px}.credit-devwebpro{display:inline-flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;font-size:16px;font-weight:700}.credit-devwebpro img{height:42px;width:auto;background:var(--blanc);padding:8px 16px;border-radius:10px;box-shadow:0 3px 12px rgb(0 0 0 / .25)}.credit-devwebpro:hover img,.credit-devwebpro:focus-visible img{transform:translateY(-1px);box-shadow:0 3px 8px rgb(0 0 0 / .3)}.entry-content .wp-block-columns .wp-block-image img,.accueil__contenu .wp-block-columns .wp-block-image img{max-height:420px;width:auto;max-width:100%;margin-inline:auto;display:block}.entry-content .wp-block-columns,.accueil__contenu .wp-block-columns{align-items:flex-start!important;margin-bottom:28px}.entry-content .wp-block-columns .wp-block-column,.accueil__contenu .wp-block-columns .wp-block-column{align-self:flex-start!important}.entry-content .wp-block-columns .wp-block-column>p:first-child,.accueil__contenu .wp-block-columns .wp-block-column>p:first-child{margin-top:0}.carte-annee__liste{background:var(--gris);color:var(--blanc);border-radius:6px;padding:26px 16px;margin-bottom:24px;min-height:220px;display:flex;flex-direction:column;justify-content:center;font-size:15px;line-height:1.9;text-align:center}.carte-annee__liste p{margin:0}.programme-intro{text-align:center;max-width:900px;margin-inline:auto}.timeline{position:relative;margin-top:44px}.timeline::before{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:3px;margin-left:-1.5px;background:var(--rouge);border-radius:2px}.tl-item{position:relative;display:grid;grid-template-columns:1fr 88px 1fr;margin-bottom:56px}.tl-item::before{content:"";position:absolute;top:6px;left:50%;width:16px;height:16px;margin-left:-8px;background:var(--rouge);border-radius:50%;box-shadow:0 0 0 4px var(--rose)}.tl-badge{align-self:start;background:var(--rouge);color:var(--blanc);font-weight:700;font-size:15px;line-height:1.5;padding:12px 18px;border-radius:4px;box-shadow:0 4px 12px rgb(79 33 33 / .25);margin:0}.tl-card{background:var(--gris);color:var(--blanc);border-radius:var(--rayon);box-shadow:var(--ombre-portee);padding:28px 30px 30px;position:relative}.tl-card::after{content:"";position:absolute;top:14px;border:12px solid #fff0}.tl-card__titre{font-size:clamp(19px, 2vw, 23px);font-weight:700;margin:0 0 16px;color:var(--blanc)}.tl-card__contenu{font-size:16px}.tl-card__contenu a{color:#fdb1b1}.tl-card__contenu a:hover{color:var(--blanc)}.tl-card__contenu img{border-radius:6px;box-shadow:none}.tl-card__contenu h3,.tl-card__contenu h4{color:var(--blanc)}.tl-card__contenu>*:first-child{margin-top:0}.tl-card__contenu>*:last-child{margin-bottom:0}.tl-item:nth-child(odd) .tl-badge{grid-column:1;justify-self:end;text-align:right}.tl-item:nth-child(odd) .tl-card{grid-column:3}.tl-item:nth-child(odd) .tl-card::after{left:-24px;border-right-color:var(--gris)}.tl-item:nth-child(even) .tl-badge{grid-column:3;justify-self:start;text-align:left}.tl-item:nth-child(even) .tl-card{grid-column:1;grid-row:1}.tl-item:nth-child(even) .tl-card::after{right:-24px;border-left-color:var(--gris)}@media (max-width:900px){.timeline::before{left:10px;margin-left:0}.tl-item{grid-template-columns:1fr;padding-left:40px;margin-bottom:44px}.tl-item::before{left:10px;margin-left:-6.5px;width:13px;height:13px}.tl-item .tl-badge,.tl-item .tl-card{grid-column:1!important;justify-self:stretch!important;text-align:left!important}.tl-badge{margin-bottom:14px;display:inline-block}.tl-item .tl-card{grid-row:auto}.tl-item .tl-card::after{display:none}}html{scrollbar-color:var(--rouge) #e6c4bb}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#e6c4bb}::-webkit-scrollbar-thumb{background:var(--rouge);border-radius:999px;border:3px solid #e6c4bb}::-webkit-scrollbar-thumb:hover{background:#c22525}::-webkit-scrollbar-corner{background:#e6c4bb}.ruban-scene{position:relative;z-index:2;overflow:hidden;background:#f2c200;border-top:3px solid #131313;border-bottom:3px solid #131313;transform:rotate(-1.4deg);width:104%;margin:-14px 0 -8px -2%;box-shadow:0 6px 18px rgb(0 0 0 / .28)}.ruban-scene__bande{display:flex;width:max-content;animation:ruban-defile 32s linear infinite}.ruban-scene:hover .ruban-scene__bande{animation-play-state:paused}.ruban-scene__bande span{display:block;white-space:nowrap;padding:9px 0;color:#131313;font-weight:700;font-size:16px;letter-spacing:.22em}@keyframes ruban-defile{to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.ruban-scene__bande{animation:none}}@media (max-width:640px){.ruban-scene__bande span{font-size:13px;padding:7px 0}}.asw-widget{--asw-primary:var(--rouge) !important}.asw-menu-btn{box-shadow:0 4px 14px rgb(0 0 0 / .35)!important;border-color:var(--blanc)!important}.asw-menu,.asw-menu button,.asw-menu a,.asw-menu span,.asw-menu div{font-family:var(--police)!important}.asw-menu-header{background:var(--rouge)!important}.asw-menu-header,.asw-menu-header svg,.asw-menu-header div[role="button"]{color:var(--blanc)!important;fill:var(--blanc)!important}