.accueil {
    background-image: url("../Images/back1.PNG");
    background-attachment: fixed;     
    background-size: cover;
}

.accueil table {
    width: 75%;
    border-collapse: collapse;
    margin: 15px auto;
    background-color: rgba(255, 255, 255, 0.87); /* Fond blanc avec 90% d'opacité */
    table-layout: fixed; /* Fixe la disposition des colonnes */
}

.accueil th, .accueil td {
    border: 2px solid black; /* Ajouter des bordures pour une meilleure visibilité */
    padding: 10px;
    text-align: center; /* Aligner le texte au centre */
}

/* Largeur de la première colonne */
.accueil td:first-child {
    width: 17%; /* Largeur de la première colonne */
}

/* Largeur des autres colonnes */
.accueil td:not(:first-child) {
    width: calc((100% - 17%) / 6); /* Ajuster les autres colonnes en fonction de la première */
}

/* Cibler la colonne "Samedi" */
.accueil table td:nth-child(7) { /* 7ème colonne */
    background-color: rgba(211, 211, 211, 0.87); /* Light grey avec 50% d'opacité */
}


/* Griser la case A1 à gauche de Lundi */
.accueil .A1 {
    background-color: rgba(128, 128, 128, 0.87); 
}

.accueil .A {   /* Première colonne excépté A1 */
    font-size: 120%;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.95); 
}

.accueil .pastA_1 { /* Première ligne sauf A1 */
    font-size: 120%;
}    

.accueil .pastA_2 { /* Seconde ligne sauf A2 */
    font-size: 150%;
}
   
.accueil .pastA_3,
.accueil .pastA_4,
.accueil .pastA_5 { /* Lignes 3 à 5 sauf A3 à A5 */
    font-size: 200%;
}

.accueil .pastA_1,
.accueil .pastA_3,
.accueil .pastA_5 {
    background-color: rgba(255, 255, 255, 0.95);
}

.accueil .pastA_6 { /* Sixième ligne sauf A6 */
    font-size: 120%;
}





.accueil .texte {
    padding: 18px;
    text-align: justify; /* Aligner le texte de manière justifiée */
    margin-left: 80px; /* Ajouter un espace à gauche */
    font-size: 150%;
}

.accueil h1 {
    text-align: center;
    font-size: 400%;
    font-family: sans-serif;
    font-weight: 900;
    margin-top: 2.5%;
    color: white;
    text-shadow: 5px 4px 1px #333;
}

.accueil h2 {
    text-align: left;
    font-size: 200%;
    font-family: sans-serif;
    font-weight: 700;
    margin-top: 0.5%;
    margin-left: 0.5%;
    color: white;
    text-shadow: 5px 4px 1px #333;
}

/* Styles pour les écrans plus petits */
@media (max-width: 1000px) {
    .accueil {
        background-image: url("../Images/back2.PNG"); 
        background-attachment: fixed;     
        background-size: cover;
    }
    
    .accueil table {
        width: 90%;
        table-layout: auto; /* Laisser le tableau s'ajuster automatiquement */
    }    

    .prem {
        text-align: center;
        font-size: 300%;
        margin-top: 5%; /* Espace de 10% avant le premier titre */
    }
    
    .seco,
    .troi {
        text-align: center;
        font-size: 300%;
        margin-top: 10%; /* Espace de 10% avant le premier titre */
    }
}