/* sextreff-nrw.de — gabarit annoncesastro (skin 2 « nuit » retourné en jour chaud, compo 5, fiche 1)
   Registre : « pétrole & sable, bandeaux ».
   Palette : accent pétrole #1f6f8b (favicon) · pétrole profond #0f3a49 (bandeaux : en-tête, hero, pied)
             · pétrole encre #17596f (liens, rubans) · sable #efe6d6 (page) · sable soutenu #e3d5bc / #d3c1a1
             (bords, bandes décalées) · ivoire #fbf7ef (surfaces) · encre #1a2a31 (texte) · muet #5f5549.
   Composition : le site est une pile de BANDEAUX horizontaux — bandeau pétrole d'en-tête à double liseré, hero en
   bandeau profond fermé par une vague de festons sable, sections sable ponctuées de rubans (catégorie en drapeau
   à encoche), lignes d'annonce à bandeau supérieur dégradé et vignette à bande décalée, CTA de dépôt en carte
   centrée, pied de page en bandeau profond ouvert par la même vague. Formes signature : festons (vague), ruban à
   encoche, médaillon rayé du logo, pilules, arche photo de la fiche.
   Contrastes : ivoire/sable sur pétrole profond ≥ 9:1 ; encre sur ivoire ≥ 12:1 ; muet #5f5549 sur ivoire 6,8:1 ;
   pétrole encre #17596f sur sable 6,3:1 ; ivoire sur ruban #17596f 7,2:1 ; blanc sur bouton #1f6f8b 5,7:1. */

html:not(#_) body.aa.skin-2 {
  color-scheme: light;
  --sx-petrole: #0f3a49; --sx-petrole-2: #17596f; --sx-sable: #efe6d6; --sx-sable-2: #e3d5bc; --sx-sable-3: #d3c1a1;
  --sx-ivoire: #fbf7ef; --sx-encre: #1a2a31; --sx-muet: #5f5549;
  --aa-fond: var(--sx-sable); --aa-surface: var(--sx-ivoire); --aa-texte: var(--sx-encre); --aa-muet: var(--sx-muet);
  --aa-bord: var(--sx-sable-2); --aa-secondaire: var(--sx-petrole-2); --aa-secondaire-txt: #fff;
  --aa-rayon: 16px; --aa-rayon-s: 10px;
  --aa-ombre: 0 1px 2px rgba(15, 58, 73, .06), 0 14px 30px -18px rgba(15, 58, 73, .35);
  --aa-tete: var(--sx-petrole); --aa-tete-txt: var(--sx-sable);
  --aa-pied: var(--sx-petrole); --aa-pied-txt: #dfe8ea; --aa-erreur: #a8321f;
  --aa-police: "Segoe UI", "Trebuchet MS", Roboto, Helvetica, Arial, sans-serif;
  --aa-police-titre: Georgia, "Times New Roman", "Segoe UI", serif;
  background: var(--sx-sable) linear-gradient(180deg, rgba(31, 111, 139, .05), transparent 320px);
}

