/* Redéfinir la couleur secondaire */
:root {
  --color-secondary: #7CBF5C !important; /* Remplace par ta couleur secondaire */
}

/* Forcer la couleur secondaire sur les éléments typiques */

/* Boutons secondaires */
.btn-secondary,
a.btn-secondary {
  background-color: var(--color-secondary) !important;
  border-color: var(--color-secondary) !important;
  color: #ffffff !important;
}

/* Cibler directement les boutons de navigation */
.pagenavbuttons .btn {
  background-color: #7cbf5c !important; /* ta nouvelle couleur */
  color: #ffffff !important; /* texte en blanc pour contraste */
}

/* Couleur de fond et de texte de l'onglet actif */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #7cbf5c !important;  /* Fond sélectionné */
  color: #ffffff !important;             /* Texte blanc */
  border-color: #7cbf5c !important;      /* Bordure */
}

/* Élément actif / sélectionné dans la navbar */
.navbar .nav-item.active > .nav-link,
.navbar .nav-item.show > .nav-link,
.navbar .nav-link.active {
  background-color: #7cbf5c !important; /* fond de l’élément actif */
  color: #ffffff !important;            /* texte en blanc */
}

/* Remplacer la couleur de la bordure sous la navbar */
.navbar {
  border-bottom: 3px solid #7cbf5c !important;  /* couleur unie */
  border-image: none !important;                 /* désactive le dégradé */
}

/* Couleur de survol globale pour tous les liens */
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.nav-link:hover,
.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.dropdown-item:hover,
.list-group-item:hover {
  background-color: #a8d687 !important; /* fond au survol */
  color: #ffffff !important;             /* texte au survol */
}

/* Correction du format Tuiles - Occuper tout l'espace pour la section 0 + supprimer espace blanc (attention, l'indicateur de suivi d'achèvement ne sera plus affiché */
#section-zero-container .col-sm-1#buttonhidesec0 {
  display: none !important;
}
#section-zero-container .col-sm-11 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important; /* remplace "col-sm-11" par 100% */
}
#section-zero-container .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#abovetiles {
  display: none !important;
}

/* Arrondir les tuiles du format Tiles */
.format-tiles .tile, 
.format-tiles .tilecontainer, 
.format-tiles .tilebox {
    border-radius: 0.5rem !important;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}