/* Fiche mission — DA v2 */
.ariane { display: flex; gap: 8px; font-size: .9063rem; color: var(--gris); margin: 18px 0 16px; flex-wrap: wrap; }
.ariane a { color: inherit; }

/* Galerie : mosaïque sur ordinateur, rail à faire glisser sur mobile */
.galerie { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(-1 * var(--gouttiere)); padding-inline: var(--gouttiere); scrollbar-width: none; position: relative; }
.galerie::-webkit-scrollbar { display: none; }
.galerie figure { margin: 0; flex: 0 0 88%; scroll-snap-align: center; border-radius: var(--r-img); overflow: hidden; aspect-ratio: 3/2; background: var(--menthe-pale); }
.galerie img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease); }
.galerie-zone { position: relative; }
.galerie__zoom { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: inherit; }
.galerie__zoom:focus-visible { outline: 3px solid var(--ambre-fonce); outline-offset: -3px; }
/* « Voir les N photos » : une pastille blanche bien lisible sur n'importe quelle photo, hors du défilement. Le
   style commun des boutons n'est pas repris : passé après cette feuille, il lui retirait son fond blanc. */
.galerie__tout { position: absolute; z-index: 2; left: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px 0 12px; border: 0; border-radius: var(--r-pilule); background: rgba(255, 255, 255, .96); color: var(--marine); font: 700 .9375rem/1 var(--texte); box-shadow: 0 8px 24px -8px rgba(5, 39, 64, .45); cursor: pointer; transition: transform .2s var(--ease), box-shadow .2s; }
.galerie__tout .ico { width: 20px; height: 20px; }
.galerie__tout:hover { transform: translateY(-2px); box-shadow: 0 12px 28px -8px rgba(5, 39, 64, .55); }
.galerie__tout:focus-visible { outline: 3px solid var(--ambre-fonce); outline-offset: 2px; }
.galerie__legende { display: flex; justify-content: space-between; gap: 16px; font-size: .875rem; color: var(--gris); margin: 10px 0 0; }
.galerie__legende span:last-child { font-weight: 600; color: var(--marine); white-space: nowrap; }
@media (min-width: 900px) {
  .galerie { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; overflow: visible; margin-inline: 0; padding-inline: 0; height: clamp(380px, 46vw, 560px); }
  .galerie figure { aspect-ratio: auto; }
  .galerie__zoom:hover img { transform: scale(1.04); }
  .galerie__g { grid-row: 1 / 3; }
  .galerie__tout { left: auto; right: 18px; bottom: 18px; min-height: 48px; padding: 0 20px 0 16px; font-size: 1rem; }
}

