
.bloc-archive-3 ul{
    gap:1rem;
  }
  
  .bloc-archive-3 li{
    flex:1;
  }
  
  .bloc-archive-3,
  .temps-forts,
  .block-fonction-temps ul,
  .block-grand-angle,
  .bloc-contenus-preferes{
  }
  
  @media (min-width: 991px) {
    .temps-forts,
    .block-fonction-temps ul{
      padding: 3.5rem 3rem 2rem!important;
      margin-bottom: 40px;
    }
    .block-fonction-temps ul{
      padding-top: 1rem!important;
      margin-bottom: 0;
    }
    .bloc-archive-3,
    .block-grand-angle,
    .bloc-contenus-preferes{
      padding-left: 0!important;
      padding-right: 0!important;
      margin-bottom: 40px;
    }
  }
  
  .keyboard-user .temps-forts .btn-bnpp:focus{
    outline: 3px solid white;
  }

  .block-fonction-temps a{
    text-decoration: none;
  }
  
  .block-fonction-temps ul,
  .bloc-contenus-preferes ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 2rem;
    padding-left: 0;
  }
  
  .block-fonction-temps li,
  .bloc-contenus-preferes li {
    display: flex;
    flex-direction: column;
    overflow: visible;
  }
  
  .block-fonction-temps li .footer-rounded-card,
  .bloc-contenus-preferes li .footer-rounded-card {
    border-top-left-radius: 15px;
    margin-top: -15px;
    border-bottom-left-radius:.375rem;
    border-bottom-right-radius:.375rem;
  }
  
  .block-fonction-temps .bg-dark{
    border-top-left-radius:.375rem;
    border-top-right-radius:.375rem;
    border-bottom-left-radius:.375rem;
  }
  
  .block-fonction-temps li:has(a:hover) .footer-rounded-card,
  .block-fonction-temps li:has(a:focus) .footer-rounded-card,
  .bloc-contenus-preferes li:has(a:hover) .footer-rounded-card,
  .bloc-contenus-preferes li:has(a:focus) .footer-rounded-card {
    transition: all 0.2s;
  }
  
  .keyboard-user .block-fonction-temps li:has(a:focus) {
    outline: 3px solid white;
  }
  
  .keyboard-user .bloc-contenus-preferes li:has(a:focus) {
    outline: 3px solid black;
  }
  
  .bloc-contenus-preferes .label-count-contenus-preferes{
    margin: 1.5rem;
    left:0;
  }

  .slick-autoplay-toggle-button{
    top:0!important;
  }
  
  .rss-widget a{
    font-size: 25px;
    padding: 7px 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid gray;
    border-radius: 50%;
  }

  .rss-widget a:hover,
  .keyboard-user .rss-widget a:focus{
    border: 2px solid white;
    transition: .2s border;
  }

  .rss-widget .bi::before{
    vertical-align: -6px;
  }

  @media (max-width: 910px){
    .vertical-on-mobile{
      display: flex;
      flex-direction: column;
    }
  
    .card-img-top img{
      min-height: 140px;
      object-fit: cover;
    }
     .my-5{
      margin-top: 1rem!important;
      margin-bottom: 1rem!important;
     }
     section.bloc-archive-3{
      margin-top: 2rem!important;
      margin-bottom: 2rem!important;
     }
     .bloc-contenus-preferes .grid-vertical-on-mobile,
     .block-fonction-temps .grid-vertical-on-mobile{
      grid-template-columns: 1fr;
     }
  }

  .bnpp-image-slider .slick-prev,
  .bnpp-image-slider .slick-next{
    z-index: 99!important;
  }

  @media (max-width:600px) {
    .bloc-archive-3 header{
      justify-content: center!important;
    }
  }

.temps-forts.bg-dark {
    background-color: #F7F7F7 !important;
}