body {
		min-width: 0;
		margin: 0;
		font-size: 1rem;
		color: var(--informatizer-gray-700);
		background-color: var(--informatizer-white);
		
		
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
		font-family: Helvetica, "Helvetica Neue", sans-serif;
		
		
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		text-size-adjust: 100%;
		overflow-x: hidden
}




* {
		text-decoration: none;
}

input[type="text"], input[type=password], input[type="text"]::placeholder, input[type=password]::placeholder {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


a {
		color: var(--informatizer-primary-700);
}
a:focus {
		color: inherit;
		box-shadow: none;
		outline: 0px solid transparent;
}
/*
a:hover, a:focus, a:active {
		outline: none;
		box-shadow: none;
}
*/


@media (min-width:992px) {
	#wp-auth-check-form .interim-login #login, #wp-auth-check-form #login {
			padding: 0 1rem;
			margin: 0px auto 0px;
	}
}

/* =========================
	input
============================ */
/*
input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
		border-color: #2271b1;
		box-shadow: 0 0 0 1px #2271b1;
		outline: 2px solid transparent;
}
*/


.login form input[type=checkbox] {
	background-color: var(--informatizer-white);
}
.login form input[type="checkbox"]:checked, .login form input[type=checkbox]:checked {
	background-color: var(--informatizer-success-400);
}
.login form input[type=checkbox]:focus, .login form input[type="checkbox"]:focus {
		border-color: var(--informatizer-success-400);
		box-shadow: none;
		outline: none;
}
.widefat tfoot td input[type=checkbox]:before, .widefat th input[type=checkbox]:before, .widefat thead td input[type=checkbox]:before, input[type=checkbox]:checked:before {
		content: '';
		visibility: hidden;
		opacity: 0;
		width: 25px;
		height: 25px;
		margin: 0;
}


/* =========================
	LOGIN
============================ */

.login-main-logo {
		text-align: center;
		width: auto;
		max-width: 8rem;
		margin: 0 auto;
}
.login-logo {
		background-size: contain;
		width: 100%;
		height: auto;
}





/* =========================
	LOGIN PAGE
============================ */

#login {
		min-width: max-content;
		min-width: 400px;
		width: min-content;
		max-width: 30%;
		padding: 0 1rem;
		margin: 0 auto;
		
		/*
		min-height: 100%;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: stretch;
		*/
}

.login h1 a {
		background-size: 4rem;
		background-position: center top;
		background-repeat: no-repeat;
		
		height: 4rem;
		width: 4rem;
		font-size: inherit;
		font-weight: 400;
		line-height: normal;
		margin: 1rem auto 2rem;
		padding: 0;
		color: #3c434a;
		text-decoration: none;
		text-indent: -9999px;
		outline: 0;
		overflow: hidden;
		display: block;
		object-fit: cover;
}

.login-heading {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
		margin: 1rem 0;
}
.login-heading h2 {
		color: var(--informatizer-black);
}
.login-heading a {
		color: var(--informatizer-primary-700);
}



/* Notification */

.login .notice {
		margin: 0rem 0 1rem;
		padding: 0.5rem 0.75rem;
		border-width: 0px;
		border-style: solid;
		border-color: var(--informatizer-gray-300);
		border-radius: 0rem;
		background-color: var(--informatizer-white);
		box-shadow: none;
		
		word-wrap: break-word;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: flex-start;
		gap: 0.75rem;
}


/* notification */

.login .notice.notice-info {
		color: var(--informatizer-primary-900);
		border-color: var(--informatizer-primary-300);
		background-color: var(--informatizer-primary-50);
}
.login .notice.notice-error {
		color: var(--informatizer-danger-900);
		border-color: var(--informatizer-danger-300);
		background-color: var(--informatizer-danger-50);
}
.login .notice.notice-success {
		color: var(--informatizer-success-900);
		border-color: var(--informatizer-success-300);
		background-color: var(--informatizer-success-50);
}



/* form */

