/* 1. Encadrer le texte "Association Benari" sur la bannière de la page d'accueil */
.s1-banner h1, .banner-title, h1.site-title {
    border: 3px solid #DAA520 !important; /* Doré */
    padding: 15px 25px !important;
    display: inline-block !important;
}

/* 2. Ajouter une bande/bannière supérieure de couleur dorée sur chaque photo de la page */
img, .photo-item img, .image-container {
    border-top: 10px solid #DAA520 !important; /* Doré */
}

/* 3. Souligner le bloc de texte complet de bienvenue de la page d'accueil (Titre + Slogan) */
.home-welcome, .content-block-welcome {
    text-decoration: underline !important;
    text-decoration-color: #DAA520 !important; /* Doré */
    text-underline-offset: 8px;
    padding-bottom: 15px; /* Espace pour le soulignement */
}
/* 1. Encadrer le texte "Association Benari" sur la bannière de la page d'accueil */
.s1-banner h1, .banner-title, h1.site-title {
    border: 3px solid #DAA520 !important; /* Doré */
    padding: 15px 25px !important;
    display: inline-block !important;
}

/* 2. Ajouter une bande/bannière supérieure de couleur dorée sur chaque photo de la page */
img, .photo-item img, .image-container {
    border-top: 10px solid #DAA520 !important; /* Doré */
}

/* 3. Souligner le bloc de texte complet de bienvenue de la page d'accueil (Titre + Slogan) */
.home-welcome, .content-block-welcome {
    text-decoration: underline !important;
    text-decoration-color: #DAA520 !important; /* Doré */
    text-underline-offset: 8px;
    padding-bottom: 15px; /* Espace pour le soulignement */
}
/* Agrandir le logo */
.mod-header-logo {
  max-width: 180px;
}

/* Couleur du menu */
.navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
  color: #0B4F7D !important;
  font-weight: 600;
}

/* Couleur au survol et page active */
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a {
  color: #E5A928 !important;
}

/* Ligne bleue sous l'en-tête */
.navbar,
.navbar-default {
  border-bottom: 3px solid #0B4F7D !important;
}/* Enlever le fond gris de l'en-tête */
header,
.header,
.site-header,
.main-header,
.mod-header,
.navbar,
.navbar-default {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Réduire l'espace vide autour du logo */
header,
.header,
.site-header,
.main-header,
.mod-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: auto !important;
}

/* Agrandir le logo de l'en-tête */
.mod-header-logo img,
.header-logo img,
.navbar-brand img,
.logo img {
    max-width: 200px !important;
    max-height: 100px !important;
    width: auto !important;
    height: auto !important;
}
.mod-header-logo img,
.mod-logo img {
  max-width: 90px !important;
  height: auto !important;
}
/* Réduire la hauteur du pied de page */
.line-footer,
footer,
.footer {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Réduire les espaces internes */
.footer-phone,
.footer-email,
.footer-address {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

/* Réduire légèrement les textes */
.footer-phone h3,
.footer-phone p,
.footer-email h3,
.footer-email a,
.footer-address h3,
.footer-address p {
  font-size: 14px !important;
  line-height: 1.3 !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.navbar,
.navbar-default {
  border-bottom: 3px solid #0B4F7D !important;
}