.carousel.equipe{
  height: 600px;
  perspective: 800px;
}

.carousel.equipe .carousel-item{
  width: 280px;
  cursor:pointer;
  top: -180px;
}

.carousel.equipe img{
  width: 100%;
  border-radius: 0 0 50px 50px;
}

.carousel.equipe .carousel-item h3{
  margin: 0;
  margin-top:-100px;
  font-weight: bold;
  background: linear-gradient(
    135deg,
    rgba(105, 188, 215, 1),
    rgba(23, 145, 202, 1)
  );
  padding: 100px 5px;
  color: #fff;
  font-size: 2em;
  box-sizing:border-box;
  text-align: center;
}

.poste p{
  text-align: center;
  margin-top: -80px;
  color: #fff;
}

#l-equipe .card-content {
  color: white;
  background-image: linear-gradient(
    135deg,
    rgba(105, 188, 215, 0.8),
    rgba(23, 145, 202, 0.8)
  );
}

#l-equipe .row{
  margin-bottom: 0px;
}

.tuiles {
  position: relative;
}
.tuiles .tuile {
  position: relative;
  height: 194px;
  max-width: 245px;
  text-align: center;
  padding: 5px;
  display: table;
  border-radius: 10px;
}
.tuiles .tuile a {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 20px;
  overflow: hidden;
  transition: all ease 0.4s;
  border-radius: 10px;
}
.tuiles .tuile span {
  width: 100%;
  display: block;
  text-align: center;
  transition: all ease 0.4s;
  opacity: 0;
  position: absolute;
  left: 0;
}
.tuiles .tuile a:hover {
  transform: scale(1.1);
  background-color: #fff;
  box-shadow: 1px 5px 15px #ababab;
}
.tuiles .tuile img {
  width: 90%;
  height: auto;
  max-height: 90%;
  transition: all ease 0.4s;
}
.tuiles .tuile a:hover span {
  opacity: 1;
}