.sec-metiers {
  padding: 80px 0 140px;
}
.sec-metiers h2 {
  text-align: center;
  margin-bottom: 30px
}
.sec-metiers p {
  text-align: center
}

.sec-metiers .lstDomaine {
  padding-bottom: 25px
}

.sec-metiers .lstDocument .item {
  width: 33.33%
}
.sec-metiers .lstDocument {
  max-width: 950px;
  margin: 0 auto
}

.tab_metiers label {
  float: left;
  width: 25%;
  cursor: pointer
}
.tab_metiers::after {
  content: "";
  clear: both;
  display: table;
}

.tab_metiers input {
  display: none;
}


 .lstDomaine .item.active .inner .ico {
    background-color: var(--green)
  }

  .lstDomaine .item.active .inner .ico img.hvr  {
    opacity: 1
  }
  .lstDomaine .item.active .inner .ico img.on  {
    opacity: 0
  }
  .tabs {
      display: flex;
      overflow-x: auto;
  }
  .tab {
      flex: 1;
      text-align: center;
      cursor: pointer;
  }
  .tab-content {
      display: none;
      padding: 20px;
      margin-top: 10px;
  }
  .tab-content.active {
      display: block;
  }





@media (max-width:991px) { 
  .sec-metiers .lstDocument .item {
    width: 50%;
  }
  .sec-metiers .lstDocument .item .inner {
    width: 100%
   }

  .sec-metiers {
    padding: 60px 0 0;
  }

  .sec-metiers .lstDomaine {
    padding: 0;
  }

}
@media (max-width:600px) { 
  .sec-metiers .lstDocument .item {
    width: 100%;
  }
   .sec-metiers {
    padding: 40px 0 0;
  }
  .tabs {
    flex-direction: column;
  }

}