@media (max-width: 768px) {
  .wp-block-post-title {
    font-size: 20px !important;
  }

  .blog_top_col1,
  .blog_top_col2 {
    display: none !important;
  }
  .blog_top_col3 {
    padding-top: 0px !important;
    padding-right: 20px !important;
  }

  .blog_top_article_en_avant {
    padding: 20px; 
  }

  /********************************************/
  /* navigation  */
  /********************************************/
  .bouton_nav {
    margin-right: 20px !important;
  }

  /********************************************/
  /* Article à la une, redimensionnement de l'image */
  /********************************************/
  .blog_art_une_grille {
    display:grid;
    grid-template-columns: 1fr;
  }

  .blog_top_image_en_avant img {
    height: 100%; 
    width: 100% !important; 
    object-fit: cover; 
    justify-content:center;
  }
  .blog_top_image_en_avant {
    height: 20vh;
    width: 100%; 
    overflow: hidden; 
    align-items: center;
  }

  .blog_top_image_en_avant figure {
    aspect-ratio: unset !important; /* Annule tout aspect ratio défini */
  }

  /********************************************/
  /* Newsletter  */
  /********************************************/
  .tnp-subscription-minimal input.tnp-email {
    margin-bottom: 20px !important;
  }
  /********************************************/
  /* Bloc articles  */
  /********************************************/

  .blog_grille_article {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-rows: auto !important;
  }
  .blog_article_col4 {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .groupe_header,
  .header_info {
    min-height:20vh !important;
  }
  .blog_art_une_grille {
    display:grid;
    grid-template-columns: 1fr 1fr;
  }
  .blog_top_col1,
  .blog_top_col2 {
    display: none !important;
  }
  .blog_grille_article {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    grid-template-rows: auto !important;
  }
  .blog_article_col4 {
    display: none !important;
  }
}