/* Astralogie, socle des pages intérieures (Confiance, Espace de développement, prototypes). */
@font-face{font-family:"Fraunces";src:url(/fonts/fraunces-soft.woff2) format("woff2");font-weight:300 600;font-display:swap}
@font-face{font-family:"Figtree";src:url(/fonts/figtree-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Figtree";src:url(/fonts/figtree-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"AstroSymboles";src:url(/fonts/astro-symboles.woff2) format("woff2");font-display:block}
:root{--nuit:#17213A;--ivoire:#F6F0E4;--carte:#FFFBF3;--filet:#E4DACA;--aube:#E39A4F;--rose:#E9B9A4;--aube-p:#9A4F17;--brume:#586379;--vert:#3F6B4F;--cadre:1120px}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;overflow-x:clip;background:var(--ivoire);color:var(--nuit);font:400 18px/1.6 "Figtree",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:var(--aube-p)}a:hover{color:var(--nuit)}
.cadre{width:100%;max-width:var(--cadre);margin:0 auto;padding:0 32px}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:420;line-height:1.1;margin:0}
.oeil{font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--rose);display:block;margin-bottom:16px}
.tete{background:var(--nuit);color:var(--ivoire);padding:28px 0 clamp(64px,8vw,104px)}
.entete{display:flex;align-items:center;justify-content:space-between;height:60px;margin-bottom:clamp(40px,6vw,72px)}
.entete img{height:36px;width:auto;display:block}
.entete nav{display:flex;align-items:center;gap:18px}
.entete nav a{color:var(--ivoire);font-size:15px;font-weight:600;text-decoration:none}
.entete nav a.dev{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(246,240,228,.38);border-radius:999px;padding:6px 14px;font-size:14px}
.entete nav a.dev::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--aube)}
.tete h1{font-size:clamp(40px,5.6vw,68px);max-width:15em}
.tete p.chapo{font-size:19px;color:rgba(246,240,228,.84);max-width:36em;margin:20px 0 0}
main section{padding:clamp(56px,8vw,112px) 0 0}
main section:last-child{padding-bottom:clamp(64px,9vw,128px)}
h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:24px}
.deux{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.boite{background:var(--carte);border:1px solid var(--filet);border-radius:24px;padding:30px 30px 26px}
.boite h3{font-size:24px;margin-bottom:14px}
.boite ul{margin:0;padding-left:20px}
.boite li{margin:6px 0}
.boite.oui h3{color:var(--vert)}.boite.non h3{color:#9B2C2C}
table.donnees{width:100%;border-collapse:collapse;font-size:16px}
table.donnees td{padding:14px 18px 14px 0;border-bottom:1px solid var(--filet);vertical-align:top}
table.donnees td:first-child{font-weight:600;width:30%}
.alerte{background:var(--nuit);color:var(--ivoire);border-radius:24px;padding:32px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.alerte .num{font-family:"Fraunces",serif;font-size:56px;color:var(--aube);line-height:1}
.alerte p{margin:0;max-width:40em;color:rgba(246,240,228,.88)}
.bouton{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:0;border-radius:999px;background:var(--nuit);color:var(--ivoire);font:600 16px "Figtree",sans-serif;padding:0 26px;cursor:pointer;text-decoration:none}
.bouton:hover{background:#223051;color:var(--ivoire)}
.bouton.aube{background:var(--aube);color:var(--nuit)}
.bouton.clair{background:transparent;color:var(--nuit);border:1px solid var(--nuit)}
.pied{padding:48px 0;color:var(--brume);font-size:14px}
.pied .cadre{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;border-top:1px solid var(--filet);padding-top:28px}
.pied img{height:30px;width:auto}
.pied p{margin:0}
@media (max-width:820px){.deux{grid-template-columns:minmax(0,1fr)}table.donnees td{display:block;width:auto!important;padding:4px 0}table.donnees td:first-child{padding-top:16px}table.donnees td:last-child{border-bottom:1px solid var(--filet);padding-bottom:14px}table.donnees tr td:first-child{border-bottom:0}}
@media (max-width:560px){.cadre{padding:0 16px}.entete nav a:not(.dev){display:none}.boite{padding:24px 20px}}