
/* MANITOU Premium — design commun aux pages intérieures, à la médiathèque et à l'administration. */
:root{--navy:#071635;--navy2:#0b224a;--gold:#d8a63e;--goldlight:#f2cb70;--blue:#165a9c;--orange:#d8a63e;--violet:#4b168f;--ink:#111d38;--muted:#59667b;--line:#e4e8ed;--soft:#f7f8fa;--shadow:0 12px 38px rgba(6,20,48,.08);--r:18px}
body.premium-inner{font-family:Arial,Helvetica,sans-serif;background:#fff;color:var(--ink);line-height:1.6}
.premium-inner .header{position:relative;top:auto;border:0;background:#fff;box-shadow:0 2px 12px #09152c0d;backdrop-filter:none}
.premium-inner .header-inner{max-width:1480px;width:auto;min-height:92px;margin:auto;padding:10px 4%;display:flex;align-items:center;gap:28px}
.premium-inner .brand img{width:200px;height:70px;object-fit:contain;object-position:left center}
.premium-inner .nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(11px,1.45vw,24px);margin-left:auto;position:static;background:transparent;box-shadow:none;border:0;padding:0;border-radius:0}
.premium-inner .nav a{font-size:13px;font-weight:700;white-space:nowrap;padding:12px 0;color:#111d38}
.premium-inner .nav a:hover,.premium-inner .nav a.active{color:#ad7c1b}
.premium-inner .nav a.active{border-bottom:2px solid var(--gold)}
.premium-inner .nav a.nav-contact{padding:12px 17px;background:var(--gold);border-radius:9px;color:#081734}
.premium-inner .menu-toggle{display:none}
.inner-hero{min-height:390px;position:relative;overflow:hidden;background:#071635;color:#fff}
.inner-hero__art{position:absolute;inset:0 0 0 47%;background-image:linear-gradient(90deg,#071635 0%,#07163555 35%,transparent 78%),var(--inner-photo);background-size:cover;background-position:center,center 40%;filter:saturate(.92)}
.inner-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071635 0%,#071635d9 37%,transparent 84%);pointer-events:none}
.inner-hero__inner{position:relative;z-index:1;max-width:1380px;margin:auto;min-height:390px;padding:65px 5%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.inner-hero__copy{max-width:800px}.inner-hero__eyebrow{font:italic 26px Georgia,serif;color:var(--goldlight);margin:0 0 13px;letter-spacing:.01em;text-transform:none}
.inner-hero h1{font:500 clamp(36px,4.5vw,66px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#fff;margin:0 0 17px}
.inner-hero__desc{font-size:clamp(15px,1.25vw,19px);line-height:1.6;max-width:710px;color:#f3f5f8;margin:0}
.inner-hero__signature{align-self:flex-end;white-space:nowrap;text-align:center;font:italic 24px/1.35 Georgia,serif;color:var(--goldlight);text-shadow:0 2px 8px #000a}
.inner-hero .actions{margin-top:22px}.inner-hero .btn{border-radius:10px}.inner-hero .btn.dark{background:transparent;color:#fff;border:1px solid var(--goldlight)}.inner-hero .btn.primary{background:var(--goldlight);border-color:var(--goldlight);color:var(--navy)}
.premium-inner .wrap{width:min(1240px,90vw)}
.premium-inner .section{padding:72px 0}.premium-inner .section.soft{background:#f6f7f9}.premium-inner .section.cream{background:#fbfaf7}
.premium-inner .section h2{font:500 clamp(30px,3.7vw,50px)/1.13 Georgia,serif;color:var(--navy);letter-spacing:-.025em}
.premium-inner .eyebrow{color:#b18430;font-size:12px;letter-spacing:.16em}.premium-inner .kicker{color:#b18430}
.premium-inner .card,.premium-inner .article,.premium-inner .partner,.premium-inner .person,.premium-inner .media-card{border-radius:18px;border:1px solid #e8e8ea;box-shadow:0 9px 30px #10234b0c;background:#fff;transition:transform .2s,box-shadow .2s}
.premium-inner .card:hover,.premium-inner .article:hover,.premium-inner .partner:hover,.premium-inner .media-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #10234b19}
.premium-inner .card h3,.premium-inner .article h3,.premium-inner .person h3,.premium-inner .partner h3{color:var(--navy);font-family:Georgia,serif;font-weight:500}
.premium-inner .card ul li{margin:5px 0}.premium-inner .grid3{gap:18px}.premium-inner .card{padding:30px}
.premium-inner .btn{border-radius:10px}.premium-inner .btn.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.premium-inner .btn.primary{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.premium-inner .submit{background:var(--gold);color:var(--navy);border-radius:10px}.premium-inner .form{border-radius:18px;box-shadow:0 14px 40px #10234b12}
.premium-inner .field input:focus,.premium-inner .field textarea:focus,.premium-inner .field select:focus{outline:2px solid #d8a63e;outline-offset:1px}
.premium-inner .role{color:#b18430}.premium-inner .avatar{background:linear-gradient(135deg,#071635,#234b7c)}
.premium-inner .media-grid{gap:20px}.premium-inner .media-card img,.premium-inner .media-card video{height:245px}
.premium-inner .footer{background:#f6f7f9;color:var(--ink);padding:38px max(4%,calc((100vw - 1350px)/2));display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:24px}
.premium-inner .footer img{width:150px;height:120px;object-fit:contain;object-position:left center;background:none;padding:0;border-radius:0}
.premium-inner .footer p{color:#57647a}.premium-inner .footer a{color:var(--ink)}.premium-inner .footer a:hover{color:#b18a35}
.premium-inner .footer>div:not(.footer-bottom){display:flex;flex-direction:column;gap:12px}.premium-inner .footer-bottom{grid-column:1/-1;border-top:1px solid #e1e3e8;padding-top:16px;color:#6c7482}
.premium-inner .social-links,.footer .social-links{display:flex!important;flex-direction:row!important;gap:12px;align-items:center;flex-wrap:wrap}
.premium-inner .social-links svg,.footer .social-links svg{width:22px;height:22px}
.premium-cta{background:linear-gradient(115deg,#071635,#102d58);color:#fff;text-align:center;padding:55px 5% 65px}.premium-cta p{color:var(--goldlight);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.premium-cta h2{font:500 clamp(27px,3vw,43px)/1.15 Georgia,serif;margin:14px auto 24px;max-width:820px}.premium-cta .btn{background:var(--goldlight);color:var(--navy)}
/* Back office: only visual styles, no changes to PHP upload/authentication logic. */
.admin-body{background:linear-gradient(135deg,#071635,#12315a)!important;color:var(--ink)}.admin-body .admin-card{border:1px solid #e8e8ea;border-radius:18px;box-shadow:0 12px 35px #0002}.admin-body .eyebrow{color:#b18430}.admin-body .btn.primary,.admin-body .btn.dark{background:#d8a63e;color:#071635;border-color:#d8a63e}.admin-body .admin-brand img{width:190px;background:#fff;border-radius:12px;padding:8px}.admin-body input:focus,.admin-body textarea:focus{outline:2px solid #d8a63e}
@media(max-width:1200px){.premium-inner .header-inner{gap:12px}.premium-inner .brand img{width:170px}.premium-inner .nav{gap:10px}.premium-inner .nav a{font-size:12px}.inner-hero__signature{display:none}}
@media(max-width:800px){.premium-inner .header-inner{min-height:72px}.premium-inner .brand img{width:160px;height:58px}.premium-inner .menu-toggle{display:flex;margin-left:auto;width:42px;height:40px;flex-direction:column;justify-content:center;gap:5px;border:1px solid #dde1e8;border-radius:8px;background:white;padding:9px}.premium-inner .menu-toggle span{height:2px;background:#112247;display:block;width:100%}.premium-inner .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px 5% 22px;box-shadow:0 14px 20px #0002;flex-direction:column;align-items:stretch;gap:0;z-index:20}.premium-inner .nav.open{display:flex}.premium-inner .nav a{font-size:14px;padding:12px}.premium-inner .nav a.active{border:0;border-left:3px solid var(--gold)}.inner-hero__art{inset:0;opacity:.55;background-position:center,65% center}.inner-hero:after{background:linear-gradient(90deg,#071635f2,#071635b3)}.inner-hero__inner{min-height:410px;padding:60px 6%}.inner-hero h1{font-size:clamp(34px,6.7vw,50px)}.premium-inner .footer{grid-template-columns:1fr 1fr;padding:35px 5%}.premium-inner .footer>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.premium-inner .section{padding:52px 0}.premium-inner .grid3,.premium-inner .partner-grid,.premium-inner .logo-wall,.premium-inner .insights{grid-template-columns:1fr}.inner-hero__inner{min-height:370px;padding:50px 6%}.inner-hero__eyebrow{font-size:22px}.inner-hero h1{font-size:36px}.inner-hero__desc{font-size:15px}.premium-inner .footer{grid-template-columns:1fr}.premium-inner .footer>div:first-child{grid-column:auto}.premium-inner .contact-grid{grid-template-columns:1fr}}
