body{
  font-family: "Open Sans",sans-serif!important;
}
h2 {
    font-weight: 200;
}
h3 {
    font-weight: 200;
    line-height: 1.2;
}
@media screen and (min-width: 768px) {
  h2 {
    font-size: 5rem;
  }
  h3 {
    font-size: 3.8rem;
  }
}
.button.alt img{
  filter: brightness(0) invert(1);
}

#a-qui-s-adresse .hq-bloc-gris{
  border: none;
}
#a-qui-s-adresse .intro h2{
  font-size: 3rem;
}
#a-qui-s-adresse .intro p{
  font-size: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  #a-qui-s-adresse .intro h2{
    font-size: 5rem;
  }
  #a-qui-s-adresse .intro p{
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
#changements-climatiques {
    background-color: #F3F3F3;
    border: none;
    padding:1rem 0;
}
@media screen and (min-width: 768px) {
  #changements-climatiques {
    padding: 40px;
  }
}
#bienergie .banner {
  background: #B6D5F7;
}

#bienergie .banner h1 {
  color: #0F096C;
}
#bienergie .subtitre{
  color: #0F096C;
}
#bienergie .banner p {
  color: #0F096C;
}
#hq-breadcrumb {
  margin: 15px;
}
@media screen and (min-width: 768px) {
  #bienergie .banner {
    background: #B6D5F7;
  }

  #bienergie .banner h1 {
    line-height: 5rem;
    font-weight: 600;
    font-size: 5.6rem;
  }
  #bienergie .subtitre{
    font-size: 4rem;
    font-weight: 200;
  }
}

#bienergie .bien-se-renseigner_liens {
  list-style-image: none;
}

#bienergie .thumb-list img {
  max-height: 111px;
}

#bienergie .button.alt {
  background-color: #17649f !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}

#bienergie .button.alt:active,
#bienergie .button.alt:focus,
#bienergie .button.alt:hover {
  background-color: #fff !important;
  border: 1px solid #17649f !important;
  color: #17649f !important;
}
#bienergie #avantages {
  background-color: #0F096C;
  color: white;
  padding-top: 45px;
  padding-bottom: 45px;
}
@media screen and (min-width: 768px) {
  #bienergie #avantages > .row{
    margin-bottom: 40px;
  }
}
#bienergie #avantages > .row .row{
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  #bienergie #avantages > .row .row{
    margin-bottom: 0;
  }
}
#bienergie #avantages h2,
#bienergie #avantages a{
  color: white;
}
#bienergie .note{
  text-align: right;
  margin: -3rem 0 4rem 0;
}
@media screen and (min-width: 768px) {
  #bienergie #avantages {
    padding-top: 75px;
    padding-bottom: 75px;
  }
}
.co2{
  background-color: #CFE3FA;
  margin: 40px -40px;
}
@media screen and (min-width: 768px) {
  .hq-donnees {
    margin-top: 3rem;
  }
}
#bienergie #co2-img {
  object-fit: cover;
  margin: 0 -40px;
}
.hq-donnees-row{
  padding: 4rem 0;
}
@media screen and (min-width: 768px) {
  .hq-donnees-row{
    padding: 0;
  }
}
.hq-donnees-row .hq-donnees{
  border: none;
  padding: 0 54px;
  margin: 0;
  text-align: left;
}
.hq-donnees-row .hq-donnees p .small-block{
  font-size: 2rem;
}
.hq-donnees-row .hq-donnees p .big-block{
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .hq-donnees-row .hq-donnees{
    padding: 2rem;
    text-align: center;
  }
}
.cartes{
  text-align: center;
  margin: 2rem 0;
}
@media screen and (min-width: 768px) {
  .cartes{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
    max-width: none;
    margin: 1rem 0;
  }
}
.carte{
  border-radius: 1rem;
  overflow: hidden;
  background-color: #F3F3F3;
  max-width: 240px;
  margin: 2rem auto;
}
.carte h3{
  font-size: 2.2rem;
  margin-top: 1rem;
  font-weight: 400;
}
.carte p{
  font-size: 1.4rem;
}
.carte .ordre{
  background-color: #0F096C;
  color: white;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  font-weight: 600;
}
.carte .carte-img{
  background-color: #0F096C;
  padding: 1rem 2rem 0 2rem;
  display: block;
}
.carte .carte-content{
  padding: 2rem .6rem;
}
#hq-main-footer{
  margin-top: 0!important;
}


div[class*=hq-collapse]:not(.etape)>div,
div[class*=hq-collapse]:not(.etape)>section>div {
    padding: 2rem 0 2rem 0;
}