.elementor-36806 .elementor-element.elementor-element-8c9009c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-36806 .elementor-element.elementor-element-8c9009c:after{content:"0.66";}.elementor-36806 .elementor-element.elementor-element-8c9009c{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-36806 .elementor-element.elementor-element-8c9009c .elementor-post__text{margin-top:9px;}.elementor-36806 .elementor-element.elementor-element-8c9009c .elementor-post__thumbnail img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-36806 .elementor-element.elementor-element-8c9009c .elementor-post__title, .elementor-36806 .elementor-element.elementor-element-8c9009c .elementor-post__title a{color:#29235C;font-family:"Roboto", \'Roboto\', sans-serif;font-size:22px;font-weight:600;}.elementor-36806 .elementor-element.elementor-element-8c9009c .elementor-post__read-more{font-family:"Roboto", \'Roboto\', sans-serif;font-size:39px;font-weight:300;}@media(max-width:767px){.elementor-36806 .elementor-element.elementor-element-8c9009c .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-36806 .elementor-element.elementor-element-8c9009c:after{content:"0.5";}}/* Start custom CSS for posts, class: .elementor-element-8c9009c *//* Style de base pour l'image */
.elementor-36129 .elementor-element.elementor-element-37582ec .elementor-posts-container .elementor-post__thumbnail {
    position: relative;
}

/* Couche de fond colorée */
.elementor-36129 .elementor-element.elementor-element-37582ec .elementor-posts-container .elementor-post__thumbnail::before {
  content: "";
  background-color: rgb(41, 38, 91) !important;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 1;
  opacity: 0.8 !important; /* Fond coloré visible par défaut */
  transition: opacity 0.2s ease !important; /* Transition pour un effet fluide */
}

/* Au survol, réduire l'opacité pour montrer l'image */
.elementor-36129 .elementor-element.elementor-element-37582ec .elementor-posts-container .elementor-post__thumbnail:hover::before {
  opacity: 0.2 !important; /* Garde un léger fond coloré tout en montrant l'image */
}



.elementor-36129 .elementor-element.elementor-element-37582ec .elementor-posts-container .elementor-post__thumbnail .date-post {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 0;
  right: 0;
  transition: all 0.2s ease-in-out;
  font-family: "RedHatDisplayRoman", sans-serif;
  z-index: 6;
}
.elementor-36129 .elementor-element.elementor-element-37582ec .elementor-posts-container .elementor-post__thumbnail .date-post::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg id=%27b%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 116.67 116.67%27%3E%3Cdefs%3E%3Cstyle%3E.d%7Bfill:%2329265b;%7D%3C/style%3E%3C/defs%3E%3Cg id=%27c%27%3E%3Cpolyline class=%27d%27 points=%270 116.67 0 0 116.67 0%27/%3E%3C/g%3E%3C/svg%3E");
  width: 116px;
  height: 116px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  transition: all 0.2s ease-in-out;
}/* End custom CSS */