/* Style pour le fond de la page du site */
body
{
	background:url('images/bordure_droite03.png') repeat-y right, url('images/neige.gif') fixed;
	position:relative;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*  Stlyle pour bloc titre*/
header
{
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	margin-bottom:20px;
	justify-content: flex-start;
	align-items: center;	
}

header .accueil
{
	background: url('images/texture_accueil.png') repeat;
	margin-right:0px;
	height: 40px;
	width: auto;
	
	font-family: calibri;
	font-size:2em;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	border: solid 2px;
	border-radius:5px;
	box-shadow: 2px 2px 2px black;
	padding:2px 20px 2px 20px;
	
}


header .titre
{
	height:auto;
	max-width: 80%;
	min-width: 800px;
	margin: auto;
	
	border-style:solid;
	border-width:4px;
	border-color:#1f4e79;
	border-radius: 15px;
	box-shadow: 6px 6px 5px black;
	
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	margin-bottom:20px;
}


header h1
{
	margin:auto;
	font-family: Arial,sans-serif;
	font-size:2.5em;
	font-weight:bold;
	color:#1f4e79;
	text-align:center;
	margin-right:20px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* style du bloc de parametrages*/

.parametres /* bloc formulaire en entier*/
{
	
}


#parametres
{
	display:flex;
	flex-direction:row-reverse;
	justify-content: space-around;
}



#config_nombres /* bloc formulaire pour parametrer le nombre de chacunes des Unités de numération - contenant les fieldset "class_unité" et "class_millier"*/
{
	min-width:400px;
	display:flex;
	flex-direction:row-reverse;
	justify-content: space-around;
	border:solid 3px black;
	border-radius: 5px;
	Background-color:white;
}

#class_unité
{
	display:flex;
	flex-direction:row-reverse;
	justify-content: space-around;
	flex-wrap:wrap;
}

#class_millier
{
	display:flex;
	flex-direction:row-reverse;
}



#config_affichage
{
	min-width:500px;
	display:flex;
	flex-direction:row-reverse;
	justify-content: space-around;
	border:solid 3px black;
	border-radius: 5px;
	Background-color:white;
}


#position_unite_num /* bloc gestion de la position d'affichage des unités de numération*/
{
	display:flex;
	flex-direction:row-reverse;
	justify-content: space-around;
	flex-wrap:wrap;
}

#représentation p
{	
}

/* --------------------------*/

#boutons /* bloc div des boutons d'actions*/
{
	display:flex;
	flex-direction:row-reverse;
	margin-right:50px;

}

#boutons input
{
	width: 150px;
	height:30px;
	font-family:calibri;
	font-size: 22px;
	font-style: bold;
	margin-left:5px;
	margin-right:5px,
}

#boutons  #Valider
{
	Background-color:;

}

#boutons  #Verifier
{
	Background-color:#8aea75;

}

#boutons  #Effacer
{
	Background-color:#f7dd7b;

}




/* --------------------------*/
fieldset
{
	margin:10px;
	font-family:calibri;
	background-color:#efeff7;

}

fieldset legend
{
	font-size:18px;
}



fieldset p
{
margin-left:5px;
margin-right:5px;
font-size:20px;
text-align:center;
}


fieldset input, select
{
	width:100px;
	font-size:16px;
	text-align:right;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* style de l'affichage du nombre écrit avec les unités de numération*/

#Position
{
	display:flex;
	justify-content: center;
	font-family:calibri;
	font-size: 50px;
	font-style: bold;
	margin-top:-10px;
	min-width: 500px;
	
}

#Position p
{
margin-left:15px;
margin-right:15px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* style de l'affichage de la vérification du nombre */


#Nombre
{	
	margin:auto;
	font-family:calibri;
	font-size: 75px;
	font-style: bold;
	color:blue;
	text-align: center;
	width:40%;
	min-width: 500px;
	background-color:white;
	border: solid 2px black;
	border-radius:20px;
}



/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* style de l'affichage des images représentant les unités de numération*/
#image_u_num
{
	min-width:900px;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	padding:15px;
	margin-top:15px;
	Background-color:#f5f1d1;
	Border-radius:15px;
	
}

#images_pos4
{
	width:25%;
	min-width:225px;
	padding:10px;
	text-align:center;
	
}

#images_pos3
{
	width:25%;
	min-width:225px;
	padding:10px;
	text-align:center;	
}


#images_pos2
{
	width:25%;
	min-width:225px;
	padding:10px;
	text-align:center;	
}

#images_pos1
{
	width:25%;
	min-width:225px;
	padding:10px;
	line-height: 250%;
	text-align:center;	
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------------------*/
/*  Stlyle pour le compteur*/

footer
{
	height:40px;
	position: absolute; bottom: 0;
}

.compteur
{

	margin-top:400px;
	width: 400px;
	height:35px;
	font-family:calibri,Arial,sans-serif;
	font-size:1.1em;
	font-style:italic;
	border: solid 2px black;
	border-radius:5px;
	background:url('../../img/fond_rose.png') repeat-x;

}

.compteur p
{
	margin: auto;
	
}