/* Images des activités dans le carousel */
.activite-img {
  margin-top: 0;
  padding-top: 0;
  display: block;
}

img.activite-img {
  max-height: 500px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Carousel page d'accueil */
.home-carousel .col-sm-7 {
  display: flex;
  align-items: flex-start;
}

.home-carousel .col-sm-7 img {
  align-self: flex-start;
  margin-top: 0;
  padding-top: 0;
  display: block;
}

img[src*="homescreen3.png"] {
  margin-top: 0;
  padding-top: 0;
  display: block;
  align-self: flex-start;
}

/* Bandeau topbar MonAS Collège */
#top {
  background-color: #222;
  color: #fff;
  font-size: 14px;
  padding: 6px 0;
}

#top a {
  color: #fff;
  text-decoration: underline;
}

#top img.topbar-favicon {
  height: 16px;
  width: 16px;
  vertical-align: baseline;
  margin-right: 6px;
}

@media (max-width: 767px) {
  #top .col-xs-5,
  #top .col-xs-7 {
    width: 100%;
    text-align: center;
  }
  #top .social {
    margin-top: 6px;
  }
}

/* Bandeau titre des pages (Tarifs, Contact, etc.) */
#heading-breadcrumbs {
  background: #2d6cb4;
  background-image: none;
}

#heading-breadcrumbs h1 {
  color: #fff;
}

/* Section Testimonials - fond blanc sans filtre */
.bar.background-pentagon {
  background: white;
  border: none;
  padding-top: 0;
  padding-bottom: 20px !important;
  margin-top: 0;
  margin-bottom: 0 !important;
}

/* Masquer les avatars dans la section FAQ/Testimonials */
.testimonials .name-picture img {
  display: none;
}

/* Fond gris clair pour les cartes du carrousel de témoignages */
.testimonials .item {
  background: #f5f5f5 !important;
}

/* Texte sous le titre "Pourquoi une application mobile ?" */
.bar.background-pentagon .lead {
  color: #1a3a5c;
  text-align: justify;
}

/* Réduire l'espace entre testimonials et features */
.bar.background-white {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Remplacer l'image de fond du carrousel */
.home-carousel {
  background: url('../img/background_sport.png') center center !important;
  background-size: cover !important;
}