/* background etc... du site */
body[data-md-color-scheme="default"] {
    background-image: url('../images/background_formules.png');
    background-size: contain;
    background-attachment: fixed;
    background-position: center;
    /* background-repeat: no-repeat; */
}

body[data-md-color-scheme="default"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background : rgba(255,255,255,0.6); /* Adjust the opacity as needed */
    z-index: -1; /* Ensure it stays behind other content */
}

/* Styles pour le calendrier */
#calendar-container {
  position : relative; /* Changed from fixed to relative */
  justify-content: center;
  /* background-color: #eef0f5; */
  /*  top : 80px;*/
}


calendar-month {
    --color-accent: #6c94eb;
    --color-text-on-accent: #ffffff;
    margin : auto;
}

.flex-container {
    /* width : fit-content; */
    display: flex; /* Active le mode Flexbox */
    /* flex-wrap : wrap; /* Permet aux éléments de passer à la ligne si nécessaire */
    flex-direction: row; /* Dispose les éléments en colonne */
    /*justify-content: start;  /*  Centre les éléments sur l'axe principal */
    align-items: stretch;
    
}

.flex-container > div {
    padding: 10px; /* Espacement intérieur */
    margin : 10px; /* Marge extérieure */
}

@media (max-width: 768px) {
    .flex-container {
        flex-direction: column; /* Change la direction en colonne pour les écrans plus petits */
    }
}   

.list-container {
    height : 600px;
    overflow-y: auto; /* Permet le défilement vertical */
    padding : 10px; /* Espacement intérieur */
    /* background-color: #eef0f5; Couleur de fond pour la liste */
}

/* Styles pour les éléments de la page d'accueil */
.flex-accueil {
    display: flex;
    flex-direction: row;
    flex-wrap : wrap; /* Permet aux éléments de passer à la ligne si nécessaire */
    align-items: center;
    justify-content: center;
    /*height: 100vh; /* Prend toute la hauteur de la fenêtre */
}

.flex-images {
    display: flex;
    flex-direction: row;
    /*padding: 20px; /* Espacement intérieur */
    margin: 20px; /* Marge extérieure */
    width : 200px; /* Largeur fixe pour les images */
    border-radius: 10px;
}

.flex-images:hover { 
    border: 5px solid #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

/* Centrer tout le contenu dans une balise */
.centered-inline {
  text-align: center;
}

.centered-block {
    display : block;
    margin-left: auto;
    margin-right: auto;
}

a.md-button-centered {
    display : block;
    width : fit-content;
    margin-left: auto;
    margin-right: auto;
    border: 0.1em solid;
    border-radius: 10px;
    color: var(--md-primary-fg-color);
    cursor: pointer;
    font-weight: 700;
    padding: .625em 2em;
    transition: color 125ms,background-color 125ms,border-color 125ms;
}

a.md-button-centered:hover{
    background-color: var(--md-accent-fg-color);
    border-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color) ;
}

/* .center-button {
    display : block !important;
    width : fit-content;
    margin-left: auto;
    margin-right: auto;
} */