/* Pour débuguer des fonts : https://transfonter.org/ */

@font-face 
{
	font-family: "belleepoque";
	src: url('../../fonts/BelleEpoque.ttf');
}

/*@font-face 
{
	font-family: "junglefever";
	src: url('../../fonts/JUNGLEFE.TTF');
}*/

@font-face 
{
	font-family: "dayposterblack";
	src: url('../../fonts/DAYPBL__.TTF');
}

@font-face 
{
	font-family: "junglefe";
	/*src: url('../../fonts/JUNGLEFE.TTF');*/
	src: url('../../fonts/JungleFever.ttf');
}

body
{
	background-color: black;
	color: rgb(255, 255, 255);
	color: rgb(250, 250, 250);
	-webkit-text-shadow: 2px 2px 2px rgb(0, 0, 0);
	text-shadow: 2px 2px 2px rgb(0, 0, 0);
	font-family: Arial;
}

h1, h2, h3, h4, h5, h6
{
	font-family: "Arial Black", "Arial";
	font-weight: bold;
	
	color: rgb(253, 217, 120);
	text-shadow: 	2px 2px 0px rgb(85, 22, 5), 
					-2px 2px 0px rgb(85, 22, 5), 
					-2px -2px 0px rgb(85, 22, 5), 
					2px -2px 0px rgb(85, 22, 5), 
					0px 2px 0px rgb(85, 22, 5), 
					0px -2px 0px rgb(85, 22, 5), 
					2px 0px 0px rgb(85, 22, 5), 
					-2px 0px 0px rgb(85, 22, 5), 
					0px 0px 8px rgb(0, 0, 0), 
					0px 0px 8px rgb(0, 0, 0), 
					0px 0px 8px rgb(0, 0, 0), 
					0px 0px 8px rgb(0, 0, 0), 
					0px 0px 8px rgb(0, 0, 0);
}

h1, h2, h3, h4
{
	font-family: "junglefe", "Arial Black", "Arial";
	letter-spacing: 1px;
}

h1, h2
{
	text-shadow: 	2px 2px 0px rgb(85, 22, 5), 
					-2px 2px 0px rgb(85, 22, 5), 
					-2px -2px 0px rgb(85, 22, 5), 
					2px -2px 0px rgb(85, 22, 5), 
					0px 2px 0px rgb(85, 22, 5), 
					0px -2px 0px rgb(85, 22, 5), 
					2px 0px 0px rgb(85, 22, 5), 
					-2px 0px 0px rgb(85, 22, 5), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25);
}

a
{
	font-weight: bold; 
	color: rgb(242, 98, 33); 
}

a:hover { color: rgb(242, 153, 45); }

input[type="text"], input[type="password"], textarea
{
	border: solid 1px rgb(85, 22, 5);
	box-shadow: 2px 2px 0px rgb(85, 22, 5), 
					-2px 2px 0px rgb(85, 22, 5), 
					-2px -2px 0px rgb(85, 22, 5), 
					2px -2px 0px rgb(85, 22, 5), 
					0px 2px 0px rgb(85, 22, 5), 
					0px -2px 0px rgb(85, 22, 5), 
					2px 0px 0px rgb(85, 22, 5);
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
	border: solid 1px rgb(85, 22, 5); 
	box-shadow: 2px 2px 0px rgb(85, 22, 5), 
					-2px 2px 0px rgb(85, 22, 5), 
					-2px -2px 0px rgb(85, 22, 5), 
					2px -2px 0px rgb(85, 22, 5), 
					0px 2px 0px rgb(85, 22, 5), 
					0px -2px 0px rgb(85, 22, 5), 
					2px 0px 0px rgb(85, 22, 5), 
					-2px 0px 0px rgb(85, 22, 5), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25);
}

input[type="submit"], input[type="button"]
{
	cursor: pointer;
	font-family: "Arial Black", "Arial";
	font-weight: bold;
	height: 30px;
	min-width: 100px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 5px;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-appearance: none;
	font-size: 0.9rem;
	color: rgb(85, 22, 5);
	background-color: rgb(253, 217, 120);
	background-image: none;
	border-radius: 5px;
	
	border: solid 1px rgb(85, 22, 5);
	box-shadow: 2px 2px 0px rgb(85, 22, 5), 
					-2px 2px 0px rgb(85, 22, 5), 
					-2px -2px 0px rgb(85, 22, 5), 
					2px -2px 0px rgb(85, 22, 5), 
					0px 2px 0px rgb(85, 22, 5), 
					0px -2px 0px rgb(85, 22, 5), 
					2px 0px 0px rgb(85, 22, 5), 
					-2px 0px 0px rgb(85, 22, 5), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25);
}

input[type="submit"]:hover, input[type="button"]:hover
{
	box-shadow: 2px 2px 0px rgb(85, 22, 5), 
					-2px 2px 0px rgb(85, 22, 5), 
					-2px -2px 0px rgb(85, 22, 5), 
					2px -2px 0px rgb(85, 22, 5), 
					0px 2px 0px rgb(85, 22, 5), 
					0px -2px 0px rgb(85, 22, 5), 
					2px 0px 0px rgb(85, 22, 5), 
					-2px 0px 0px rgb(85, 22, 5), 
					0px 0px 10px rgb(241, 167, 49), 
					0px 0px 10px rgb(241, 167, 49), 
					0px 0px 10px rgb(241, 167, 49), 
					0px 0px 10px rgb(241, 167, 49), 
					0px 0px 10px rgb(241, 167, 49), 
					0px 0px 10px rgb(241, 167, 49), 
					0px 0px 10px rgb(241, 167, 49), 
					0px 0px 10px rgb(241, 167, 49), 
					0px 0px 10px rgb(241, 167, 49);
}

/* DIVERS */

.arrow { color: rgb(242, 98, 33); }

#captcha-img 
{
	border-radius: 5px; 
	border: 1px white solid; 
	box-shadow: 5px 5px 5px rgb(0, 0, 0); 
}

#captcha
{
	border: solid 1px rgb(85, 22, 5); 
	box-shadow: 2px 2px 0px rgb(85, 22, 5), 
					-2px 2px 0px rgb(85, 22, 5), 
					-2px -2px 0px rgb(85, 22, 5), 
					2px -2px 0px rgb(85, 22, 5), 
					0px 2px 0px rgb(85, 22, 5), 
					0px -2px 0px rgb(85, 22, 5), 
					2px 0px 0px rgb(85, 22, 5); 
}

#captcha:focus
{
	border: solid 1px rgb(85, 22, 5); 
	box-shadow: 2px 2px 0px rgb(85, 22, 5), 
					-2px 2px 0px rgb(85, 22, 5), 
					-2px -2px 0px rgb(85, 22, 5), 
					2px -2px 0px rgb(85, 22, 5), 
					0px 2px 0px rgb(85, 22, 5), 
					0px -2px 0px rgb(85, 22, 5), 
					2px 0px 0px rgb(85, 22, 5), 
					-2px 0px 0px rgb(85, 22, 5), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25), 
					0px 0px 8px rgb(221, 51, 25);
}