.login form {
		margin: 0;
		padding: 1rem 1rem;
		margin-top: 0;
		margin-left: 0;
		font-weight: inherit;
		background-color: #ffffff;
		overflow: hidden;
		border: 1px solid #cccccc;
		border-radius: 10px;
		box-shadow: none;
}

.login label {
		font-size: inherit;
		line-height: normal;
		display: inline-block;
		margin-bottom: 0px;
		margin: 0;
}
#loginform label {
		position: relative;
}

label#pass_label {
		display: none;
}

.user-pass-wrap {
		margin: 1rem 0 1rem;
}


form#loginform label#user_label {
		position: relative;
}



.login form .input, .login input[type=password], .login input[type=text] {
		width: 100%;
		margin: 0;
		padding: 0.625rem 3rem;
		min-height: 2rem;
		max-height: max-content;
		font-size: 0.875rem;
		line-height: inherit;
		border-width: 1px;
		border-radius: 5px;
		border-color: #cccccc;
		background: transparent;
		background-color: transparent;
		box-shadow: none;
		outline: 0px solid transparent;
}



.login input.password-input {
		font-family: Consolas, Monaco, monospace;
		font-family: inherit;
}




.login .button.wp-hide-pw, .login .button.wp-hide-pw:active, .login .button.wp-hide-pw:focus {
		position: absolute;
		right: 0rem;
		top: 50%;
		transform: translate(0rem, -50%);
		min-width: 3rem;
		min-height: 100%;
		width: auto;
		height: auto;
		line-height: normal;
		margin: 0 auto;
		padding: 0;
		font-size: inherit;
		background-color: var(--informatizer-gray-100);
		border: 0px solid transparent;
		box-shadow: none;
		
}

.login .button.wp-hide-pw .dashicons, .button.wp-hide-pw.hide-if-no-js .dashicons {
		display: block;
		position: relative;
		top: auto;
		right: 0rem;
		width: auto;
		height: auto;
		line-height: normal;
		font-size: inherit;
}

/* afficher/masquer mot pass : login and register page */
.button.wp-hide-pw.hide-if-no-js .dashicons:before, .bb-toggle-password i::before  {
	content: "";
	font-family: keenicons-outline;
	color: var(--informatizer-always-gray-900);
	font-size: 24px;
	line-height: normal;
}
/* afficher mot pass : login and register page */
.button.wp-hide-pw.hide-if-no-js .dashicons.dashicons-visibility:before, .bb-toggle-password i::before {
		content: "\ea07";
}
/* masquer mot pass : login and register page */
.button.wp-hide-pw.hide-if-no-js .dashicons.dashicons-hidden:before, .bb-toggle-password.bb-show-pass i::before {
		content: "\ea06";
}





.login form .forgetmenot {
		float: left;
		position: relative;
		margin: 0;
		
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
}
.lostmenot {
		float: right;
}





.login #backtoblog {
		display: block;
		position: relative;
		line-height: normal;
		font-size: inherit;
		margin: 0;
		padding: 0 0;
		text-align: center;
}
.login #nav {
		position: relative;
		line-height: normal;
		font-size: inherit;
		margin: 1rem 0;
		padding: 0 0;
		text-align: center;
		
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
}




/* */
.language-switcher {
		margin: 0 auto;
		padding: 0 0 0px;
		text-align: center;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
}
#language-switcher {
		margin-top: 0;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
}
select#language-switcher-locales {
		margin: 0 0.5rem;
		padding: 0.5rem 1rem 0.5rem 0.5rem;
		line-height: normal;
		border-width: 1px;
		border-style: solid;
		border-color: var(--informatizer-gray-300);
		border-radius: 0.25rem;
}

form#language-switcher input.button {
		line-height: normal;
		margin: 0rem 0 0;
		padding: 0.25rem 1rem;
		color: var(--informatizer-white);
		border-width: 1px;
		border-style: solid;
		border-color: var(--informatizer-gray-900);
		border-radius: 5px;
		background-color: var(--informatizer-gray-900);
		text-align: center;
		font-weight: 700;
}

.login .privacy-policy-page-link {
		text-align: center;
		width: 100%;
		margin: 3rem 0 0;
		
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
}






