.grille-accueil
{
    /* définition de la grille de la page */
    /* width 100% prend donc toute la largeur */
    width: 100%;
    /* height 100% prend donc toute la hauteur */
    height: 100%;
    display: grid;
    /* Déclaration de la grille ici 4 rangée / 3 colonne */
    /* la troisième rangée sera variable en fonction de l'espace restant */
    /* la deuxièmme colonne sera variable en fonction de l'espace restant */
    grid-template:50px 1fr 1fr 50px / 200px 1fr 1fr 400px;
    /* fixe la couleur de fond du site */
    background: rgb(15, 0, 80);
}
/* la zone de menu prend tout la rangée */
.heure
{
    /* 1 ere ligne de rangé / 1 ere ligne de colonne jusquà la 2 ligne de rangée jusqu'à la 2 ième ligne de colonne*/
    grid-area: 1 / 1 / 1 / 2;
    text-align: center;
    background: black;
    border-width: 2px;
    border-radius: 5px;
    border-style: double;
    border-color: cadetblue;
}
.menu
{
    /* 1 ere ligne de rangé / 1 ere ligne de colonne jusquà la 2 ligne de rangée jusqu'à la dernière ligne de colonne*/
    grid-area: 1 / 2 / 1 / -1;
}
.presentation
{
    /* 1 ere ligne de rangé / 1 ere ligne de colonne jusquà la 2 ligne de rangée jusqu'à la dernière ligne de colonne*/
    text-align: center;
    grid-area: 2 / 1 / 2 / -1;
    background-color: rgba(60, 179, 113, 0.75);
    border-width: 2px;
    border-radius: 5px;
    border-style: double;
    border-color: cadetblue;
}

.choix
{
    /* 1 ere ligne de rangé / 1 ere ligne de colonne jusquà la 2 ligne de rangée jusqu'à la dernière ligne de colonne*/
    text-align: center;
    grid-area: 3 / 1 / 3 / 3;
    /* background: rgba(255, 115, 153, 0.5); */
    border-width: 2px;
    border-radius: 5px;
    border-style: double;
    border-color: cadetblue;
}
.contact
{
    /* 1 ere ligne de rangé / 1 ere ligne de colonne jusquà la 2 ligne de rangée jusqu'à la dernière ligne de colonne*/
    text-align: center;
    grid-area: 3 / 3 / 3 / -1;
    /* background: rgba(0, 221, 255, 0.5); */
    border-width: 2px;
    border-radius: 5px;
    border-style: double;
    border-color: cadetblue;
}
.ephemeride
{
    /* 1 ere ligne de rangé / 1 ere ligne de colonne jusquà la 2 ligne de rangée jusqu'à la dernière ligne de colonne*/
    text-align: center;/* Pour centrer le texte à l'intérieur de la div */
    color: rgb(255, 145, 0);
    grid-area: 3 / 3 / 3 / -1;


    border-width: 2px;
    border-radius: 5px;
    border-style: double;
    border-color: cadetblue;
    
    padding: 50px; /* Juste pour la démo, à adapter selon vos besoins */

}

.footer
{
    /* 4 ere ligne de rangé / 1 ere ligne de colonne jusquà la 4 ligne de rangée jusqu'à la dernière ligne de colonne*/
    text-align: center;
    grid-area: 4 / 1 / 4 / -1;
    background: rgba(125, 125, 125, 1);
}