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: 75%;
	}
	
}
@media (max-width:500px)  {
	body {
		background-color: #CCD3FF;
		font-size: 50%;
	}
	
}


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

button
{
	font-size : 1.5em;
}

#created
{
	font-size : 2em;
}



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





.BoxLine
{
	background-color: #E592C8;
	width: 75%;
	position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%); 
}
img
{
		width: 12%; 
		margin-left: 2%;
		margin-right: 2%;
		margin-top: 5%;
		margin-bottom: 5%;
		cursor: pointer;
}


#im1{ border: none;}