@charset "utf-8";
/* CSS Document */

/* Palette de couleurs
			(originale)	(éclaircie)
	rouge : #c71585  ->  #FCE0F1
	 bleu : #1e90ff  ->  #DDEEFF
	 vert : #9acd32  ->  #E6F3CD
	jaune : #ffd700  ->  #FFF9D9
*/
h3{
	margin:5px 0px 10px 0px;
}

img{
	margin: 5px 15px;
	flex-grow: 0;

}

input {
	background-color: white;
	color:black;
}

label{
	line-height: 1.5em;
}

.label_enfant{
	
}

.bordures {
			border-style:solid;
			border-width: 3px;

}

input #login {
			border-style:hidden;
			background-color : #FFF9D9;
}

.bouton {
			text-decoration: none;
			padding: 2px 4px;
			font-family: arial;
			font-size: 0.6em;
			color: #FFF9D9;
			background-color: blue;
			-webkit-border-radius: 12px;
			-moz-border-radius: 12px;
			border-radius: 12px;
			border: 2px solid #17365d;
			-webkit-box-shadow: 3px 3px 6px #17365d;
			-moz-box-shadow: 3px 3px 12px #17365d;
			box-shadow: 3px 3px 12px #17365d;
}

.bouton:hover {
			padding: 2px 4px;
			background-color: #005cb8;
			-webkit-box-shadow: 1px 1px 2px #17365d;
			-moz-box-shadow: 1px 1px 4px #17365d;
			box-shadow: 1px 1px 4px #17365d;
}

.enfant {
			background-color: #FCE0F1;
			border: solid 3px #c71585;
}



/*========================================================================*/
/*========================== Paramètres des DIV  ==========================*/
/*========================================================================*/
#div_corps{
	background-color: white;
}

	#div_tronc{	
		display: flex;
		flex-direction: column;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		align-items: center;
	}

		#div_identification{
			margin-top:10%;
			text-align: center;
			border-style: solid;
			padding: 20px;
			border-width: 2px;
		}

		#div_entete{
			display:flex;
			width: 100%;
			padding: unset;
			border: #6C9123 solid 3px;
			}

			#div_accueil{
				background-color: #9acd32;
				color: white;
				flex-grow: 1;

			}

		#div_instructions{
			background-color:darkslategray;
			border: black solid 3px;
			width: 100%;
			padding: 5px 0px 5px 0px;
		}

		#div_instructions p {
			color: white;
			margin: 5px;
		}

		#div_instructions span {
			color: black;
			border-style: solid;
			border-radius: 5px;
			background-color: lightgrey;
			border-width: thin;
			padding: 1px 3px 1px 3px;
		}

		#div_instructions a {
			text-decoration-line: none; 
		}

		#div_formulaire{
			width:100%;
			border:none;
		}
			
		#div_responsables{
					display:flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
					width: 100%;
				}

			#div_RESP1{
				background-color: #FFF9D9;
				border: solid 3px #ffd700;
				flex-grow: 1;
				padding: 5px 10px;
				margin-left: auto;
  				margin-right: auto;
				width: 400px;
		}
				
			#div_RESP2{
				background-color: #DDEEFF;
				border: solid 3px #1e90ff;
				flex-grow: 1;
				padding: 5px 10px;
				margin-left: auto;
  				margin-right: auto;
				width: 400px;
			}

		#div_eft{
			display: flex;
			width: 100%;
			flex-direction: row;
			flex-wrap: wrap;
			
		}

		#div_child{
			width:400px;
			flex-grow: 1;
			padding: 0px 10px 10px 10px;
			margin-left:auto;
			margin-right:auto;
			border: solid 3px #c71585;

}

/*========================================================================*/

#div_Texte{
	border-color: #c71585;
	padding: 10px;
}

	#div_Texte span{
		color: #c71585;
	}

/*========================================================================*/

#div_menu{
		width: 100%;
		height: 100%;
		border-color: #1e90ff;
		padding: 10px 0px 10px 0px;
		display: flex;
		flex-direction: column;

}

	#div_menu a{
				text-decoration-line: none;
				text-align: center;
				color: black;
				border-color: #1e90ff;
				border-style: solid;
				border-radius: 5px;
				background-color: #FFF9D9;
				border-width: thin;
				margin: 5px auto 5px auto;
				width: 350px;

	}

	#div_retour{
					padding: 10px;

	}



#div_crea_eft {
	width: 100%;
  	background-color: #FCE0F1;
  	border-color: #c71585;
}

#div_crea_cpt {
	width: 100%;
  	border-color: #c71585;
}

#form_supp_eft {
	
	text-align:center;
}

#champ_code{
	text-align:center;
}

	input[type=number]::-webkit-outer-spin-button,
	input[type=number]::-webkit-inner-spin-button {
  		-webkit-appearance: none;
  	margin: 0;
	}

	input[type=number] {
  	-moz-appearance: textfield; /* Pour Firefox */
	}