/* Définition des variables de couleur CSS */
:root {
  --golden: #d4af37;
}


/*------/ Pagination-a /------*/
.pagination-a {
  text-decoration: none;
}

.pagination-a .pagination .page-link {
  margin: 0 0.2rem;
  border-color: transparent;
  padding: 0.5rem 0.8rem;
  color: #000000;
}

.pagination-a .pagination .page-link:hover,
.pagination-a .pagination .page-link:active,
.pagination-a .pagination .page-link:focus {
  background-color: var(--golden);
}

.pagination-a .pagination .page-link span {
  font-size: 1.2rem;
}

.pagination-a .pagination .next .page-link {
  padding: 0.4rem 0.9rem;
}

.pagination-a .pagination .page-item:last-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.pagination-a .pagination .page-item:first-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pagination-a .pagination .page-item.disabled .page-link {
  padding: 0.4rem 0.9rem;
  color: #555555;
}

.pagination-a .pagination .page-item.active .page-link {
  background-color: var(--golden);
}

.a {
  text-decoration: none;
  color: var(--golden);
  font-size: 1.3rem;
}



/* GESTION DES TAILLES D'ECRAN */

/* Pour les écrans de taille PC */
@media (min-width: 992px) {
  .ecran_pagination {
    justify-content: end;
  }
}

/* Pour les écrans de taille mobile */
@media (max-width: 991px) {
  .ecran_pagination {
    justify-content: center;
  }
}