/*#region CREATION MDP*/

.formulaire ._tbMdpCreation,
.formulaire ._tbConfirmeMdpCreation {
	display:inline-block; max-width:calc(100% - 40px);
}

.formulaire div.verify {
	display:inline-block;
	width:32px; height:32px; margin:0px 0px 0px 8px;
	background:none no-repeat 50% 50%;
	font-size:25px; line-height:32px; color:transparent;
	text-align:center;
}

.formulaire div.verify.ko { background-image:url(/admin/images/picto/mdp-ko.png); }
.formulaire div.verify.ok { background-image:url(/admin/images/picto/mdp-ok.png); }

.formulaire div.verify.fa-times { color:red; }
.formulaire div.verify.fa-check { color:green; }

/*#endregion CREATION MDP*/

/*#region FORMULAIRE*/

/*.limite { text-align:center; }*/

.containeridentification, .containergestioncompte { text-align:center; }

.formulaire { display:inline-block; padding:25px 30px; min-width:380px; max-width:550px; margin:60px auto; }
.formulaire, .formulaire * { transition:0.2s ease-out; }

.formulaire .boutons { position:relative; margin-top:20px; }
.formulaire .boutons.mdpoublie { margin-top:5px; }

.formulaire ._upDemande .boutons > * > .obligatoire { display:inline-block; min-height:33px; }


.formulaire .titre1 {
	display:block; margin-bottom:1em;
	font-size:1.5rem; color:#5E9868; text-transform:uppercase; text-align:center;
}
.formulaire .description {
	margin-left:auto; margin-right:auto; max-width:320px;
	text-align:center;
}
.formulaire .description.intro {
	margin-left:auto; margin-right:auto; max-width:none;
	text-align:left; font-size:0.99em; line-height:1.133;
}
.formulaire .boutons + .description {
	font-size:1rem; text-align:left;
	margin-top:25px; margin-bottom:0px;
}
	.formulaire .description > p { margin:0; }
	.formulaire .description > p + p { margin-top:0.15em; }

.formulaire .lien {font-size:1rem; color:#357033; background-color:transparent; margin:0; padding:0; border-radius:0;}
.formulaire .lien:hover {color:#357033; background-color:transparent; text-decoration:underline;}

.formulaire .textbox, .formulaire select { margin-bottom:10px; }

.formulaire .textbox + .boutons,
.formulaire .textbox + .captcha-container { margin-top:25px; }
.formulaire .boutons + .boutons,
.formulaire .captcha-container + .boutons { margin-top:25px;}
.formulaire .erreur { margin-bottom:0px;}

.formulaire .captcha-check input[type="checkbox"] + label,
.formulaire .captcha-container .captcha-check input[type="checkbox"] + label {font-size: 1.125rem; color: #585858;}

.formulaire#formLogin span.acceptation { margin-top: 1.5em;}
.formulaire ._cbAccepte.acceptation label > span {
	display:block; margin:0; padding:0;
	font-size:0.9375rem; line-height:1.175;
}


.description ul { margin:0px 0px 0px 20px; }
.description ul > li { list-style:disc; display:list-item; }

	.formulaire .info {
		display:block; padding:5px 0px 0px 5px;
		font-size:1rem; color:#666666;
	}

/*.formulaire .RadUpload._ruCarte .ruFakeInput::after { content:"Télécharger votre carte"; color:#666666; }*/

/*#endregion FORMULAIRE*/

/*#region DEMANDE DE CREATION DE COMPTE*/

#formLogin .formDemande { width:450px; }

#formLogin .description.demande { margin-top:50px; }

	#formLogin .description.demande .boutons { margin-top:10px; }
	
		#formLogin .description.demande .boutons .bouton {
			position:relative;
			background-image:url(/images/principal/mon-compte-0.png);
			background-repeat:no-repeat;
			background-position:12px 50%;
			padding:8px 12px 8px 60px;
		}
		#formLogin .description.demande .boutons .bouton:hover {
			background-image:url(/images/principal/mon-compte-1.png);
		}
			/*#formLogin .description.demande .boutons .bouton::before {  
				position:absolute; display:block;
				content:"\f2bb";
				font-family:"Font Awesome 5 Free"; font-size:26px; font-weight:600;
				top:50%; left:20px;
				transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
			}*/

	._upCarte { margin-top:20px; }

/*#endregion DEMANDE DE CREATION DE COMPTE*/

/*#region GESTION DU COMPTE*/

.formulaire .textbox[disabled], .formulaire select[disabled] { color:#999999; font-style:italic; }

.formulaire .carteactuelle { padding:10px 0px; }
.formulaire .carteactuelle .perimee { color:red; }

/*#formGestion.formulaire .RadUpload._ruCarte .ruFakeInput::after { content:"Télécharger une nouvelle carte"; }*/

.formulaire .gestionmsgok {
	padding:20px 0px 0px;
	text-align:center;
	font-weight:600; color:#5e9868;
}

/*#endregion GESTION DU COMPTE*/

/*#region RESPONSIVE*/

@media all and (max-width:640px) {
	/*html #milieu { padding-top:40px; max-width:400px; margin-left:auto; margin-right:auto; }*/
	/*html #formLogin { min-width:100%; padding:20px 15px; border:0px transparent none; }*/
}

@media all and (max-width:450px) {
	
	.formulaire#formLogin .boutons { display: block; }
		.formulaire#formLogin .boutons > div.aGauche,
		.formulaire#formLogin .boutons > div.auCentre,
		.formulaire#formLogin .boutons > div.aDroite {
			display:block;
			margin:20px 0; padding:0;
			text-align:center;
		}
			.formulaire ._upDemande .boutons > * > .obligatoire { min-height:1px; }

}

@media all and (max-width:430px) {
	html #formLogin, html #formGestion { min-width:100%; padding:20px 1px; border:0px transparent none; }

	.bouton { white-space:normal; }

}

/*#endregion RESPONSIVE*/