body {
  font-family: 'Ropa Sans', sans-serif!important;
  font-weight:normal!important;
  padding: 0px!important;
  background-image: url("/theme-static/img/fond-bleu.jpg");
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
}

@media (max-width: 1000px) {
  .container {
    max-width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0 !important;
  }

  .card {
    --bs-card-spacer-x: 0px !important;
    --bs-card-spacer-y: 0px !important;
  }

  .card-body {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

.white {
  color: white!important;
}

#loader {
  z-index: 1200!important;
}

.cookieText {
  padding: 5px;
  color: #fff;
  background-color: #333;
  border:none;
}
.modal.show {
  display: block!important;
  background-color: rgba(0,0,0,0.8);
}

.modal-dialog-scrollable {
  height: auto!important;
  max-height: none!important;
}

.modal-dialog-scrollable .modal-content {
  max-height: none!important;
  overflow: visible!important;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: visible!important;
}

.cardAccount {
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}

/*//////////////////////////////////////////////////////////////////////////////
///////////////////          Trieur           //////////////////////////////////
///////////////////////////////////////////////////////////////////////////////*/

th.sortable {
    cursor: pointer;
    position: relative;
    user-select: none;
    white-space: nowrap;
    padding-right: 1.2rem;   /* ← espace pour la flèche */
}

th.sortable::after {
    content: "⇅";
    font-size: 0.9rem;       /* ← icône plus grande */
    margin-left: 0.35rem;
    opacity: 0.35;
}

th.sortable.sort-asc::after {
    content: "▲";
    opacity: 1;
    font-size: 0.9rem;       /* ← taille flèche asc */
}

th.sortable.sort-desc::after {
    content: "▼";
    opacity: 1;
    font-size: 0.9rem;       /* ← taille flèche desc */
}

th .form-select {
    padding : .0rem 2.25rem .0rem .75rem!important;
}

td .form-select {
    padding : .0rem 2.25rem .0rem .75rem!important;
}

td .btn {
    padding : .0rem 0.3rem .0rem 0.3em !important;
}

a {
   text-decoration: none!important;
}