.buttonCustom {
    background-image: url('images/pageProduit/ongleton.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position:relative !important;
    z-index: 10;
  }
  
  
  .buttonCustom:before{
    content: url("../images/pageProduit/onglet_gauche.svg");
    position:absolute;
    top:0px;
    left:-35px;
    width:55px;
    height:85px;
    z-index: -1;
  }
  
  .buttonCustom:after{
    content: url("../images/pageProduit/onglet_droite.svg");
    position:absolute;
    top:0px;
    left:calc(100% - 27px);
    width:55px;
    height:85px;
    z-index: -1;
  }
  
  @media screen and (max-width: 1787px){
    #developpementDurable .developpementDurebleWidth{
      width: 100%
    }
  }
  
  @media screen and (max-width: 1700px){
  
      #documentations .guideSystemCatalog{
        left: -148px
      }
    }
    
    @media screen and (max-width:1662px){
      #pageAPropos .paddingAPropos{
        padding-left: 7rem;
        padding-right: 7rem;
      }
    } 
    
    @media screen and (max-width: 1583px){
    
    
      #documentations .guideSystemCatalog{
        left: -126px
      }
    }
    
    @media screen and (max-width: 1511px){
      #documentations.documentations{
        flex-direction: column;
      }
    
      #documentations .documentationsDiv{
        width: 70%;
        gap: 29px;
        margin: 20px 0;
        gap: 0px;
      }
    
      #documentations .catalog{
        width: 59%;
        left: 60%;
      }
    
      #documentations .guideSystemCatalog{
        width: 59%;
        right:60%;
      }
    
      #documentations .documentationsDiv .documentationsDivText1{
        padding-left: 30px;
      }
    
      #documentations .documentationsDiv .documentationsDivText2{
        padding-right: 30px;
      }
    }
    
    @media screen and (max-width: 1173px){
      #documentations .documentationsDiv{
        width: 80%;
      }
    }
  
    @media screen and (max-width:1024px){
      #pageAPropos .paddingAPropos{
        padding-left: 1rem;
        padding-right: 1rem;
      }
    } 
    
    @media screen and (max-width: 962px){
      #documentations .documentationsDivText1T,
      #documentations .documentationsDivText2T{
        width: 60%
      }
    }
    
    @media screen and (max-width: 784px){
      #documentations .documentationsDiv{
        background-image: none !important;
      }
    }
    
    @media screen and (max-width: 862px){
      #documentations .documentationsDivText1,
      #documentations .documentationsDivText2{
        flex-direction: column;
      }
    
      #documentations .ImagesGuideSystemCatalog,
      #documentations .guideSystemCatalog{
        position: static;
        transform: translateY(0)
      }
    
      #documentations .documentationsDiv{
        margin: 62px 0;
      }
    
      #documentations .documentationsDivText1T,
      #documentations .documentationsDivText2T{
        width: 100%
      }
    }
  
    @media screen and (max-width:722px){
      #documentations .documentationsDiv{
        margin: 0px 0;
      }
    }