/* Couleur logo : #ff950e ; plus foncé : #e6820f ; plus clair : #ffa014 ; encore plus clair : #ffb414 */
									
body
{
/* border : solid red ;*/
font-family:  tahoma, arial;
background-color: #fffaf0;
font-size : 14px ;
}

header
{
/*border : solid blue;*/
text-align : center;
width : 10%;
}		
		.orange
		{
		color : #ff950e;
		}
		
		.noir
		{
		color : black;
		}

#decompte
{
	position: fixed;	
    top: 1%;
    right: 1%;
	font-size: 40px;
	font-weight: bold;
	color: #004422;
	/*border : solid blue;*/
}

#jeu
{
	width:100%;
	/*border : solid yellow;*/
}
	
		.tirage
		{
		/*margin-top : 5%;*/
		width : 12%;
		height : auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		/*border : solid blue;*/
		}
				
		.start
		{	
		width : 90%;
		margin : 20% auto;
		}


input,select {
	font-family:tahoma,arial;
	font-size:9pt;
	color:black;
	}

p {
	margin:7px;
	padding:0;
	text-align:center;
	}
	
input {
	text-align:center;
	border:3px solid gray;
	}

#case_nombre_cible {
	width:8%;
	min-width:100px;
	margin:4% auto;
	padding:0.7% 1%;
	font-size:60px;
	background-color:white;
	}	

#tableau_cases_nombres_outils {
	/*border : solid green;*/
	width:100%;
	margin:0 auto;
	}
	
#tableau_cases_nombres_outils input {
	/*display:block;
	float:center;*/
	width:6%;
	min-width:80px;
	margin: 0 2.5% 3% 2.5%;
	padding:0.5% 0%;
	font-size:40px;
	background-color:white;
	}


h1
{
	color : black;
	text-align : center;
	background-color : #ff950e ;
}
	
		.logo
		{
		position: fixed;
		top: 2%;
		left: 2%;
		width : 6%;
		}
				
		.logo_educmat
		{
		position: fixed;
		bottom: 3%;
		left: 2%;
		width : 7%;
		}
			
		.solveur 
		{
		 position: fixed;
		 bottom: 8px;
		 left: 0;
		 right: 0; 
		 margin: 0 auto;
		}		
		.outils
		{
		position: fixed;
		bottom: 3%;
		right: 2%;
		width : 5%;
		}
		
		.sons
		{
		display:inline-block;
		height:100%;
		width: auto;
		}