/* =========================
	FORGOT PASSEWORD PAGE
============================ */

.wp-login-log-in.bs-sign-in {
		display: block;
		position: relative;
		min-width: 100%;
		margin: 1rem 0 0;
		text-align: center;
}


/* lost page */

label#user_label_lost {
		position: relative;
}



/* my feedback message */

.login-heading h2, .lostPass-headings-title, .entry-title {
		color: var(--informatizer-black);
		font-weight: 900;
		font-size: 1.25rem;
		margin: 0;
}

.welcome-notice-login, .welcome-notice-lostPass, .welcome-notice-register {
		margin: 0rem auto 0rem;
		padding: 0.5rem;
		color: var(--informatizer-gray-900);
		background-color: var(--informatizer-gray-100);
		border-radius: 0.5rem;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: center;
}

.lostPass-heading-main {
		display: block;
		position: relative;
		margin: 1rem auto;
		
		display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				align-content: center;
				justify-content: space-between;
				align-items: center;
}


/* =========================
	activation page
============================ */

body.activation .site-main, body.activate .site-main {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: stretch;
		min-height: 100%;
		min-height: 100vh;
}


/* =========================
	register page
============================ */

body.registration .site-main, body.register .site-main {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: stretch;
		min-height: 100%;
}

body.registration, body.register {
		padding: 0 1rem;
}

.bp_register .buddypress-wrap, .register .buddypress-wrap {
		padding: 0;
}

.register-section-logo, .activate-section-logo {
	display: block;
	width: 100%;
	margin: 1rem auto;
	padding: 0 1rem;
	font-size: 1rem;
	text-align: center;
}
.register-section-logo a, .activate-section-logo a {
		font-weight: 900;
}

.bp_register .entry-header {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
}
.register #page #primary .entry-header {
		text-align: inherit;
}

.login-heading a, .register .entry-header a {
	font-weight: 700;
}

.bp_register .entry-header a:after {
		content: "\e860";
		font-family: 'bb-icons';
		margin: 0 0 0 0.25rem;
		font-weight: 300;
}

/* display reverse */
.signup-form .layout-wrap {
		margin: 1rem auto 0rem;
		display: flex;
		flex-direction: column-reverse;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: stretch;
		border: 1px solid var(--informatizer-gray-300);
		background-color: var(--informatizer-white);
		border-radius: 10px;
		box-shadow: none;
		padding: 0 1rem 0rem;
}
.signup-form .layout-wrap:empty {
		margin: 0;
		border: 0;
		box-shadow: none;
}

/* display grid */
.register-section.extended-profile {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		gap: 0rem 1rem;
}
.field_1 { grid-area: 1 / 1 / 2 / 2; }
.field_2 { grid-area: 1 / 2 / 2 / 3; }
.field_3 { grid-area: 2 / 1 / 3 / 3; }





.signup-form label, .signup-form legend {
		font-size: 0.875rem;
		font-weight: 700;
		margin: 1rem auto 0rem;
}

.bs-styled-checkbox+label {
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding: 0;
		margin: 0 auto;
}

.signup-form .submit #signup_submit {
		width: 100%;
		margin: 0rem auto 0;
}


#pass-strength-result {
		margin: 0.5rem auto 0;
		padding: 0.25rem 1rem;
		border-radius: 5px;
		text-align: left;
}
#pass-strength-result:before {
	margin: 0 0.5rem 0 0;
	font-family: bb-icons;
	display: inline-block;
	speak: none;
	margin: 0 0.5rem 0 0;
	font-size: 1rem;
	text-decoration: inherit;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

#pass-strength-result.show {
	margin: 0.5rem auto 1rem;
}


#pass-strength-result.short,
#pass-strength-result.error {
		color: var(--informatizer-danger-700);
		border-color: var(--informatizer-danger-300);
		background-color: var(--informatizer-danger-100);
}
#pass-strength-result.short:before,
#pass-strength-result.error:before {
		content: "\ee66";
		font-weight: 300;
}


