/* ==============================================
   users.css — classes CSS pour les utilisateurs rédacteurs
   ============================================== */


/* -----------------------------------------------
   BOUTONS
   ----------------------------------------------- */
.bouton {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none !important;
    border-radius: var(--radius);
    transition: background-color 0.3s ease;
    font-size: 1.35rem;
}
.bouton:hover,
.bouton:active,
.bouton:focus {
    background-color: var(--rouge-prado-1) !important;
    color: #fff !important;
}
.bouton.vert {
    background-color: var(--vert-prado-2);
    color: #fff;
}
.bouton.pdf {
  min-height: 45px;
  padding: .9em;
  padding-left: 70px;
  line-height: 45px;
  background-image: url('../icons/pdf.png');
  background-repeat: no-repeat;
  background-position: 0.5em center;
  background-size: 45px 60px;
}


/* -----------------------------------------------
   ---- BOUTONS TEMPORAIRES -----------
   ----------------------------------------------- */
.tpl-link-button {
    display: inline-block;
    padding: 0.5em 1em;
    background-color: var(--vert-prado-2);
    color: #fff;
    text-decoration: none !important;
    border-radius: var(--radius);
    transition: background-color 0.3s ease;
    font-size: 1.35rem;
}
.tpl-link-button:hover,
.tpl-link-button:active,
.tpl-link-button:focus {
    background-color: var(--bleu-prado-3);
    color: #fff !important;
}
.tpl-link-pdf {
  padding-left: 45px;
  background-image: url('../icons/pdf.png');
  background-repeat: no-repeat;
  background-position: 0.5em center;
  background-size: 29px 35px;
}