/* --- boutons : pilules, le primaire porte une bande sombre inférieure ------------------------------ */
html:not(#_) .skin-2 .aa-btn { border-radius: 999px; font-family: var(--aa-police); letter-spacing: .01em; }
html:not(#_) .skin-2 .aa-btn--primaire { background: var(--aa-primaire); color: #fff; box-shadow: inset 0 -3px 0 rgba(15, 58, 73, .55), 0 10px 22px -12px rgba(31, 111, 139, .7); }
html:not(#_) .skin-2 .aa-btn--secondaire { background: var(--sx-ivoire); color: var(--sx-petrole-2); border-color: var(--sx-petrole-2); box-shadow: inset 0 -3px 0 rgba(23, 89, 111, .18); }
html:not(#_) .skin-2 .aa-btn--secondaire:hover { background: var(--sx-petrole-2); color: #fff; }
html:not(#_) .skin-2 .aa-btn:hover { box-shadow: 0 12px 26px -12px rgba(31, 111, 139, .75); }
html:not(#_) .skin-2 .aa-btn:focus-visible { outline-color: var(--sx-petrole-2); }

/* --- titres : un court bandeau pétrole devant chaque titre de section ----------------------------- */
html:not(#_) .skin-2 .aa-h2 { font-family: var(--aa-police-titre); font-weight: 700; font-size: 1.45rem; letter-spacing: 0; display: flex; align-items: center; gap: .6rem; color: var(--sx-encre); }
html:not(#_) .skin-2 .aa-h2::before { content: ""; flex: none; width: 30px; height: 8px; border-radius: 999px; background: linear-gradient(90deg, var(--sx-petrole), var(--aa-primaire)); }
html:not(#_) .skin-2 .aa-h1 { font-family: var(--aa-police-titre); font-weight: 700; letter-spacing: 0; }

/* --- en-tête : bandeau pétrole à rayures fines, double liseré sable/pétrole, médaillon rayé -------- */
html:not(#_) .skin-2 .aa-header { border-top: 0; background: var(--sx-petrole) repeating-linear-gradient(-55deg, rgba(239, 230, 214, .045) 0 6px, transparent 6px 14px); box-shadow: 0 3px 0 var(--aa-primaire), 0 6px 0 var(--sx-sable-3), 0 12px 24px -14px rgba(15, 58, 73, .6); color: var(--sx-sable); }
html:not(#_) .skin-2 .aa-header__in { min-height: 66px; }
html:not(#_) .skin-2 .aa-logo { font-family: var(--aa-police-titre); text-transform: none; letter-spacing: .02em; font-size: 1.35rem; font-weight: 700; color: var(--sx-sable); gap: .7rem; }
html:not(#_) .skin-2 .aa-logo__mark { width: 28px; height: 28px; border-radius: 50%; background: repeating-radial-gradient(circle at 50% 50%, var(--sx-sable) 0 3px, var(--aa-primaire) 3px 6px, var(--sx-sable) 6px 8px, var(--sx-petrole) 8px 11px, var(--sx-sable) 11px 14px); box-shadow: 0 0 0 2px var(--sx-petrole), 0 0 0 4px var(--sx-sable-3); }
html:not(#_) .skin-2 .aa-nav a { text-transform: none; font-size: .95rem; letter-spacing: 0; font-weight: 600; color: var(--sx-sable); border-radius: 999px; padding: .5rem .9rem; }
html:not(#_) .skin-2 .aa-nav a:hover, html:not(#_) .skin-2 .aa-nav a.is-actif { background: rgba(239, 230, 214, .14); color: #fff; }
html:not(#_) .skin-2 .aa-nav__cta a { background: var(--sx-sable); color: var(--sx-petrole) !important; box-shadow: inset 0 -3px 0 var(--sx-sable-3); }
html:not(#_) .skin-2 .aa-nav__cta a:hover { background: #fff; }
html:not(#_) .skin-2 .aa-burger { color: var(--sx-sable); border-radius: 999px; }
@media (max-width: 800px) {
  html:not(#_) .skin-2 .aa-nav { background: var(--sx-petrole); border-bottom: 0; box-shadow: 0 4px 0 var(--aa-primaire), 0 20px 30px -12px rgba(15, 58, 73, .7); border-radius: 0 0 18px 18px; padding-bottom: 1.1rem; }
  html:not(#_) .skin-2 .aa-nav li + li { border-top: 1px solid rgba(239, 230, 214, .12); }
  html:not(#_) .skin-2 .aa-nav__cta { border-top: 0; }
}

/* --- hero : bandeau pétrole profond fermé par une vague de festons sable -------------------------- */
html:not(#_) .skin-2 .aa-hero { position: relative; border-bottom: 0; margin-bottom: 2.6rem; padding-block: 2.4rem 3.2rem; color: var(--sx-sable); background: linear-gradient(105deg, var(--sx-petrole) 0 58%, #14526a 82%, var(--aa-primaire) 100%); }
html:not(#_) .skin-2 .aa-hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 18px; background: radial-gradient(circle at 50% 0, transparent 12px, var(--sx-sable) 12.5px) 0 0 / 30px 18px repeat-x; pointer-events: none; }
html:not(#_) .skin-2 .aa-hero .aa-h1 { color: #fff; font-size: clamp(1.7rem, 1.1rem + 2.4vw, 2.7rem); line-height: 1.12; }
html:not(#_) .skin-2 .aa-hero .aa-intro { color: #e6ddcb; font-size: 1.08rem; }
html:not(#_) .skin-2 .aa-hero__chiffres { display: inline-block; color: var(--sx-petrole); background: var(--sx-sable); padding: .35rem 1rem; border-radius: 999px; font-size: .9rem; box-shadow: inset 0 -3px 0 var(--sx-sable-3); }
html:not(#_) .skin-2 .aa-hero__form { border: 0; border-top: 8px solid var(--aa-primaire); border-radius: 20px; background: var(--sx-ivoire); color: var(--sx-encre); padding: 1.4rem 1.4rem 1.3rem; box-shadow: 0 24px 50px -22px rgba(4, 30, 40, .8), 0 0 0 4px rgba(239, 230, 214, .18); }
html:not(#_) .skin-2 .aa-hero__form-h { font-family: var(--aa-police-titre); font-size: 1.35rem; color: var(--sx-petrole); }
html:not(#_) .skin-2 .aa-hero__form-p { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-hero__form .aa-form__aide { color: var(--sx-muet); font-size: .8rem; }

/* --- rubans, pilules, chips ------------------------------------------------------------------------ */
html:not(#_) .skin-2 .aa-chips li, html:not(#_) .skin-2 .aa-chip { background: var(--sx-sable); border-color: var(--sx-sable-3); color: var(--sx-encre); border-radius: 999px; }
html:not(#_) .skin-2 .aa-chip:has(input:checked) { background: var(--sx-petrole-2); border-color: var(--sx-petrole-2); color: #fff; }
html:not(#_) .skin-2 .aa-liens li { background: var(--sx-ivoire); border: 1px solid var(--sx-sable-2); border-radius: 6px 999px 999px 6px; box-shadow: inset 6px 0 0 var(--aa-primaire); padding: .5rem 1rem .5rem 1.1rem; transition: transform .18s ease, box-shadow .18s ease; }
html:not(#_) .skin-2 .aa-liens li:hover { transform: translateX(3px); box-shadow: inset 6px 0 0 var(--sx-petrole), 0 10px 20px -14px rgba(15, 58, 73, .5); }
html:not(#_) .skin-2 .aa-liens li a { color: var(--sx-petrole-2); font-weight: 600; }
html:not(#_) .skin-2 .aa-liens__nb { background: var(--sx-sable); color: var(--sx-petrole); font-weight: 700; padding: 0 .55rem; border-radius: 999px; font-size: .8rem; line-height: 1.6; align-self: center; }
html:not(#_) .skin-2 .aa-liens--cats { gap: .5rem; }
html:not(#_) .skin-2 .aa-compo-5 .aa-liens--villes li, html:not(#_) .skin-2 .aa-liens--villes li { border-radius: 999px; box-shadow: none; background: var(--sx-sable-2); border-color: var(--sx-sable-3); padding: .35rem .9rem; }
html:not(#_) .skin-2 .aa-liens--villes li:hover { background: var(--sx-petrole-2); border-color: var(--sx-petrole-2); transform: none; }
html:not(#_) .skin-2 .aa-liens--villes li:hover a, html:not(#_) .skin-2 .aa-liens--villes li:hover .aa-liens__nb { color: #fff; }
html:not(#_) .skin-2 .aa-liens--villes .aa-liens__nb { background: transparent; padding: 0; }
html:not(#_) .skin-2 .aa-lien { color: var(--sx-petrole-2); }

/* --- lignes d'annonce : bandeau supérieur dégradé, ruban de catégorie à encoche, vignette à bande décalée */
html:not(#_) .skin-2 .aa-liste { gap: .85rem; }
html:not(#_) .skin-2 .aa-ligne { border: 1px solid var(--sx-sable-2); border-left-width: 1px; border-radius: 16px; background: var(--sx-ivoire); box-shadow: 0 1px 0 var(--sx-sable-3), 0 14px 28px -20px rgba(15, 58, 73, .45); padding-top: 1rem; overflow: hidden; }
html:not(#_) .skin-2 .aa-ligne::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6px; background: linear-gradient(90deg, var(--sx-petrole) 0 22%, var(--aa-primaire) 60%, var(--sx-sable-3)); }
html:not(#_) .skin-2 .aa-ligne:hover { background: #fffdf8; border-color: var(--sx-sable-3); border-left-color: var(--sx-sable-3); box-shadow: 0 1px 0 var(--sx-sable-3), 0 20px 34px -18px rgba(31, 111, 139, .55); }
html:not(#_) .skin-2 .aa-ligne__img { border-radius: 12px; background: var(--sx-sable-2); box-shadow: 5px 5px 0 var(--sx-sable-3); transition: box-shadow .2s ease; }
html:not(#_) .skin-2 .aa-ligne:hover .aa-ligne__img { box-shadow: 5px 5px 0 var(--aa-primaire); }
html:not(#_) .skin-2 .aa-ligne--sans-photo .aa-ligne__img { background: linear-gradient(160deg, var(--sx-sable-2), var(--sx-sable-3)); }
html:not(#_) .skin-2 .aa-ligne__cat { color: var(--sx-ivoire); background: var(--sx-petrole-2); padding: .18rem .95rem .18rem .6rem; clip-path: polygon(0 0, 100% 0, calc(100% - 7px) 50%, 100% 100%, 0 100%); border-radius: 4px 0 0 4px; font-size: .68rem; letter-spacing: .08em; }
html:not(#_) .skin-2 .aa-ligne__new { background: var(--sx-sable); color: var(--sx-petrole); border: 1px solid var(--sx-sable-3); }
html:not(#_) .skin-2 .aa-ligne__meta, html:not(#_) .skin-2 .aa-ligne__date { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-ligne__titre { font-family: var(--aa-police-titre); font-size: 1.15rem; font-weight: 700; }
html:not(#_) .skin-2 .aa-ligne__titre a:hover { color: var(--sx-petrole-2); }
html:not(#_) .skin-2 .aa-ligne__extrait { color: var(--sx-encre); opacity: .82; }
html:not(#_) .skin-2 .aa-ligne__lire { border-radius: 999px; min-height: 42px; padding: .35em 1.2em; }
html:not(#_) .skin-2 .aa-ligne__nb { background: rgba(15, 58, 73, .8); }
@media (min-width: 720px) { html:not(#_) .skin-2 .aa-ligne { padding: 1.05rem 1.1rem .9rem 1rem; } }
html:not(#_) .skin-2 .aa-ligne--brute { padding-top: 1rem; }

/* --- filtres, champs, pagination, fil d'Ariane ----------------------------------------------------- */
html:not(#_) .skin-2 .aa-filtres { border: 1px solid var(--sx-sable-2); border-top: 6px solid var(--aa-primaire); border-radius: 16px; background: var(--sx-ivoire); box-shadow: var(--aa-ombre); }
html:not(#_) .skin-2 .aa-filtres__champ { color: var(--sx-petrole); }
html:not(#_) .skin-2 select, html:not(#_) .skin-2 input[type="text"], html:not(#_) .skin-2 input[type="email"], html:not(#_) .skin-2 input[type="tel"], html:not(#_) .skin-2 input[type="number"], html:not(#_) .skin-2 input[type="file"], html:not(#_) .skin-2 textarea { background: #fff; border: 1px solid var(--sx-sable-3); border-radius: 12px; color: var(--sx-encre); }
html:not(#_) .skin-2 select:focus, html:not(#_) .skin-2 input:focus, html:not(#_) .skin-2 textarea:focus { outline-color: var(--aa-primaire); }
html:not(#_) .skin-2 .aa-pagination a, html:not(#_) .skin-2 .aa-pagination span { border-radius: 999px; border-color: var(--sx-sable-3); background: var(--sx-ivoire); color: var(--sx-petrole-2); }
html:not(#_) .skin-2 .aa-pagination .is-actif { background: var(--sx-petrole-2); border-color: var(--sx-petrole-2); color: #fff; }
html:not(#_) .skin-2 .aa-crumbs ol { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-crumbs a:hover { color: var(--sx-petrole-2); }
html:not(#_) .skin-2 .aa-intro, html:not(#_) .skin-2 .aa-compte { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-vide { background: var(--sx-ivoire); border-color: var(--sx-sable-3); color: var(--sx-muet); }

/* --- barre latérale : carte ivoire à bandeau pétrole ----------------------------------------------- */
html:not(#_) .skin-2 .aa-side { border: 1px solid var(--sx-sable-2); border-top: 6px solid var(--aa-primaire); border-radius: 16px; background: var(--sx-ivoire); box-shadow: var(--aa-ombre); padding: 1rem 1.15rem 1.1rem; }
html:not(#_) .skin-2 .aa-side__h { color: var(--sx-petrole); font-size: .78rem; letter-spacing: .1em; }
html:not(#_) .skin-2 .aa-side__liste li { border-top-color: var(--sx-sable-2); padding: .42rem 0; }
html:not(#_) .skin-2 .aa-side__liste a { color: var(--sx-encre); }
html:not(#_) .skin-2 .aa-side__liste li.is-actif a, html:not(#_) .skin-2 .aa-side__liste a:hover { color: var(--sx-petrole-2); }
html:not(#_) .skin-2 .aa-side__nb { background: var(--sx-sable); color: var(--sx-petrole); padding: 0 .5rem; border-radius: 999px; font-weight: 700; font-size: .78rem; }
html:not(#_) .skin-2 .aa-side__aide { color: var(--sx-muet); }

/* --- CTA de dépôt : carte centrée, de l'air, bouton plein ------------------------------------------ */
html:not(#_) .skin-2 .aa-bloc--deposer .aa-deposer-cta { max-width: 560px; margin: 2.4rem auto 0; padding: 2.2rem 1.4rem 2rem; text-align: center; border: 1px solid var(--sx-sable-2); border-radius: 22px; box-shadow: var(--aa-ombre); position: relative; overflow: hidden; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%231f6f8b' fill-opacity='.13' d='M12 21s-7.5-4.6-9.5-9.2C1 8 3.5 4.5 7 4.5c2 0 3.5 1.2 5 3 1.5-1.8 3-3 5-3 3.5 0 6 3.5 4.5 7.3C19.5 16.4 12 21 12 21z'/></svg>") -18px 18px / 110px 110px no-repeat, url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23d3c1a1' fill-opacity='.5' d='M12 21s-7.5-4.6-9.5-9.2C1 8 3.5 4.5 7 4.5c2 0 3.5 1.2 5 3 1.5-1.8 3-3 5-3 3.5 0 6 3.5 4.5 7.3C19.5 16.4 12 21 12 21z'/></svg>") calc(100% + 14px) calc(100% + 10px) / 84px 84px no-repeat, var(--sx-ivoire); }
html:not(#_) .skin-2 .aa-bloc--deposer .aa-deposer-cta::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 7px; background: linear-gradient(90deg, var(--sx-petrole), var(--aa-primaire) 55%, var(--sx-sable-3)); }
html:not(#_) .skin-2 .aa-bloc--deposer .aa-btn { background: var(--aa-primaire); color: #fff; border-color: transparent; min-height: 52px; padding: .6em 1.8em; font-size: 1.05rem; box-shadow: inset 0 -3px 0 rgba(15, 58, 73, .55), 0 12px 24px -12px rgba(31, 111, 139, .7); }
html:not(#_) .skin-2 .aa-bloc--deposer .aa-btn:hover { background: var(--sx-petrole-2); color: #fff; }

/* --- fiche d'annonce : ruban, arche photo, CTA en carte à bandeau, cellules sable ------------------ */
html:not(#_) .skin-2 .aa-fiche__cat a, html:not(#_) .skin-2 .aa-fiche__cat { color: var(--sx-ivoire); }
html:not(#_) .skin-2 .aa-fiche__cat { display: inline-block; background: var(--sx-petrole-2); padding: .22rem 1.1rem .22rem .7rem; clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%); border-radius: 4px 0 0 4px; font-size: .72rem; letter-spacing: .08em; }
html:not(#_) .skin-2 .aa-fiche__titre { font-family: var(--aa-police-titre); font-weight: 700; color: var(--sx-encre); margin-top: .5rem; }
html:not(#_) .skin-2 .aa-fiche__sous { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-fiche__photo { border-radius: 160px 160px 18px 18px; background: linear-gradient(160deg, var(--sx-sable-2), var(--sx-sable-3)); box-shadow: 6px 6px 0 var(--sx-sable-3), 0 16px 30px -20px rgba(15, 58, 73, .5); }
html:not(#_) .skin-2 .aa-fiche__photo--vide { border: 0; background: linear-gradient(160deg, var(--sx-sable-2), var(--sx-sable-3)); }
html:not(#_) .skin-2 .aa-fiche__sans-photo { color: var(--sx-petrole); font-weight: 600; }
html:not(#_) .skin-2 .aa-fiche__new { background: var(--sx-sable); color: var(--sx-petrole); border: 1px solid var(--sx-sable-3); }
html:not(#_) .skin-2 .aa-fiche__photo .aa-fiche__new { top: auto; bottom: .7rem; right: .7rem; }
html:not(#_) .skin-2 .aa-fiche__miniatures img { border-radius: 10px; }
html:not(#_) .skin-2 .aa-fiche__meta { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-fiche__infos { background: var(--sx-ivoire); border: 1px solid var(--sx-sable-2); border-radius: 14px; box-shadow: inset 6px 0 0 var(--aa-primaire); padding-left: 1.3rem; }
html:not(#_) .skin-2 .aa-fiche__infos dt { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-fiche__cta--haut { border: 1px solid var(--sx-sable-2); border-left-width: 1px; border-top: 7px solid var(--aa-primaire); border-radius: 18px; background: var(--sx-ivoire); padding: 1.1rem 1rem 1rem; box-shadow: 0 20px 40px -22px rgba(15, 58, 73, .6); }
html:not(#_) .skin-2 .aa-fiche__plage { background: var(--sx-sable-2); color: var(--sx-petrole); border-radius: 999px; padding: .45rem 1rem; }
html:not(#_) .skin-2 .aa-fiche__phy { background: var(--sx-ivoire); border: 1px solid var(--sx-sable-2); border-radius: 12px; box-shadow: inset 0 -3px 0 var(--sx-sable-2); }
html:not(#_) .skin-2 .aa-fiche__physique dt { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-fiche__physique dd { color: var(--sx-petrole); }
html:not(#_) .skin-2 .aa-repondre { background: var(--sx-ivoire); border: 1px solid var(--sx-sable-2); border-top: 7px solid var(--sx-petrole); border-radius: 18px; box-shadow: var(--aa-ombre); }
html:not(#_) .skin-2 .aa-repondre__intro, html:not(#_) .skin-2 .aa-form__aide, html:not(#_) .skin-2 .aa-fiche__signaler, html:not(#_) .skin-2 .aa-retour { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-fiche__barre { background: rgba(251, 247, 239, .95); border-top: 4px solid var(--aa-primaire); box-shadow: 0 -10px 26px -12px rgba(15, 58, 73, .45); }
html:not(#_) .skin-2 .aa-fiche__barre .aa-btn { border-radius: 999px; }

/* --- dépôt d'annonce : blocs ivoire à légende en ruban --------------------------------------------- */
html:not(#_) .skin-2 .aa-depot__bloc { border: 1px solid var(--sx-sable-2); border-radius: 18px; background: var(--sx-ivoire); box-shadow: var(--aa-ombre); padding: 1.1rem 1.2rem 1.3rem; }
html:not(#_) .skin-2 .aa-depot__bloc legend { background: var(--sx-petrole-2); color: var(--sx-ivoire); padding: .25rem 1.2rem .25rem .8rem; clip-path: polygon(0 0, 100% 0, calc(100% - 9px) 50%, 100% 100%, 0 100%); border-radius: 6px 0 0 6px; font-family: var(--aa-police-titre); font-size: 1.05rem; }
html:not(#_) .skin-2 .aa-form__lbl { color: var(--sx-petrole); }
html:not(#_) .skin-2 .aa-regles { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-form__check { color: var(--sx-encre); }
html:not(#_) .skin-2 .aa-depot__apercu img { border-radius: 10px; box-shadow: 4px 4px 0 var(--sx-sable-3); }

/* --- pied de page : bandeau pétrole profond ouvert par la vague ------------------------------------ */
html:not(#_) .skin-2 .aa-footer { position: relative; border-top: 0; margin-top: 3.4rem; padding-top: 2.6rem; background: var(--sx-petrole) repeating-linear-gradient(-55deg, rgba(239, 230, 214, .04) 0 6px, transparent 6px 14px); color: #dfe8ea; }
html:not(#_) .skin-2 .aa-footer::before { content: ""; position: absolute; left: 0; right: 0; top: -17px; height: 18px; background: radial-gradient(circle at 50% 100%, var(--sx-petrole) 12px, transparent 12.5px) 0 0 / 30px 18px repeat-x; pointer-events: none; }
html:not(#_) .skin-2 .aa-footer::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--aa-primaire), var(--sx-sable-3) 60%, var(--aa-primaire)); opacity: .9; }
html:not(#_) .skin-2 .aa-footer__brand { font-family: var(--aa-police-titre); text-transform: none; letter-spacing: .02em; font-size: 1.3rem; color: var(--sx-sable); }
html:not(#_) .skin-2 .aa-footer__h { color: var(--sx-sable); letter-spacing: .1em; font-size: .74rem; padding-bottom: .35rem; border-bottom: 3px solid var(--aa-primaire); display: inline-block; }
html:not(#_) .skin-2 .aa-footer a { color: #e6ddcb; }
html:not(#_) .skin-2 .aa-footer a:hover { color: #fff; }
html:not(#_) .skin-2 .aa-footer__fictif, html:not(#_) .skin-2 .aa-footer__membres { color: #cbd8dc; opacity: 1; font-size: .88rem; }
html:not(#_) .skin-2 .aa-footer__bas { border-top: 1px solid rgba(239, 230, 214, .16); opacity: 1; color: #cbd8dc; }

/* --- porte d'âge et pop-up : boîte ivoire à bandeau, médaillon rayé ------------------------------- */
html:not(#_) .skin-2 .aa-gate, html:not(#_) .skin-2 .aa-popup { background: rgba(8, 34, 44, .86); }
html:not(#_) .skin-2 .aa-gate__box, html:not(#_) .skin-2 .aa-popup__box { border: 0; border-top: 8px solid var(--aa-primaire); border-radius: 22px; background: var(--sx-ivoire); color: var(--sx-encre); box-shadow: 0 40px 70px -30px rgba(0, 0, 0, .7), 0 0 0 5px rgba(239, 230, 214, .16); }
html:not(#_) .skin-2 .aa-gate__mark { background: repeating-radial-gradient(circle at 50% 50%, var(--sx-sable) 0 4px, var(--aa-primaire) 4px 9px, var(--sx-sable) 9px 12px, var(--sx-petrole) 12px 36px); color: var(--sx-sable); box-shadow: 0 0 0 3px var(--sx-sable-3); }
html:not(#_) .skin-2 .aa-gate__box h2, html:not(#_) .skin-2 .aa-popup__titre { font-family: var(--aa-police-titre); color: var(--sx-encre); }
html:not(#_) .skin-2 .aa-popup__pour { color: var(--sx-petrole-2); }
html:not(#_) .skin-2 .aa-popup__texte { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-popup__fermer { color: var(--sx-muet); }
html:not(#_) .skin-2 .aa-spin { border-color: var(--sx-sable-2); border-top-color: var(--aa-primaire); }

/* --- divers ---------------------------------------------------------------------------------------- */
html:not(#_) .skin-2 a { color: var(--sx-petrole-2); }
html:not(#_) .skin-2 .aa-statique, html:not(#_) .skin-2 .aa-legal { color: var(--sx-encre); }
html:not(#_) .skin-2 .aa-404 .aa-h2 { justify-content: center; }
@media (prefers-reduced-motion: reduce) { html:not(#_) .skin-2 .aa-liens li, html:not(#_) .skin-2 .aa-ligne__img { transition: none; } }