#pass-strength-result.bad {
	color: var(--informatizer-warning-700);
	border-color: var(--informatizer-warning-300);
	background-color: var(--informatizer-warning-100);
}
#pass-strength-result.bad:before {
	content: "\ee65";
	font-weight: 200
}

#pass-strength-result.good {
	color: var(--informatizer-primary-700);
	border-color: var(--informatizer-primary-300);
	background-color: var(--informatizer-primary-100);
}
#pass-strength-result.good:before {
	content: "\eebc";
	font-weight: 200
}

#pass-strength-result.strong {
	color: var(--informatizer-success-700);
	border-color: var(--informatizer-success-300);
	background-color: var(--informatizer-success-100);
}
#pass-strength-result.strong:before {
	content: "\e876";
	font-weight: 200
}





legend#field_1-1:before {
		content: '\f6a3';
		font-family: 'fapro-icons';
		font-weight: 400;
		margin: 0 0.5rem 0 0;
}
legend#field_2-1:before {
		content: '\f6d4';
		font-family: 'fapro-icons';
		font-weight: 400;
		margin: 0 0.5rem 0 0;
}
legend#field_3-1:before {
		content: '\e9ca';
		font-family: 'fapro-icons';
		font-weight: 400;
		margin: 0 0.5rem 0 0;
}
.bb-signup-field.signup_email label:before {
		content: '\edee';
		font-family: 'fapro-icons';
		font-weight: 400;
		margin: 0 0.5rem 0 0;
}
.bb-signup-field.signup_password label:before {
		content: '\f0a1';
		content: '\f6aa';
		font-family: 'fapro-icons';
		font-weight: 400;
		margin: 0 0.5rem 0 0;
}

.register .bp-feedback p, .register .bp-feedback.info p, .register .bp-feedback.notice p {
		width: 100%;
		margin: 0;
		padding: 0.25rem 0.5rem;
}

.bp-checkbox-wrap {
		margin: 1rem 0 0;
}

.register-page .bs-styled-checkbox+label, .register-page .bs-styled-checkbox .option-label {
		display: inline;
}

/* =========================
	Activation page : On  est presque
============================ */

.activation.activate .entry-title {
		margin: 0 1rem;
}

#activation-form {
	padding: 0.5rem 1rem 0.75rem;
	background-color: var(--informatizer-gray-50);
	border: 1px solid var(--informatizer-gray-100);
}

#activation-form label {
		margin: 0 0 0.5rem;
		color: var(--informatizer-always-gray-900);
		font-weight: 700;
}

#activation-form .submit {
		padding: 0;
		margin: 1rem 0 0;
}



/* =========================
	Icons
============================ */

.dashicons-visibility:before {
		content: "\ee69";
		font-family: 'bb-icons';
		font-weight: 400;
}
.dashicons-hidden:before {
		content: "\ee6a";
		font-family: 'bb-icons';
		font-weight: 400;
}

.login-heading a:after, .lp-backLogin:after {
		content: "\e860";
		font-family: 'bb-icons';
		margin: 0 0 0 0.25rem;
		font-weight: 300;
}


.wp-login-log-in.bs-sign-in:before {
		content: "\e85f";
		font-family: 'bb-icons';
		margin: 0 0.5rem 0 0rem;
		font-weight: 100;
}

.notice.notice-info.message:before {
		content: "\eebc";
		font-family: 'bb-icons';
		font-weight: 200;
}

.notice.notice-info:before {
		content: "\eebc";
		font-family: 'bb-icons';
		font-weight: 200;
		color: var(--informatizer-primary-700);
}
.notice.notice-error:before {
		content: "\eebc";
		font-family: 'bb-icons';
		font-weight: 200;
		color: var(--informatizer-danger-700);
}
.notice.notice-success:before {
		content: "\eebc";
		font-family: 'bb-icons';
		font-weight: 200;
		color: var(--informatizer-success-700);
}

/*lost passwordpage go back to login*/
.lp-backLogin {
	font-weight: 700;
}



