body.single-offre {
  padding-top: 100px;
}

.single-header-wrapper.offres {
  background-color: #fff;
}

main.offre {
  background-color: #f6f6f6;
}

main.offre .gutenberg.single-actus .contenu {
  width: 45%;
  border-left: #bebebe 1px solid;
  padding-left: 40px;
}

main.offre .gutenberg.single-actus .side-barre-offre {
  width: 55%;
  padding-left: 100px;
  margin-top: -200px;
}

main.offre .gutenberg.single-actus .side-barre-offre .side-barre-content {
  width: 100%;
  border-top-style: none;
  padding: 40px;
  margin-left: 0;
  margin-right: auto;
  border-radius: 3px;
  background-color: #3f5760;
  color: #fff;
}

main.offre .gutenberg.single-actus ul {
  list-style: none;
}

main.offre .gutenberg.single-actus ul li {
  background-image: url(../images/puce-rouge-li.svg);
  background-position: left 6px;
  background-repeat: no-repeat;
  padding-left: 18px;
  margin-bottom: 8px;
}

.bas-offre-wrapper {
  width: 100%;
  background-color: #f6f6f6;
}

.bas-offre {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  padding-top: 190px;

  background-image: url(../images/carte-grise.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

main.offre {
  padding-bottom: 190px;
  background-image: url(../images/carte-grise.svg);
  background-position: center + 180%;
  background-repeat: no-repeat;
}

@media (max-width: 800px) {
  main.offre .gutenberg.single-actus .contenu {
    width: 100%;
    padding-left: 30px;
  }

  main.offre .gutenberg.single-actus .side-barre-offre {
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
  }
  .gutenberg.single-actus {
padding-left: 30px;
padding-right: 30px;
  }
}