.actions-listing .flecheTop svg path{
  fill: #710097 !important;
}

.actions-listing .colAction img{
  height: 300px;
  object-fit: cover;
}

.actions-listing::before{
  content: '';
  height: 100%;
  width: 35%;
  position: absolute;
  top: -100px;
  background-image: url("../../../views/svgs/grande-fleche-contour-mauve-fonce.svg");
  background-size: 100%;
  background-repeat: repeat-y;
  left: -150px;
}

.actions-listing::after{
  content: '';
  height: 100%;
  width: 35%;
  position: absolute;
  top: -100px;
  background-image: url("../../../views/svgs/grande-fleche-contour-mauve-fonce.svg");
  background-size: 100%;
  background-repeat: repeat-y;
  right: 100px;
}

/* Apparences */ 
/* style 1 */ 
.actions-listing.style1 .decoGradient{
    display: none;
}
/* style 2 */ 
.actions-listing.style2{
  background-image: none;
  padding-top: 16rem;
}
.actions-listing.style2:has(+ .missions-cta), .actions-listing.style2:has(+ .missions) {
  padding-bottom: 6rem;
}

.actions-listing.style2 .decoGradient{
  display: block;
}
.actions-listing.style2::before, 
.actions-listing.style2::after{
  content: none;
}

.actions-listing.style2 .flecheTop{
  display: none;
}

/* mobile */
@media (max-width: 769px) {
  .actions-listing::before{
    left: 0px;
  }
  .actions-listing::after{
    right: 0px;
  }
}