.carre-contenu {
  border-right: 1px solid #8e86b5;
  border-bottom: 1px solid #8e86b5;
   padding: 50px;
  margin-bottom: 80px;
}
  
.carre-contenu h2 {
  margin-top: 30px;
}
  
.carre-contenu ul {
  margin-top: 30px;
}
  
.carre-contenu + div {
  text-align: center;
}
  
.a-propos-main {
  width: 50%;
  margin: auto;
}

@media screen and (max-width :996px){
  .a-propos-main {
    width: 100%;
    justify-content: center;
  }

  .a-propos-main section {
    padding: 50px 20px 50px 20px;
  }

  .a-propos-main h1 {
    font-size: 2em;
    text-align: center;
  }

  .carre-contenu {
    padding: 50px;
    margin-left: 20px;
    margin-right: 20px;
    justify-content: center;
    width: 50%;
  }

  .carre-contenu div{ 
    margin: 0px;
    margin-left: 10px;
     margin-right: 10px;
    justify-content: center;
  }

}