/* La page id-libre.org : l'accueil  */

body {
	padding-top: 2em;
}

#accueil {
  margin: 0px auto;
  max-width: 60%;
}

a {
	text-decoration: none;
	padding-top: 40%;
}

.entree {
  margin: 1em;
  width: 20%;
  height: 0px;
	padding-bottom: 20%;
  overflow: hidden;
  text-align: center;
  background-color: rgba(34, 34, 34, .8);
  color: rgba(231, 231, 231, .7);
  font-size: 200%;
  float: left;
  vertical-align: middle;
  border-radius: 3px;
}

@media (max-width: 1000px) {
	.entree {
		width: 25%;
		padding-bottom: 25%;
	}
}

.entree:hover  {
  text-decoration: none;
  color: rgba(231, 231, 231, 1);
  background-color: rgba(34, 34, 34, .5);
}

.entree a {
  display: block;
  width: 100%;
  height: 100%;
  color: rgba(231, 231, 231, .7);
}

.entree:hover a {
  text-decoration: none;
}