/* ---------------------------------------------------------------------------  DEFINITION DES STYLES "INPUTS" ------------------------- */
.inputcenter { text-align: center; }
.inputpointer { cursor: pointer; }

/* ------------- TAILLES -------------- */
.inputsizew10 { width:10%;}
.inputsizew20 { width:20%;}
.inputsizew30 { width:30%;}
.inputsizew40 { width:40%;}
.inputsizew50 { width:50%;}
.inputsizew60 { width:60%;}
.inputsizew70 { width:70%;}
.inputsizew80 { width:80%;}
.inputsizew90 { width:90%;}
.inputsizew100 { width:100%;}

.inputsizeh2 { height:15px; border-radius: 10px; font-size: 10px;}
.inputsizeh4{ height:20px; border-radius: 10px; font-size: 15px;}
.inputsizeh6 { height:30px; border-radius: 10px; font-size: 18px;}

.areasizeh1 { border-radius: 10px; font-size: 15px;}

/* .areasizeh2 { border-radius: 10px; font-size: 18px;} */

/* ------------- REQUIRED -------------- */
.requiredver01:required:valid {
	/* background-color: #EAFFE8; */
	border-color: ;
	box-shadow: 0px 0px 2px 1px green;
}
.requiredver01:required:invalid {
	/* background-color: #FFE8E8;; */
	border-color: ;
	box-shadow: 0px 0px 2px 1px red;
}

.requiredver02:required:valid {
	/* background-color: #EAFFE8; */
	border-color: ;
	box-shadow: 0px 0px 3px 2px green;
}
.requiredver02:required:invalid {
	/* background-color: #FFE8E8;; */
	border-color: ;
	box-shadow: 0px 0px 3px 2px red;
}

.requiredver03:required:valid {
	background-color: #EAFFE8; 
	/*border-color: ;
	box-shadow: 0px 0px 4px 3px green; */
}
.requiredver03:required:invalid {
	background-color: #FFE8E8; 
	box-shadow: 0px 0px 3px 2px gray;
	/*border-color: ;
	box-shadow: 0px 0px 4px 3px red; */
}


/* ---------------------------------------------------------------------------  DEFINITION DES STYLES "Boutons" ------------------------- */


.btnvalidef_01 {
	/*background-color: #D6D6D6;*/
	font-weight: bold;
	cursor: pointer;
	/*margin-left: 10px;*/
}
.btnvalidef_02 {
	background-color: #D6D6D6;
	border: solid 1px black;
	font-weight: bold;
	cursor: pointer;
	/*margin-left: 10px;*/
}
.btncenter { text-align: center; }

.btnpadding5 { padding: 5px; }
.btnpadding10 { padding: 10px; }

/* ------------- TAILLES -------------- */
.btnfontsize11 { font-size: 1.1em;}

.btnsizew10 { width:10%;}
.btnsizew20 { width:20%;}
.btnsizew30 { width:30%;}
.btnsizew40 { width:40%;}
.btnsizew50 { width:50%;}
.btnsizew60 { width:60%;}
.btnsizew70 { width:70%;}
.btnsizew80 { width:80%;}
.btnsizew90 { width:90%;}
.btnsizew100 { width:100%;}

.btnsizeh1 { font-size: 0.8em; border-radius: 4px; }
.btnsizeh2 { font-size: 0.9em; border-radius: 8px; }
.btnsizeh3 { font-size: 1em; border-radius: 12px; }
.btnsizeh4 { font-size: 1.1em; border-radius: 16px; }
.btnsizeh5 { font-size: 1.2em; border-radius: 20px; }

/* ------------- HOVER -------------- */
.btnvalidgreen:hover {
	text-shadow: 0px 0px 8px gray; 
	box-shadow: 0px 0px 3px 2px green; 
}
.btnvalidred:hover {
	text-shadow: 0px 0px 8px gray; 
	box-shadow: 0px 0px 3px 2px red; 
}
.btnvalidbrown:hover {
	text-shadow: 0px 0px 8px gray; 
	box-shadow: 0px 0px 3px 2px green; 
}