.more {
  background: url(../img/buttons/etoiles.png) repeat-x fixed #000000
}

.more #container {
  width: 1220px;
}

.more #container div {
  margin: 1px;
  float: left;
  color: #000;
  background: #FFF;
}

.more #container div:hover {
  background: #000;
  color: #FFF;
}

.more #container div a {
  display: block;
  width: 240px;
  height: 240px;
  margin: 0px 0px 0px 0px;
}

.more #container div span {
  display: block;
  width: 240px;
  padding: 5px 0px 5px 0px;
  text-align: center;
  font-family: 'volter_goldfishregular';
  font-size: 14px;
}

.more #container img {
  width: 240px;
  height: 240px;
}

.more #container .trame {
  background: url(../img/buttons/trame.png) repeat;
  position: absolute;
}

.more #container .vignette {
  position: absolute;
  display: none;
}

.more #container .vignette_black {
  position: absolute;
}

/* cas : 1400 de large */
@media screen and (max-width:1400px) {

  .more #container {
    width: 908px;
  }

  .more #container div a {
    width: 225px;
    height: 225px;
  }

  .more #container div span {
    width: 225px;
    font-size: 13px;
  }

  .more #container img {
    width: 225px;
    height: 225px;
  }

}

/* cas : 1200 de large */
@media screen and (max-width:1200px) {

  .more #container {
    width: 808px;
  }

  .more #container div a {
    width: 200px;
    height: 200px;
  }

  .more #container div span {
    width: 200px;
    font-size: 13px;
  }

  .more #container img {
    width: 200px;
    height: 200px;
  }

}

/* cas : 950 de large */
@media screen and (max-width:950px) {

  .more #container {
    width: 606px;
  }

  .more #container div a {
    width: 200px;
    height: 200px;
  }

  .more #container div span {
    width: 200px;
    font-size: 13px;
  }

  .more #container img {
    width: 200px;
    height: 200px;
  }

}

@media screen and (max-width:640px) {

  .more #container {
    width: 320px;
  }

  .more #container div {
    margin: 20px 15px 0px 40px;
  }

  .more #container .trame {
    background: url(../img/buttons/pixtrans.png) no-repeat;
  }

  .more #container {
    width: 320px;
  }

  .more #container div a {
    width: 240px;
    height: 240px;
  }

  .more #container div span {
    width: 240px;
    font-size: 14px;
  }

  .more #container img {
    width: 240px;
    height: 240px;
  }

}