/* EX-ARTE, page Contact et pages légales (AES Communication, 26/10/2026)
   Chargée après site-v3.css et interieur-v3.css : même en-tête, même pied, mêmes couleurs et polices.
   Toutes les classes propres à ces pages commencent par xc-. */

/* =========================================================================
   CONTACT
   La section reprend le bloc contact de l'accueil (parfum vaporisé et brume animée
   à gauche, coordonnées et formulaire à droite). Ici elle ouvre la page :
   la colonne de droite descend sous l'en-tête et porte le H1.
   ========================================================================= */
@media (min-width:1101px){
  .xc-contact .xa-contact-droite{padding-top:146px}
}
.xc-contact .xi-fil{margin:0 0 24px}
.xc-contact h1{margin:0 0 22px;font:360 clamp(40px,3.5vw,66px)/1.02 var(--xa-serif);font-variation-settings:"opsz" 144;letter-spacing:-.02em;color:var(--xa-creme)}
.xc-contact h1 em{display:block;font-style:italic;font-weight:330;color:var(--xa-or)}
/* bouton « Mettre en pause les animations », posé dans le coin de la photo */

/* L'accès : l'adresse en grand sur la sauge, le lien vers l'itinéraire (pas de carte intégrée) */
.xc-acces{background:var(--xa-sauge);color:var(--xa-foret);padding:var(--xa-section) 0}
.xc-acces .xa-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--xa-gouttiere);align-items:start}
.xc-acces-titre{grid-column:1/6;padding-top:.35em}
.xc-acces-infos{grid-column:7/13}
.xc-adresse{margin:0;font:360 clamp(34px,3.2vw,60px)/1.06 var(--xa-serif);font-style:normal;letter-spacing:-.015em;color:var(--xa-foret)}
.xc-region{margin:16px 0 0;font-size:18px;color:#1B3726}
.xc-liens{margin:26px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.xc-acces .xc-itineraire{font-weight:600;font-size:19px;color:var(--xa-foret);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;transition:text-decoration-thickness .2s}
.xc-acces .xc-itineraire:hover{text-decoration-thickness:3px;color:var(--xa-nuit)}
.xc-liens span{font-size:15px;color:#1B3726}

/* =========================================================================
   PAGES LÉGALES
   Un document à lire, pas une page de vente : tête sombre (l'en-tête du site,
   transparent avant le défilement, y reste lisible), puis sommaire numéroté
   collé à gauche et colonne de lecture à droite (modèle AES du 02/10/2026).
   ========================================================================= */
.xc-tete{background:var(--xa-nuit);color:var(--xa-creme);padding:150px 0 64px}
.xc-tete .xa-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--xa-gouttiere);align-items:end}
.xc-tete-titre{grid-column:1/8}
.xc-tete h1{font:360 clamp(42px,4.2vw,80px)/1 var(--xa-serif);font-variation-settings:"opsz" 144;letter-spacing:-.025em;color:var(--xa-creme)}
.xc-tete h1 em{font-style:italic;font-weight:330;color:var(--xa-or)}
.xc-tete-phrase{grid-column:8/13;margin:0;max-width:22em;font:340 clamp(22px,1.6vw,30px)/1.3 var(--xa-serif);color:#DCE5DF}

.xc-legal{background:var(--xa-creme);padding:72px 0 96px}
/* sommaire à 24 % et colonne de lecture jusqu'à 1 080 px : sur 1 900 px, la page occupe toute la largeur du conteneur */
.xc-leg{display:grid;grid-template-columns:minmax(220px,24%) minmax(0,1fr);gap:clamp(32px,7vw,140px);align-items:start}

/* le sommaire : numéros 01, 02... en gras dans le vert de la charte */
.xc-som{position:sticky;top:120px}
.xc-som ol{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:xc}
.xc-som li{counter-increment:xc;display:grid;grid-template-columns:2.3em minmax(0,1fr);align-items:baseline;font-size:16px;line-height:1.4}
.xc-som li::before{content:counter(xc,decimal-leading-zero);font:600 1.45em/1 "Hanken Grotesk",sans-serif;color:var(--xa-foret);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums}
.xc-som a{color:#33493B;text-decoration:none;transition:color .25s}
.xc-som a:hover{color:var(--xa-foret);text-decoration:underline;text-underline-offset:3px}

/* la colonne de lecture */
.xc-c{max-width:1080px;min-width:0}
.xc-partie{scroll-margin-top:110px;margin-bottom:64px}
.xc-partie:last-child{margin-bottom:0}
.xc-c h2{font-size:clamp(28px,2.2vw,40px);margin-bottom:20px}
.xc-c h2 .xc-n{margin-right:.45em;font:600 .9em/1 "Hanken Grotesk",sans-serif;color:var(--xa-foret);letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums}
.xc-c h3{margin:30px 0 10px;font:600 var(--xa-h4)/1.3 "Hanken Grotesk",sans-serif;color:var(--xa-foret)}
.xc-c p,.xc-c li{font-size:17px;line-height:1.68;color:var(--xa-encre)}
.xc-c p{margin:0 0 16px;max-width:46em}
.xc-c ul{margin:0 0 18px;padding-left:1.15em;max-width:46em}
.xc-c li{margin-bottom:8px}
.xc-c li::marker{color:var(--xa-feuille)}
.xc-c a{color:var(--xa-feuille);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .2s}
.xc-c a:hover{color:var(--xa-foret);text-decoration-thickness:2px}
.xc-c b{font-weight:600;color:var(--xa-foret)}
/* le nom du client ne se coupe jamais au trait d'union en fin de ligne */
.xc-nom{white-space:nowrap}
.xc-c sup{font-size:.7em;line-height:0}

/* tableau d'identité (mentions) et fiche du réglage (cookies) : lignes alternées, sans filet */
.xc-tableau{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:16.5px}
.xc-tableau th,.xc-tableau td{text-align:left;vertical-align:top;padding:12px 18px;line-height:1.5}
.xc-tableau th{width:34%;font-weight:600;color:var(--xa-foret)}
.xc-tableau td{color:var(--xa-encre)}
.xc-tableau tr:nth-child(odd){background:var(--xa-lin)}

/* cookies : l'état du réglage dans ce navigateur, et le bouton pour l'effacer */
.xc-reglage{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin:8px 0 22px;padding:24px 28px;background:var(--xa-foret);color:var(--xa-creme);border-radius:3px}
.xc-reglage p{flex:1 1 320px;margin:0;font-size:17px;line-height:1.5;color:var(--xa-creme)}
.xc-reglage .xa-btn{background:var(--xa-or);color:var(--xa-nuit)!important}
.xc-reglage .xa-btn:hover{background:#F1C569}
.xc-reglage .xa-btn:focus-visible{outline-color:var(--xa-creme)}
.xc-reglage [hidden]{display:none}

/* =========================================================================
   Écrans moyens et téléphone
   ========================================================================= */
@media (max-width:1100px){
  .xc-acces-titre,.xc-acces-infos{grid-column:1/-1}
  .xc-acces-titre{padding-top:0}
  .xc-acces-infos{margin-top:10px}
  .xc-tete-titre,.xc-tete-phrase{grid-column:1/-1}
  .xc-tete-phrase{margin-top:14px}
}
@media (max-width:900px){
  .xc-leg{grid-template-columns:1fr}
  .xc-som{position:static}
}
@media (max-width:640px){
  .xc-contact h1{font-size:38px}
  .xc-acces{padding:52px 0}
  .xc-adresse{font-size:34px}
  .xc-tete{padding:112px 0 44px}
  .xc-tete h1{font-size:42px}
  .xc-tete-phrase{font-size:21px}
  .xc-legal{padding:44px 0 64px}
  .xc-som li{font-size:16.5px}
  .xc-partie{margin-bottom:48px}
  .xc-c p,.xc-c li{font-size:16.5px}
  .xc-tableau{font-size:16px}
  .xc-tableau,.xc-tableau tbody,.xc-tableau tr{display:block}
  .xc-tableau th,.xc-tableau td{display:block;width:auto;padding:0 14px}
  .xc-tableau th{padding-top:12px}
  .xc-tableau td{padding-bottom:12px}
  .xc-reglage{padding:20px}
}

/* Contact : l'itinéraire dans les coordonnées, une phrase sous le bouton d'envoi */
.xc-contact .xa-coord a[target]{text-decoration:underline;text-underline-offset:5px}
.xc-apres{margin:14px 0 0;font-size:15.5px;color:var(--xa-doux)}
.xc-masque{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.xc-tete :focus-visible{outline-color:var(--xa-creme)}
.xc-contact :focus-visible{outline-color:var(--xa-creme)}