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

html, body, article, ul, li {
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
}

#accueil {
	width: 66%;
	max-width: 900px;
	margin: 1% auto;
	font-size: 175%;
	-moz-hyphens: auto;
}

#main {
	list-style: none outside none;
	margin: 0px auto;
	padding: 1%;
}


.entree {
	display: inline-block;
	margin: .5%;
}

.wraptocenter {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: rgba(34, 34, 34, .8);
	color: rgba(231, 231, 231, .7);
	border-radius: 7px;
	width: 7em;
	height: 7em;

}

.wraptocenter a {
	text-decoration: none;
	vertical-align: middle;
	padding: .5em;
	color: rgba(231, 231, 231, .7);
}

.wraptocenter a:hover {

}



/* #accueil {
margin: 0px auto;
max-width: 80%;
}

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

ul {
list-style: none outside none;
margin: 0px;
padding: 1%; 
}

.entree {
margin: 1%;
width: 24%;
height: 0px;
padding-bottom: 24%;
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;
}
 */