/* variables */
#pagination_liste {
  margin: 20px auto 20px auto;
  padding: 0 20px;
}
#pagination_liste .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#pagination_liste .page-numbers li {
  margin: 0 5px;
}
#pagination_liste .page-numbers li > span,
#pagination_liste .page-numbers li > a {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  display: block;
  padding: 6px 8px;
}
#pagination_liste .page-numbers li span {
  color: #f9b004;
}
#pagination_liste .page-numbers li a.next,
#pagination_liste .page-numbers li a.prev {
  color: #f9b004;
  font-weight: 400;
  font-size: 17px;
  text-indent: -9999px;
  padding: 8px 11px;
}
#pagination_liste .page-numbers li a.next {
  background: url(../images/fleche-droite-jaune-moyen-2x.png) center center no-repeat;
  background-size: 13px 22px;
}
#pagination_liste .page-numbers li a.prev {
  background: url(../images/fleche-gauche-jaune-moyen-2x.png) center center no-repeat;
  background-size: 13px 22px;
}
@media screen and (min-width: 768px) {
  #pagination_liste .page-numbers li {
    margin: 0 8px;
  }
  #pagination_liste .page-numbers li > span,
  #pagination_liste .page-numbers li > a {
    padding: 6px 8px;
  }
  #pagination_liste .page-numbers li > a {
    padding: 6px 8px;
    background: none;
    color: #000;
  }
  #pagination_liste .page-numbers li > a.next,
  #pagination_liste .page-numbers li > a.prev {
    border: none;
  }
}