/* #loginform label[for=user_login]:before, #loginform label[for=user_pass]:before, #lostpasswordform label[for=user_login]:before, #loginform .user-pass-wrap .wp-pwd:before */
#loginform label[for=user_login]:before, #lostpasswordform label[for=user_login]:before {
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: auto;
	margin: 0rem auto;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
	position: absolute;
	top: 32px;
	left: 1rem;
	/*
	top: 50%;
	transform: translate(0px, -50%);
	*/
	color: var(--informatizer-gray-400);
}
#loginform .user-pass-wrap .wp-pwd:before {
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: auto;
	margin: 0rem auto;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: normal;
	position: absolute;
	top: 50%;
	left: 1rem;
	transform: translate(0px, -50%);
	color: var(--informatizer-gray-400);
}

#loginform label[for=user_login]:before, #lostpasswordform label[for=user_login]:before {
		content: "\ef52";
		font-family: bb-icons;
		content: "\eb2a";
		font-family: 'keenicons-solid';
}

#loginform .user-pass-wrap .wp-pwd:before {
		content: "\eebf";
		font-family: bb-icons;
		content: "\ea5f";
		font-family: 'keenicons-solid';
}

#user_label_lost:before {
		content: "\ef52";
		font-family: bb-icons;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 400;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: auto;
		margin: 0rem;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: normal;
		position: absolute;
		top: 50%;
		left: 0.5rem;
		transform: translate(0px, -50%);
		color: var(--informatizer-gray-400);
}



/* =========================
	button
============================ */

/* BUTTON WP cause solid security */
.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
		display: inline-block;
		text-decoration: none;
		font-size: inherit;
		line-height: normal;
		min-height: 25px;
		margin: 0;
		padding: 0.5rem 1rem;
		cursor: pointer;
		border-width: 1px;
		border-style: solid;
		-webkit-appearance: none;
		border-radius: 6px;
		white-space: nowrap;
		box-sizing: border-box;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
		width: 100%;
		color: var(--informatizer-white);
		border-color: var(--informatizer-primary-700);
		background-color: var(--informatizer-primary-700);
		vertical-align: middle;
}
.wp-core-ui .button:hover, .wp-core-ui .button-secondary:hover {
		width: 100%;
		color: var(--informatizer-white);
		border-color: var(--informatizer-primary-900);
		background-color: var(--informatizer-primary-900);
		vertical-align: middle;
}

.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus {
		box-shadow: none;
}

/* BUTTON */

input#wp-submit, .button.button-large, input#wp-submit, .button.button-large, .login #backtoblog a, form#itsec-2fa .submit input#submit, .button {
		min-height: 15px;
		line-height: normal;
		margin: 1rem 0 0;
		padding: 0.625rem 1rem;
		color: var(--informatizer-white);
		border-width: 1px;
		border-style: solid;
		border-radius: 8px;
		text-align: center;
		font-weight: 700;
		float: none;
}

input#wp-submit, .button.button-large {
		width: 100%;
		border-color: var(--informatizer-primary-700);
		background-color: var(--informatizer-primary-700);
}

.login #backtoblog a {
		display: block;
		position: relative;
		color: var(--informatizer-black);
		border-color: var(--informatizer-gray-200);
		background-color: var(--informatizer-gray-200);
}
.login #backtoblog a:hover {
		color: var(--informatizer-white);
		border-width: 1px;
		border-style: solid;
		border-color: var(--informatizer-gray-900);
		border-radius: 5px;
		background-color: var(--informatizer-gray-900);
}


/* =========================
	solid secur
============================ */

form#itsec-2fa .submit input#submit {
		width: 100%;
		display: block;
		position: relative;
		border: 1px solid var(--informatizer-success-700);
		background-color: var(--informatizer-success-700);
}
form#itsec-2fa .submit input#submit:hover {
		border: 1px solid var(--informatizer-success-900);
		background-color: var(--informatizer-success-900);
}


