/* variables */
.txt_image {
  padding: 40px 10px 40px 10px;
}
.txt_image .introduction {
  margin-bottom: 10px;
}
.txt_image .texte {
  background: #f4f1ec;
  padding: 35px 40px 20px 40px;
}
.txt_image .image {
  position: relative;
  clip-path: polygon(100% 0, 100% 100%, 21.5% 84.5%, 0 96.5%, 0 0);
}
@media screen and (min-width: 1024px) {
  .txt_image .conteneur {
    display: flex;
    align-items: center;
  }
  .txt_image .introduction_texte {
    flex: 1;
  }
  .txt_image .introduction_texte .introduction {
    margin-bottom: 30px;
    padding-right: 30px;
  }
  .txt_image .image {
    width: 40%;
  }
}
@media screen and (min-width: 1200px) {
  .txt_image {
    padding: 80px 0px 40px 0px;
  }
  .txt_image .conteneur:after {
    content: "";
    display: inline-block;
    width: 921px;
    height: 171px;
    background: url(../../images/picto-nebuleuses-inverse-2x.png) center center no-repeat;
    background-size: 921px 171px;
    position: absolute;
    top: 401px;
    z-index: 2;
    right: -484px;
  }
  .txt_image .image {
    width: auto;
  }
}