header{
width: 1920px;
height: 22%;
margin-left: 0px;
background-color: rgb(50, 50, 50);
margin-top: 0px;
font-family: "police", Helvetica, Arial, sans-serif;
}
h1{
	color:rgb(219, 76, 76);
}
h4{
color:rgb(194, 194, 193);
margin-top: -150px;
position: absolute;
font-size: 150px;
margin-left: 40px;
font-family: "police", Helvetica, Arial, sans-serif;
}
ul{
background-color:rgb(50, 50, 50);
margin-top:600px;
}
main{
background-image:url(images/fpl.jpg);
}
html{
background-color: rgb(50, 50, 50) ;
background-position: center;
background-size:100%;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;
overflow-y: auto;
}
#beta{
	top:11% ;
	left:6% ;
	position: absolute;
	color: rgb(219, 76, 76);
	text-decoration: none; /* pas de style d'écriture */
	}
	#alpha{
	top:11%;
	left:18%;
	position: absolute;
	color: rgb(219, 76, 76);
	text-decoration: none;
	}
	#connect{
	top: 11%;
	left:88%;
	position:absolute;
	}
	#omega{
	top: 9%;
	left: 76%;
	position: absolute;
	color: rgb(219, 76, 76);
	}
#fc{
top: 185px;
left:1590px ;
position: absolute;
height:250px;
width: 250px ;
}
.bouton2 {
	border:none;
	background:rgba(255, 255, 255, 0);
	font-family: "police", Helvetica, Arial, sans-serif;
	color: rgb(194, 194, 193);
	font-size: 60px;
	text-decoration:none;
}
.bouton1 {
	border:none;
	background:rgba(255, 255, 255, 0);
	font-family: "police", Helvetica, Arial, sans-serif;
    color:rgb(219, 76, 76);
	font-size: 60px;
	text-decoration:none;
}
.bouton3 {
	border:none;
	background:rgba(255, 255, 255, 0);
	font-family:'Times New Roman', Times, serif;
    color:rgb(219, 76, 76);
	font-size: 60px;
	text-decoration:none;
}
.bouton4 {
	border:none;
	background:rgba(255, 255, 255, 0);
	font-family: "police", Helvetica, Arial, sans-serif;
	color: rgb(194, 194, 193);
	font-size: 75px;
	text-decoration:none;
}
#kindred
	{
	top:30%;
	left:0px;
	position: absolute;
	width: 100%;
	height: 100%;
	}
	footer
	{
	margin-top: 0%;
	position: absolute;
	background-color: rgb(50, 50, 50);
	color: white;
	width: 100%;
	}
	#satan
	{
	left:28%;
	top:-12%;
	position: absolute;
	width: 50%;
	height: 55%;
	}
@font-face {
	font-family: "police";
	src: url('police.ttf');
}
@font-face {
	font-family: "police";
	font-style: italic;
	src: url('police.ttf');
}
@font-face {
	font-family: "police";
	font-weight: bold;
	src: url(' police.ttf');
}
body {
	font-family: 'Times New Roman', Times, serif;
}
#enzo
{
margin-left: 85%;
position: relative;
top:-70px;
}
#bt
{
margin-left: 5%;
}
marquee
{
font-family: 'Times New Roman', Times, serif;
font-size: 30px;
}
iframe
{
margin-left: 400px;
margin-top:-1800px ;
border: rgb(219, 76, 76);
background-color: rgb(50, 50, 50);
height: 1475px;
width: 80%;

}
legend
{
	font-size: 50px;
	color:rgb(194, 194, 193);
	margin-right: 75px;
}
fieldset
{
height: 325px;
width: 400px;
}
label
{
	font-size: 35px;
}
a{
	color:#ccc;   
	font-size: 50px;
	text-decoration: none;           
}
a span{	
		color:#09c;
		background:rgba(0,0,0,.9);
		padding:15px;
		border-radius:3px;
		opacity:0;
}
a:hover span, a:focus span{
	opacity:1;
}
.info {
	position: relative;
	color: red;
	text-decoration: none;
	font-size: 100px;
	margin-top: -20px;
  } 
  .info .bulle {
	display: none; /* on masque l'infobulle */
	position: absolute;
	white-space: nowrap; /* pas de retour à la ligne non-désiré */
	top: 100px; /* on positionne notre infobulle */
	left: 80px;
	margin-left: -125px;
	font-size: 40px;
	color: rgb(219, 76, 76);
  }
  .info:hover  {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
  }
  .info:hover .bulle {
	display: block; /* on affiche l'infobulle */
  }
  .con {
	position: relative;
	color: rgb(219, 76, 76);
	text-decoration: none;
	font-size: 60px;
	margin-top: -20px;
  }
  .con .bulle {
	display: none; /* on masque l'infobulle */
	position: absolute;
	white-space: nowrap; /* pas de retour à la ligne non-désiré */
	top: 60px; /* on positionne notre infobulle */
	left: 80px;
	margin-left: -360px;
	background-color: rgba(0,0,0,.3);
	font-size: 40px;
	color: rgb(219, 76, 76);
  }
  .con:hover  {
	background: none; /* correction d'un bug IE */
	z-index: 500; /* on définit une valeur pour l'ordre d'affichage */	
  }
  .con:hover .bulle {
	display: block; /* on affiche l'infobulle */
  }
#utilisa
{
top: 80px;
position: absolute;
color: black;
}
#input1
{
	top:115px;
	position: absolute;


}
#input2
{
	top:200px;
	position: absolute;
}
#md
{
top: 170px;
position: absolute;
color: black;
}
#connectu
{
top:300px;
left: 250px;
font-size: 60px;
position: absolute;
}
#formu
{
top:300px;
left: 50px;
font-size: 60px;
position: absolute;
}
#cdb
{
	margin-top:575px ;
	margin-left: 0%;
	background-image: url(../images/contra.jpg);
	width: 101%;
	margin-left: -1%;
	height: 100%;
	position: absolute;
}
#lancer
{
margin-top: 300px;
top:0px;
position: absolute;
}
#foot
{
margin-top: 1650px;
}
#champ
{
margin-top: 375px;
position: absolute;

}