p.submit ~ * {
		/* Styles appliqués aux frères suivants */
	margin: 1rem 0 0 !important;
	padding: 0 !important;
	text-align: center;
}
p.submit ~ div {
		/* Tous les divs qui suivent .itsec-backup-methods */
		padding: 1rem 0 0 !important;
}
.itsec-backup-methods {
		display: block;
		position: relative;
		margin: 0 !important;
		padding: 0 !important;
}



/* OTP input */
.login .gray-otp-container, .gray-otp-container {
		display: flex;
		gap: 0.5rem;
		margin: 1rem 0;
		padding: 0 0rem;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
}
.login .gray-otp-container .gray-otp-input, .gray-otp-container .gray-otp-input {
		width: calc(100% / 8);
		min-height: 2rem;
		height: calc(2rem + 5px);
		max-height: inherit;
		padding: 0rem;
		text-align: center;
		font-size: 1rem;
		font-weight: 700;
		border: 1px solid var(--informatizer-gray-300);
		background-color: var(--informatizer-white);
		border-radius: 5px;
		text-decoration: none;
}
.login .gray-otp-container .gray-otp-input, .gray-otp-container .gray-otp-input, .button-link.itsec-screen__actions--cancel, .itsec-totp__device-switcher-button--ios, .itsec-totp__device-switcher-button--android {
		min-height: 2rem;
		height: calc(2rem + 5px);
		max-height: inherit;
		padding: 0rem;
		text-align: center;
		font-size: 1rem;
		font-weight: 700;
		border: 1px solid var(--informatizer-gray-300);
		background-color: var(--informatizer-white);
		border-radius: 5px;
		text-decoration: none;
}
.login .gray-otp-container .gray-otp-input:focus, .gray-otp-container .gray-otp-input:focus {
		border: 2px solid var(--informatizer-primary-700);
		color: var(--informatizer-primary-700);
}
.gray-otp-input:focus {
		border-color: #0075ff;
		box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
		outline: none;
}





/* itheme secur */
.itsec-backup-methods a:after {
		content: "\e860";
		font-family: 'bb-icons';
		margin: 0 0 0 0.5rem;
		font-weight: 300;
}




/* =========================
	language switcher
============================ */

/* Display none Masqué hide */
/* language */
.language-switcher {
		display: none;
}
/* inscription & mot pass forgotten */
.login #nav {
		display: none;
}






/* =========================
	@media
============================ */

@media (min-width:992px) {
	.bp_register {
			max-width: 25rem;
			margin: 0 auto;
	}
}



