/*le menu de navigation horizontal*/

/* === Menu horizontal : même design que le menu vertical === */
.horizontal{
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 20px;                 /* espace entre boutons */
  padding: 0;
  margin: 0;
  list-style: none;
  flex-wrap: wrap;           /* passe à la ligne si pas la place */
}

.horizontal li{ list-style: none; }

.horizontal a{
  display: inline-flex;      /* comme le vertical */
  align-items: center;
  justify-content: center;
  padding: 14px 22px;        /* même “cushion” */
  min-height: 56px;          /* hauteur cohérente */
  box-sizing: border-box;

  background: #fff;
  color: #009dff;
  border: 2px solid #009dff; /* 2px comme le vertical */
  border-radius: 12px;       /* arrondi identique */
  text-decoration: none;
  font-weight: 700;          /* même poids que le vertical */
  line-height: 1.2;

  transition: background-color .2s, color .2s, border-color .2s;
}

/* Hover / focus / actif : inversion des couleurs, comme le vertical */
.horizontal a:hover,
.horizontal a:focus,
.horizontal a.active{
  background: #009dff !important;
  color: #fff !important;
  border-color: #009dff !important;
}
/* === Fin menu horizontal === */

h2{
    margin-left: 10px;
}