/* Votre Style */

ul {
  background: #bbb;
}
li, [class*="grid"] > * {
  background: #ccc;
}
footer {
  background: #aaa;
	height: 4em;
}
main {
  background: #eee;
}
aside {
  background: #aaa;
 
}
header {
  height: 4em;
  background: rgb(1,62,125);
}
a {
	text-decoration:none;
}
	.bouton{
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	font-size:12px;
	text-transform: uppercase;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:rgb(89,120,184);
	color:white;
	width:80px;
	position:absolute;
	top:55px;
	}

	.bouton a:hover{
	color:white;
	}
	.altbouton{
	display:block;
	font-family:sans-serif;
	font-size:12px;
	text-transform: uppercase;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:rgb(89,120,184);
	color:white;
	width:80px;
	position:absolute;
	top:90px;
	}
.navigation {
  width: 200px;
  list-style: none;
  margin: 0;
  padding: 0;
  color: red;
}
.navigation li {
  background: #aaa ; 
 
  
  border-bottom: 1px solid white ;
  margin-bottom: 1px ;
}
.navigation a {
	color:white;
}
.navigation a:hover{
	color:black;
}
.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 0.4em;
  flex-wrap: wrap;
}

.pagination li {
  display: inline;
  margin: 0;
  padding: 0;
}

.pagination a,
.pagination strong {
  text-decoration: none;
}
ul.pagination-items {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

ul.pagination-items > li.pagination-item {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 4px !important;
}