.card{ border: 1px solid #cccccc;border-radius:14px;padding:10px;margin:10px 10px 0 0;}
.pagination{display:flex;padding-left:0;list-style:none}
.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#88bb88;background-color:#fff;border:1px solid #22bb22}.page-link:hover{z-index:2;color:#22bb22;text-decoration:none;background-color:#ddffdd;border-color:#dee2e6}
.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(255,204,0,0.25)}
.page-item:first-child .page-link{margin-left:0}
.page-item.active .page-link{z-index:3;color:#000;background-color:#22ff22;border-color:#22bb22}
.page-item.disabled .page-link{color:#668866;pointer-events:none;cursor:auto;background-color:#fff;border-color:#ddeedd}.

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
}

.badge-primary {
  color: #212529;
  background-color: #5ad0fc;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #212529;
  background-color: #cca300;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 204, 0, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #31404B;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #1d262c;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(49, 64, 75, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #FFFFFF;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #e6e6e6;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #243d8d;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #070708;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(30, 32, 36, 0.5);
}
.lien {
    color: #6FFF6F;
    transition: 0.5s;
}
.lien:hover,
.lien:active,
.lien:focus {
    color: #ddffdd;
    outline: none;
    text-decoration: none;
}
.lien2 {
    color: #ffffff;
    transition: 0.5s;
}
.lien2:hover,
.lien2:active,
.lien2:focus {
color: #6fff6f;
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #ffffff;
    background: #0A2210;
    border: 1px solid #0A2210;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
    color: #ffffff;
    background: #1A5D2E;
    border-color: #1A5D2E;
}