:root {
  --sidebar-width: 20.625rem;
}
.sidebar {
  height: 100%;
  max-width: 100%;
  padding-top: .525rem;
}
.news-intro {
  font-size: 1.125rem;
  font-family: "OSEC-bold", sans-serif;
  font-weight: normal;
  margin-bottom: 0;
}
.logo-meteo {
  width: 100%;
  font-family: "OSEC-bold", sans-serif;
  font-weight: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.logo-meteo img {
  max-width: 4.6875rem;
  margin-left: 1rem;
}
.sidebar-news {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: .9375rem;
}
.sidebar-news a {
  text-decoration: none;
}
.sidebar-news a.stretched-link {
  font-size: 90%;
  line-height: 1;
  padding-right: .25rem;
}
.sidebar-news a > span {
  margin-bottom: .5em;
}
.sidebar .news-title {
  font-size: .925rem;
  font-family: "OSEC-bold", sans-serif;
  font-weight: normal;
}
.sidebar .img-fluid.my-1 {
  min-width: 8rem;
  min-height: 6rem;
  width: 8rem;
  height: 6rem;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 575.98px) {
  .sidebar-news + .sidebar-news {
    margin-top: var(--bs-gutter-x);
  }
}
@media (max-width: 767.98px) {
  .logo-meteo img {
  	max-width: 6.688rem;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .sidebar-news {
    padding-top: var(--bs-gutter-x);
  }
  .sidebar-news > .d-flex {
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .sidebar {
    width: var(--sidebar-width);
    padding-left: .625rem;
  }
  .sidebar-news + .sidebar-news {
    margin-top: .9375rem;
  }
}