.vide1{
    grid-area: vide1;
}
.vide2{
    grid-area: vide2;
}
.vide3{
    grid-area: vide3;
}
.vide4{
    grid-area: vide4;
}

.vide5 {
    display: none;
    grid-area: vide5;
}

.vide6 {
    display: none;
    grid-area: vide6;
}

.vide7 {
    display: none;
    grid-area: vide7;
}

.vide8 {
    display: none;
    grid-area: vide8;
}

.vide9 {
    display: none;
    grid-area: vide9;
}

.vide10 {
    display: none;
    grid-area: vide10;
}

.vide11 {
    display: none;
    grid-area: vide11;
}

.Lun {
    grid-area: Lun;
}

.Mar {
    grid-area: Mar;
}

.Mer {
    grid-area: Mer;
}

.Jeu {
    grid-area: Jeu;
}

.Ven {
    grid-area: Ven;
}

.Sam {
    grid-area: Sam;
}

.Dim {
    grid-area: Dim;
}

.un{
    grid-area: un;
}
.deux{
    grid-area: deux;
}
.trois{
    grid-area: trois;
}
.quatre{
    grid-area: quatre;
}
.cinq{
    grid-area: cinq;
}
.six {
    grid-area: six;
}
.sept {
    grid-area: sept;
}
.huit {
    grid-area: huit;
}
.neuf {
    grid-area: neuf;
}
.dix {
    grid-area: dix;
}
.onze {
    grid-area: onze;
}

.douze {
    grid-area: douze;
}

.treize {
    grid-area: treize;
}

.quatorze {
    grid-area: quatorze;
}

.quinze {
    grid-area: quinze;
}

.seize {
    grid-area: seize;
}

.dixsept {
    grid-area: dixsept;
}

.dixhuit {
    grid-area: dixhuit;
}

.dixneuf {
    grid-area: dixneuf;
}

.vingt {
    grid-area: vingt;
}

.vingtun {
    grid-area: vingtun;
}

.vingtdeux {
    grid-area: vingtdeux;
}

.vingttrois {
    grid-area: vingttrois;
}

.vingtquatre {
    grid-area: vingtquatre;
}

.vingtcinq {
    grid-area: vingtcinq;
}

.vingtsix {
    grid-area: vingtsix;
}

.vingtsept {
    grid-area: vingtsept;
}

.vingthuit {
    grid-area: vingthuit;
}

.vingtneuf {
    grid-area: vingtneuf;
}

.trente {
    grid-area: trente;
}

.trenteun {
    grid-area: trenteun;
}

.fevrier .vingtneuf{
    font-size: 0;
}

.fevrier .trenteun{
    font-size: 0;
}

.fevrier .trente{
    font-size: 0;
}

.jours-pairs .trenteun{
    font-size: 0;
}

.debut-ven .vide5 {
    display: block;
    grid-area: vide5;
}

.debut-ven .vide6 {
    display: block;
    grid-area: vide6;
}

.debut-ven .vide7 {
    display: block;
    grid-area: vide7;
}

.debut-ven .vide8 {
    display: block;
    grid-area: vide8;
}

.debut-ven .vide9 {
    display: block;
    grid-area: vide9;
}

.debut-ven .vide10 {
    display: block;
    grid-area: vide10;
}

.debut-ven .vide11 {
    display: block;
    grid-area: vide11;
}

.debut-sam .vide5 {
    display: block;
    grid-area: vide5;
}

.debut-sam .vide6 {
    display: block;
    grid-area: vide6;
}

.debut-sam .vide7 {
    display: block;
    grid-area: vide7;
}

.debut-sam .vide8 {
    display: block;
    grid-area: vide8;
}

.debut-sam .vide9 {
    display: block;
    grid-area: vide9;
}

.debut-sam .vide10 {
    display: block;
    grid-area: vide10;
}

.debut-sam .vide11 {
    display: block;
    grid-area: vide11;
}

.calendrier.debut-dim{
    grid-template-areas:
        "Dim Lun Mar Mer Jeu Ven Sam"
        "un deux trois quatre cinq six sept"
        "huit neuf dix onze douze treize quatorze"
        "quinze seize dixsept dixhuit dixneuf vingt vingtun"
        "vingtdeux vingttrois vingtquatre vingtcinq vingtsix vingtsept vingthuit"
        "vingtneuf trente trenteun vide1 vide2 vide3 vide4";
}

.calendrier.debut-lun{
    grid-template-areas:
        "Dim Lun Mar Mer Jeu Ven Sam"
        "vide4 un deux trois quatre cinq six"
        "sept huit neuf dix onze douze treize"
        "quatorze quinze seize dixsept dixhuit dixneuf vingt"
        "vingtun vingtdeux vingttrois vingtquatre vingtcinq vingtsix vingtsept"
        "vingthuit vingtneuf trente trenteun vide1 vide2 vide3";
}

.calendrier.debut-mar{
    grid-template-areas:
        "Dim Lun Mar Mer Jeu Ven Sam"
        "vide1 vide2 un deux trois quatre cinq"
        "six sept huit neuf dix onze douze"
        "treize quatorze quinze seize dixsept dixhuit dixneuf"
        "vingt vingtun vingtdeux vingttrois vingtquatre vingtcinq vingtsix"
        "vingtsept vingthuit vingtneuf trente trenteun vide3 vide4";
}
.calendrier.debut-mer{
    grid-template-areas:
        "Dim Lun Mar Mer Jeu Ven Sam"
        "vide1 vide2 vide3 un deux trois quatre"
        "cinq six sept huit neuf dix onze"
        "douze treize quatorze quinze seize dixsept dixhuit"
        "dixneuf vingt vingtun vingtdeux vingttrois vingtquatre vingtcinq"
        "vingtsix vingtsept vingthuit vingtneuf trente trenteun vide4";
}
.calendrier.debut-jeu{
    grid-template-areas:
        "Dim Lun Mar Mer Jeu Ven Sam"
        "vide1 vide2 vide3 vide4 un deux trois"
        "quatre cinq six sept huit neuf dix"
        "onze douze treize quatorze quinze seize dixsept"
        "dixhuit dixneuf vingt vingtun vingtdeux vingttrois vingtquatre"
        "vingtcinq vingtsix vingtsept vingthuit vingtneuf trente trenteun";
}
.calendrier.debut-ven{
    grid-template-areas:
        "Dim Lun Mar Mer Jeu Ven Sam"
        "vide1 vide2 vide3 vide4 vide5 un deux"
        "trois quatre cinq six sept huit neuf"
        "dix onze douze treize quatorze quinze seize"
        "dixsept dixhuit dixneuf vingt vingtun vingtdeux vingttrois"
        "vingtquatre vingtcinq vingtsix vingtsept vingthuit vingtneuf trente"
        "trenteun vide6 vide7 vide8 vide9 vide10 vide11"
}
.calendrier.debut-sam{
    grid-template-areas:
        "Dim Lun Mar Mer Jeu Ven Sam"
        "vide1 vide2 vide3 vide4 vide5 vide6 un"
        "deux trois quatre cinq six sept huit"
        "neuf dix onze douze treize quatorze quinze"
        "seize dixsept dixhuit dixneuf vingt vingtun vingtdeux"
        "vingttrois vingtquatre vingtcinq vingtsix vingtsept vingthuit vingtneuf"
        "trente trenteun vide7 vide8 vide9 vide10 vide11"
}