/* =========================================================
   MUSEE LMI — CSS MAITRE INSTITUTIONNEL
   ========================================================= */

:root{
  --lmi-blue:#143B7D;
  --lmi-ocre:#A96A2A;
  --lmi-sand:#D8C9A8;
  --lmi-sun:#E0BE57;
  --lmi-white:#FFFFFF;
  --lmi-ink:#1F2937;
  --lmi-muted:#4B5563;
  --lmi-bg:#F8F5EF;
  --lmi-line:rgba(20,59,125,.12);
  --lmi-card:#FBFAF7;
  --lmi-shadow:0 10px 28px rgba(0,0,0,.04);
  --lmi-radius-xl:28px;
  --lmi-radius-lg:24px;
  --lmi-radius-md:18px;
  --lmi-max:1240px;
}

html{scroll-behavior:smooth;}

body{
  margin:0;
  padding:0;
  background:var(--lmi-white);
  color:var(--lmi-ink);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

*,
*::before,
*::after{box-sizing:border-box;}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:var(--lmi-blue);
  text-decoration:none;
  transition:all .2s ease;
}

a:hover{opacity:.86;}

h1,h2,h3,h4,h5,h6{
  margin:0 0 12px 0;
  color:var(--lmi-blue);
  line-height:1.08;
  letter-spacing:-.03em;
  font-weight:800;
}

p{margin:0 0 14px 0;}

.lmi-musee-wrap,
.container,
.site-container{
  width:min(var(--lmi-max), calc(100% - 28px));
  margin-left:auto;
  margin-right:auto;
}

/* =========================
   HEADER MUSEAL
   ========================= */
.lmi-musee-header{
  position:sticky;
  top:0;
  z-index:9999;
  background:rgba(255,255,255,.97);
  border-bottom:1px solid var(--lmi-line);
  padding:14px 0;
}

.lmi-musee-header-wrap{
  width:min(var(--lmi-max), calc(100% - 28px));
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
}

.lmi-musee-brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.lmi-musee-mark{
  width:50px;
  height:50px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--lmi-blue);
  color:#fff;
  font-size:.92rem;
  font-weight:800;
  letter-spacing:.08em;
}

.lmi-musee-brand-text{
  display:flex;
  flex-direction:column;
}

.lmi-musee-brand-text strong{
  color:var(--lmi-blue);
  font-size:1rem;
  line-height:1;
  letter-spacing:.05em;
}

.lmi-musee-brand-text span{
  margin-top:4px;
  color:var(--lmi-muted);
  font-size:.88rem;
}

.lmi-musee-nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.lmi-musee-nav a{
  padding:10px 14px;
  border-radius:999px;
  color:var(--lmi-blue);
  font-size:.92rem;
  font-weight:700;
}

.lmi-musee-nav a:hover{
  background:rgba(20,59,125,.06);
}

/* =========================
   FOOTER MUSEAL
   ========================= */
.lmi-musee-footer{
  padding:32px 0 40px;
  background:#fff;
}

.lmi-musee-footer-wrap{
  width:min(var(--lmi-max), calc(100% - 28px));
  margin:0 auto;
  border-top:1px solid var(--lmi-line);
  padding-top:24px;
}

.lmi-musee-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:22px;
}

.lmi-musee-footer-col{
  background:var(--lmi-card);
  border:1px solid var(--lmi-line);
  border-radius:24px;
  padding:24px;
  box-shadow:var(--lmi-shadow);
}

.lmi-musee-footer-col h4{
  margin:0 0 12px;
  color:var(--lmi-blue);
  font-size:.92rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}

.lmi-musee-footer-col p,
.lmi-musee-footer-col a{
  color:var(--lmi-muted);
  font-size:.96rem;
  line-height:1.8;
}

.lmi-musee-footer-bottom{
  padding-top:16px;
  color:var(--lmi-muted);
  font-size:.92rem;
}

/* =========================
   NETTOYAGE ZOHO
   ========================= */
a[href*="zoho.com/sites"],
a[href*="zohosites"],
div:has(> a[href*="zoho.com/sites"]),
div:has(> a[href*="zohosites"]),
p:has(> a[href*="zoho.com/sites"]),
p:has(> a[href*="zohosites"]) {
  display:none !important;
}

/* =========================
   RESPONSIVE
   ========================= */
@media (max-width:980px){
  .lmi-musee-footer-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .lmi-musee-header-wrap,
  .lmi-musee-footer-wrap,
  .lmi-musee-wrap,
  .container,
  .site-container{
    width:min(var(--lmi-max), calc(100% - 20px));
  }

  .lmi-musee-nav{
    width:100%;
  }

  .lmi-musee-nav a{
    font-size:.88rem;
    padding:9px 12px;
  }

  .lmi-musee-mark{
    width:46px;
    height:46px;
  }

  .lmi-musee-brand-text strong{
    font-size:.95rem;
  }
}

/* =========================
   CORRECTIF MOBILE HEADER + PAGES
   ========================= */

