/* ==========================================================
   Europe Chrétienne - feuille de style Bootstrap 5
   Conserve l'apparence d'origine (Bootstrap 4) : fond gris
   #A9A9A9, tailles de caractères, liens et séparateurs.
   ========================================================== */
body { background-color: #A9A9A9; }

/* Liens comme en Bootstrap 4 (pas de soulignement par défaut) */
a { color: #007bff; text-decoration: none; }
a:hover { color: #0056b3; text-decoration: underline; }

/* Séparateurs <hr> identiques à Bootstrap 4 */
hr { margin: 1rem 0; border: 0; border-top: 1px solid rgba(0, 0, 0, .1); opacity: 1; color: inherit; }

/* Largeur maximale des conteneurs identique à Bootstrap 4 */
@media (min-width: 1400px) { .container { max-width: 1140px; } }

/* Images : jamais plus larges que l'écran (mobile) */
main img, footer img { max-width: 100%; height: auto; }

/* Menu */
.navbar .dropdown-menu { max-height: 75vh; overflow-y: auto; }
.navbar .dropdown-item.active, .navbar .dropdown-item:active { background-color: #343a40; color: #fff; }

/* Fil d'Ariane discret */
.ec-breadcrumb { font-size: .8em; padding-top: .25rem; }
.ec-breadcrumb .breadcrumb { --bs-breadcrumb-divider-color: #000; --bs-breadcrumb-item-active-color: #212529; }
.ec-breadcrumb a { color: #000; }

/* Lien d'accès rapide au contenu (accessibilité) */
.visually-hidden-focusable:focus { position: absolute; top: .5rem; left: .5rem; z-index: 2000; background: #fff; padding: .5rem 1rem; color: #000; }

/* Retour en haut de page */
#return-to-top {
  position: fixed; bottom: 20px; right: 20px; z-index: 1030;
  width: 30px; height: 30px; border-radius: 15px;
  background: rgba(0, 0, 0, .7); display: none;
  transition: all .3s ease;
}
#return-to-top.show { display: block; }
#return-to-top:hover { background: rgba(0, 0, 0, .9); }
#return-to-top img { display: block; }

/* Blocs .nav / .nav1 du contenu et du bandeau de bas de page :
   centrés comme dans la version d'origine (Bootstrap 4) */
main .nav, main .nav1, header .nav, footer .nav, footer .nav1 { justify-content: center; text-align: center; }
footer .nav > *, main .nav > *, header .nav > * { max-width: 100%; }