.body_voile {
    width: 90%;
    max-width: 440px;
    margin: 0 auto;
    text-align: center;
    font-size: min(3vw,17px);
}
/* le 17-18 05 2026 */
h3 {
    color: blue;
    font-style: oblique;
}
.container_voile {
    display:grid;
    max-width: 440px;
    grid-template-columns: 100px 100px 40px 100px 100px;
    grid-template-rows: 28px 28px;
    border: 0px dotted gray;
    margin-bottom: 15px;
    font-size: 16px;    
}

/* ******  date passée ****** */
.moisG {
    display: grid;
    grid-column: 1/2;
    grid-row: 1/3;
    justify-content: center;
    align-items: center;
    border: 1px solid blue;
    font-weight: 600;
}
.jour1G {
    display: grid;
    grid-column: 2/3;
    grid-row: 1/2;    
    text-decoration: none;
    border: 1px solid blue;
    /*font-weight: 600;*/
    align-items: center;
    font-size: 16px;
}
.jour2G {
    display: grid;
    grid-column: 2/3;
    grid-row: 2/3;    
    border: 1px solid blue;
    font-weight: 600;
    align-items: center;
}

.moisD {
    display: grid;
    grid-column: 4/5;
    grid-row: 1/3;
    justify-content: center;
    text-decoration: none;
    align-items: center;    
    font-weight: 600;
    font-size: 14px;
    border: 1px solid blue;
    align-items: center;
}
.jour1D {
    display: grid;
    grid-column: 5/6;
    grid-row: 1/2;
    border: 1px solid blue;
    align-items: center;
    font-weight: 600;
}
.jour2D {
    display: grid;
    grid-column: 5/6;
    grid-row: 2/3;    
    border: 1px solid blue;
    align-items: center;
    font-weight: 600;
}
/* ******  date passée ****** */
.moisGp {
    display: grid;
    grid-column: 1/2;
    grid-row: 1/3;
    justify-content: center;
    align-items: center;
    border: 1px solid blue;
    font-style: italic;
    color:gray;
    font-size: 14px;
    font-weight: 100;
    background-color: rgba(169, 169, 169, 0.15);
    text-decoration: line-through;
}
.jour1Gp {
    display: grid;
    grid-column: 2/3;
    grid-row: 1/2;    
    border: 1px solid blue;
    font-style: italic;
    color: gray;
    font-weight: 100;
    font-size: 14px;
    align-items: center;
    background-color: rgba(169, 169, 169, 0.15);
    text-decoration: line-through;
}
.jour1Dp {
    display: grid;
    grid-column: 5/6;
    grid-row: 1/2;
    border: 1px solid blue;
    font-style: italic;
    color: gray;
    font-weight: 100;
    font-size: 14px;
    align-items: center;
    background-color: rgba(169, 169, 169, 0.15);
    text-decoration: line-through;
}
.jour2Gp {
    display: grid;
    grid-column: 2/3;
    grid-row: 2/3;    
    border: 1px solid blue;
    font-style: italic;
    color: gray;
    font-weight: 100;
    font-size: 14px;
    align-items: center;
    background-color: rgba(169, 169, 169, 0.15);
    text-decoration: line-through;
}

.moisDp {
    display: grid;
    grid-column: 4/5;
    grid-row: 1/3;
    justify-content: center;
    align-items: center;    
    border: 1px solid blue;
    font-style: italic;
    color: gray;
    font-weight: 100;
    font-size: 14px;
    align-items: center;
    background-color: rgba(169, 169, 169, 0.15);
    text-decoration: line-through;
}
.jour2Dp {
    display: grid;
    grid-column: 5/6;
    grid-row: 2/3;    
    border: 1px solid blue;
    font-style: italic;
    color: gray;
    font-weight: 100;
    font-size: 14px;
    align-items: center;
    background-color: rgba(169, 169, 169, 0.15);
    text-decoration: line-through;
}
.haut_menu_clic {
    display: none;
}