@charset "utf-8";
/* 
FONTS :
	1. montserrat-alternates
	2. 911_normal
	3. 911_title
	4. 911_italic

ROUGE CLAIR : #FB0A01
ROUGE FONCE : #C50802
*/
form { width:100%; display:flex; flex-wrap:wrap; padding-top:1rem; }
input, textarea, select { width:100%; padding:1rem; font-size:1.5rem; font-family:'montserrat-alternates', Verdana, Geneva, sans-serif; border:#000000 1px solid; border-radius:0.8rem; }
label { width:100%; display:flex; flex-wrap:wrap; align-content:flex-end; align-items:center; }
	label i { padding-right:1rem; }

input[type="file"] { background-color:#FFFFFF; color:#000000; }

textarea { resize:none; }

.inputAdmin, .inputMDP, .inputCode { width:100%; padding:1rem 1rem 1rem 5rem; font-size:1.25rem; font-family:'montserrat-alternates', Verdana, Geneva, sans-serif; background-position:1rem center; background-repeat:no-repeat; text-align:left; vertical-align:middle; border:#000000 1px solid; border-radius:0.8rem; }

.inputAdmin { background-image:url(../../../img/picto/input-bckgrd-admin.png); }
.inputMDP { background-image:url(../../../img/picto/input-bckgrd-key.png); }
.inputCode { background-image:url(../../../img/picto/input-bckgrd-code.png); }

input[type=submit] { padding:1rem 2rem; color:#FFFFFF; border:none; border-radius:0.8rem; cursor:pointer; }
	input[type=submit].okay { background-color:#6392EA; }
	input[type=submit].cancel { background-color:rgba(197,8,2); }
	input[type=submit]:hover { background-color:#000; }
input.center, select.center { text-align:center; }

.authentificationBox { width:70%; display:flex; flex-wrap:wrap; padding:0 2rem; }
	.authentificationBox_form { width:60%; padding-right:2rem; }
		.authentificationBox_form_error { width:100%; display:flex; flex-wrap:wrap; align-items:center; border:rgba(197,8,2) 1px solid; justify-content:space-between; padding:1rem 2rem; }
			.authentificationBox_form_error_pict { width:15%; font-size:0; }
			.authentificationBox_form_error_text { width:85%; padding-left:2rem; }
	.formLine { width:100%; display:flex; flex-wrap:wrap; flex-direction:column; padding:0 0 0.5rem 0; }
		.formLinePlus { width:100%; display:flex; flex-wrap:wrap; }
			.formLine3 { width:33.3333%; display:flex; flex-wrap:wrap; flex-direction:column; }
				.formLine3:first-child { padding-right:1rem; }
				.formLine3:last-child { padding-left:1rem; }
			.formLine2 { width:50%; display:flex; flex-wrap:wrap; flex-direction:column; }
				.formLine2:first-child { padding-right:1rem; }
				.formLine2:last-child { padding-left:1rem; }

		.formLine_action { width:100%; background-color:#999999; padding:1rem 2rem; }
		.formLine_label { padding:0 1rem; }
		.formLine_input { padding:0.5rem 0 0 0; }
		.formLine_error { padding:0 1rem; }
			.formLine_error span { color:rgba(197,8,2); font-style:italic; font-size:0.85rem; }
				.formLine_error span i { padding-right:0.75em; }
		.formLineBTN { width:100%; display:flex; flex-wrap:wrap; justify-content:space-around; padding:1rem 0; }
	.helpBox { width:40%; }

	.errorBox { width:100%; display:flex; flex-wrap:wrap; border:rgba(197,8,2) 1px solid; padding:1em; margin-bottom:1em; justify-content:space-between; }
		.errorBox_pict { width:10%; font-size:0; }
		.errorBox_text { width:80%; }
			.errorBox_text ul { list-style-type:square; }
			.errorBox_text ul li span { color:rgba(197,8,2); font-weight:bold; }

/* INFO-BULLE */
.infoBulle { width:2rem; padding-left:1rem; font-size:2rem; }
	.infoBulle span { display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; font-size:1rem; text-shadow:2px 2px 5px #000000; }
		.infoBulle span img { width:30%; height:auto; margin:0 auto; }
		.infoBulle span ul { list-style-type:square; }
			.infoBulleStrong { font-weight:bold; }
	.infoBulle a:link, .infoBulle a:visited { color:rgba(197,8,2); }
	.infoBulle a:hover, .infoBulle a:active { color:#000000; }
	.infoBulle a span { position:absolute; max-width:40rem; margin-top:0rem; margin-left:1rem; color:#FFFFFF; background:rgba(197,8,2,0.9); padding:2rem; border-radius:0.8rem; box-shadow:0 0 2px rgba(0,0,0,0.5); transform:scale(0) rotate(-12deg); 	transition:all .25s; opacity:0; z-index:2; }
	.infoBulle a:hover span, .infoBulle a:focus span { transform:scale(1) rotate(0); opacity:1; }


@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width:1020px) {

}

@media only screen and (max-width:600px) {

}