.sloganSavoirplus{
  background-color: var(--color-yellow);
  color: white;
  font-family: Forta,helvetica, arial, serif;
  font-size: .9em;
}
.blocSavoirplus{
  position: relative;
}
.pathSavoirplus{
  position: absolute;
  left: 0;
  height: 80%;
  max-height:20em;
}

.titreSavoirplus{
  font-family: 'Montserrat', sans-serif;
  color:#212529;
  font-size:1.3em;
  font-weight:700;
  line-height:1.6em;
}
.texteSavoirplus{
  font-family: 'Montserrat', sans-serif;
  color:#212529;
  font-size:1em;
}

.imgSavoirplus>img{
  display:block;
  margin:auto;
  max-width:95%;
  max-height: 25em;
}
.savoirplusLogo{
  max-width:12em;
  max-height:4em;
}
.savoirplusLogoCentre{
  max-width:60%;
  max-height:10em;
}
@media (min-width: 576px) {
  .blocIntLeftSavoirplusPath{
    margin-left:7em;
  }

}
@media (min-width: 1200px) {

  .titreSavoirplus{
    font-size:1.5em;
  }
  .texteSavoirplus{
    font-size:1em;
  }
  .blocIntLeftSavoirplusPath{
    margin-left:10em;
  }
  .imgSavoirplus>img{
    max-width:80%
  }
}

@media (min-width: 1800px) {
  .img1Savoirplus>img,.img2Savoirplus>img{
    width: 50%;
  }
  .titreSavoirplus{
    font-size:2em;
  }
  .texteSavoirplus{
    font-size:1.1em;
  }
  .blocIntLeftSavoirplusPath{
    margin-left:12em;
  }
}