/* COULEURS LOGO
-- Orange : #FE6A00
-- Bleu : #0066CC
-- Rouge : #E43312
-- Jaune : FEDC00
-- Vert : #336633
*/

form { width:100%; }
input, textarea, select { width:100%; margin:0.5vw 0 0 0; padding:0.5vw 2vw; text-align:left; vertical-align:middle; border:none; border-bottom:#000000 1px solid; font-family:'lato', Arial, Verdana, Geneva, sans-serif; font-size:1vw; background-color:#F3EEEE; }
textarea { resize:none; }

input.inputError, input.inputErrorCenter { background-color:#FFE5E0; border:none; border-bottom:#FF0000 1px solid; color:#000000; }
input.inputErrorCenter { text-align:center; }

.inputAdmin { padding:1vw 2vw 1vw 4vw; background-image:url(../img/forms/admin.png); background-position:10px center; background-repeat:no-repeat; }
.inputMDP { padding:1vw 2vw 1vw 4vw; background-image:url(../img/forms/pwd.png); background-position:10px center; background-repeat:no-repeat; }
.inputCode { padding:1vw 2vw 1vw 4vw; background-image:url(../img/forms/syscode.png); background-position:10px center; background-repeat:no-repeat; }

input.textCenter { text-align:center; }

.formBtn, .formBtnCancel { width:auto; padding:0.5vw 2vw; cursor:pointer; border:#000000 1px solid; border-radius:0.5vw; }
	.formBtnCancel { background-color:#E43312; color:#FFFFFF; }
	.formBtn:hover { background-color:#336633; color:#FFFFFF; }


label { display:block; width:100%; margin-top:0.25vw; padding:0 2vw; }
label span { font-size:1vw; color:#FF0000; font-style:italic; }
.star { color:#FF9966; }

.content { width:100%; display:flex; flex-wrap:wrap; }
	.content h2 { width:100%; text-align:center; }
	.content p { width:100%; margin:0 auto; text-align:center; }
		.content p i { color:#336633; font-size:1.2vw; padding-right:2vw; }
	.titlePict { width:15%; margin:0 auto; }
	.col030 { width:30%; padding:2vw; }
	.col040 { width:40%; padding:2vw; }
	.picto { width:10%; margin:0 auto; }	
	.code { display:block; margin-top:1vw; text-align:center; background-color:#336633; color:#FFFFFF; padding:0.5vw 2vw; border-radius:8px; letter-spacing:0.25vw; }
	.btnForm { width:100%; display:flex; flex-wrap:wrap; }
		.btnFormOK { display:flex; flex:auto; justify-content:right; padding-right:1vw; }
		.btnFormCANCEL { display:flex; flex:auto; justify-content:left; padding-left:1vw; }
		
	.mdp { width:100%; display:flex; flex-wrap:wrap; }
		.mdpPicto { width:30%; padding:1vw; }
		.mdpText { width:70%; padding:1vw; }
		.mdpLink { width:100%; margin:1vw 0; }
			.mdpLink a:link, .mdpLink a:visited { text-align:center; background-color:#FE6A00; color:#FFFFFF; border-radius:8px; padding:0.5vw 1vw; font-size:1vw; }
			.mdpLink a:hover, .mdpLink a:active { color:#000000; }

	.errorBox { width:100%; margin:2vw 0; display:flex; flex-wrap:wrap; border:#E43312 1px solid; border-radius:8px; padding:2vw; background-color:#FCA392; font-size:1vw; justify-content:center; }
		.errorBox_pict { width:20%; padding-right:1vw; }
		.errorBox_text { width:80%; padding-left:1vw; }
			.errorBox_text ul { list-style:none; }
			.errorBox_text ul li span { color:#FF000; font-weight:bold; }

	.formLineSplitted { width:100%; display:flex; flex-wrap:wrap; align-items:center; }
		.divMailDest { width:40%; }
		.divMailSpacer { width:5%; text-align:center; }
		.divMailProv { width:30%; }
		.divMailExt { width:20%; }
		.div030 { width:30%; padding-right:1vw; }
		.div070 { width:70%; }
	.lineSplitted { width:100%; display:flex; flex-wrap:wrap; }
		.splitted02 { width:47.5%; display:flex; flex-wrap:wrap; }
		
	

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

}

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

}

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

}