.form_div {
	width:263px;
	margin:0px;padding:10px;
	font:normal normal normal 100%/100% "Assistant",sans-serif;color:black;text-align:left;
	font-size: 12.8px; line-height: 18px; vertical-align: baseline;
	background:#fafafa; 
	background:rgba(242,248,255,1);
	background:rgba(230,233,237,1);
	background:rgba(240,243,247,1);
	background:rgba(250,250,250,1);
}
.form_div_large {
	width:99.5%; flex-shrink:0; margin:0px;
}
.form_title {
	font:normal normal normal 100%/100% "Assistant",sans-serif;text-align:left;font-weight:900; font-size:32px;
	color:#115aba;  text-shadow: 0.5px 0.5px 0px #115aba; font-variant-caps: all-small-caps; margin-bottom:2px;
}
.form_profil, .form_etape {
	font:normal normal normal 100%/100% "Assistant",sans-serif;text-align:left;
	font-size: 20px; color:#2562b3;	text-shadow: 2px 3px 2px rgba(150,185,227,1);background: rgba(79, 114, 179,0.1);
}
.form_user_name { /* ...créé par... modifié par...*/ 
	font:normal normal normal 100%/100% "Assistant",sans-serif;text-align:left;
	font-size: 12.8px; color:#2562b3; text-shadow: 2px 3px 2px rgba(150,185,227,1);background: rgba(79, 114, 179,0.01);
}
.form_messages {
	font:normal normal normal 100%/100% "Assistant",sans-serif;text-align:left;
	font-size: 14px; line-height: 18px; vertical-align:baseline; letter-spacing:-0.3px;
}
.form_linksoft {text-decoration: none;font-size: 12.8px;letter-spacing: -0.4px;color:#353535;color: rgba(47, 49, 52,1);}
.form_linksoft_gras {font-weight:900;color:#115aba;}

#form_img_prof {width:25px;height:22px;position:relative;top:3px;left:0px;}
#form_img_edit {width:25px;height:22px;position:relative;top:3px;left:0px;}
.form_hr1 {height:2px; background-color:#115aba; border:0px solid #eee;} /* rgba(107,157,227,0.5) */
.form_hr2 {height:2px; background-color:rgba(255,48,48,0.5);   border:0px solid #eee;} 
.form_mess_ok {color:#1d5bad;}
.form_mess_ko {color:#ff3030;}
.form_all ::-webkit-input-placeholder { color:rgba(20,20,20,1); }
.form_all :-moz-placeholder { color:rgba(20,20,20,1); opacity:1;}
.form_all ::-moz-placeholder { color:rgba(20,20,20,1); opacity:1;}
.form_all :-ms-input-placeholder { color:rgba(20,20,20,1); }
.form_all input {display: inline-block;margin-bottom: 5px;}
.form_all input[type=checkbox] {display: inline-block;margin-bottom: 5px;}

.form_label {display: block; color:#3c3c3c; font-size: 13px;font-weight:400; text-align:left; padding-left:2px; margin-top:5px; }
.form_label_check {display: inline; color:#4c4c4c; font-size:12px; font-weight:400; text-align:left; padding-left:2px; margin-top:5px; }
.form_input {width :240px; border-radius:2px; padding: 6px;
	border:0.5px solid rgba(17, 90, 186,0.7);
	border:0.5px solid rgba(47, 49, 52,0.2);
	border:0.5px solid rgba(17, 90, 186,0.5);
	/* box-shadow: inset 2px 4px 15px rgba(60,60,60,0.2),  0.5px 0.5px 1px rgba(150, 185, 227,0.6), inset 0.5px 0.5px 0px rgba(1, 1, 1,0.9);*/
}
.form_input_large {width :502px; width:100%	;}
.form_input::placeholder {color: rgba(10,10,10,0.5); }

.form_label_10 {display:inline-block;color:#3c3c3c; font-size: 16px;font-weight:400; text-align:left; padding-left:2px; margin-top:5px; font-weight:900;color:#115aba;}
.form_input_10 {display:inline-block;width:86px;border:0px solid #eee; border-radius:2px; padding:3px;padding-left:9px;padding-top:6px; font-size: 12px;}
/* label_s = pour les ...modifié par... */ 
.form_label_s {display:block;color:#3c3c3c; font-size:12px;font-weight:400; text-align:left; padding-left:2px; margin:0px;line-height:12px;}

.form_input:focus {	
	background-color: white; color:#3c69a8; border: 0.5px solid #3c69a8; transition: all 0.3s ease; 
	box-shadow: inset -1px 1px 20px rgba(107,157,227, 0.3);
}
.form_input:focus::placeholder { color:#f5f9ff; transition: all 0.1s ease; }
/* Ne pas passer en FOCUS si zone INPUT READ-ONLY : */

.form_input:-moz-read-only {border:0.5px solid rgba(255,255,255,0.5);background-color:rgba(117,117,117,0.9);color:white;text-shadow: -0.5px -0.5px 0px rgba(0,0,0,1), 0.1px 0.2px 0 rgba(175, 184, 204,0.9), 0 0 38px rgba(166,204,255,0.9);}
.form_input:read-only {     border:0.5px solid rgba(255,255,255,0.5);background-color:rgba(117,117,117,0.9);color:white;text-shadow: -0.5px -0.5px 0px rgba(0,0,0,1), 0.1px 0.2px 0 rgba(175, 184, 204,0.9), 0 0 38px rgba(166,204,255,0.9);}
.form_blocked {             border:0.5px solid rgba(255,255,255,0.5);background-color:rgba(117,117,117,0.9);color:white;text-shadow: -0.5px -0.5px 0px rgba(0,0,0,1), 0.1px 0.2px 0 rgba(175, 184, 204,0.9), 0 0 38px rgba(166,204,255,0.9);}
[readonly]:focus {          border:0.5px solid rgba(255,255,255,0.5);background-color:rgba(117,117,117,0.9);color:white;text-shadow: -0.5px -0.5px 0px rgba(0,0,0,1), 0.1px 0.2px 0 rgba(175, 184, 204,0.9), 0 0 38px rgba(166,204,255,0.9);}
.form_input:-moz-read-only {background:rgba(51,57,65,0.75);}
.form_input:read-only {     background:rgba(51,57,65,0.75);}
.form_blocked {             background:rgba(51,57,65,0.75);}
[readonly]:focus {          background:rgba(51,57,65,0.75);}

.form_user, .form_mail, .form_pass, .form_conf {
	background-repeat: no-repeat; 
	background-position: 5px 6px;
	background-size: 15px;
	padding-left: 27px;
}
.form_user {background-image: url(/src/xx_20_form_user.png);}
.form_mail {background-image: url(/src/xx_20_form_mail.png);}
.form_pass {background-image: url(/src/xx_20_form_lock.png);}
.form_conf {background-image: url(/src/xx_20_form_conf.png);}
.form_user.form_blocked {background-image: url(/src/xx_20_form_user_.png);}
.form_mail.form_blocked {background-image: url(/src/xx_20_form_mail_.png);}
.form_pass.form_blocked {background-image: url(/src/xx_20_form_lock_.png);}

/*
@keyframes autofill_restore_mail { to {background-image: url(xx_20_form_mail.png);background-repeat: no-repeat;background-position: 5px 6px;background-size: 15px;	padding-left: 27px;} }
@-webkit-keyframes autofill_restore_mail { to {background-image: url(xx_20_form_mail.png);background-repeat: no-repeat;background-position: 5px 6px;background-size: 15px;	padding-left: 27px;} }
.form_mail:-webkit-autofill {-webkit-animation-name: autofill_restore_mail forwards;-webkit-animation-fill-mode: forwards;}
*/

.form_all input[type=submit] {
	float: left;margin-right: 3px;padding: 5px;
	font:normal normal normal 100%/100% "Marcellus SC",sans-serif;text-align:right;
	font-size: 14px;font-weight: 500; 
	border: 1px solid #3c69a8;border-radius: 1px;
	background-color:#3c69a8;color:white;
}
.form_all input[type=submit]:hover {
	background-color: rgba(107,157,227,1);color:white;
	border: 1px solid #3c69a8;border-radius: 1px;
	text-shadow: 1px 1px 0px #3c69a8, -1px -1px 0px #3c69a8;
	cursor:pointer;
	transition: all 0.5s ease;
}
.form_all input[type=submit]:active {
	background-color: #3c69a8;color: white;
	transition: all 0.5s ease;
}
.form_all input[type=file] {
	border: 1px solid grey;border-radius: 1px;
	padding: 5px;
	background-color: white;color: #3c69a8;
}

.form_radio_bloc { background:#fafafa; padding:0px; padding-top:3px; border:4px solid rgba(255,255,255,1);
	border:7px solid rgba(30,90,230,0.1);
}
.form_radio { font-size:14px;font-weight:400;text-align:left; transform: rotate(-7deg);
}
.form_radio_a { /* Article - vert */ 
	margin-left:-2px; margin-right:8px; padding:2px;padding-left:5px;padding-right:5px;
	border-radius:2px; border:1px solid white;
	background: rgba(109, 196, 134,1);
	box-shadow: inset 0px 2px 5px rgba(107,227,125, 0.9), 1px 1px 5px rgba(80,80,80,0.75);
	font:normal normal normal 100%/100% "Assistant",sans-serif; font-weight:bold; text-align:left; line-height:10px; 
	color:rgba(250,250,250,1); letter-spacing:-0.02em;
	font:normal normal normal 100%/100% "Assistant",sans-serif; font-weight:normal;
	text-shadow:1px 1px 2px rgba(35,143,11,1); 
	text-shadow:0px 0px 10px rgba(0,79,5,1);
}
.form_radio_e { /* Etude - bleu */ 
	margin-left:-2px; margin-right:8px; padding:2px;padding-left:5px;padding-right:5px;
	border-radius:2px; border:1px solid white;
	background: rgba(109, 148, 196,1);
	background: rgba(94,136,193,1); 
	box-shadow: inset 0px 2px 5px rgba(107,157,227, 0.9), 1px 1px 5px rgba(80,80,80,0.75);
	font:normal normal normal 100%/100% "Assistant",sans-serif; font-weight:bold; text-align:left; line-height:10px; 
	color:rgba(250,250,250,1); letter-spacing:-0.02em; 
	font:normal normal normal 100%/100% "Assistant",sans-serif; font-weight:normal; 
	text-shadow:1px 1px 2px rgba(11,64,143,1);
	text-shadow:0px 0px 10px rgba(0,5,79,1);
}
.form_radio_v { /* Vidéo - rouge */
	margin-left:-2px; margin-right:8px; padding:2px;padding-left:5px;padding-right:5px;
	border-radius:2px; border:1px solid white;
	background: rgba(196, 109, 109,1);
	box-shadow: inset 0px 2px 5px rgba(227,107,107, 1), 1px 1px 5px rgba(80,80,80,0.75);
	font:normal normal normal 100%/100% "Assistant",sans-serif; font-weight:bold; text-align:left; line-height:10px; 
	color:rgba(250,250,250,1); letter-spacing:-0.02em;
	font:normal normal normal 100%/100% "Assistant",sans-serif; font-weight:normal;
	text-shadow:1px 1px 2px rgba(189,2,2,1);
	text-shadow:0px 0px 10px rgba(79,0,0,1); 
}


/*Page ZZ NOTEPAD **********************************************************************************/
@media all and (min-width:980px) {                       #znote_submit {position: fixed;    top:15px;  right:10px;} }
@media all and (min-width:480px) and (max-width:980px) { #znote_submit {position: fixed;    top:15px;  right:15px;} }
@media all and (max-width:480px) {                       #znote_submit {position: absolute; top:105px; left:255px;} }
#znote_zpad3 { width:93%; height:500px;  min-height:000px;       overflow:auto; resize:none; margin:10px; margin-bottom:5px; padding:10px;}
#znote_zpad1 { width:36%; height:300px;  min-height:000px;       overflow:auto; resize:none; margin-left:10px;margin-right:0px;margin-top:5px; margin-bottom:5px; padding:10px;}
#znote_zpad2 { width:59%; height:300px;  min-height:000px;       overflow:auto; resize:none; margin-left:10px;margin-right:0px;margin-top:5px; margin-bottom:5px; padding:10px;}

#znote_zpad1, #znote_zpad2, #znote_zpad3 {
box-shadow: inset 3px 2px 5px rgba(0,30,150,0.3), inset 1px 1px 3px rgba(0,0,0,0.6), inset -1px -1px 5px rgba(20,20,20,0.3);
}

#znote_zpad1, #znote_zpad2, #znote_zpad3 {scrollbar-color:#fff rgba(30,30,30,0.4); scrollbar-width:thin; 
  font:normal normal normal 100%/100% "Open Sans", sans-serif; word-wrap: normal; text-align:left;
  vertical-align:baseline; font-weight:400; line-height:17px; font-size:12.5px; color:black; background:#fafafa;
  letter-spacing:normal; text-transform:none; text-decoration:none; word-spacing:0px; text-indent:0px;
}
#znote_zpad1::-webkit-scrollbar, #znote_zpad2::-webkit-scrollbar, #znote_zpad3::-webkit-scrollbar {width:10px; background-color:rgba(30,30,30,0.4);}
#znote_zpad1::-webkit-scrollbar-thumb, #znote_zpad2::-webkit-scrollbar-thumb, #znote_zpad3::-webkit-scrollbar-thumb {background:rgba(141,178,227,0.4);}