html, body, .grid-container { height: 100%; margin: 0; }

.grid-container * { 
 border: 1px solid red;
 position: relative;
}

.grid-container *:after { 
 content:attr(class);
 position: absolute;
 top: 0;
 left: 0;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "courier courier courier courier calendrier calendrier calendrier calendrier Photos Photos zred Zorange" "courier courier courier courier calendrier calendrier calendrier calendrier Photos Photos zgreen zpurple" "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 liste skydrive skydrive image image image image cartes cartes santé santé" "liste liste skydrive skydrive image image image image cartes cartes santé santé" "Bureau Bureau Bureau Bureau image image image image actu actu actu actu" "Bureau Bureau Bureau Bureau image image image image actu actu actu actu";
}

.Zorange { grid-area: Zorange; background-color: sienna; }

.zpurple { grid-area: zpurple; background-color: purple; }

.zgreen { grid-area: zgreen; background-color: green; }

.zred { grid-area: zred; background-color: firebrick;}

.Photos { grid-area: Photos;background-color: forestgreen; }

.calendrier { grid-area: calendrier;background-color: fuchsia; }

.courier { grid-area: courier;background-color: steelblue; }

.skype { grid-area: skype; background-color: teal;}

.contacts { grid-area: contacts; background-color: firebrick;}

.liste { grid-area: liste;background-color: firebrick; }

.skydrive { grid-area: skydrive;background-color: teal; }

.bourse { grid-area: bourse;background-color: forestgreen; }

.explorer { grid-area: explorer;background-color: teal; }

.aide { grid-area: aide;background-color: firebrick; }

.cartes { grid-area: cartes;background-color: fuchsia; }

.santé { grid-area: santé;background-color: firebrick; }

.actu { grid-area: actu; background-color: fuchsia;}

.Bureau { grid-area: Bureau;background-color: forestgreen; }

.image { grid-area: image;background-color: white;background-image: image(); }