/**** Récupération d'une police sur le serveur ****/
/*
@font-face 
{
	font-family: "starjedi";
	src: url('ressources/fonts/starjedi.ttf');
}
*/

/**** Corps de la page ****/
body
{
	background-color: rgb(0, 0, 0); /* Couleur de fond de la page */
	width: 100%; /* Largeur de la page */
	margin: auto; /* Centrer la page horizontalement */
	/*font-family: "starjedi", "Arial";*/ /* Police du texte */
	font-family: "Arial"; /* Police du texte */
	color: rgb(255, 255, 255); /* Couleur du texte */
	overflow: hidden;  /* On cache le scroll */
}

/**** Ecran de jeu ****/

#screen 
{
	height: 100%; /* On prend toute la hauteur de la fenêtre du navigateur */
	width: 100%; /* Largeur de la boîte */ 
	position: absolute; /* On met la position en absolu */
	white-space: nowrap; /* Tous les éléments de la boîte sont placé sur une seule ligne */
	overflow: hidden; /* On cache le scroll et tout ce qui déborde de l'écran de jeu */
	text-align: center; /*Pour centrer tout ce qui se trouve à l'intérieur */
}

/**** On centre tous les éléments de l'écran ****/
#loading, .wall
{
	display: inline-block; /* On attribut un comportement hybride entre le bloc et l'élément inline aux éléments. */
	vertical-align: middle; 
}

/**** Le bloc de mur doit faire la même taille que la boîte ****/
.wall
{
	height: 100%; 
	width: 0px; 
}

/****  Message de chargement ****/
#loading 
{
	text-align: center; 
	width: 100%; 
}

/**** Console pour débuguer ****/
#console
{
	position: absolute; 
	left: 10px; 
	top: 10px; 
	text-shadow: 2px 2px 3px rgb(0, 0, 0); 
}