@media (max-width: 980px){

  .lmi-musee-header{
    position:relative !important;
    padding:14px 0 10px !important;
  }

  .lmi-musee-header-wrap{
    display:block !important;
  }

  .lmi-musee-brand{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    margin-bottom:16px !important;
  }

  .lmi-musee-nav{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px 14px !important;
    width:100% !important;
  }

  .lmi-musee-nav a{
    display:block !important;
    padding:0 !important;
    background:none !important;
    border-radius:0 !important;
    font-size:18px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
  }

  .lmi-m

    
    /* =========================================================
   MUSEE LMI — cacher le menu texte du haut, garder l'identité
   ========================================================= */

.lmi-musee-header .lmi-musee-nav{
  display:none !important;
}

.lmi-musee-header{
  position:relative !important;
  top:auto !important;
  background:#ffffff !important;
  border-bottom:none !important;
  padding:14px 0 8px !important;
  z-index:10 !important;
}

.lmi-musee-header-wrap{
  display:block !important;
}

.lmi-musee-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;
}

.lmi-musee-brand-text{
  display:flex !important;
  flex-direction:column !important;
}

.lmi-musee-brand-text strong,
.lmi-musee-brand-text span{
  display:block !important;
}

/* un peu plus compact sur mobile */
@media (max-width: 768px){
  .lmi-musee-header{
    padding:12px 0 6px !important;
  }

  .lmi-musee-mark{
    width:44px !important;
    height:44px !important;
  }

  .lmi-musee-brand-text strong{
    font-size:0.95rem !important;
  }

  .lmi-musee-brand-text span{
    font-size:0.82rem !important;
  }
}
    
    
    /* =========================================================
   MUSEE LMI — correction forte : cacher la liste de liens
   garder logo + titre + baseline
   ========================================================= */

.lmi-musee-header nav,
.lmi-musee-header .lmi-musee-nav,
.lmi-musee-header .lmi-musee-nav *,
.lmi-musee-header-wrap nav,
.lmi-musee-header-wrap .lmi-musee-nav,
.lmi-musee-header-wrap .lmi-musee-nav *{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  max-height:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  border:none !important;
}

.lmi-musee-header{
  position:relative !important;
  top:auto !important;
  background:#ffffff !important;
  border-bottom:none !important;
  padding:14px 0 6px !important;
  z-index:10 !important;
}

.lmi-musee-header-wrap{
  display:block !important;
}

.lmi-musee-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 !important;
}

.lmi-musee-brand-text{
  display:flex !important;
  flex-direction:column !important;
}

@media (max-width:768px){
  .lmi-musee-header{
    padding:12px 0 4px !important;
  }

  .lmi-musee-mark{
    width:44px !important;
    height:44px !important;
  }

  .lmi-musee-brand-text strong{
    font-size:.95rem !important;
  }

  .lmi-musee-brand-text span{
    font-size:.82rem !important;
  }
}
    
    /* =========================================================
   MUSEE LMI — correctif mobile pages
   ========================================================= */

@media (max-width: 980px){

  [style*="grid-template-columns:1.15fr .85fr"],
  [style*="grid-template-columns:1.1fr .9fr"],
  [style*="grid-template-columns:1.08fr .92fr"],
  [style*="grid-template-columns:repeat(3,minmax(0,1fr))"],
  [style*="grid-template-columns:repeat(2,minmax(0,1fr))"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns:1fr 1fr 1fr"]{
    display:block !important;
  }

  article,
  div[style*="border-radius:24px"],
  div[style*="border-radius:22px"],
  div[style*="border-radius:28px"]{
    margin-bottom:18px !important;
  }

  div[style*="min-height:420px"],
  div[style*="min-height:430px"]{
    min-height:260px !important;
  }
}

@media (max-width: 640px){

  h1{
    font-size:40px !important;
    line-height:1.05 !important;
  }

  h2{
    font-size:30px !important;
    line-height:1.08 !important;
  }

  h3{
    font-size:24px !important;
    line-height:1.15 !important;
  }

  p{
    font-size:16px !important;
    line-height:1.8 !important;
  }
}
    /* =========================================================
   MUSEE LMI — correctif mobile fort pour tous les blocs HTML
   ========================================================= */

@media (max-width: 980px){

  section div[style*="display:grid"]{
    display:block !important;
  }

  section article{
    display:block !important;
    width:100% !important;
    margin-bottom:18px !important;
  }

  section div[style*="grid-template-columns"]{
    display:block !important;
  }

  section div[style*="min-height:420px"],
  section div[style*="min-height:430px"]{
    min-height:260px !important;
  }

  section div[style*="border-radius:24px"],
  section div[style*="border-radius:22px"],
  section div[style*="border-radius:28px"]{
    margin-bottom:18px !important;
  }

  section h1{
    font-size:40px !important;
    line-height:1.05 !important;
    word-break:normal !important;
  }

  section h2{
    font-size:30px !important;
    line-height:1.1 !important;
    word-break:normal !important;
  }

  section h3{
    font-size:24px !important;
    line-height:1.15 !important;
    word-break:normal !important;
  }

  section p{
    font-size:16px !important;
    line-height:1.8 !important;
  }

  section *{
    writing-mode:horizontal-tb !important;
  }
}