#enbref{
    margin-top: var(--section-height);
    margin-bottom: var(--section-height);
}

#enbref h2{
    border-bottom: 2px var(--color-p) solid;
}

#enbref .wrap{
    font-family: var(--font-title);
    font-size: 1.8rem;
    margin: 30px 0 0 0;
}


#enbref .grid-pictos{ 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;  
    align-items: center;
    justify-content: center;
    gap: 50px;
  }
  
  #enbref .left .grid-pictos{ 
      justify-content: flex-start;
  }
  #enbref .right .grid-pictos{ 	
      margin-left: 5px;
  }
  
  #enbref .grid-pictos .picto{
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  #enbref .grid-pictos p{
           font-size: 0.9em;
      margin:  0 !important;
  }
  
  #enbref .grid-pictos .picto .line-2{
      display: flex;
    flex-direction: row;
    align-items: center;  
    justify-content: center;
    font-size: 1.3em;
    margin-top: 10px;
  }
  
  #enbref .grid-pictos .picto .label{
      font-size: 1.3em;
      text-align: center;
  }
  
  #enbref .grid-pictos .line-2 img{
      width: 25px;
      margin-right:  5px;
  }

  #enbref .relative{
    min-height: 450px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  
  #enbref .les_plus > div{	
      width: 100%;
      background-color: rgba(0,0,0,0.7);
      margin: 50px 0;	
      color:  #FFF;
      padding: 30px 40px;
      align-items: initial;
      position: relative;
  }
  
  #enbref .les_plus{
      width: 40%;      
      margin-right: -17.5%;	
  }
  
  #enbref .les_plus ul{
      padding: 20px;
      list-style-position:  outside;
  }
  #enbref .les_plus ul li{
      font-size: 1.8rem;
      margin-bottom: 10px;
  }
  #enbref .les_plus ul li:last-child{
      margin-bottom: 0
  }
  
  #enbref .les_plus .abs-top-left{
      left: -30px;
    background-color: var(--color-p);
    padding: 5px 15px;	
    font-size: 1.2em;
  }
  
  #enbref .les_plus h2,#enbref .les_plus h3,#enbref .les_plus h4,#enbref .les_plus h5,#enbref .les_plus h6{
      color: #FFF;
      font-size: 2em;
      border: none;
      text-align: initial;
  }


@media (max-width: 1024px) {
    #enbref .les_plus {
        width: 60%;        
    }
}
  @media (max-width: 768px) {
    #enbref .text h2 {
        width: 90%;
        margin-right: 0;
    }
    #enbref .text .wrap {
        width: 90%;
        margin-right: 0;        
    }
    #enbref .les_plus {
        width: 80%;
        margin-right: 0;
    }
    #enbref .text.flex-row.w-100{
        flex-wrap: wrap;
    }
    #enbref .grid-pictos .picto{
        width: 100%;
    }
}


@media (max-width: 480px) {
    #enbref .text h2 {
        width: 90%;
        margin-right: 0;
    }
    #enbref .text .wrap {
        width: 90%;
        margin-right: 0;        
    }
    #enbref .les_plus {
        width: 90%;
        margin-right: 0;
    }    
}