.elementor-36820 .elementor-element.elementor-element-4791907 .elementor-flip-box__front{background-color:var( --e-global-color-16cd054f );background-image:url("https://www.staging.afgc.asso.fr/app/uploads/2025/03/Ouvrages_395x424.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-36820 .elementor-element.elementor-element-4791907 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#02010140;text-align:center;}.elementor-36820 .elementor-element.elementor-element-4791907 .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-2883e98a );}.elementor-36820 .elementor-element.elementor-element-4791907 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-36820 .elementor-element.elementor-element-4791907 .elementor-flip-box__button{margin-center:0;}.elementor-36820 .elementor-element.elementor-element-1371340 .elementor-flip-box__front{background-color:var( --e-global-color-16cd054f );background-image:url("https://www.staging.afgc.asso.fr/app/uploads/2025/03/Materiaux_395x424.jpg");background-position:bottom center;background-size:contain;}.elementor-36820 .elementor-element.elementor-element-1371340 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#0201012B;text-align:center;}.elementor-36820 .elementor-element.elementor-element-1371340 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-36820 .elementor-element.elementor-element-1371340 .elementor-flip-box__button{margin-center:0;}.elementor-36820 .elementor-element.elementor-element-cdb9b32 .elementor-flip-box__front{background-color:var( --e-global-color-16cd054f );background-image:url("https://www.staging.afgc.asso.fr/app/uploads/2025/03/Personnages_395x424.jpg");background-position:0px 0px;background-size:cover;}.elementor-36820 .elementor-element.elementor-element-cdb9b32 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#0201013D;text-align:center;}.elementor-36820 .elementor-element.elementor-element-cdb9b32 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-36820 .elementor-element.elementor-element-cdb9b32 .elementor-flip-box__button{margin-center:0;background-color:var( --e-global-color-secondary );}.elementor-36820 .elementor-element.elementor-element-9917da3 .elementor-flip-box__front{background-color:var( --e-global-color-16cd054f );background-image:url("https://www.staging.afgc.asso.fr/app/uploads/2025/03/HistoireConstruction_395x424.jpg");background-size:cover;}.elementor-36820 .elementor-element.elementor-element-9917da3 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#0201012B;text-align:center;}.elementor-36820 .elementor-element.elementor-element-9917da3 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-36820 .elementor-element.elementor-element-9917da3 .elementor-flip-box__button{margin-center:0;}.elementor-36820 .elementor-element.elementor-element-76834d4 .elementor-flip-box__front{background-color:var( --e-global-color-16cd054f );background-image:url("https://www.staging.afgc.asso.fr/app/uploads/2025/03/GeneralitesDocs_395x424-1.jpg");background-size:cover;}.elementor-36820 .elementor-element.elementor-element-76834d4 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#02010136;text-align:center;}.elementor-36820 .elementor-element.elementor-element-76834d4 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-36820 .elementor-element.elementor-element-76834d4 .elementor-flip-box__button{margin-center:0;}.elementor-36820 .elementor-element.elementor-element-5830fcc .elementor-flip-box__front{background-color:var( --e-global-color-16cd054f );background-image:url("https://www.staging.afgc.asso.fr/app/uploads/2025/03/ArtsCulture_395x424.jpg");background-position:center center;background-size:cover;}.elementor-36820 .elementor-element.elementor-element-5830fcc .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#02010140;text-align:center;}.elementor-36820 .elementor-element.elementor-element-5830fcc .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-36820 .elementor-element.elementor-element-5830fcc .elementor-flip-box__button{margin-center:0;}.elementor-36820 .elementor-element.elementor-element-417a456 .elementor-flip-box__front{background-color:var( --e-global-color-16cd054f );background-image:url("https://www.staging.afgc.asso.fr/app/uploads/2025/03/Techniques_395x424.jpg");background-position:center right;background-size:contain;}.elementor-36820 .elementor-element.elementor-element-417a456 .elementor-flip-box__front .elementor-flip-box__layer__overlay{background-color:#02010133;text-align:center;}.elementor-36820 .elementor-element.elementor-element-417a456 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-36820 .elementor-element.elementor-element-417a456 .elementor-flip-box__button{margin-center:0;}.elementor-36820 .elementor-element.elementor-element-0baf9c9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-36820 .elementor-element.elementor-element-0baf9c9:after{content:"0.66";}.elementor-36820 .elementor-element.elementor-element-0baf9c9{--grid-column-gap:30px;--grid-row-gap:35px;}.elementor-36820 .elementor-element.elementor-element-0baf9c9 .elementor-post__text{margin-top:9px;}.elementor-36820 .elementor-element.elementor-element-0baf9c9 .elementor-post__thumbnail img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-36820 .elementor-element.elementor-element-0baf9c9 .elementor-post__title, .elementor-36820 .elementor-element.elementor-element-0baf9c9 .elementor-post__title a{color:#29235C;font-family:"Roboto", \'Roboto\', sans-serif;font-size:22px;font-weight:600;}.elementor-36820 .elementor-element.elementor-element-0baf9c9 .elementor-post__read-more{font-family:"Roboto", \'Roboto\', sans-serif;font-size:39px;font-weight:300;}@media(max-width:767px){.elementor-36820 .elementor-element.elementor-element-0baf9c9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-36820 .elementor-element.elementor-element-0baf9c9:after{content:"0.5";}}/* Start custom CSS for posts, class: .elementor-element-0baf9c9 *//* 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 */
/* Start custom CSS for column, class: .elementor-element-4bb8f6f */.elementor-36820 .elementor-element.elementor-element-4bb8f6f .post-card {
    display: block;
    position: relative;
    flex: 0 1 auto;
    -ms-grid-row-align: auto;
    align-self: auto;
    width: 100%;
    padding: 0;
    transition: all .2s ease;
    height: 415px;
    line-height: 2rem;
    color: #767676;
    font-size: 1.7rem;
    font-weight: 300;
}/* End custom CSS */