:root {
            --acti-blue:#0056a4;
            --acti-yellow:#ffd600;
        }
        body{font-family:"Poppins",sans-serif;}
        .topbar{font-size:.85rem;}
        .navbar-nav .nav-link.active{font-weight:600;color:var(--acti-blue)!important;}
        #hero h2{font-weight:700;color:var(--acti-yellow);}/* “Nouveauté” */
        #hero h3{font-weight:700;color:var(--acti-blue);}/* “Sélection 2025” */
        #features i{color:var(--acti-blue);}/* icônes bénéfices */

/* Couleurs personnalisées */
.bg-acti-blue {
    background-color: #0056A4;
}
.nav-link {
    color: #222 !important;
}
.nav-link:hover {
    text-decoration: underline;
}
.btn-primary {
    background-color: #0056A4;
    border-color: #0056A4;
}
.btn-primary:hover {
    background-color: #003f7f;
    border-color: #003f7f;
}

.title-picto{
    color: #0056A4;
}

.text-acti-blue {
  color: #0056A4;
}
.hover-scale {
  transition: transform 0.2s ease;
}
.hover-scale:hover {
  transform: scale(1.02);
}

/*== Carousel ==*/
.hero-carousel {
  background: linear-gradient(to right, #0056a4 0%, #f8d400 100%);
  min-height: 380px;
}
.hero-text {
  max-width: 420px;
}
.hero-text h2, .hero-text h3 {
  color: white;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(255,255,255,0.7);
  border-radius: 50%;
}

/* ===== Grille pictogrammes ===== */
.picto-grid {
    display: grid;
    gap: 1.25rem;                 /* 20 px d’espace */
    grid-template-columns: repeat(5, 1fr);   /* 5 cartes par ligne desktop */
}

/* Effet léger au survol */
.picto-card img {
    transition: transform .2s ease;
}
.picto-card:hover img {
    transform: scale(1.05);
}
/*== Contact ==*/

  .text-acti-blue{color:#0056A4;}
  .contact-hero img{max-height:300px;object-fit:cover;}
  .contact-form .form-control{border-radius:0;}
  .contact-form textarea{resize:vertical;}


/*== Footer ==*/
.bg-acti-blue {
  background-color: #0056A4;
}

footer h6 {
  font-size: 0.85rem;
}
footer ul li {
  margin-bottom: 0.25rem;
}
footer a:hover {
  text-decoration: underline;
}

/* – 4 cartes ≥ 1200 px */
@media (max-width: 1199.98px) {
    .picto-grid { grid-template-columns: repeat(4, 1fr); }
}
/* – 3 cartes ≥ 992 px */
@media (max-width: 991.98px) {
    .picto-grid { grid-template-columns: repeat(3, 1fr); }
}
/* – 2 cartes < 768 px */
@media (max-width: 767.98px) {
    .picto-grid { grid-template-columns: repeat(2, 1fr); }
}

 .fom-signin-btn {background-color: #007bff;
    border-color: #007bff;
 }

.fom-signin-btn:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}