:root{
  --textcolor:black;
  --backcolor:white;
}
body
{
  font-family:Quicksand, Consolas, monospace;
  color:var(--textcolor);
  font-size:16px;
}
#page
{
  padding:30px;
}
input,
textarea,
select {
}
input.double,.double
{
  -ms-transform:scale(1.5);
  -moz-transform:scale(1.5);
  -webkit-transform:scale(1.5);
  -o-transform:scale(1.5);
}
p
{
  margin-top:20px;
  margin-bottom:20px;
}
figcaption
{
  font-style:italic;
}
.fonticon
{
  font-size:1.8em;
}
.btnminsize
{
  min-width:140px;
  max-width:140px;
  margin:2px;
}
.pastille
{
  position:absolute;
  top:-6px;
  right:-6px;
  height:24px;
  width:24px;
  background-color:crimson;
  color:white;
  border-radius:50%;
  font-size:12px;
  line-height:24px;
}

/* Style personnalisé pour le menu déroulant */
.dropdown-menu-custom {
  background-color: #003333; /* Couleur de fond du menu */
  border: 1px solid #444444; /* Bordure du menu */
}

/* Style personnalisé pour les éléments du dropdown */
.-dropdown-item-custom {
  background-color: #333333; /* Couleur de fond par défaut */
  color: white; /* Couleur du texte */
}

/* Style lors du survol avec spécificité accrue */
.-dropdown-menu-custom .dropdown-item-custom:hover {
  background-color: #777777; /* Couleur de fond au survol */
  color: white !important; /* Couleur du texte au survol */
}

/* Style pour l'état actif des éléments du dropdown */
.-dropdown-item-custom:active,
.-dropdown-item-custom.active {
  background-color: #555555; /* Couleur de fond lorsqu'il est actif */
  color: white; /* Couleur du texte lorsqu'il est actif */
}

/* DANGER */

.btn-danger
{
  color:#fff;
  background-color:#932733;
  border-color:#932733;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active
{
  color:#fff;
  background-color:#7d212b;
  border-color:#741e27;
}

.btn-danger.disabled,
.btn-danger:disabled
{
  background-color:#932733;
  border-color:#932733;
}

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

.bg-danger
{
  background-color:#932733 !important;
}

.text-danger
{
  color:#932733 !important;
}

.border-danger
{
  border-color:#932733 !important;
}

.alert-danger
{
  color:#5d1920;
  background-color:#f3d9dd;
  border-color:#e8b9c0;
}

.list-group-item-danger
{
  color:#5d1920;
  background-color:#f3d9dd;
}

.table-danger,
.table-danger > th,
.table-danger > td
{
  background-color:#f3d9dd;
}

a.text-danger:hover,
a.text-danger:focus
{
  color:#741e27 !important;
}

.btn-outline-danger
{
  color:#932733;
  border-color:#932733;
}

.btn-outline-danger:hover,
.btn-outline-danger:focus,
.btn-outline-danger:active,
.btn-outline-danger.active
{
  color:#fff;
  background-color:#932733;
  border-color:#932733;
}