.elementor-2765 .elementor-element.elementor-element-5b9a26e{--display:flex;}/* Start custom CSS for html, class: .elementor-element-4e9f3ce */.hero {
      padding: 10px 5% 2rem;
      text-align: center;
}

.hero h1 {
      font-family: 'Poppins', sans-serif;
      font-size: 2.8rem;
      font-weight: 600;
      margin-bottom: 0.8rem;
      color: #3E4C59;
}

.hero p {
      color: #666;
      font-size: 1.1rem;
      margin-bottom: 2rem;
}

.barre-de-recherche {
      max-width: 500px;
      margin: 0 auto 3rem;
      position: relative;
}

.barre-de-recherche input {
      width: 100%;
      padding: 1rem 1.2rem 1rem 3rem;
      border: 2px solid #BEC3D7;
      border-radius: 12px;
      font-size: 1rem;
      background: #F5F6FA;
}

.barre-de-recherche::before {
      content: '🔍';
      position: absolute;
      left: 1rem;
      top: 50%;
      transform: translateY(-50%);
      color: #999;
      font-size: 1.2rem;
}

   /* Mise en page du blog */

.blog-container {
      display: flex;
      gap: 2rem;
      padding: 0 5%;
      max-width: 1400px;
      margin: 0 auto;
}

.blog-containeer {
      gap: 2rem;
      padding: 0 5%;
      max-width: 1400px;
      margin: 0 auto;
}

.main-contenu {
      flex: 3;
    }

