.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text h2{
color: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF);
font-family: Satoshi;
font-size: 2.375rem;
font-style: normal;
font-weight: 700;
line-height: 3.125rem; 
margin-bottom:2rem;/* 131.579% */
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text p{
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1rem !important;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
margin-bottom:2rem;
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text li{
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1rem !important;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
margin-bottom:2rem;
}

.toc-container a {
    position: relative;
    z-index: 10;
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text ul{
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1rem !important;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
margin-bottom:2rem;
}


.footer-blog-selection{
background-color:white; 
display:flex; 
flex-direction: column;
    align-items: center;
    gap: 3rem;">
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text h3{
color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 1.5625rem;
font-style: normal;
font-weight: 700;
line-height: 2.25rem; /* 144% */
margin-bottom:0.5rem;
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text h4{
color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.875rem; /* 150% */
margin-bottom:0.5rem;  
}


.toc-container {
    font-family: Arial, sans-serif;
    margin-bottom: 3.38rem;
    margin-top: 3.38rem;
    padding-right: 2rem;
}

.hs_cos_wrapper.hs_cos_wrapper_meta_field.hs_cos_wrapper_type_rich_text a{
color: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.column-blog-wrapper {
max-width:1110px;  
margin-left:auto; 
margin-right:auto;
}

.label-banner {
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
  background: var(--Brand-50, #F9F5FF);
  display: inline-block;
  
}

.webinaire-picture {
width:100%;
margin: 0 auto 150px auto;
}

.label-banner p {
display:inline-block;
  text-align: center;
  color: #6B2CFF;
  font-family: Satoshi;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  padding: 0;
}

.title-banner, h2 {
color: var(--Couleur---Texte-Texte-900, #101828);
font-family: Satoshi;
font-size: 1.25rem;
font-style: normal;
font-weight: 500;
line-height: 1.75rem; /* 140% */
}

.text-banner p {
color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 171.429% */
font-family: Satoshi;
}

.image-blog-content {
 border-radius: 2.5rem;
} 

img {
max-width:100%;
}


  

h3 a {
color: var(--Couleur---Texte-Texte-900, #101828) !important;
text-align: center;
font-family: Satoshi;
text-decoration:none;
font-size: 1.125rem;
font-style: normal;
font-weight: 700;
line-height: 1.6875rem; /* 150% */
}

a {
  color: var(--Couleur---Brand-Bleu-Tech-4, #6B2CFF);
font-family: Satoshi;
font-style: normal;
font-weight: 400;
line-height: 1.875rem;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}



.toc-container {
    margin-bottom: 3.38rem;
    font-family: Arial, sans-serif;
    margin-top:3.38rem;
}

.toc-container ul {
    list-style-type: none;
    padding-left: 0;
}

.toc-container li {
    margin: 5px 0;
}

.toc-container a {
    text-decoration: none;
    color: var(--Couleur---Texte-Texte-courants, #6E7072);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 150% */
}

.tiers_right_column {
width: 40rem;
}


.toc-container a:hover {
    color: rgb(107, 44, 255);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; /* 150% */
    text-decoration: none;
}

/* Style pour le lien actif */
.toc-container a.active {
    color: var(--Couleur---Texte-Texte-900, #6B2CFF);
font-family: Satoshi;
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 1.5rem; /* 150% */
}

.dKlRGj .hs-elevate-card--blog:first-of-type {
        grid-column: 0 !important;
        grid-row: 0 !important;
  font-family: Satoshi !important;
font-size: 1rem !important;
font-style: normal !important;
font-weight: 400 !important;
   font-weight: bold !important;
}

.link-share-wrapper-container{
display: flex;
justify-content: flex-end;
margin-top:9rem;

} 

.body-container-wrapper{
max-width: 100%;
margin-left: auto;
margin-right: auto;
}




.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Crée 3 colonnes égales */
  gap: 20px; /* Espace entre les colonnes */
}

.CardComponent__StyledCard-sc-zrn5fl-0 {
  /* Personnalisation du style des articles */
  background-color: #fff; /* Exemple de couleur de fond */
  border-radius: 8px; /* Bordure arrondie */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Ombre légère */
}

.BlogListing__StyledImageContainer-sc-1uif2s0-1 {
  width: 100%;
  height: auto;
  border-radius: 8px 8px 0 0; /* Arrondi des coins supérieurs */
}

.BlogListing__StyledCardContentContainer-sc-1uif2s0-3 {
  padding: 15px;
}

.hs-elevate-h4 {
  font-size: 18px;
  font-weight: bold;
}

.hs-elevate-tag {
     background-color: #f9f5ff;
    border-radius: 1rem;
    color: var(--Brand-700, #6941c6);
    font-weight: 500;
    margin-right: .75rem;
    padding: .25rem .75rem;
    text-align: center;
    text-decoration: none;
  font-size:1rem;
  font-family: Satoshi;
}

.dKlRGj .hs-elevate-card--blog {
  grid-column: span 1 !important;
  grid-row: span 1 !important; /* Chaque article occupe une colonne */
}

.hs-elevate-card--blog__heading{
color: var(--Couleur---Texte-Texte-800, #1D2939) !important;
font-family: Satoshi;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 144% */
}

.bjDTmR.bjDTmR:is(.active) {
    width: 44px !important;
    text-align: center;
    color: #6B2CFF !important;
}

@media (min-width: 640px) {
    .eECGSj .hs-elevate-card--blog:first-of-type {
        grid-column: auto !important;
        grid-row: auto !important;
    }
  
      .eECGSj .hs-elevate-card--blog:first-of-type .hs-elevate-card--blog__image-container img {
        width: 100%;
        height: 100%;
    }
  
      .eECGSj .hs-elevate-card--blog:first-of-type .hs-elevate-card--blog__image-container {
        width: 100%;
        overflow: hidden;
        position: relative;
        object-fit: cover;
        aspect-ratio: 1.4; 
    }
}



@media (max-width: 768px) {
  section.goodflag_section-blog {
    margin: 14rem auto 5rem;
}
  .five_left_column_wrapper {
    padding-right: 75px;
    position: relative;
    display: none;
}

.tiers_right_column {
width: 100%;
}
  
  .title-home-blog {
    margin-top: 8rem;
}

}