.InsertBtn { width:50%; margin-left:25%; margin-top:2%; color:black ! important }
.DatabseForm { max-width:50%; margin-left:25%; margin-top:5vh; }
.crd-titre 
{
    font-size: 24px; /* Taille de la police */
    font-weight: bold; /* Gras */
    position: relative; /* Pour positionner l'ombre */
    padding-bottom: 10px; /* Espace entre le texte et l'ombre */
    max-width: 400px; /* Largeur maximale */
    max-height: 40px; /* Largeur maximale */
    width: fit-content; /* Ajuste la largeur selon le contenu */
    margin-left:33%;
    backgroun-color:none;
    padding:6px;

}
.rgbaY { box-shadow: 0 4px 8px rgba(255, 255, 0, 0.5); /* Ombre jaune */ }
.rgbaG { box-shadow: 0 4px 8px rgba(128, 128, 128, 0.5); /* Ombre grise */ }


.console { margin-left: 40% ! important; }
.MsgErr{
    margin-left:40%;
    margin-top:3%;
}

.Ok { color: white; /* Couleur pour message de succès */ }
.Ko { color: red; /* Couleur pour message d'erreur */ }

.calc-container {
    display: flex;                /* Active le mode Flexbox */
    justify-content: flex-start;  /* Alignement par défaut à gauche */
    margin: -5px;                /* Pour compenser l'espacement des marges */
}
.item {
    background-color: grey; /* Couleur de fond pour visualiser les éléments */
    padding: 10px;               /* Espacement interne */
    margin: 5px;                 /* Espacement externe de 5px */
    text-align: center;          /* Centrer le texte */
}

.item:nth-child(-n+3) {
    flex: 0 0 15ch;              /* Les 3 premiers éléments prennent 15ch */
}

.item:last-child {
    flex: 1;                     /* Le dernier élément prend tout l'espace restant */
}

.calc-item {
    flex: 0 0 15ch;              /* Chaque élément prend 15ch */
    margin: 5px;                 /* Espacement externe de 5px */
    position: relative; /* Permet de positionner le message d'erreur par rapport au champ */
}

.calc-item:last-child {
    flex: 1;                     /* Le dernier champ input prend tout l'espace restant */
}
.calc-item input {
    width: 100%;                 /* Les inputs prennent toute la largeur de l'item */
    border: 1px solid #ccc;      /* Bordure pour les inputs */
    padding: 10px;               /* Espacement interne pour les inputs */
    box-sizing: border-box;      /* S'assurer que le padding et la bordure sont inclus dans la largeur totale */
    background-color: lightgray; /* Couleur de fond gris pour les inputs */
    color: black ! important; /* Couleur de fond gris pour les inputs */
}

.InsertForm { max-width:70%; margin-left:15%; padding:1% }
.flex-container {
    display: flex;                /* Active le mode Flexbox */
    justify-content: flex-start;  /* Alignement par défaut à gauche */
    margin: -5px;                /* Pour compenser l'espacement des marges */
}