.marge20 { margin-top:20px; }
 .plan {
     margin-top:20px;
     display : inline-block;
     border-style: solid;
 }

#logoACA {
    /* 2026-07-16 : position:absolute retiré (refonte simplifiée de la nav,
       .aca-navbar-brand est maintenant un flex item, plus besoin de sortir
       le logo du flux). Hauteur : nouveau fichier logoACA.png haute
       résolution (944×1124px), l'ancien logoACA.jpg n'existait même pas sur
       disque (image cassée), donc aucune taille "actuelle" à préserver —
       choisie pour s'insérer dans la navbar Bootstrap standard
       (min-height:50px). */
    height: 44px;
    width: auto;
}

/* Carrousel accueil : hauteur fixe, photo affichée en entier (pas de
   recadrage) quel que soit son format d'origine (portrait/paysage). Le fond
   gris clair comble les espaces vides quand le ratio de la photo ne
   correspond pas exactement au conteneur. */
#myCarousel .carousel-inner .item {
    height: 420px;
    overflow: hidden;
    background-color: #f5f5f5;
}
#myCarousel .carousel-inner .item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
@media (max-width: 768px) {
    #myCarousel .carousel-inner .item {
        height: 220px;
    }
}

/* Indicateurs de pagination plus discrets (petits points semi-transparents). */
#myCarousel .carousel-indicators li {
    width: 6px;
    height: 6px;
    margin: 3px;
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.6);
}
#myCarousel .carousel-indicators .active {
    width: 8px;
    height: 8px;
    margin: 2px;
    background-color: rgba(255, 255, 255, 0.85);
    border-color: rgba(255, 255, 255, 0.85);
}