@layer theme-v15 {
  /** bouton de navigation possédant une image**/
  input[src$="lsADroite.gif"],
  input[src$="lsAGauche.gif"],
  input[src$="ogPagePrecedente.gif"],
  input[src$="ogPageSuivante.gif"] {
    margin: 0 5px;
    min-height: 28px;
    max-height: 28px;
  }

  a[class^="bouton-t"],
  input[class^="bouton-t"],
  button[class^="bouton-t"],
  .bouton-nav {
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
  }

  a[class^="bouton-t"],
  input[class^="bouton-t"],
  button[class^="bouton-t"] {
    padding: 6px;
  }

  .bouton-nav {
    min-height: 28px;
    max-height: 28px;
  }

  input.bouton-t1,
  button.bouton-t1{
    background-color: #fff;
    border: 1px solid #0275d8; 
    color: #0275d8;
  }

  :is(input, button).bouton-t1:where(:hover, :focus-visible, :focus) {
    background-color: #dbeefa;
    padding: 6px;
  }

  input.bouton-t1:active,
  button.bouton-t1:active {
    background-color: #dbeefa;
    color: #1e97e0;
    border-color: #1e97e0;
  }

  a.bouton-t2,
  input.bouton-t2, 
  button.bouton-t2,
  .bouton-nav  {
    background: #0275d8;
    border: 1px solid #0275d8;
    color: #fff;
  }

  :is(a, input, button).bouton-t2:where(:hover, :focus-visible, :focus),
  .bouton-nav:where(:hover, :focus-visible, :focus) {
    background-color: #025aa5;
    border-color: #01549b;
  }

  a.bouton-t2:active,
  input.bouton-t2:active,
  button.bouton-t2:active,
  .bouton-nav:active {
    background: #1A82C1;
    border-color: #055E94;
  }

  a.bouton-t2 {
    font-size: 12px;
    font-family: Arial, Helvetica;
    margin: 1px 0;
  }

  a.bouton-t2:link,
  a.bouton-t2:visited {
    text-decoration: none;
    color: #fff;
  }

  :is(a, input, button)[class^="bouton-"]:where(:focus-visible, :focus),
  .bouton-nav:where(:hover, :focus-visible, :focus) {
    outline: none;
  }

  /*
  * LISTBOUTONS
  */
  .nav-boutons-bas,
  .nav-boutons-liste,
  .nav-recherche-pagination-liste,
  .nav-etapes-liste {
    display: flex;
    background-color: white;
  }

  .nav-boutons-bas,
  .nav-boutons-liste,
  .nav-recherche-pagination-liste,
  .nav-recherche-pagination-element,
  .nav-boutons-bas-liste-element {
    padding: 0;
    margin: 0;
  }

  .nav-boutons-bas {
    padding : 17px 10px 17px 10px;
  }

  .nav-boutons-bas-liste-element,
  .nav-recherche-pagination-element,
  .nav-etapes-element {
    align-self : center;
  }

  .nav-boutons-bas-liste-element ~ .nav-boutons-bas-liste-element,
  .nav-recherche-pagination-element ~ .nav-recherche-pagination-element,
  .nav-etapes-element ~ .nav-etapes-element {
    padding-left : 5px;
  }

  .confirm-bouton ~ .confirm-bouton {
    margin-left : 5px;
  }

  .nav-boutons-liste, .nav-recherche-pagination-liste, .nav-etapes-liste {
    list-style-type : none;
  }

  .nav-recherche-pagination-liste, .nav-etapes-liste {
    flex: 1;
    justify-content: flex-end;
    margin: 0;
  }

  .popup .nav-boutons-liste {
    justify-content: center;
  }

  /* ----- Bouton de déplacement | Glisser-déposer ----- */
  .glisser-deposer {
    width: 20px;
    height: 13px;
    background-image: url("../../../arc/commun/images/liste/deplacer.gif");
    background-repeat: no-repeat;
    cursor: pointer;
  }
}