@media (max-width:992px) {
	body {
		font-weight: 500;
	}
	
	.login h1 a {
		background-size: 3rem;
		background-position: center top;
		background-repeat: no-repeat;
		height: 3rem;
		width: 3rem;
			margin: 1rem auto 1rem;
	}
	
	#login {
		min-width: -webkit-fill-available;
			width: 100%;
			padding: 0 1rem;
			margin: 0 auto;
			min-height: 100vh;
			min-height: 100%;
			display: flex;
			flex-direction: column;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: center;
			align-items: stretch;
	}
	
	.login form {
			margin: 0;
			padding: 0;
			border: 0px solid var(--informatizer-gray-300);
			border-radius: 0px;
	}
	
	.login-heading h2 {
			font-weight: 900;
	}
	
	
	label[for="user_login"], label[for="user_pass"] {
		position: relative;
		margin: 0 0 0.5rem;
	}
	.itsec-backup-methods ul {
			margin: 1rem auto 0;
			padding: 0 0 0 0.5rem;
	}
	.itsec-backup-methods li {
			list-style: auto;
			margin: 1rem 0 0;
			text-align: left;
	}
	
	
	.signup-form .layout-wrap {
			margin: 1rem auto 0rem;
			display: flex;
					flex-direction: column-reverse;
					flex-wrap: wrap;
					align-content: center;
					justify-content: center;
					align-items: stretch;
			
			border: 1px solid var(--informatizer-gray-300);
			background-color: var(--informatizer-gray-50);
			border-radius: 10px;
			box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
			padding: 0 1rem 0rem;
	}
	.signup-form .layout-wrap:empty {
			margin: 0;
			border: 0;
			box-shadow: none;
	}
	
	
	/*!
	 * Activation page
	 */
	body.registration.register .site-content, body.registration .site-content, body.register .site-content,
	body.activation.activate .site-content, body.activation .site-content, body.activate .site-content {
		padding: 0 !important;
	}
	 
	
	

	#activation-form input#key {
			color: var(--informatizer-black);
	}
	#activation-form input[type="submit"] {
			width: 100%;
	}
	
	#activate-page .button.button-primary {
			width: 100%;
			margin: 1rem auto 0;
			padding: 0.625rem 1rem; /* padding button bouton à combiner normaliser */
	}
	
	form#activation-form label:before {
			content: '\eebf';
			font-family: bb-icons;
			content: '\f0a1';
			font-family: 'fapro-icons';
			display: inline-block;
			margin: 0 0.5rem 0 0;
			font-weight: 400;
			-webkit-transform: scaleX(-1);
			transform: scaleX(-1);
			transition: transform .3s 
	ease;
	}
	
	
	/*!
	 * Item security 
	 */
	 /* cacher header heading titre : creer un compte et btn retour au site */
	body.login-action-itsec-2fa .login-heading, 
	body.login-action-itsec-2fa #backtoblog,
	form#itsec-2fa + p#backtoblog {
			display: none;
	}
	
	
	
	.itsec-notice:before {
			content: '\eebc';
			font-weight: 200;
			font-family: bb-icons;
			font-style: normal;
			speak: never;
			display: inline-block;
			text-decoration: inherit;
			text-align: center;
			font-variant: normal;
			text-transform: none;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
	}
	.itsec-notice.itsec-notice-success:before {
			content: '\e876';
			font-weight: 200;
			font-family: bb-icons;
			color: var(--informatizer-success-500);
	}
	.itsec-notice.itsec-notice-warning:before {
			content: '\ee66';
			font-weight: 300;
			font-family: bb-icons;
			color: var(--informatizer-warning-500);
	}
	.itsec-notice.itsec-notice-error:before {
			content: '\e828';
			font-weight: 200;
			font-family: bb-icons;
			color: var(--informatizer-danger-500);
	}
	
	.itsec-notice {
			padding: 0.5rem 1rem;
			margin: 0.5rem 0;
			display: flex;
					flex-direction: row;
					flex-wrap: nowrap;
					align-content: center;
					justify-content: flex-start;
					align-items: flex-start;
					gap: 0.5rem;
		margin: 0rem auto 1rem !important;
		box-shadow: none !important;
	}
	.itsec-notice.itsec-notice-error {
			color: var(--informatizer-danger-900);
			border-width: 0px;
			border-style: solid;
			border-color: var(--informatizer-danger-100);
			background-color: var(--informatizer-danger-50);
	}
	#itsec-backup-codes__warning-message, .itsec-notice.itsec-notice-warning {
			color: var(--informatizer-warning-900);
			border-width: 0px;
			border-style: solid;
			border-color: var(--informatizer-warning-100);
			background-color: var(--informatizer-warning-50);
	}
	

	#itsec-backup-codes__warning-message .button-link {
			width: 100%;
			padding: 0.375rem 3rem;
			color: var(--informatizer-white);
			background-color: var(--informatizer-warning-600);
			border-radius: 5px;
			text-align: center;
			text-decoration: none;
	}
	
	#itsec-backup-codes__warning-message {
			display: flex;
			flex-direction: column;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			align-items: center;
	}
	
	
	
	.itsec-provider__status-actions-container .itsec-provider__action {
			margin: 0 0 0 0.5rem;
			padding: 0px;
			text-decoration: none;
			color: var(--informatizer-primary-700);
	}
	
	.itsec-provider__status--enabled {
			background: var(--informatizer-success-700);
			background-color: var(--informatizer-success-700);
			color: var(--informatizer-white);
	}
	
	
	.itsec-screen__actions {
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: space-between;
			align-items: center;
	}
	.itsec-screen__actions-primary {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: space-between;
			align-items: center;
			gap: 1rem;
	}
	
	/*btn*/
	.itsec-screen__actions--back {
			display: inline-block;
			width: 100%;
			font-size: inherit;
			line-height: normal;
			min-height: 25px;
			margin: 0;
			padding: 0.5rem 1rem;
			font-weight: 700;
			color: var(--informatizer-black);
			border-width: 1px;
			border-style: solid;
			border-color: var(--informatizer-gray-300);
			background-color: var(--informatizer-gray-100);
			-webkit-appearance: none;
			border-radius: 6px;
			white-space: nowrap;
			box-sizing: border-box;
			text-align: center;
			text-decoration: none;
	}
	.itsec-screen__actions--download {
			color: var(--informatizer-primary-900);
			border-width: 1px;
			border-style: solid;
			border-color: var(--informatizer-primary-900);
			background-color: var(--informatizer-primary-100);
	}
	.button-primary.itsec-screen__actions--continue {
			color: var(--informatizer-white);
			border-width: 1px;
			border-style: solid;
			border-color: var(--informatizer-primary-700);
			background-color: var(--informatizer-primary-700);
	}
	
	
	#itsec-2fa-on-board .itsec-screen__actions--download {
			margin-right: 0em;
			margin: 0 !important;
	}
	
	
	.itsec-provider {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: flex-start;
			justify-content: flex-start;
			align-items: flex-start;
	}
	.itsec-providers__list h3.dashicons-before {
			position: relative;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
			gap: 0.5rem;
			margin: 0 1rem 0 0;
	}
	.itsec-provider__status-actions-container {
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: flex-start;
			align-items: center;
			gap: 0.5rem;
	}
	#itsec-2fa-on-board .itsec-provider p {
			min-width: 100%;
			width: 100%;
			margin: 0rem auto 0 !important;
			padding: 0 !important;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: space-between;
			align-items: center;
	}
	.itsec-provider {
		margin: 0 0 1.5rem !important;
		padding: 0rem 0 0rem !important;
	}
	
	
	.itsec-backup-codes__code-list {
			list-style-type: none;
			margin: 1rem auto 0;
			padding: 1rem 0rem !important;
			border: 1px solid var(--informatizer-gray-100);
			border-radius: 5px;
			background-color: var(--informatizer-gray-50);
			
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			align-content: center;
			justify-content: center;
			align-items: center;
			gap: 1rem 0rem;
	}
	.itsec-screen__content .itsec-backup-codes__code-list li {
			float: left;
			display: inline;
			width: 50%;
			text-align: center;
			font-size: 1rem;
			margin: 0 auto 0rem;
			margin-bottom: 0;
			color: var(--informatizer-black);
			font-family: monospace;
	}
	
	
	
	label[for="authcode"] {
			color: var(--informatizer-black);
			font-weight: 700;
	}
	
	label[for="itsec-totp__confirm-code"] {
		margin: 0 0 1rem;
		margin-bottom: 1rem;
			color: var(--informatizer-black);
			font-weight: 700;
	}
	input#itsec-totp__confirm-code {
			color: var(--informatizer-black);
			font-size: 1rem;
			font-weight: 700;
			text-align: center;
			letter-spacing: 1rem;
	}
	
	#itsec-2fa-on-board {
			margin: 0rem auto;
			padding: 0 0rem !important;
	}
	#itsec-2fa-on-board .itsec-screen__content h2 {
			margin: 0 0 1rem;
			color: var(--informatizer-always-black);
	}
	
	.itsec-screen__actions {
			width: 100%;
			display: flex;
			flex-direction: row;
			flex-wrap: nowrap;
			align-content: center;
			justify-content: space-between;
			align-items: center;
			gap: 1rem;
	}
	
	.button-link.itsec-screen__actions--cancel {
			color: var(--informatizer-danger-700);
			background-color: var(--informatizer-danger-50);
			border: 1px solid var(--informatizer-danger-300);
	}
	
	.itsec-screen--totp img {
			display: block;
			max-width: 100%;
			aspect-ratio: 1 / 1;
			margin: 0 auto;
	}
	
}