/* Tête de fiche */
.fiche__grille { display: grid; gap: 28px; padding: 28px 0 24px; }
.fiche__col { min-width: 0; }
.tete__principal { padding-bottom: 32px; }
.tete__lieu { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; font-size: 1.0625rem; color: var(--gris); }
.tete__lieu svg { width: 18px; height: 18px; flex: none; fill: var(--ambre); stroke: var(--marine); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.tete__lieu b { color: var(--marine); }
.tete__principal .chapo { margin-top: 16px; }
.enbref { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 28px 0 0; }
.enbref div { background: var(--menthe-pale); border-radius: var(--r-outil); padding: 14px 16px 14px 14px; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: center; }
.enbref__ico { grid-row: 1 / 3; width: 40px; height: 40px; border-radius: 50%; background: var(--blanc); display: grid; place-items: center; }
.enbref__ico svg { width: 22px; height: 22px; flex: none; fill: var(--ambre); stroke: var(--marine); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
/* L'icône vit dans le dt (un dl n'admet que dt et dd, audit du 20/10/2026) : « contents » garde icône et libellé dans la grille. */
.enbref dt { display: contents; }
.enbref__t { font-size: .8438rem; color: var(--gris); align-self: end; }
.enbref dd { margin: 0; font-weight: 700; line-height: 1.3; align-self: start; }
/* Sur mobile, deux repères par ligne : l'icône passe au-dessus, le texte garde toute la largeur. */
@media (max-width: 699px) { .enbref div { grid-template-columns: minmax(0, 1fr); padding: 14px; } .enbref__ico { grid-row: auto; width: 36px; height: 36px; margin-bottom: 8px; } .enbref__ico svg { width: 20px; height: 20px; } }
.action { background: var(--blanc); border-radius: var(--r-carte); box-shadow: var(--ombre); border: 1px solid var(--trait); padding: 24px; display: grid; gap: 12px; align-content: start; }
.action__prix { margin: 0; color: var(--gris); }
.action__prix b { font: 800 2.25rem/1 var(--titre); color: var(--marine); letter-spacing: -.02em; }
.action__note { text-align: center; color: var(--gris); margin: 0; }
.action__bas { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 8px; border-top: 1px solid var(--trait); padding-top: 14px; margin-top: 4px; }
.action__outil { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 1.5px solid var(--trait); border-radius: var(--r-pilule); background: var(--blanc); color: var(--marine); font: 600 .875rem/1.1 var(--texte); white-space: nowrap; cursor: pointer; transition: border-color .2s, background .2s; }
.action__outil:hover { border-color: var(--marine); }
.action__brochure { grid-column: 1 / -1; text-decoration: none; }
.action__outil:focus-visible { outline: 3px solid var(--ambre-fonce); outline-offset: 2px; }
.action__outil svg { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: fill .2s, stroke .2s; }
.action__outil.fait { border-color: var(--vert, #1E8E5A); }
.action__fav .si-oui { display: none; }
.action__fav[aria-pressed="true"] { background: var(--peche-pale, #FFF4EC); border-color: #F3B7A0; }
.action__fav[aria-pressed="true"] svg { fill: #E8553E; stroke: #E8553E; }
.action__fav[aria-pressed="true"] .si-oui { display: inline; }
.action__fav[aria-pressed="true"] .si-non { display: none; }
@media (min-width: 700px) { .enbref { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1040px) {
  .fiche__grille { grid-template-columns: minmax(0, 1fr) 380px; gap: 64px; align-items: start; padding-top: 36px; }
  .action { position: sticky; top: 100px; }
}

/* Ancres collantes */
.ancres { position: sticky; top: 62px; z-index: 30; background: var(--blanc); padding: 10px 0 8px; margin-inline: -4px; padding-inline: 4px; }
.ancres > div { position: relative; background: rgb(255, 247, 232); border: 1px solid #F2DDB6; border-radius: var(--r-pilule); padding-inline: 8px; overflow: hidden; }
/* Un fondu au bord droit dit qu'il reste des rubriques à faire glisser. */
.ancres > div::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 36px; background: linear-gradient(90deg, rgba(255, 247, 232, 0), rgb(255, 247, 232) 70%); pointer-events: none; border-radius: 0 var(--r-pilule) var(--r-pilule) 0; }
@media (min-width: 900px) { .ancres > div::after { display: none; } }
.bloc { scroll-margin-top: 150px; }
.ancres ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 8px 0; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.ancres ul::-webkit-scrollbar { display: none; }
.ancres a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: var(--r-pilule); text-decoration: none; font-weight: 600; font-size: .9688rem; transition: background .2s, color .2s; }
.ancres a:hover { background: var(--peche); }
.ancres a[aria-current] { background: var(--marine); color: var(--blanc); }
@media (min-width: 1080px) { .ancres { top: 76px; } }
.tete__mobile { display: grid; gap: 10px; margin-top: 24px; }
@media (min-width: 1040px) { .tete__mobile { display: none; } }

/* Corps */
.corps { padding-bottom: 40px; }
.bloc { padding: 56px 0 8px; }
.bloc > .t-2 { margin-bottom: 24px; }
.bloc__grille { display: grid; gap: 28px; }
.marge { display: grid; gap: 14px; align-content: start; }
.pourqui { display: grid; gap: 16px; margin-top: 32px; }
.pourqui > div { border-radius: var(--r-carte); padding: 24px; background: var(--menthe-pale); }
.pourqui > div + div { background: var(--peche-pale); }
.pourqui ul { margin: 12px 0 0; padding-left: 1.1em; display: grid; gap: 8px; }
@media (min-width: 800px) { .pourqui { grid-template-columns: 1fr 1fr; } }
.roles { margin: 24px 0 0; display: grid; gap: 10px; }
.roles > div { border: 1px solid var(--trait); border-radius: var(--r-outil); padding: 16px 18px; transition: border-color .2s, transform .25s var(--ease); }
.roles > div:hover { border-color: var(--ambre-fonce); transform: translateX(4px); }
.roles dt { font-weight: 700; font-size: 1.0625rem; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.roles dt small { font-size: .8125rem; font-weight: 700; background: var(--ambre); border-radius: var(--r-pilule); padding: 2px 10px; }
.roles dd { margin: 6px 0 0; color: var(--gris); }

.semaine { list-style: none; margin: 0; padding: 0 0 0 26px; position: relative; display: grid; gap: 14px; }
.semaine::before { content: ""; position: absolute; left: 7px; top: 12px; bottom: 12px; width: 0; border-left: 3px dotted var(--brume); }
.semaine li { position: relative; background: var(--blanc); border: 1px solid var(--trait); border-radius: var(--r-outil); padding: 16px 18px; display: grid; gap: 4px; }
.semaine li::before { content: ""; position: absolute; left: -26px; top: 20px; width: 17px; height: 17px; border-radius: 50%; background: var(--ambre); border: 3px solid var(--blanc); box-shadow: 0 0 0 2px var(--marine); }
.semaine b { font: 700 1.125rem var(--titre); }
.semaine span { color: var(--gris); }
.logis { grid-template-columns: 1fr 1fr; gap: 14px; display: grid; }
.logis .photo figcaption { flex-direction: column; gap: 0; }
.logis .photo figcaption span:last-child { text-align: left; }

/* Calculateur de budget */
.calc { background: var(--marine); color: var(--blanc); border-radius: var(--r-carte); padding: 26px 22px; display: grid; gap: 26px; }
.calc__lbl { font: 700 1.25rem var(--titre); margin: 0 0 14px; }
.calc__pas { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.calc__btn { width: 54px; height: 54px; border-radius: 50%; border: 2px solid var(--brume); background: transparent; color: var(--blanc); font-size: 1.75rem; line-height: 1; cursor: pointer; transition: background .2s, border-color .2s, transform .2s var(--ease); }
.calc__btn:hover { background: var(--ambre); border-color: var(--ambre); color: var(--marine-fonce); transform: scale(1.06); }
.calc__btn:disabled { opacity: .35; cursor: default; transform: none; background: transparent; color: var(--blanc); border-color: var(--brume); }
.calc__sem { font: 800 2rem/1 var(--titre); letter-spacing: -.02em; text-align: center; }
.calc__curseur { width: 100%; height: 44px; appearance: none; background: transparent; cursor: pointer; margin: 0; }
.calc__curseur::-webkit-slider-runnable-track { height: 8px; border-radius: 4px; background: linear-gradient(90deg, var(--ambre) var(--pos, 9%), #2C5F84 var(--pos, 9%)); }
.calc__curseur::-moz-range-track { height: 8px; border-radius: 4px; background: #2C5F84; }
.calc__curseur::-moz-range-progress { height: 8px; border-radius: 4px; background: var(--ambre); }
.calc__curseur::-webkit-slider-thumb { appearance: none; width: 30px; height: 30px; border-radius: 50%; background: var(--blanc); border: 4px solid var(--ambre); margin-top: -11px; box-shadow: 0 4px 12px rgba(0, 0, 0, .35); }
.calc__curseur::-moz-range-thumb { width: 22px; height: 22px; border-radius: 50%; background: var(--blanc); border: 4px solid var(--ambre); }
.calc__echelle { display: flex; justify-content: space-between; font-size: .875rem; color: #B7CEDF; margin-top: -4px; }
.calc--fixe .calc__btn, .calc--fixe .calc__curseur, .calc--fixe .calc__echelle { display: none; }
.calc--fixe .calc__pas { justify-content: flex-start; }
.calc--fixe .calc__sem { text-align: left; font-size: 2.5rem; }
.calc .discret { color: #B7CEDF; margin-top: 10px; }
.calc__resultat { background: var(--blanc); color: var(--marine); border-radius: var(--r-img); padding: 22px; display: grid; gap: 10px; }
.calc__total { display: grid; gap: 2px; margin: 0; }
.calc__total span { color: var(--gris); font-size: .9688rem; }
.calc__total b { font: 800 3rem/1 var(--titre); letter-spacing: -.03em; transition: opacity .15s; }
.calc__detail { display: flex; justify-content: space-between; margin: 0; padding-top: 10px; border-top: 1px solid var(--trait); font-size: .9688rem; }
.calc__detail span:last-child { font-weight: 700; }
.calc__resultat .btn { margin-top: 8px; }
@media (min-width: 800px) { .calc { grid-template-columns: 1fr 1fr; padding: 36px; align-items: center; gap: 40px; } }

.inclus { display: grid; gap: 28px; margin-top: 36px; }
.inclus ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 10px; }
.inclus li { position: relative; padding-left: 34px; }
.inclus li::before { content: ""; position: absolute; left: 0; top: 2px; width: 22px; height: 22px; border-radius: 50%; background: var(--menthe) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%232F5233' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat; }
.inclus .non li::before { background: var(--peche) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7L7 17' fill='none' stroke='%23083859' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat; }
.inclus .note { margin-top: 20px; }
.inclus .petit { margin-top: 12px; }
@media (min-width: 800px) { .inclus { grid-template-columns: 1fr 1fr; gap: 48px; } }
.grilleprix { margin-top: 28px; border: 1px solid var(--trait); border-radius: var(--r-outil); padding: 0 18px; }
.grilleprix summary, .faq summary { cursor: pointer; font-weight: 700; min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 16px; list-style: none; }
.grilleprix summary::-webkit-details-marker, .faq summary::-webkit-details-marker { display: none; }
.grilleprix summary::after, .faq summary::after { content: ""; flex: none; width: 10px; height: 10px; border-right: 2.5px solid var(--marine); border-bottom: 2.5px solid var(--marine); transform: rotate(45deg); transition: transform .25s var(--ease); margin-right: 4px; }
details[open] > summary::after { transform: rotate(-135deg); }
.grilleprix table { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.grilleprix th, .grilleprix td { text-align: left; padding: 10px 0; border-top: 1px solid var(--trait); }
.grilleprix td:last-child, .grilleprix th:last-child { text-align: right; font-weight: 700; }

.depart { display: grid; gap: 14px; }
.depart > div { background: var(--peche-pale); border-radius: var(--r-outil); padding: 20px; }
.depart p { margin: 6px 0 0; color: var(--gris); }
@media (min-width: 800px) { .depart { grid-template-columns: 1fr 1fr; } }

.avis { display: grid; gap: 16px; }
.avis figure { margin: 0; background: var(--menthe-pale); border-radius: var(--r-carte); padding: 24px; display: grid; gap: 12px; align-content: start; }
.avis figure:nth-child(3n+2) { background: var(--peche-pale); }
.avis blockquote { margin: 0; font-size: 1.0625rem; line-height: 1.55; }
.avis blockquote::before { content: "“"; display: block; font: 800 3rem/.6 var(--titre); color: var(--ambre-fonce); margin-bottom: 4px; }
.avis figcaption { font: 700 1.0625rem var(--titre); }
.avis__date { display: block; margin-top: 4px; font: 500 .875rem 'Figtree', sans-serif; color: var(--gris); }
@media (min-width: 800px) { .avis { grid-template-columns: 1fr 1fr; } }

.faq { display: grid; gap: 10px; }
.faq details { border: 1px solid var(--trait); border-radius: var(--r-outil); padding: 0 18px; transition: border-color .2s; }
.faq details[open] { border-color: var(--ambre-fonce); background: var(--peche-pale); padding-bottom: 18px; }
.faq details[open] > :last-child { margin-bottom: 0; }
/* Le dernier paragraphe d'une réponse a sa marge basse remise à zéro (règle des textes) : sans ce repli, il
   venait toucher le trait du cadre. Le repli n'est posé qu'une fois la question ouverte, pour que la question
   fermée garde sa hauteur. */
.faq p { margin: 0 0 18px; color: var(--gris); max-width: 42em; }
.faq__suite { margin-top: 20px; }

/* Barre d'action mobile : le seul élément flottant du site */
.barre-action { position: fixed; left: 10px; right: 10px; bottom: 10px; z-index: 45; background: var(--blanc); border-radius: var(--r-pilule); box-shadow: 0 10px 40px -8px rgba(8, 56, 89, .55); padding: 8px 8px 8px 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; transform: translateY(140%); transition: transform .4s var(--ease); }
.barre-action.visible { transform: none; }
.barre-action[hidden] { display: flex; }
.barre-action p { margin: 0; line-height: 1.1; color: var(--gris); }
.barre-action b { font: 800 1.375rem var(--titre); color: var(--marine); display: block; }
.barre-action .btn { min-height: 50px; padding-inline: 1.125rem; font-size: 1rem; }
@media (min-width: 1040px) { .barre-action { display: none !important; } }

/* Toutes les photos (refait le 18/10/2026) : grille de vignettes, puis visionneuse plein écran sur fond sombre. */
html.photos-ouvertes { overflow: hidden; }
.photos { border: 0; padding: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; background: var(--blanc); color: var(--marine); overflow: hidden; }
.photos[open] { display: flex; flex-direction: column; }
.photos::backdrop { background: rgba(5, 39, 64, .6); }
.photos__tete { flex: none; display: flex; align-items: center; gap: 12px; padding: 10px var(--gouttiere); border-bottom: 1px solid var(--trait); background: var(--blanc); }
.photos__titre { flex: 1; min-width: 0; margin: 0; display: flex; align-items: baseline; gap: 10px; }
.photos__titre b { font: 800 1.125rem/1.2 var(--titre); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.photos__titre span { flex: none; color: var(--gris); font-size: .9063rem; }
.photos__retour, .photos__fermer { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; min-width: 44px; justify-content: center; padding: 0 10px; border: 0; border-radius: var(--r-pilule); background: none; color: inherit; font: 600 .9375rem var(--texte); cursor: pointer; }
.photos__retour:hover, .photos__fermer:hover { background: #EEF3F7; }
.photos__retour:focus-visible, .photos__fermer:focus-visible { outline: 3px solid var(--ambre-fonce); outline-offset: 0; }
.photos__retour svg, .photos__fermer svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.photos__retour[hidden] { display: none; }
/* La grille : des colonnes où chaque photo garde ses proportions. */
.photos__corps { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 16px var(--gouttiere) 40px; }
.photos__mur { columns: 2; column-gap: 10px; }
.photos__corps[hidden] { display: none; }
.photos__vignette { display: block; width: 100%; margin: 0 0 10px; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: var(--menthe-pale); cursor: zoom-in; break-inside: avoid; }
.photos__vignette img { display: block; width: 100%; height: auto; transition: transform .5s var(--ease), opacity .2s; }
.photos__vignette:hover img { transform: scale(1.03); }
.photos__vignette:focus-visible { outline: 3px solid var(--ambre-fonce); outline-offset: 2px; }
@media (min-width: 700px) { .photos__mur { columns: 3; column-gap: 14px; } .photos__corps { padding-top: 24px; } .photos__vignette { margin-bottom: 14px; } }
@media (min-width: 1200px) { .photos__mur { max-width: 1240px; margin: 0 auto; } }
/* La visionneuse : une photo à la fois, à faire glisser. */
.photos--vue { background: #06192A; color: var(--blanc); }
.photos--vue .photos__tete { background: transparent; border-bottom-color: rgba(255, 255, 255, .12); }
.photos--vue .photos__titre span { color: rgba(255, 255, 255, .7); }
.photos--vue .photos__retour:hover, .photos--vue .photos__fermer:hover { background: rgba(255, 255, 255, .12); }
.photos__vue { position: relative; flex: 1; min-height: 0; }
.photos__vue[hidden] { display: none; }
.photos__piste { position: absolute; inset: 0; display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; outline: none; }
.photos__piste::-webkit-scrollbar { display: none; }
.photos__diapo { flex: 0 0 100%; height: 100%; margin: 0; scroll-snap-align: center; scroll-snap-stop: always; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 16px 16px 56px; }
.photos__diapo img { max-width: 100%; max-height: 100%; min-height: 0; width: auto; height: auto; object-fit: contain; border-radius: 10px; }
.photos__diapo figcaption { flex: none; max-width: 60ch; text-align: center; font-size: .9375rem; color: rgba(255, 255, 255, .8); }
.photos__nav { position: absolute; top: 50%; translate: 0 -50%; width: 52px; height: 52px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .92); color: var(--marine); display: grid; place-items: center; cursor: pointer; box-shadow: 0 8px 24px rgba(0, 0, 0, .3); transition: opacity .2s, transform .2s; }
.photos__nav svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.photos__nav:hover { transform: scale(1.06); }
.photos__nav:disabled { opacity: 0; pointer-events: none; }
.photos__nav:focus-visible { outline: 3px solid var(--ambre); outline-offset: 2px; }
.photos__nav--prec { left: 20px; }
.photos__nav--suiv { right: 20px; }
.photos__compteur { position: absolute; left: 50%; bottom: 16px; translate: -50% 0; margin: 0; padding: 6px 14px; border-radius: var(--r-pilule); background: rgba(255, 255, 255, .14); color: var(--blanc); font-size: .9063rem; font-variant-numeric: tabular-nums; }
@media (max-width: 599px) { .photos--vue .photos__titre { display: none; } .photos--vue .photos__tete { justify-content: space-between; } }
/* Sur un écran tactile, on glisse : les flèches deviennent discrètes. */
@media (hover: none) { .photos__nav { width: 44px; height: 44px; background: rgba(255, 255, 255, .22); color: var(--blanc); box-shadow: none; } .photos__nav--prec { left: 8px; } .photos__nav--suiv { right: 8px; } .photos__diapo { padding-inline: 0; } .photos__diapo img { border-radius: 0; } }
/* Le pays de l'en-tête mène à sa page destination (audit SEO du 17/10/2026). */
.tete__lieu a { color: inherit; text-decoration: underline; text-decoration-color: var(--ambre); text-decoration-thickness: 2px; text-underline-offset: 4px; }