h1 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600 !important;
    font-size: 28px !important;
    color: #1e293b !important;
    padding-top: 40px !important;
    padding-bottom: 20px !important;
    border-bottom: 2px solid #f1f5f9 !important; /* On épaissit un peu la ligne pour mieux la voir */
    margin-bottom: 30px !important;
    display: block !important;
}

.commonStyle__zt3BrandBg{
  background-color:#00bb87;
}
.commonStyle__zt3Brand{
  color: #00BB87;
}
.commonStyle__zt3Brand:hover{
  text-decoration: underline;
}
#headerContent{
  padding-bottom: 0;
}
.Input__headerSearch{
  background: #F8FAFC;
}
.SearchContainer__globalSearch{
  border: 1px solid #e7eaee;
}
.Header_searchTop{
  margin-top: 5em;
}
.titleWelcome{
  text-shadow: none;
}
.Header__description{
  margin: -1rem auto 1rem;
}
#articleReview{
  display: none;
}
#searchContainer1{
  margin-top: 3em;
}
.iconeCardWidget{
        width: 50px;
    }
    .cardWidget{
        background: #00BB87;
        width: 35%;
        padding: 35px;
        border-radius: 5px;
        cursor: pointer;
        transition: 200ms;
    }
    .cardWidget a{
      text-decoration: none;
      color: #fff;
    }
    .cardWidget:hover{
      background: #00a879;
    }
    .cardWidgetLeft{
      background: #2A4154;
      margin-left: 3em;
    }
    .cardWidgetLeft:hover{
      background: #253a4b;
    }
    .container_cardWidget{
      display: flex;
      justify-content: center;
      margin-left: 5%;
      margin-right: 5%;
    }
.Button__footerBtn{
  background: #00BB87;
}
.Button__footerBtn:hover{
  background: #00a879;
}
.Readingprogress__progressBar {
    background: #00BB87;
}
.Icon__brand{
  color: #00BB87;
}
.Header__tabsTab.Header__active, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab.Header__active{
  color: #00BB87;
  border-bottom: 0.1875rem solid #00BB87;
}
.Header__tabsTab:hover, .Header__homeNavbarFixed .Header__navbar .Header__tabsTab:hover{
  color: #00BB87;
  border-bottom: 0.1875rem solid #00BB87;
}
#portal_tabsignin:active{
  color: #00BB87;
  border-bottom: 0.1875rem solid #00BB87;
}
#portal_tabsignin:hover{
  color: #00BB87;
  border-bottom: 0.1875rem solid #00BB87;
}
#portal_tabsignup:active{
  color: #00BB87;
  border-bottom: 0.1875rem solid #00BB87;
}
#portal_tabsignup:hover{
  color: #00BB87;
  border-bottom: 0.1875rem solid #00BB87;
}
@media (max-width: 360px) {
  .container_cardWidget{
      flex-direction: column;
    align-items: center;
    }
  .cardWidget{
        width: 100%;
    }
  .cardWidgetLeft{
    margin-top: 3em;
    margin-left: 0;
  }
}
@media (max-width: 768px){
  .cardWidget{
    width: 80%;
  }
  .container_cardWidget{
      margin-left: 0;
      margin-right: 0;
    }
}
/* 1. Application globale */
* {
    font-family: 'Poppins', sans-serif !important;
    -webkit-font-smoothing: antialiased; /* Rend la police plus lisse sur Mac */
}

/* 2. Style du titre principal (Bienvenue) */
.titleWelcome {
    font-weight: 700 !important;
    font-size: 32px !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 15px !important;
}

/* 3. Style de la description sous le titre */
.Header__description {
    font-weight: 300 !important;
    font-size: 18px !important;
    opacity: 0.8;
    margin-bottom: 30px !important;
}

/* 4. Style des menus de navigation */
.Header__tabsTab, 
#portal_tabsignin,
#portal_tabsignup {
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 13px !important;
    letter-spacing: 1px;
}
#localePopup {
    font-weight: 400 !important;
    font-size: 13px !important;
    letter-spacing: 1px;
}

/* 5. Amélioration des articles (lisibilité) */
.article-content, p {
    line-height: 1.8 !important; /* Aère le texte pour moins de fatigue visuelle */
    font-size: 16px !important;
    color: #444 !important;
}