.conteneur{
    text-align: center;
    font-size: 24px;
    color: white;
    background-color: blanchedalmond;
    display: grid;
    grid-template-columns: repeat(12,100px);
    grid-template-rows: repeat(8,100px);
    /* grid-area: 1/1/8/12; */
    grid-template-areas: 
    "courrier  courrier courrier  courrier calendrier  calendrier calendrier  calendrier photos photos boite1 boite2"
    "courrier  courrier courrier  courrier calendrier  calendrier calendrier  calendrier photos photos boite3 boite4"
    "skype  skype contacts  contacts bourse  bourse bourse  bourse explorer explorer aide aide"
    "skype  skype contacts  contacts bourse  bourse bourse  bourse explorer explorer aide aide"
    "liste_lecture  liste_lecture drive  drive  . . . .   cartes cartes sante sante"
    "liste_lecture  liste_lecture drive  drive  . . . .   cartes cartes sante sante"
    "bureau  bureau bureau  bureau  . . . .   actu actu actu actu"
    "bureau  bureau bureau  bureau  . . . .   actu actu actu actu";

    gap: 10px;
}
.conteneur>div{
    display: flex;
    justify-content: center;
    align-items: center;

}
.courrier{
    grid-area: courrier;
    background-color:#708090;
}
.calendrier{
    grid-area: calendrier;
    background-color:#800080;
}
.photos{
    grid-area: photos;
    background-color:#2e8b57;
}
.boite1{
    grid-area: boite1;
    background-color:#ff0000;
}
.boite2{
    grid-area: boite2;
    background-color:#ffa500;
}
.boite3{
    grid-area: boite3;
    background-color:#32cd32;
}
.boite4{
    grid-area: boite4;
    background-color:#000080;
}
.skype{
    grid-area: skype;
    background-color:#4169e1;
}
.contacts{
    grid-area: contacts;
    background-color:#ff0000;
}
.bourse{
    grid-area: bourse;
    background-color:#32cd32;
}
.explorer{
    grid-area: explorer;
    background-color: #4169e1;
}
.aide{
    grid-area: aide;
    background-color:#ff0000;
}
.liste_lecture{
    grid-area: liste_lecture;
    background-color:#ff0000;
}
.drive{
    grid-area: drive;
    background-color: #4169e1;
}
.cartes{
    grid-area: cartes;
    background-color:#800080;
}
.sante{
    grid-area: sante;
    background-color:#ff0000;
}
.bureau{
    grid-area: bureau;
    background-color:#32cd32;
}
.actu{
    grid-area: actu;
    background-color:#800080;
}