:root{
  --accueil-brand:#005f99;
  --accueil-text:#123;
  --accueil-muted:#5f7183;
  --accueil-bg:#fff;
  --accueil-bg-soft:#f4f8fb;
  --accueil-border:#e6eef4;
  --accueil-shadow:0 8px 24px rgba(0,0,0,.08);
}

.accueil{color:var(--accueil-text);background:var(--accueil-bg);}
.accueil .wrap{max-width:1000px;margin:0 auto;padding:0 20px;}

.accueil-hero{
  background:#fff;
  color:#123;
  text-align:center;
  padding:48px 20px;
  border-radius:14px;
  margin:24px auto 28px;
  box-shadow:0 4px 20px rgba(0,0,0,.08);
  position:relative;
}
.accueil-hero::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:6px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(90deg,#005f99,#0a73ba);
}
.accueil-hero h1{
  font-size:clamp(26px,4vw,40px);
  line-height:1.2;
  margin:0 0 12px 0;
  font-weight:800;
  color:#005f99;
}
.accueil-hero p{
  margin:0;
  font-size:18px;
  color:#345;
  opacity:.9;
}


.accueil section{margin:28px 0;}
.accueil h2{
  color:var(--accueil-brand);
  font-size:clamp(22px,3vw,28px);
  margin:0 0 14px 0;
  font-weight:800;
}

.accueil-intro{font-size:18px;line-height:1.6;color:#1a2a3a;}
.accueil-intro strong{color:var(--accueil-brand);}

.accueil-features{
  background:var(--accueil-bg-soft);
  border:1px solid var(--accueil-border);
  border-radius:14px;
  padding:18px;
  box-shadow:var(--accueil-shadow);
}
.accueil-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.accueil-item{
  position:relative;
  background:#fff;
  border:1px solid var(--accueil-border);
  border-radius:12px;
  padding:14px 14px 14px 42px;
  transition:transform .15s ease, box-shadow .15s ease;
}
.accueil-item::before{
  content:"◆";
  position:absolute;left:14px;top:12px;
  font-size:18px;
  color:var(--accueil-brand);
}
.accueil-item b{color:var(--accueil-brand);}
.accueil-item:hover{transform:translateY(-2px);box-shadow:var(--accueil-shadow);}

.accueil-img{
  width:100%;
  display:block;
  border-radius:14px;
  box-shadow:var(--accueil-shadow);
}

.accueil-note{
  text-align:left;
  font-size:16px;
  color:var(--accueil-muted);
  border-left:4px solid var(--accueil-brand);
  padding-left:12px;
}

@media (max-width:640px){
  .accueil-item{padding:12px 12px 12px 40px;}
}

.accueil-communes{
  margin:40px 0;
  padding:20px;
  background:#f9fbfd;
  border:1px solid #e5edf4;
  border-radius:12px;
}
.accueil-communes h2{
  color:#005f99;
  margin-bottom:12px;
}
.commune-list{
  columns:2;
  list-style:none;
  padding:0;
}
.commune-list li{
  margin:4px 0;
}
.accueil-communes{margin:40px 0;padding:20px;background:#f9fbfd;border:1px solid #e5edf4;border-radius:12px}
.commune-list{list-style:none;padding:0;margin:8px 0 0;columns:2;gap:16px}
.commune-list li{break-inside:avoid;margin:4px 0}
@media (max-width:640px){.commune-list{columns:1}}

/* Bloc notes légales / mentions */
.accueil-mentions{
  margin:40px 0;
  padding:20px;
  background:#f9fbfd;
  border:1px solid #e5edf4;
  border-radius:12px;
}

.accueil-note{
  font-size:15px;
  line-height:1.6;
  color:#344;
  margin-bottom:14px;
}

/* Liens */
/* Liens dans le bloc accueil-note */
.accueil-note a {
  color:#005f99;
  font-weight:normal;       /* plus léger */
  font-size:0.95em;         /* un peu plus petit que le texte */
  text-decoration:none;
  border-bottom:1px solid rgba(0,95,153,.3);
  transition:color .2s ease, border-color .2s ease;
}

.accueil-note a:hover {
  color:#0a73ba;
  border-bottom-color:#0a73ba;
}