.ab-bloc-container{
  position: relative;
  min-height: 450px;
  max-width: 380px;
}
.ab-card{
      display: flex;
  flex-direction: column;
}
.ab-card .ab-card-header{
  height: 100%;
}
.ab-card .ab-card-header .ab-image{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ab-card  .ab-card-body{
  display: flex;
  height: 100%;
}
.ab-card-body .ab-left-background{
  width: 48px;
  flex-shrink: 0;
  position: relative;
}
.ab-card-body .ab-left-background img{
width: 56px;
position: absolute; 
left: 24px; 
top: 50%; 
transform: translateY(-50%);

}
.ab-card-body .text-content-relai{
      display: flex;
  background: #008296;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
padding:24px;
gap:16px;
}
.ab-card-body .text-content-relai H2{
      text-align: center;
  color: white;
  font-size: 20px;
font-weight:800;
}
.ab-card-body .text-content-relai p{
      text-align: center;
  color: white;
  font-size: 16px;
margin:0 24px;
}
.ab-card-body .text-content-relai .ab-cta{
      background: white;
  padding: 15px 16px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #008296;
  gap: 4px;
border: 2px solid transparent;
 box-sizing: border-box; /* permet d'avoir la bordure "inside" */ 
transition: all 0.2s ease;
text-decoration: none;
}

.ab-card-body .text-content-relai .ab-cta .cta-picto{
  width: 30px;
}

.ab-card-body .text-content-relai .ab-cta span{
  font-weight: 700;
  font-size: 14px;
}

.ab-card-body .text-content-relai .ab-cta:hover {

border-color: #006F80; 
color: #006F80; 
text-decoration: none;

}
.ab-card-body .text-content-relai .ab-cta:active {
  transform: translateY(1px);
 text-decoration: none;
color: #006F80; 

}
.ab-card-body .text-content-relai .ab-cta:focus-visible {
      color: #23527C;
background-color: #D9ECEF;
  outline: 2px solid var(--focus-outline, #000);
  outline-offset: 2px;
 text-decoration: none;
}
.ab-card-body .text-content-relai .ab-cta:focus {
      color: #23527C;
background-color: #D9ECEF;
  outline: 2px solid var(--focus-outline, #000);
  outline-offset: 2px;
 text-decoration: none;
}


@media (min-width: 769px){
  .ab-bloc-container{
      height: auto;
  }
  .ab-card-body .text-content-relai H2{
      font-size: 20px;
  }

}
/* pour couleur section liens acces direct*/

section.mars-padding-vertical-large:nth-of-type(2)
{background: #F2F8F9;
}

@media (max-width: 38.74em) {
section.mars-padding-vertical-large:nth-of-type(2) .mars-hidden-until\@small { display: block !important; }
}

/* credit photo*/

.ab-credit-photo{
position: absolute;
padding-left: 0px !important;
/*right: 0;*/

pointer-events: none; /* pour ne pas gêner les clics */

}