/* Fond de l'entete en blanc pur */
.header {
  background: #ffffff;
  color: #333333; /* Texte en gris foncé, plus doux que le noir pur */
}

/* Fond général du site en blanc pur */
body {
    background: #ffffff;
    color: #333333; /* Texte en gris foncé, plus doux que le noir pur */
}

/* Fond de l'en-tête et du conteneur principal */
.body-innerwrapper {
    background: #ffffff;
    box-shadow: none; /* Supprime les ombres standard pour un effet plus plat et moderne */
  
}

/* Fond du pied de page (Footer) en gris sobre */
.footer {
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

/* Style pour l'uniformisation des logos officiels */
.logo-partenaire {
    filter: grayscale(100%); /* Force les logos en noir et blanc */
    opacity: 0.6;            /* Les rend légèrement transparents pour la discrétion */
    transition: all 0.3s ease-in-out;
}

/* Rétablissement de l'état normal au survol de la souris */
.logo-partenaire:hover {
    filter: grayscale(0%);
    opacity: 1;
}

/* Couleur des liens du site */
a {
  color: #212529;
  text-decoration: color 0,3s ease;
}
a:hover {
  color: #6c757d; /* Gris plus doux au survol */
  text-decoration: underline;
}
/* Style des boutons prinicpaux (ex: boutons de formulaires) */
.btn-primary {
  background-color: #212529 !important;
  border-color: #212529 !important;
  color: #ffffff !important;
  border-radius: 0px; /* Suppression des angles arrondis pour un effet plus graphique */
  text-transform: uppercase;
  font-size: 0,9rem;
  letter-spacing: 1px;
}
.btn-primary: hover {
  background-color: #495057 !important;
  border-color: #495057 !important;
}

/* Espacement et confort de lecture pour les articles textuels */
.com-content-article {
  padding-top: 3rem;
  padding-bottom: 3rem;
  line-height: 1,7; /* donne de l'air entre les lignes de texte */
}
.com-content-article h2 {
  margin-bottom: 1,5rem;
  font-size: 2rem;
}

/* Couleur de fond de la barre de menu entière (si positionnée dans la zone "menu") */
.metismenu.mod-menu {
    background-color: #ffffff; /* couleur de fond de la barre de menu blanc pur */
    padding: 10px;
    border-radius: 4px;
}

/* Couleur du texte des liens du menu au repos */
.metismenu.mod-menu a {
    text-transform: uppercase; /* Liens en majuscule pour le style "galerie" */
   letter-spacing: 1,5px; /* Leger espace entre les lettres */
   color: #212529 !important; /* Couleur anthracite */
   padding: 0,5rem 1,2rem !important;
   font-weight:500;
}

/* Couleur du texte et fond au survol (Hover) et au clic (Focus) */
.metismenu.mod-menu a:hover, 
.metismenu.mod-menu a:focus {
   color: #6c757d !important; /* Devient gris plus doux */
   border-bottom: 1px solid #212529; /* Fine ligne de soulignement élégante */   
   background-color: ##6c757d !important; /* Couleur de fond au survol */
}

/* Couleur de l'élément de menu actuellement actif (Page en cours) */
.metismenu.mod-menu .active > a,
.metismenu.mod-menu .current > a {
    color: #e74c3c !important; /* Couleur du texte actif (ex: Rouge) */
    background-color: #ffffff !important; /* Couleur de fond actif */
    font-weight: bold;
    border-bottom: none;
}