.liens {
    /* text-align: center; */
}

.liens h2 {
  text-transform: none;
  font-weight: 500;
  font-size: 20px;
  padding: 10px 0;
    /*padding: 0;
    margin:0;*/
}

.liens .field-contenu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.liens a:visited,
.liens a {
   /*  font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding:0px 50px 0px 15px;
    position: relative;
    height:40px;
    line-height:40px;
    border: solid 1px #49b170;
    color: #49b170;
    text-decoration: none;
    margin:0 20px 20px 20px;
    display: inline-block;
    min-width: 215px; */
    border-radius: 5px;
    border:solid 1px #636363;
    color: #636363;
    padding: 0px 10px;
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 0 10px 0;
}
@media all and (min-width:991px) {
  .liens .field-contenu {
    padding: 0 90px;
  }
  .liens a {
    width: 46%;
  }
}
.liens a:hover {
  /* color: #FFF;
  background-color: #49b170; */
  color: #fff!important;
  border-color: #1b6f5c;
  background-color: #1b6f5c;
}
/* .liens a:after {
    content:'+';
    font-weight: 300;
    position: absolute;
    right:20px;
    top:0;
    line-height: 40px;
} */

.liens .voirPlus:visited,
.liens .voirPlus {
    background-color: #1b6f5c;
    margin: 10px auto 20px auto;
    color:#fff!important;
}
.liens .voirPlus:after {
    display: none;
}
.liens .voirPlus:hover {
    background-color: #000;
    border: solid 1px #000;
}


@media (max-width: 480px) {
    /* .liens a {
        min-width: 0;
        max-width: 100%;
        width:auto;
        display: block;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin:0 0 20px 0;
        overflow: hidden;
    } */
}