body main .liens-en-avant .lien {
  text-decoration: none;
}
body main .liens-en-avant .lien .bloc-lien {
  background-color: #EAE4DC;
  padding: 1.5rem;
  height: 100%;
  transition: .4s all;
}
body main .liens-en-avant .lien .bloc-lien .icon-wrapper {
  width: 100%;
}
body main .liens-en-avant .lien .bloc-lien .icon-wrapper svg,
body main .liens-en-avant .lien .bloc-lien .icon-wrapper .icon {
  display: block;
  margin: 0rem auto 2rem auto;
  stroke: #344261;
}
body main .liens-en-avant .lien .bloc-lien .bloc-titre {
  margin: 1rem auto 0 auto;
  text-align: center;
  transition: .3s all;
}
body main .liens-en-avant .lien .bloc-lien .bloc-titre .titre {
  color: #344261;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 900;
}
body main .liens-en-avant .lien:hover .bloc-lien {
  background-color: #899BC0;
}
body main .liens-en-avant .lien:hover .bloc-lien .icon-wrapper img,
body main .liens-en-avant .lien:hover .bloc-lien .icon-wrapper svg,
body main .liens-en-avant .lien:hover .bloc-lien .icon-wrapper .icon {
  stroke: #ffffff;
  fill: #ffffff;
  filter: grayscale(100%) invert(100%) brightness(150%);
}
body main .liens-en-avant .lien:hover .bloc-lien .bloc-titre .titre {
  color: #ffffff;
}
@media (min-width: 768px) {
  body main .liens-en-avant .lien .bloc-lien {
    padding: 2rem 1.5rem;
  }
}
@media (min-width: 1200px) {
  body main .liens-en-avant .lien .bloc-lien {
    padding: 3rem;
  }
}