.encadre-vert {
  background: rgba(165, 195, 22, 0.4);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  padding: 50px calc((100vw - 1110px) / 2);
  margin-bottom: 60px;
  position: relative;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 275px;
}
.encadre-vert::before {
  content: "";
  background: url(../../assets/img/bg/megaphone.png) no-repeat;
  background-size: contain;
  height: 185px;
  width: 194px;
  position: absolute;
  /*top: 80px;*/
  transform: translateY(-50%);
}
.encadre-vert .inside {
  background: #ffffff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 0px 20px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 25px 95px 40px;
}
.inside ~ h3 {
  margin-top: 80px;
}
.encadre-vert.inside {
  padding-top: 0;
}
.encadre-vert.inside p:last-of-type {
  margin-bottom: 40px;
}

@media screen and (max-width: 600px) {
  .encadre-vert {
    padding: 75px;
  }
  .encadre-vert::before {
    content: none;
  }
  .encadre-vert .inside {
    padding: 15px 5%;
  }
}
@media screen and (max-width: 768px) {
  .encadre-vert,
  .encadre-vert.outside {
    min-height: 125px;
    padding: 50px 1em !important;
  }
  .encadre-vert::before {
    content: none;
  }
}
@media screen and (max-width: 992px) {
  .encadre-vert {
    min-height: 200px;
    padding: 50px;
  }
  .encadre-vert.outside {
    padding: 100px 75px;
  }
  .encadre-vert::before {
    width: calc(82px * 1.5);
    height: calc(92px * 1.5);
  }
  .encadre-vert.inside::before {
    left: unset;
  }
  .encadre-vert.outside::before {
    left: 40%;
    top: 80px;
  }
}
@media screen and (max-width: 1200px) {
  .encadre-vert {
    min-height: 200px;
    padding: 50px;
  }
  .encadre-vert::before {
    width: calc(82px * 1.75);
    height: calc(92px * 1.75);
  }
  .encadre-vert.inside::before {
    left: unset;
  }
  .encadre-vert.outside::before {
    left: 40%;
    top: 80px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .encadre-vert.outside {
    padding: 100px 75px !important;
  }
}
@media screen and (max-width: 1440px) {
  .encadre-vert.outside {
    padding: 150px calc((100vw - 1110px) / 2) 50px;
  }
  .encadre-vert.inside::before {
    left: unset;
  }
  .encadre-vert.outside::before {
    left: 40%;
    top: 80px;
  }
}
@media screen and (min-width: 1441px) {
  .encadre-vert.inside::before {
    left: unset;
  }
  .encadre-vert.outside::before {
    left: calc((100vw - 1441px) / 2);
    top: 150px;
  }
}
@media screen and (min-width: 1600px) {
  .encadre-vert.inside::before {
    left: unset;
  }
  .encadre-vert.outside::before {
    left: calc((100vw - 1600px) / 2);
    top: 150px;
  }
}