.chauffage{
  padding:10px 0 30px;
}

/* retour */

.back-home{
  padding:12px 0;
}

.back-home a{
  font-weight:600;
  color:#1a66c7;
}

/* bandeau */

.chauffage-banner{
  width:100%;
  height:340px;
  border-radius:22px;
  margin:10px 0 25px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(rgba(13,62,119,.45), rgba(13,62,119,.30)),
    url("images/chauffage-bandeau.jpg") center/cover no-repeat;
  box-shadow:0 14px 30px rgba(0,0,0,.14);
}

.chauffage-banner__content{
  position:absolute;
  left:28px;
  bottom:28px;
  color:#fff;
}

.chauffage-banner__content h1{
  margin:0;
  font-size:2.3rem;
  font-weight:900;
}

.chauffage-banner__content p{
  margin-top:6px;
}

/* contenu */

.chauffage-box{
  background:#fff;
  border-radius:22px;
  padding:24px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.chauffage-box h2{
  color:#0d3e77;
}

/* liste */

.chauffage-list{
  padding-left:22px;
}

.chauffage-list li{
  margin-bottom:8px;
}

/* bloc désembouage */

.chauffage-highlight{
  background:linear-gradient(135deg,#eef5fd,#ffffff);
  border-left:6px solid #1a66c7;
  padding:22px;
  border-radius:18px;
  margin:20px 0;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.highlight-text{
  font-weight:700;
  color:#0d3e77;
  margin:10px 0 15px;
}

/* CTA */

.chauffage-phone{
  margin-top:15px;
  font-weight:800;
  color:#0d3e77;
}

.chauffage-cta{
  margin-top:20px;
}

/* responsive */

@media (max-width:700px){
  .chauffage-banner{
    height:220px;
  }

  .chauffage-banner__content{
    left:18px;
    bottom:18px;
  }

  .chauffage-banner__content h1{
    font-size:1.8rem;
  }

  .chauffage-box{
    padding:20px;
  }
}