.formulaire * { font-family: 'Poppins', sans-serif; font-size:1em; }
.formulaire { width:540px; margin:0 auto; position:relative; }
.formulaire form { padding:10px; margin:0; color:black; border-radius:10px; background:#EEE;}
.formulaire fieldset { padding:0 10px 10px 10px; margin-bottom:10px; border:1px solid #4E3C62; }
.formulaire fieldset legend { font-size:1em; color:black; margin-bottom:10px; }
.formulaire div { position:relative; width:100%; margin:0 auto; padding:0; text-align:left }
.formulaire label {
	display:block; float:left; width:224px; height:21px; padding:3px 10px 0 0; text-align:right; font-size:0.9em; background:rgba(147, 185, 229, 0.8);
	border-top:1px solid rgba(147, 185, 229, 0.8); border-left:2px solid rgba(147, 185, 229, 0.8); border-bottom:1px solid rgba(147, 185, 229, 0.8);
}
.formulaire label.obl { border-color:red; }
.formulaire label.obl + input,
.formulaire label.obl + textarea,
.formulaire label.obl + select,
.formulaire label.obl + option { border-color:red; }

.formulaire label.isreadonly { color:grey;font-style: italic; }
.formulaire label.isreadonly + input,
.formulaire label.isreadonly + textarea,
.formulaire label.isreadonly + select,
.formulaire label.isreadonly + option { color:grey;font-style: italic; }


.formulaire input, .formulaire textarea, .formulaire select { padding:3px; border:1px solid lightgrey; margin:0; width:250px; }
.formulaire input { height:18px; }
.formulaire select { height:26px; padding:0; width:258px; }
.formulaire textarea { width:485px; resize:none; }
.formulaire input[type=radio] { background-color:transparent; border:none; width:10px; float:right; }
.formulaire input[type=date] { width:120px; margin-right:130px; text-align:center; }
.formulaire input[type=submit] { float:none; height:1.5em; padding:0; width:200px; margin:0 auto; font-size:1.1em; color:white; background-color:#30B5C9; border-radius:5px; cursor:pointer }
.formulaire input[type=checkbox] { width:20px; float:left; height:22px; margin-top:3px; }
.formulaire input[type=file]:before { content:'' }
.formulaire input:hover, .formulaire select:hover, .formulaire textarea:hover,
.formulaire input:focus, .formulaire select:focus, .formulaire textarea:focus,
.formulaire input:active, .formulaire select:active, .formulaire textarea:active { background-color:#30B5C9; border-color:#30B5C9; color:white}
.formulaire p {display:inline-block;}

.chk input { margin-right:4px; }
.chk input:checked, .chk input:not(:checked) { width:1px; height:1px; margin:13px; padding:0; opacity:0; position:absolute; clip:rect(0 0 0 0); appearance:none; }
.chk input+label { display:block; padding-right:81px; position:relative; cursor:pointer; text-align:right; }
.chk input+label:before {
	content:'OUI\0000a0\0000a0\0000a0NON'; position:absolute; right:0; bottom:50%; margin-bottom:-12px; width:70px;
	height:25px; padding-left:0px; line-height:22px; font-size:13px; font-weight:bold; text-align:center; letter-spacing:0;
	color:red; text-shadow:none; background-color:white; background-repeat:no-repeat;
	box-shadow:inset 0 1px 2px rgba(0,0,0,.6), 0 0 0 1px rgba(0,0,0,.3);
	transition:color 0.4s ease-in-out, background-position 0.1s ease-in-out;
}
.chk input:checked+label:before { color:green; }
.chk input+label:after { content:''; position:absolute; right:37px; bottom:50%; margin-bottom:-12px; width:33px; height:24px;
	background-color:rgb(205,205,205);
	box-shadow:inset 0 1px 1px rgba(255,255,255,.7), 1px 0 2px rgba(0,0,0,.6), -1px 0 1px rgba(0,0,0,.6);
	border-radius:3px; transition:right 0.1s ease-in-out;
}
.chk input:checked+label:after {right:0; box-shadow:inset 0 1px 1px rgba(255,255,255,.7), 1px 0 1px rgba(0,0,0,.6), -1px 0 2px rgba(0,0,0,.6); }

.radio input[type=radio] {position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; }
.radio input[type=radio]+label { padding-left:21px; height:16px; display:inline-block; line-height:16px; background-repeat:no-repeat; background-position:0 0; font-size:16px; vertical-align:middle; cursor:pointer; }
.radio input[type=radio]:checked+label {background-position:0 -16px; }
.radio label { background-image:url(./imgcss/radio.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
/*.radio input[type=radio]+label:hover, .radio input[type=radio]:checked+label { font-size:110%; }*/

.inputfile .input-file-container { display:inline-block; width:224px; }
.inputfile .input-file { position:absolute; top:0; left:0; height:1em; width:224px; padding:5px 0; opacity:0; cursor:pointer; }
.inputfile .input-file-trigger { text-align:center }
.inputfile .input-file:hover + .input-file-trigger,
.inputfile .input-file:focus + .input-file-trigger,
.inputfile .input-file-trigger:hover,
.inputfile .input-file-trigger:focus { background:#F18E00; color:white }
.inputfile .file-return { background-color:transparent; height:18px; display:block; float:right; padding:3px 0 0 0; border:0; margin:0; width:300px;font-size:.9em;font-style: normal;font-weight: normal }
.inputfile .file-return:before { text-decoration:inherit; margin-right:5px; }
.inputfile .file-return:not(:empty):before { font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0c6"; }
.inputfile .file-return:empty:before { content:"..."; }

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

input[type=number] {
	-moz-appearance:textfield;
}



.form-1{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 400px;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
	border: 1px #1E5EAA solid;
}


.form-2{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 20%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
}

.form-3{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 30%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
}

.form-4{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 40%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
}

.form-5{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 50%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
}

.form-6{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 60%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
}

.form-7{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 70%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
}

.form-8{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 80%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
}

.form-9{
	font: 95% Arial, Helvetica, sans-serif;
	max-width: 90%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
}

.form-max{
	font: 100% Arial, Helvetica, sans-serif;
	max-width: 95%;
	margin: 10px auto;
	padding: 16px;
	background: #F7F7F7;
	border: 1px #1E5EAA solid;
}

.form-style h1{
	background: #1E5EAA;
	padding: 20px 0;
	font-size: 120%;
	font-weight: 300;
	text-align: center;
	color: white;
	margin: -16px -16px 16px -16px;
}
.form-style input[type="text"],
.form-style input[type="date"],
.form-style input[type="datetime"],
.form-style input[type="password"],
.form-style input[type="email"],
.form-style input[type="number"],
.form-style input[type="search"],
.form-style input[type="time"],
.form-style input[type="url"],
.form-style textarea,
.form-style select
{
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	transition: all 0.30s ease-in-out;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	background: #fff;
	margin-bottom: 1.5%;
	border: 1px solid #ccc;
	padding: 3px;
	color: #555;
	font: 95% Arial, Helvetica, sans-serif;
}
.form-style input[type="text"]:focus,
.form-style input[type="date"]:focus,
.form-style input[type="password"]:focus,
.form-style input[type="email"]:focus,
.form-style input[type="number"]:focus,
.form-style input[type="search"]:focus,
.form-style input[type="time"]:focus,
.form-style input[type="url"]:focus,
.form-style textarea:focus,
.form-style select:focus
{
	box-shadow: 0 0 5px #FFB022;
	padding: 3px;

}

.form-style input[type="submit"],
.form-style input[type="button"]{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 3%;
	background-color:#30B5C9;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	color:white;
	margin-top: 15px;
}
.form-style input[type="submit"]:hover,
.form-style input[type="button"]:hover{
	background-color:white;
	color:#30B5C9;
}

.l{
	display: inline;
}
.blockInc{
	padding: 11px;
}

.blockInc:hover {
	background-color: orange;
}

.nicEdit-panel > div { display: block; width:auto }