/* Partie Jeu de la page */

#page
{
	width:100%;
	padding:5%;
	background-image: url(../../../data/uploads/jouer/au-debut/jeu-9/bulles_palies.jpg);
	text-align: center;
}	

/* Images "Bonshommes Souriants"/"Bonshommes Mécontents" */

#bon, #bon2, #bon3, #bon4
{
	width: 4%;
	height: 5.5%;	
	margin-top:-1%;
	margin-left: 2%;
	position: absolute;
}

#mauvais, #mauvais2, #mauvais3, #mauvais4
{
	width: 4%;
	height: 5.5%;
	margin-top:-1%;
	margin-left: 7%;
	position: absolute;
}

/* Images "Valider" */

#valider, #valider2, #valider3, #valider4
{
	/*position:absolute;*/
	display: inline-block;
	margin-left:2%;
	vertical-align:bottom;
	width:3%;
	height:5%;
}

/* Image "Recommencer une partie" */

#reload
{
	width:10%;
	height:10%;
	margin: auto;
}

#reload:active
{
	margin-top:0.5%;
}

/* Champ input à compléter */

#premiernombre, #deuxiemenombre, #troisiemenombre, #premiernombre2, #deuxiemenombre2, #troisiemenombre2, #premiernombre3, #deuxiemenombre3, #troisiemenombre3, #premiernombre4, #deuxiemenombre4, #troisiemenombre4
{
	display: inline-block;
	font-family:'Lato';
	font-weight:bold;
	width:10%;
	border-radius: 5px;
	border: solid 2px black;
	text-align: center;
}

/* Espace pour les nombres aléatoires*/

#resultat, #resultat2, #resultat3, #resultat4
{
	/*position:absolute;*/
	display: inline-block;
	margin: 0 8px;
	font-size: 1.5em;
	font-weight : bold;
	/*vertical-align: bottom;*/
}

/* Documentation Joueur/Programmeur */

p
{
	font-size:1.1em;
	font-family:Lato;
	text-align:justify;
}

i
{
	font-style:italic;
}

#noteimportante
{
	margin-left: auto;
	margin-right: auto;
	width: ...; /* largeur obligatoire pour être centré */
}

#texteimportant
{
	margin-top:2.5%;
	text-align:center;
	font-size:1.5em;
	font-family:Lato;
}

#info
{
	width:7%;
	height:7%;
	vertical-align:middle;
}