.elementor-7986 .elementor-element.elementor-element-a082b10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-8.9rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7986 .elementor-element.elementor-element-090ec5f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}.elementor-7986 .elementor-element.elementor-element-ab6ff28{margin:-17px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-7986 .elementor-element.elementor-element-ab6ff28 .elementor-heading-title{font-weight:300;color:#171747;}.elementor-7986 .elementor-element.elementor-element-9e9f6ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:6%;--padding-bottom:2%;--padding-left:12%;--padding-right:12%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7986 .elementor-element.elementor-element-9e9f6ff{--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}}@media(max-width:767px){.elementor-7986 .elementor-element.elementor-element-a082b10{--min-height:130px;--margin-top:-6rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7986 .elementor-element.elementor-element-9e9f6ff{--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;--z-index:1;}}@media(min-width:768px){.elementor-7986 .elementor-element.elementor-element-090ec5f{--content-width:1920px;}.elementor-7986 .elementor-element.elementor-element-9e9f6ff{--content-width:1920px;}}/* Start custom CSS for html, class: .elementor-element-95245ee */.vague-header img {
  display: block;        /* évite l’espace des inline images */
  max-width: 100%;
  height: auto;          /* garde le ratio */
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .vague-header {
    min-height: 220px; /* un peu plus grande que sur mobile */
    position: relative;
    overflow: hidden;
  }

  .vague-header img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 200px;       /* tu ajustes selon ton rendu */
    object-fit: cover;
  }
}

@media screen and (max-width: 767px) {
  .vague-header {
    /* Si le parent s’effondre, on lui donne une hauteur mini */
    min-height: 160px;
  }
.vague-header img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 130px;
  object-fit: cover;   /* ou cover selon rendu souhaité */
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abc1e58 */.posts-general {
  display: flex;
  flex-wrap: wrap;
  gap: 60px !important;
  justify-content: center;
}

.post-item-obsam {
  flex: 0 1 calc(33.333% - 40px); /* 3 colonnes avec espace */
  box-sizing: border-box;
  padding: 15px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .posts-general {
    gap: 30px; /* réduit l'espacement */
    justify-content: space-between;
  }

  .post-item-obsam {
    flex: 0 1 calc(50% 0px); /* 2 colonnes */
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .post-item-obsam {
  flex: 0 1 calc(50% - 30px); /* 3 colonnes avec espace */
}
}

@media screen and (max-width: 767px) {
.posts-general {
  display: flex;
  flex-wrap: wrap;
  gap: 30px !important;
  justify-content: space-between;
  text-align: center;
}
  .post-item-obsam {
    flex-wrap: wrap;
      flex: 0 1 calc(100%); /* 3 colonnes avec espace */
  margin-bottom: 0
  }
}
 

.post-title-obsam {
    font-size: 32px;
    font-weight: 600 !important;
    font-family: 'Work sans', Sans-Serif;
    margin-bottom: 0;
}

.post-excerpt-obsam {
    margin: 30px 0 40px 0;
}

.btn-detail-obsam {
  position: relative;
  background: linear-gradient(
    to right,
    var(--e-global-color-text),
    var(--e-global-color-accent)
  );
  padding: 15px 40px;
  border-radius: 40px;
  color: var(--e-global-color-0f07117) !important;
  text-transform: uppercase;
  font-weight: 400 !important;
  overflow: hidden;
  display: inline-block;
  transition: color 0.3s ease;
 font-size: clamp(0.5rem, 1rem + 0.2vw, 1.125rem) !important;
}


.btn-detail-obsam:after{
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.3) 50%, rgba(229, 172, 142, 0));
  transform: rotateZ(60deg) translate(-5em, 7.5em);
}/* End custom CSS */