@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#102847;--navy2:#0a1b33;--blue:#1461a6;--gold:#e5b65b;--ink:#183047;--muted:#617083;--paper:#f6f8fb;--white:#fff;--border:#dce5ec;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'DM Sans',Arial,sans-serif}h1,h2,h3,.brand,.nav{font-family:Manrope,Arial,sans-serif}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(2.3rem,5vw,4.5rem);margin:.25em 0}h2{font-size:clamp(1.65rem,3vw,2.55rem)}h3{font-size:1.24rem}p{margin:.6em 0 1.2em}a{color:var(--blue)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.container{max-width:1160px;margin:auto;padding:0 24px}.top{background:var(--navy2);color:white}.top-inner{display:flex;align-items:center;gap:20px;padding-top:13px;padding-bottom:13px}.logo{width:94px;height:94px;object-fit:contain;background:#fff;border-radius:50%;padding:3px}.brand{color:white;text-decoration:none;display:block;font-weight:800;font-size:clamp(1.25rem,2.3vw,1.9rem);letter-spacing:.01em;line-height:1.25}.tagline{font-size:.96rem;color:#c9dcec;margin-top:4px}.top-right{margin-left:auto;text-align:right;font-size:.85rem;color:#d6e4ee}.top-right a{color:#fff}.nav-wrap{background:#123b66}.nav-inner{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.nav a{display:inline-block;padding:13px 12px;color:#e9f4fc;text-decoration:none;font-size:.85rem;font-weight:700;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{background:#1a5287;color:#fff;border-bottom-color:var(--gold)}.menu-button{display:none;background:none;color:#fff;border:1px solid #6e9abb;padding:8px 14px;border-radius:8px;font-weight:700}.hero{background:linear-gradient(125deg,#102847 0%,#154d77 72%,#1a647c 100%);color:white;padding:78px 0 84px;overflow:hidden}.hero .eyebrow{color:#f2c979}.hero p{font-size:1.17rem;color:#dcecf4;max-width:700px}.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:45px}.hero-mark{border:1px solid #ffffff30;background:#ffffff10;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;padding:20px}.hero-mark img{width:100%;max-width:270px;border-radius:50%}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:.78rem;color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;background:var(--gold);color:#102847;text-decoration:none;font-weight:800;border-radius:9px;border:2px solid var(--gold);line-height:1.3}.btn:hover{filter:brightness(.96)}.btn.secondary{background:transparent;color:white;border-color:#a8c4d8}.btn.light{background:#fff;border-color:#fff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:64px 0}.section.white{background:#fff}.intro{max-width:790px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 24px #142e4d0a}.card .body{padding:25px}.card h3{margin:9px 0}.card p{color:var(--muted)}.card a.more{font-weight:800;text-decoration:none}.card-visual{height:145px;display:grid;place-items:center;font-size:4rem}.museum{background:linear-gradient(135deg,#e6eefb,#bfd6ee)}.bus{background:linear-gradient(135deg,#e4f3e9,#b6dfc3)}.activity{background:linear-gradient(135deg,#fff2d7,#f6d39b)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.panel{padding:32px;background:#eaf1f8;border-radius:var(--radius)}.panel.green{background:#e7f3eb}.panel.gold{background:#fff2d9}.panel p:last-child{margin-bottom:0}.callout{background:var(--navy);color:#fff;padding:40px;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:30px}.callout p{color:#d7e7f2}.callout h2{margin:0}.page-head{background:linear-gradient(120deg,#102847,#1b577c);color:#fff;padding:58px 0}.page-head p{max-width:780px;color:#d9e9f2;font-size:1.1rem}.page-head .eyebrow{color:#f1c779}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:36px}.content{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:34px}.content h2:first-child{margin-top:0}.note{border-left:4px solid var(--gold);background:#fff8e9;padding:15px 20px;border-radius:0 10px 10px 0}.steps{padding-left:23px}.steps li{margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{background:#edf4f9;border-radius:30px;padding:6px 12px;font-size:.9rem;font-weight:700}.footer{background:#0a1b33;color:#c5d5e4;padding:40px 0 20px;margin-top:0}.footer a{color:#e7f4fc}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer strong{color:#fff}.footer small{display:block;margin-top:30px;border-top:1px solid #ffffff22;padding-top:16px}.list-clean{padding-left:20px}.list-clean li{margin:8px 0}.status{font-weight:800;color:#7b581c;background:#fff0c9;border-radius:20px;padding:5px 12px;display:inline-block;font-size:.85rem}.status.active{color:#185b39;background:#ddf5e5}.contact-links a{display:block;padding:12px 0;border-bottom:1px solid var(--border);word-break:break-word}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:700;margin-bottom:5px}input,textarea,select{width:100%;font:inherit;border:1px solid #aebfcc;border-radius:9px;padding:11px;background:white}textarea{min-height:125px;resize:vertical}form .field{margin-bottom:16px}button.btn{cursor:pointer}.muted{color:var(--muted)}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}.hero-mark{display:none}.feature,.two-col{grid-template-columns:1fr}.top-right{display:none}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:660px){.container{padding:0 18px}.top-inner{gap:12px}.logo{width:66px;height:66px}.tagline{font-size:.8rem}.menu-button{display:block;margin:9px 0}.nav-inner{display:block}.nav-links{display:none;padding-bottom:8px}.nav-links.open{display:flex;flex-direction:column;align-items:stretch}.nav a{display:block}.cards{grid-template-columns:1fr}.section{padding:42px 0}.hero{padding:54px 0}.callout{display:block;padding:27px}.footer-grid,.form-row{grid-template-columns:1fr}.content{padding:24px}}
/* Navigation principale : version 2, contraste et espacement renforces */
.nav-wrap{background:#f4f0e7;border-bottom:4px solid #d8a746;box-shadow:0 5px 18px rgba(10,27,51,.14);position:relative;z-index:10}
.nav-inner{padding-top:11px;padding-bottom:11px}
.nav-links{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;width:100%}
.nav a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 15px;border:2px solid transparent;border-radius:11px;color:#112c4a;background:transparent;font-size:.93rem;font-weight:800;line-height:1.25;white-space:nowrap;transition:background .18s,color .18s,transform .18s,border-color .18s}
.nav a:hover{background:#e0e9f1;color:#102847;border-color:#b9cddd;transform:translateY(-1px)}
.nav a.active,.nav a[aria-current="page"]{background:#102847;color:#fff;border-color:#102847;box-shadow:0 3px 9px rgba(10,27,51,.16)}
.nav a[href="soutenir.html"]:not(.active){background:#f7e3b3;color:#563a0a;border-color:#e3bc64}
.nav a[href="soutenir.html"]:hover{background:#f1d28b}
.menu-button{background:#102847;color:#fff;border:2px solid #102847;padding:11px 17px;border-radius:10px;font-size:1rem}
@media(max-width:660px){.nav-inner{padding-top:10px;padding-bottom:10px}.menu-button{display:block;width:100%;text-align:left;margin:0}.nav-links{display:none;padding:12px 0 3px}.nav-links.open{display:flex;flex-direction:column;align-items:stretch;gap:7px}.nav a{display:flex;width:100%;justify-content:flex-start;padding:13px 17px;white-space:normal;font-size:1rem}}
/* Navigation : boutons discrets, lisibles et coherents avec le bandeau */
.nav-wrap{background:#f5f3ee;border-bottom:1px solid #d8dfe5;box-shadow:none}
.nav-inner{padding-top:13px;padding-bottom:13px}
.nav-links{gap:9px}
.nav a,.nav a[href="soutenir.html"]:not(.active){min-height:38px;padding:8px 12px;background:#fff;color:#243b53;border:1px solid #d5dee6;border-radius:7px;box-shadow:none;font-size:.83rem;font-weight:650;text-decoration:none;transform:none;transition:background .15s,border-color .15s,color .15s}
.nav a:hover,.nav a[href="soutenir.html"]:hover{background:#eaf0f5;color:#102847;border-color:#9eb6ca;transform:none}
.nav a.active,.nav a[aria-current="page"]{background:#e4edf5;color:#102847;border:1px solid #9bb5c9;box-shadow:inset 0 -2px 0 #517da0}
@media(max-width:660px){.nav-links{gap:7px}.nav a{width:100%;padding:11px 14px;font-size:.93rem}.menu-button{background:#fff;color:#102847;border:1px solid #b9c8d5;border-radius:7px}}

/* Permanence hebdomadaire */
.permanence-section{background:#fffaf0;border-top:1px solid #efe2c8;border-bottom:1px solid #efe2c8}
.permanence-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}
.permanence-grid figure{margin:0;background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden}
.permanence-grid img{display:block;width:100%;height:265px;object-fit:cover}
.permanence-grid figcaption{padding:10px 14px;color:var(--muted);font-size:.9rem}
.permanence-actions{display:flex;gap:12px;flex-wrap:wrap}.btn.outline{background:transparent;border-color:#9eb4c6;color:var(--navy)}
.permanence-single{display:block;width:100%;max-width:780px;max-height:350px;object-fit:cover;border-radius:15px;margin-top:20px}
@media(max-width:660px){.permanence-grid{grid-template-columns:1fr}.permanence-grid img{height:220px}}

/* Actualites : vignettes et articles */
.news-home{background:#eef4f8}.news-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.news-heading h2{margin-bottom:5px}.news-heading p{margin:0}.news-list{display:grid;gap:24px}.news-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:25px;padding:22px;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 8px 25px rgba(16,40,71,.06)}.news-thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eaf1f8;border-radius:12px;min-height:180px}.news-thumb img{display:block;width:100%;height:100%;max-height:235px;object-fit:contain;padding:12px}.news-copy h2,.news-copy h3{margin:8px 0 12px}.news-copy h3 a{text-decoration:none;color:var(--navy)}.news-copy p{margin:8px 0 12px}.news-date{display:block;color:#536b80;font-weight:700;font-size:.84rem;letter-spacing:.02em}.news-contact{font-weight:800}.news-home .news-card{margin-top:12px}@media(max-width:720px){.news-heading{align-items:flex-start;flex-direction:column}.news-card{grid-template-columns:1fr;padding:16px;gap:16px}.news-thumb{height:190px}.news-thumb img{max-height:190px}}
