#prix_ttc_gaz {
    display: inline; /*Permet de forcer le span en inline au lieu de block.*/
}

#calculatrice-resultat {
    font-weight: bolder;
}

/* Style du modal */
.modal {
    display: none; /* Par défaut, le modal est caché */
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5); /* Fond semi-transparent */
    z-index: 1000; /* Assurez-vous que le modal s'affiche au-dessus du contenu */
}


/* Style du contenu du modal */
.modal-content {
    position: relative;
    width: fit-content;
    height: fit-content;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 5%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}


/* Style du bouton de fermeture */
.close-modal {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

/* Styles pour le modal flashMessage */
#flash-messages-container {
    position: fixed;
    top: 75px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    z-index: 1000; /* z-index est supérieur à celui du contenu */
    text-align: center;
    border: 1px solid black;
    border-radius: 10px;
    font: inherit;
}

.custom-margin-top {
    margin-top: 75px;
}

.alert-success {
    background-color: rgb(33, 227, 106); /* = #21e36aff; */
    padding: 2%;
    border: 1px solid black;
    border-radius: 10px;
    font: inherit;
}

.alert-danger {
    background-color: rgb(213, 176, 107);
    padding: 2%;
    border: 1px solid black;
    border-radius: 10px;
    font: inherit;
}

.alert-red {
    background-color: rgb(225, 112, 112);
    padding: 2%;
    border: 1px solid black;
    border-radius: 10px;
    font: inherit;
}

.close-flash {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

canvas {
    background-color: transparent;
    width: 100%;
    margin: auto;
    padding: 10px;
 }

 .evolution-prix-du-gaz {
    text-align: center;
    text-decoration: underline;
 }

 .padding {
    padding-top: 15px;
 }

 .margin-large {
    margin-top: 25px;
 }