body
{
  font-family:Consolas, "Courrier New", monospace;
  font-size:24px;
  line-height:36px;
}
.menubar
{
  display:flex;
  justify-content:left;
  gap:3px;
  overflow-x:auto;
}
@media (max-width: 400px) {
  .menubar {
    justify-content: flex-start;
  }
}
h4
{
  font-weight:bold;
  margin:0;
}
select option
{
  font-family:Consolas, "Courrier New", monospace;
}
.completion
{
  font-family:Consolas, "Courrier New", monospace;
  background-color:silver;
  color:black;
  font-size:24px;
  line-height:26px;
}
.form-control,.form-control:focus
{
  font-family:Consolas, "Courrier New", monospace;
  font-size:24px;
  background-color:papayawhip;
}
.form-control-plaintext
{
  font-family:Consolas, "Courrier New", monospace;
  font-size:24px;
}
select.form-control option
{
  font-family:QuickSand!important;
  background-color:papayawhip;
}
text-dark a
{
  color:black;
  text-decoration:underline;
}
.text-light a
{
  color:white;
  text-decoration:underline;
}
p
{
  margin-top:20px;
  margin-bottom:20px;
}
figcaption
{
  font-style:italic;
}
.btnminsize
{
  min-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;
}
input.double,.double
{
  -ms-transform:scale(1.7);
  -moz-transform:scale(1.7);
  -webkit-transform:scale(1.7);
  -o-transform:scale(1.7);
}
.big
{
  font-size:2em;
}
.cover
{
  height:640px;
}
.codeposition
{
  padding:2px 5px 2px 5px;
  border-radius:2px;
}
.smallcodeposition
{
  padding:1px 2px 1px 2px;
  border-radius:2px;
}
.btnclass
{
  font-size:14px;
  border-radius:35%;
}
.icon
{
  font-size:2em;
}
.dropdown-menu-custom .dropdown-item:hover
{
  background-color: white;
  color: black !important;
}

.dropdown-menu-custom .dropdown-item.active
{
  background-color: gray;
}

.dropdown-menu-custom .dropdown-item.active:hover
{
  background-color: white;
  color: black !important;
}

.btn,.badge
{
  position: relative;
}
.btn::before,.badge::before
{
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(50% - 2px);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
  pointer-events: none;
}
.gg
{
  background-color:gold;
}
.form-control
{
  -box-shadow: 0px 3px 5px silver!important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Exemples de valeurs */
  border: 1px solid #ccc; /* Personnalisation de la bordure si besoin */
}
.form-control:focus, .form-control:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* Ombre personnalisée en focus */
  border-color: #999; /* Optionnel : changer la couleur de la bordure en focus */
  outline: none; /* Supprime la bordure de focus bleue */
}