/* Appliquer le style sur l'élément contenant le titre "Informatique" */
#block-informatique-menu {
    display: flex;
    flex-direction: column; /* Placer l'icône et le texte en colonne */
    align-items: center; /* Centrer horizontalement l'icône et le texte */
    justify-content: center; /* Centrer verticalement l'icône et le texte */
    font-size: 16px; /* Taille du texte */
    text-align: center; /* Centrer le texte */
    padding: 11px; /* Espacement interne pour éviter que le contenu soit trop collé */
}

/* Ajouter l'icône avant le texte */
#block-informatique-menu::before {
    content: "\F6A5"; /* Unicode pour l'icône pc-display-horizontal */
    font-family: "Bootstrap Icons"; /* Police d'icônes Bootstrap */
    font-size: 2rem; /* Taille de l'icône */
    color: #3a4781; /* Couleur de l'icône */
    margin-bottom: 11px; /* Espacement entre l'icône et le texte */
    display: inline-block; /* S'assurer que l'icône est un bloc */

}


#block-secretariat-menu {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #3a4781;
  position: relative;
  padding: 20px !important; /* Espacement interne pour éviter que le contenu soit trop collé */
}

#block-secretariat-menu::before {
  content: "\F451"; /* Code Unicode pour l'icône 'keyboard' */
  font-family: "Bootstrap Icons";
  font-size: 5rem;
  display: block;
  margin-bottom: 5px; /* Espacement entre l'icône et le texte */
  color: #3a4781;
}