html, body {
  background: #252525;
}

html body .grid {
  padding: 0px;
}

.grid {
  /* width: la grille remplie 70% de la page (en largeur) */
  width: 80%;
  margin: 5% auto;
}

.container {
  margin: 0.25%;
  width: calc(10% - (0.25% * 2));
  /* width: chaque icone fait x% de la grille - les y% de marge */
  float: left;
  border: 1px solid #aaaaaa;
}

.container:hover {
  border: 1px solid #121212;
  background: #dddddd;
}

.container:active {
  border: 1px solid #aa0000;
  background: #ff0000;
}

.odd {
  background: #ffffff;
}

.even {
  background: #DDDDDD;
}

.samoisodd {
  background: #0090DD;
}

.samoiseven {
  background: #007bbc;
}
/* Required to make image fluid in IE */

img:not(.png) {
  width: 100%;
}