.pagination{
	display: flex;
align-items: center;
justify-content: center;
}

.btn-pagination{
	color: var(--main-color-blond);
	background-color: var(--main-color-rouge);
	border-color:  var(--main-color-blond);
}

.btn-pagination:hover, .btn-pagination:focus {
	color: var(--main-color-rouge);
	background-color: var(--main-color-blond);
	border-color:  var(--main-color-rouge);
}

.btn-suppr{
  color : var(--main-color-rouge);
}

.btn-suppr:hover, .btn-suppr:focus{
  color : var(--main-color-blond);
}

.btn.btn-suppr:hover, .btn.btn-suppr:focus{
  background-color: var(--main-color-rouge);
}

.btn-add{
  color : var(--main-color-vert);
}

.btn-add:hover, .btn-add:focus{
  color : var(--main-color-blond);
  background-color: var(--main-color-vert);
}
/** CSS specificite adminisation **/

form ol {
  padding-left: 0;
}

/*form li,*/ div > p.preview {
  background: #eee;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  list-style-type: none;
  border: 1px solid black;
}

form img {
  height: 64px;
  order: 1;
}

form p {
  line-height: 32px;
  padding-left: 10px;
}

.bg-bleu>a, .bg-bleu>h1{
  color : white!important;
}


table {
  margin-top: 2%;
  margin-bottom: 2%;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 3px solid var(--main-color-blond);
}

thead th:nth-child(1) {
  width: 20%;
}

thead th:nth-child(2) {
  width: 20%;
}
thead th:nth-child(3) {
  width: 20%;
}

thead th:nth-child(4) {
  width: 10%;
}
thead th:nth-child(5) {
  width: 15%;
}

thead th:nth-child(6) {
  width: 10%;
}
thead th:nth-child(7) {
  width: 10%;
}

tbody td {
  border: 2px solid var(--main-color-blond);
  text-align: center;
}

tfoot th {
  text-align: right;
}

thead, tfoot, h1 {
  color: var(--main-color-rouge);
}

thead th, tfoot th, tfoot td {
 /* background: linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.5));*/
  border: 3px solid var(--main-color-blond);
  text-align: center;
}

.modal-content {
    background-color: var(--main-color-beige)!important;
}

.bg_bleu h1,.bg_bleu h2,.bg_rose h2,.bg_rose h1 {
    color: var(--main-color-beige)!important;

}

h5.modal-title{
	 color: var(--main-color-rouge);
}

nav.bg_bleu{
	height: 20vh;
  width: 100vw;
}

/** fin CSS specificite adminisation **/