body 
{
	width: 800px;
	margin: auto;
	background-color: black ;
	font-family: 'consolas';
	background : url(images/favicon.ico) no-repeat top left black;
	background-size: 100px;
}
p
{
	margin: center;
	color: white;
}
.t1
{
	color:white;
	text-align: center;
}
.t2
{
	color:gray;
	text-align: center;
}
.bl1
{
	width : 80%;
	display: block;
  	margin: auto;
}
.t3
{
	color:rgb(163, 18, 18);
	text-align: center;
}
.hist1
{
	width : 500px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
}
.t4
{
	color:rgb(0, 45, 179);
	text-align: center;
}
.lien2
{
	text-align: center;
	color: white;
	font-family: 'consolas';
	border: 2px solid rgb(214, 31, 31);
	box-shadow: 10px 10px 5px orangered;
	border-radius: 5px ;
	font-size: 115%;
	text-decoration: none;
}
button {
	background-color: white;
	border: black;
	border-radius: 6px;
	color: black;
	padding: 15px 2%;
	text-align: center;
	display: center;
	font-size: 90%;
	margin: 4px 2px;
	cursor: pointer;
	border: 2px solid white;
}
button {transition-duration: 0.4s;}
	 
.accueil:hover {background-color: rgb(102, 51, 0);color: white;}
.histoire:hover {background-color:  rgb(138,43,226);color: white;}
.sur:hover {background-color: rgb(255, 255, 51);color: black;}
.secret:hover {background-color: rgb(153, 0, 0);color: white;}
.commu:hover {background-color: purple;color: white;}
.credit:hover {background-color: goldenrod;color: white;}