div.carte-actualite {
  position: relative;
  display: block;
  cursor: pointer;
}
div.carte-actualite:hover .image img {
  transform: scale(1.1);
}
div.carte-actualite:hover .title:after {
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  div.carte-actualite {
    width: 100%;
  }
  div.carte-actualite .link {
    display: none;
  }
}
div.carte-actualite .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  margin-bottom: 5px;
}
div.carte-actualite .title:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20id%3D%22call_made%22%3E%0A%3Cg%20id%3D%22Vector%22%3E%0A%3Cmask%20id%3D%22path-1-inside-1_1158_1287%22%20fill%3D%22white%22%3E%0A%3Cpath%20d%3D%22M9.5%204.5V6.5H16.09L4.5%2018.09L5.91%2019.5L17.5%207.91V14.5H19.5V4.5H9.5Z%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cpath%20d%3D%22M9.5%204.5V2.5H7.5V4.5H9.5ZM9.5%206.5H7.5V8.5H9.5V6.5ZM16.09%206.5L17.5042%207.91421L20.9184%204.5H16.09V6.5ZM4.5%2018.09L3.08579%2016.6758L1.67157%2018.09L3.08579%2019.5042L4.5%2018.09ZM5.91%2019.5L4.49579%2020.9142L5.91%2022.3284L7.32421%2020.9142L5.91%2019.5ZM17.5%207.91H19.5V3.08157L16.0858%206.49579L17.5%207.91ZM17.5%2014.5H15.5V16.5H17.5V14.5ZM19.5%2014.5V16.5H21.5V14.5H19.5ZM19.5%204.5H21.5V2.5H19.5V4.5ZM7.5%204.5V6.5H11.5V4.5H7.5ZM9.5%208.5H16.09V4.5H9.5V8.5ZM14.6758%205.08579L3.08579%2016.6758L5.91421%2019.5042L17.5042%207.91421L14.6758%205.08579ZM3.08579%2019.5042L4.49579%2020.9142L7.32421%2018.0858L5.91421%2016.6758L3.08579%2019.5042ZM7.32421%2020.9142L18.9142%209.32421L16.0858%206.49579L4.49579%2018.0858L7.32421%2020.9142ZM15.5%207.91V14.5H19.5V7.91H15.5ZM17.5%2016.5H19.5V12.5H17.5V16.5ZM21.5%2014.5V4.5H17.5V14.5H21.5ZM19.5%202.5H9.5V6.5H19.5V2.5Z%22%20fill%3D%22white%22%20mask%3D%22url(%23path-1-inside-1_1158_1287)%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s ease-in-out all;
}
div.carte-actualite .image {
  width: 100%;
  height: 200px;
  background-color: grey;
  overflow: hidden;
}
div.carte-actualite .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: 0.3s ease-in-out all;
}
div.carte-actualite .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 16px;
  width: 100%;
  text-align: left;
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  div.carte-actualite .content {
    padding-top: 0px;
  }
}
div.carte-actualite .content span.date {
  font-size: 14px;
  font-weight: 400;
  opacity: 0.8;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  div.carte-actualite .content span.date {
    display: none;
  }
}
div.carte-actualite .content h3 {
  margin: 0px;
  font-size: 20px;
  font-weight: 700;
}
div.carte-actualite .content .title {
  margin-bottom: 6px;
}
div.carte-actualite .content p {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 400;
  margin: 0px;
  color: var(--color-text-light);
}
div.carte-actualite .content .link {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  div.carte-actualite .content .link {
    display: none;
  }
}
div.carte-actualite .content .link a {
  color: var(--white);
  text-decoration: none;
  font-weight: 700;
}