h1{
    color: #F5432D;
}

.centered-vertical {
    display: flex;
    justify-content: center; /* Centrer horizontalement */
    align-items: center;    /* Centrer verticalement */
    height: 100vh;          /* Exemple : plein écran */
  }
  
.centered-horizontal {
    width: 50%; /* Largeur définie */
    margin: 0 auto; /* Centrage horizontal */
    text-align: center; /* Facultatif : centre le texte à l'intérieur */
}

.orange-box {
    background-color: #FD9D4E; /* Fond orange */
    border-radius: 10px; /* Bords arrondis, ajuster la valeur pour plus ou moins de courbure */
    padding: 20px; /* Espacement interne pour le contenu */
    color: rgb(0, 0, 0); 
    text-align: center; /* Centrer le texte (facultatif) */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre pour un effet stylisé (facultatif) */
}

.green-box{
    background-color: #EED281; 
    border-radius: 10px; /* Bords arrondis, ajuster la valeur pour plus ou moins de courbure */
    padding: 20px; /* Espacement interne pour le contenu */
    color: rgb(0, 0, 0); 
    text-align: center; /* Centrer le texte (facultatif) */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre pour un effet stylisé (facultatif) */
}

.black-box{
    background-color: rgb(0, 0, 0); 
    border-radius: 10px; /* Bords arrondis, ajuster la valeur pour plus ou moins de courbure */
    padding: 20px; /* Espacement interne pour le contenu */
    color: #ffffff; 
    text-align: center; /* Centrer le texte (facultatif) */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre pour un effet stylisé (facultatif) */
}

.yellow-box{
    background-color: #F3F3AE; 
    border-radius: 10px; /* Bords arrondis, ajuster la valeur pour plus ou moins de courbure */
    padding: 20px; /* Espacement interne pour le contenu */
    color: rgb(0, 0, 0); 
    text-align: center; /* Centrer le texte (facultatif) */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Ombre pour un effet stylisé (facultatif) */
}

.spoil textarea{
    color: #6a6a6a;
}
.spoil textarea:hover{
    color: black;
}

#bouton-retour{
    position: fixed; /* Fixe l'élément par rapport à la fenêtre */
    bottom: 20px;    /* Espace entre le bas de la fenêtre et le bouton */
    right: 20px;     /* Espace entre le côté droit de la fenêtre et le bouton */
    z-index: 1000;   /* Assure que le bouton reste au-dessus des autres éléments */
    cursor: pointer; /* Change le curseur pour indiquer qu'il est cliquable */
}

/* Fiche patient */
.fiche_id :where(input, select, textarea){
    background-color: #bbb9b9;
}

.fiche_motif input{
    background-color: #cfe2ff;
}

.fiche_statut :where(input, select, textarea){
    background-color: #fff3cd;
}

.fiche_description textarea{
    background-color: #6a6a6a;
}

.fiche_atcd textarea{
    background-color: #fff3cd;
}

.fiche_ttt textarea{
    background-color: #bbb9b9;
}

.fiche_loisirs textarea{
    background-color: #cfe2ff;
}

.bloc_tutoi select{
    background-color: #bbb9b9;
}