/* ENTÊTE MODÈLE MH */

.header{
  background:#062238 !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.header-inner{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:22px 24px !important;
  display:grid !important;
  grid-template-columns:340px 1fr auto !important;
  align-items:center !important;
  gap:36px !important;
}

.header .brand{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.header .brand img{
  width:82px !important;
  height:auto !important;
}

.header .brand strong{
  font-size:1.75rem !important;
  line-height:1.1 !important;
  color:#fff !important;
}

.header .brand span{
  font-size:1.05rem !important;
  color:#fff !important;
  opacity:.95 !important;
}

.header .nav{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:28px !important;
  flex-wrap:nowrap !important;
}

.header .nav a{
  color:#fff !important;
  font-weight:800 !important;
  padding:12px 16px !important;
  border-radius:8px !important;
  white-space:nowrap !important;
}

.header .nav a:hover,
.header .nav a.active{
  background:#c99a33 !important;
  color:#08233a !important;
}

.header .btn{
  background:#c99a33 !important;
  color:#08233a !important;
  padding:16px 34px !important;
  border-radius:8px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}

/* HERO comme le modèle */
.hero{
  background:
    linear-gradient(90deg, rgba(6,34,56,.96) 0%, rgba(6,34,56,.88) 45%, rgba(6,34,56,.65) 100%),
    linear-gradient(135deg,#08233a,#0f3558) !important;
  color:#fff !important;
  padding:78px 24px 90px !important;
}

.hero-inner{
  max-width:1180px !important;
  margin:0 auto !important;
}

.hero h1{
  color:#fff !important;
  font-size:clamp(3.2rem,5vw,5.2rem) !important;
  line-height:1.05 !important;
  max-width:760px !important;
}

.hero p{
  color:#fff !important;
  max-width:760px !important;
  font-size:1.25rem !important;
  line-height:1.7 !important;
}

.breadcrumb,
.breadcrumb a{
  color:#fff !important;
}

.breadcrumb a{
  color:#c99a33 !important;
  font-weight:800 !important;
}

@media(max-width:1100px){
  .header-inner{
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .header .nav{
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }
}

/* Décalage Hero vers la droite */
.hero-inner{
  padding-left:38px !important;
}

@media(max-width:1100px){
  .hero-inner{
    padding-left:38px !important;
  }
}