body
{
background-color: #FFA500;
color: #0000FF;
text-align: center;
}



h1,h2,h3
{
font-family: Comic Sans MS; Comic Sans MS Bold; "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; 
font-weight: bold;  /* police de caractère */
color: blue;
}

	#barre-chrono
		{
		text-align: left;
		}		
	

#presentation3
{
position: absolute;
left: 80%; 
color: blue; 
font-size: 110%;
font-family: Comic Sans MS; Comic Sans MS Bold; "Times New Roman", Times, "Liberation Serif", FreeSerif, serif; 
font-weight: bold;  /* police de caractère */
}




	#bouton-autre-exercice
		{
		text-align: right;
		}


		
	#lien-transforme-en-bouton a:link, a:visited 
	{
    color : black;
	background-color: #d9f0fc;
	text-decoration: none;	
	font-size: 92%;
	padding: 3px 10px;
	}
		

		
input[type=number]::-webkit-inner-spin-button 
{
-webkit-appearance: none;  /* enlève les ascenceurs sous chrome */
   -webkit-text-size-adjust: 70%;
} 


input[type=number]
{
width: 80px;
}



@media handheld, only screen and (max-device-width:500px), only screen and (max-width:500px), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5)    /* pour les petits écrans */ 
{
	body
	{
	width : 800 px;
	}

	h1
		{
color: green;
font-size: 120%;
		}
	
	h3
		{
font-size: 100%;
		}		
	
	#presentation3
		{
		font-size: 80%;
		}

	#barre-chrono
		{
		text-align: center;
		}		
	
	#bouton-autre-exercice
		{
		text-align: center;
		}	
	


#cases-smartphone input[type=number]
{
width: 50px;
}

	
		
}