body{
		background-position: top;
		background-repeat: no-repeat;
		background-attachment: fixed;
		font-family: "Impact";
		position: center;
		justify-content: center;
		text-align : center;
		float : center;
		text-decoration: none;
		background-size: cover;
		
	}



@media (min-width:980px)  {
	body {
		background-color: #CCD3FF;
		font-size: 100%;
	}
	
}
@media (min-width:500px) and (max-width:980px)  {
	body {
		background-color: #CCD3FF;
		font-size: 70%;
	}
	
}
@media (max-width:500px)  {
	body {
		background-color: #CCD3FF;
		font-size: 60%;
	}
	
}


{--------------------------------------------------------------------------------------------------}

button
{
	font-size : 1.5em;
}

#created
{
	font-size : 1em;
}



.BoxTitle
{
	position: absolute;
    top: 20%; left: 50%;
    transform: translate(-50%, -50%); 
}
#titre
{
	font-size: 3em;
	font-family: "Arial black";
	text-decoration: none;
	margin : 0em 0em 1em 0em;
	
}





.BoxLine
{
	background-color: #E592C8;
	width: 75%;
	position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%); 
	padding-top : 1%;
	padding-bottom : 1%;
}

img
{
		width: 7%;
		cursor: pointer;
		margin : -0.1em -0.1em -0.1em -0.1em;
}

#normalone
{
	width: 15%;
	position: absolute;
    top: 50%; left: 20%;
    transform: translate(-50%, -50%); 
	border: 10px ridge #FF3567;
}

.chrono
{
	width: 15%;
	position: absolute;
	top: 70%; left: 12%;
	border: 2px solid black;
}
#titlechrono{
	font-size: 1.5em;
	margin: 0.5em 0em -0.5em 0em;
}