/* Tablettes large */
@media (max-width: 991px) {
  .top-nav-container,
  .navigation {
    display: none;
  }

#main-nav:not(.scrolled) .search-toggle {
    display: block;
}

.weather p, .date p{
  font-size:11px !important;
}

  header .logo img,
  .scrolled .logo img {
      max-width: 100%;
  }

 #main-nav .custom-search-form{
    display:none;
  }

  .side-modal {
    width: 70vw;
  }

  .carousel-control-prev {
    left: -20px;
  }


  #carouselVedettes {
      & .vedette-slide {
          h2 {
              font-size: 26px;
              text-wrap: auto;
          }
      }
  }

  .copyright{
    flex-direction: column;
  }

  .partenaire-logo img {
    width: auto;
    height: 25px;
  }

}

/* Tablettes petites */
@media (max-width: 767px) {


  div#page {
      background-color: #282846;
  }

  main#primary {
    background: #fff;
}

  #news-container{
    padding-left:5px;
    padding-right:5px;
  }

  article.card-publications{
    margin-bottom:5px;
    .category{

    }
  }

/*  .publication-background {
    height: 40vh !important;
  }*/

  .ad-section{
    margin: 5px;
  }

  #articleListe .article{
    backgroud-color:#fff;
  }

  .next-article {
    h3.title, a, p{
    color:#fff;
    }
  }

  #carouselVedettes {
    & .vedette-slide {
      h2{
          font-size: 17px !important;
          line-height: 1.2;
          margin-bottom:0;
         }
      }
    }

    .content h2.title{
      font-size: 17px !important;
      line-height: 1.2;
      margin-bottom:0;
    }

    .home .post-meta{
      display:none !important;
    }

    #carouselVedettes, .carousel-item, .carousel-inner {
      height: auto;
    margin-bottom: 8px;
  }

  .publication-background {
    &.overlay {
        &::after {
            background: linear-gradient(0deg, var(--bleu-primary), transparent);
            opacity: 1;
            height: 100%;
        }
    }
  }

  h2.title.title-section{
    font-size:30px;
    text-align: center;
    color:#ffffffd4;
  }

  .archive-posts {
    & article.card-publications {
        img {
            height: 100%;
        }
    }
}

}

/* téléphones en mode portrait */
@media (max-width: 575px) {

}

/* téléphones en mode paysage */
@media (min-width: 576px) and (max-width: 767px) {

}