.body_voile {
    width: 90%;
    max-width: 440px;
    margin: 0 auto;
    text-align: center;
    font-size: min(3vw,17px);
}
/* le 17 05 2026 */
h3 {
    color: blue;
    font-style: oblique;
}
.couleur_C {
    background-color: rgba(105, 209, 242,0.55);
}

.couleur_P {
    background-color: gray;
    text-decoration: line-through;
}
.autour {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 60px;
    padding: auto auto;
    border: 0px dotted green ;
}
.container_voile1 {
    display:grid;
    /*rid-template-columns: 110px 120px 35px 110px 120px;*/
    grid-template-columns: 100px 100px;
    grid-template-rows: 30px 30px;
    border: 0px dotted gray;
    margin-bottom: 15px;
    font-size: min(3vw,17px);
}
.moisG {
    display:grid;
    grid-column: 1/2;
    grid-row: 1/3;
    border: 1px solid gray;
    align-items: center;
    /*background-color: rgba(105, 209, 242,0.55);*/
}
.jour1G {
    display:grid;
    grid-column: 2/3;
    grid-row: 1/2;
    border: 1px solid rgb(230, 210, 210);
    background-color: rgba(105, 209, 242,0.55);
}
.jour2G {
    display:grid;
    grid-column: 2/3;
    grid-row: 2/3;
    border: 1px solid gray;
    background-color: rgba(105, 209, 242,0.55);
}

.container_voile2 {
    display:grid;
    /*rid-template-columns: 110px 120px 35px 110px 120px;*/
    grid-template-columns: 100px 100px;
    grid-template-rows: 30px 30px;
    border: 0px dotted gray;
    margin-bottom: 15px;
    font-size: min(3vw,17px);    
}
.moisd {
    display:grid;
    grid-column: 1/2;
    grid-row: 1/3;
    border: 1px solid gray;
    background-color: rgba(105, 209, 242,0.55);
    align-items: center;
}
.jour1d {
    display:grid;
    grid-column: 2/3;
    grid-row: 1/2;
    border: 1px solid gray;
    background-color: rgba(105, 209, 242,0.55);
}
.jour2d {
    display:grid;
    grid-column: 2/3;
    grid-row: 2/3;
    border: 1px;
    border: 1px solid gray;
    background-color: rgba(105, 209, 242,0.55);
}