.barre-laterale {
      flex: 1;
      background: white;
      padding: 1.5rem;
      border-radius: 10px;
      box-shadow: 0 6px 18px rgba(0,0,0,0.05);
      height: fit-content;
      border: 1px solid #B0B0B0;
    }


    /*Article à la une*/
     .a-la-une-articles {
      display: flex;
      gap: 1.5rem;
      margin-bottom: 3rem;
      flex-wrap: wrap;
    }
    .article-card {
      flex: 1;
      min-width: 280px;
      background: #FFFFFF;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 6px 20px rgba(0,0,0,0.05);
      border: 1px solid #B0B0B0;
      transition: all 0.3s;
    }
    .article-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 30px rgba(0,0,0,0.1);
    }
    .article-img {
      height: 180px;
      background: #ddd;
      background-size: cover;
      background-position: center;
    }

    .article-img img {
      height: 100%;
      background: #ccc;
      width: 100%;
      object-fit: cover;
    }
  
    .article-contenu {
      padding: 1.5rem;
    }
    .article-categorie {
      font-size: 0.8rem;
      color: #90B367;
      font-weight: 600;
      margin-bottom: 0.5rem;
      text-transform: uppercase;
    }
    .article-title {
      font-family: 'Poppins', sans-serif;
      font-size: 1.3rem;
      margin-bottom: 0.5rem;
      color: dark;
    }
    .article-text {
      color: #666;
      font-size: 0.95rem;
      margin-bottom: 1rem;
    }
    .btn-lire {
      background: transparent;
      color: black;
      border: 2px solid #3E4C59;
      padding: 0.5rem 1.2rem;
      border-radius: 8px;
      font-size: 0.85rem;
      text-decoration: none;
      font-weight: 600;
      transition: all 0.3s;
    }
    .btn-lire:hover {
      background: #ffffff;
      border-color: #58708B;
      color: #58708B;
    }

 /* Barre latérale */

    .populaire-articles h3 {
      font-family: 'Poppins', sans-serif;
      font-size: 1.3rem;
      margin-bottom: 1rem;
      color: #4A4A4A;
    }
    .populaire-objet {
      display: flex;
      gap: 1rem;
      margin-bottom: 1rem;
      align-items: center;
    }
    .populaire-img {
      width: 50px;
      height: 50px;
      background: #ddd;
      border-radius: 8px;
      flex-shrink: 0;
    }

    .populaire-img img {
      height: 100%;
      background: #ccc;
      width: 100%;
      object-fit: cover;
      border-radius: 8px;
      flex-shrink: 0;
    }
    .populaire-info h4 {
      font-size: 0.9rem;
      margin-bottom: 0.3rem;
    }
    .populaire-info p {
      font-size: 0.8rem;
      color: #999;
    }
    .bouton-plus {
      display: block;
      text-align: right;
      color: #9DC86D;
      font-size: 0.9rem;
      margin-top: 1rem;
      text-decoration: none;
      font-weight: 600;
    }
 /* Filtres */
    .filtres {
      display: flex;
      gap: 0.8rem;
      flex-wrap: wrap;
      margin-bottom: 2rem;
    }
    .filtre-bouton {
      padding: 0.5rem 1rem;
      border-radius: 8px;
      font-size: 0.9rem;
      font-weight: 500;
      background: #9DC86D;
      color: white;
      border: none;
      cursor: pointer;
      transition: all 0.3s;
    }
    .filtre-bouton.active, .filtre-bouton:hover {
      background: #E0E6EB;
      color: #3E4C59;
    }

     /* Principale Article */
    .principale-article {
      background:#FFFFFF;
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 0 6px 20px rgba(0,0,0,0.05);
      margin-bottom: 3rem;
      border: 1px solid #B0B0B0;
    }
    .principale-article-img {
      height: 300px;
      background: #ccc;
      background-size: cover;
    }

     .principale-article-img img{
      height: 100%;
      background: #ccc;
      width: 100%;
      object-fit: cover;
    }
    .principale-article-contenu {
      padding: 2rem;
    }
    .principale-article-titre {
      font-family: 'Poppins', sans-serif;
      font-size: 1.8rem;
      margin-bottom: 1rem;
    }
    .principale-article-texte {
      color: #666;
      font-size: 1.05rem;
      margin-bottom: 1.5rem;
    }

    /* Pagination */
    .pagination {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem;
      margin: 3rem 0;
      font-size: 1.1rem;
    }
    .pagination a {
      color: #303234;
      text-decoration: none;
      padding: 0.5rem 1rem;
      border-radius: 8px;
      transition: all 0.3s;
    }
    .pagination a:hover {
      background: #E6F0FA;
      color: #58708B;
    }
    .pagination .active {
      background: #3E4C59;
      color: white;
    }

    
    /* CTA newsletter */

         .newsletter {
            max-width: 600px;
            margin: 2rem auto;
            background-color: #fff;
            padding: 2rem;
            border: 1px solid #B0B0B0;
            border-radius: 10px;
            box-shadow: 0 6px 20px rgba(0,0,0,0.05);
        }
        .newsletter form {
            display: flex;
        }
        .newsletter p {
          margin-bottom: 1rem;
        }

        .newsletter input {
            padding: 0.5rem;
            width: 70%;
            border: 1px solid #BFC2CD;
            border-radius: 10px 0 0 10px;
        }
        .newsletter button {
            padding: 1rem 1rem;
            background-color: #9DC86D;
            color: white;
            font-weight: 600;
            border: none;
            border-radius: 0 10px 10px 0;
        }

    /* FOOTER */
    footer {
      background: #353F49;
      color: white;
      padding: 3rem 5% 1.5rem;
      text-align: center;
      margin-top: 4rem;
    }
    footer a {
      color: #DEB2E0;
      text-decoration: none;
    }
    footer p {
      margin: 0.5rem 0;
      font-size: 0.9rem;
    }


/* Mobile */
    @media (max-width: 992px) {
      .blog-container { flex-direction: column; }
      .barre-laterale { order: -1; margin-bottom: 2rem; }
      .a-la-une-articles { flex-direction: column; }
      .newsletter  { margin-bottom: 2rem; margin-left: 1rem; margin-right: 1rem;}
      .bouton-connexion {display: none;}
      .burger { display: block;}
    }
    @media (max-width: 768px) {
      .hero h1 { font-size: 2.2rem; }
      nav { display: none; }
      .filtres { justify-content: center; }
    }/* End custom CSS */