/* 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:95px;
}

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

.parametres
{
	display:flex;
	flex-direction:row;
	justify-content: space-around;
	Margin:auto;
	max-width: 90%;
	min-width: 950px;
	font-family:calibri;
	font-size:18px;
	background-color:white;
	border:solid 3px black;
	border-radius: 5px;
	padding:5px;
}

.parametres .informations
{
	margin-top: -15px;
	font-size:10px;
	
}


#choix_cycle /* */
{
	
	width: 200px;
	min-width: 100px;
	background-color:#efeff7;
	border:solid 2px silver;
	border-radius: 5px;
	margin:2px;
	padding:5px;
}


#box2 /* */
{
	width: 360px;
	min-width: 180px;
	background-color:#efeff7;
	border:solid 2px silver;
	border-radius: 5px;
	margin:2px;
	padding:5px;
}

#box3 /* */
{
	display:flex;
	flex-direction:column;
	width: 720px;
	min-width: 580px;
	background-color:#efeff7;
	border:solid 2px silver;
	border-radius: 5px;	
	margin:2px;
	padding:5px;
}


fieldset
{
	display:flex;
	flex-wrap:wrap;
	background-color:#efeff7;
}




#boutons /* bloc div des boutons d'actions*/
{
	display:flex;
	justify-content: center;

}

#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  #Vérifier
{
	Background-color:#8aea75;

}

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

}


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

#affichage
{
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	margin-bottom:20px;
	justify-content: space-around;
	align-items: center;
	font-size:70px;
}



#Résultat 
{
color: green; 

}

#Retenues
{
color: red;
font-size:20px;	
}

#Unités_de_numération
{
	font-size:10px;	
	font-style:italic;
}


.signe
{
	
}


#affichage table
{
	margin-top:30px;
	padding:15px;
	border:solid 3px black;
	border-radius:15px;
	background-color:#f5f1d1;
}


td
{
	text-align:center;
	padding:5px;
}


#chiffres table #Résultat td
{
	border-top:solid 5px black;
	
}

#images table #Résultat td
{
	border-top:solid 5px black;
	
}


#images table tr #non_vide 
{
	border-left:solid 1px black;
}

/* ---------------------------------------------------------------------------------------------------------------------------*/
/*  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;
	
}