body, html
{
	display:flex;
	flex-direction: column;
	align-items: center;
}

body
{
	margin:0;
	background-color: #000000;
	background-image : url("stars.jpg");
	background-attachment: fixed;
}

#bloc
{
	margin: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #33334d;
	width: 70%;
	flex: 1;
}

#annuaire
{
	flex: 1;
	color: #FFFFFF; 
	text-align: center;
}

#citron
{
	height: 400px;
	padding: 0px;
}

#citron:hover
{
	height: 390px;
	padding: 5px;
}

a
{
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
}

#bouton
{
	border-top: 2px;
	border-left: 2px;
	border-right: 4px;
	border-bottom: 4px;
	border-radius: 25px;
	border-style: inset;
	
	padding: 10px;
	
	border-color: #1a75ff;
	background-color: #4d94ff;
}

#bouton:hover
{
	border-color: #0052cc;
	background-color: #0066ff;
}

#bouton:active
{
	border-top: 4px;
	border-left: 4px;
	border-right: 2px;
	border-bottom: 2px;
	border-style: inset;
	border-color:  #002966;
	background-color: #003d99;
}

#hidden
{
	display: none; 
}