/* user_nav ====================================================================*/

.user_nav_wrapper {
	position: fixed;
	position: absolute;
	top: 2.3em;
	right: 9%;
	/* left: calc(100% /2 ); */
	/* width: 3em; */
	/* height: 3em; */
	/* padding: .2em; */
	height: auto;
	z-index: 10;
	transition: var(--transition_medium);
}

.scroll_down .user_nav_wrapper {
    top: -12em;
}

.user_avatar {
	background-image: url(../../_theme/icons/logIn.png);
	/* background-image: url(https://media-pi.fr/wp-content/plugins/buddypress/bp-core/images/mystery-man.jpg); */
	/* background-color: var(--main_color); */
	background-size: cover;
	background-size: cover;
	/* border: var(--main_color) 3px solid; */
	display: inline-block;
	border-radius: 100%;
	/* background-color: red; */
	height: 3.7em !important;
	width: 3.7em;
	display: inline-block;
	background-color: #5555;
}

.top_menu.to_stick.sticked .user_nav_wrapper {
	position: relative;
	width: auto;
	display: inline-block;
	top: 0.5em;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	float: right;
}

.top_menu.to_stick.sticked .user_nav_wrapper:after {
	content: '';
	clear: both;
}

.top_menu.to_stick.sticked .user_nav_wrapper .bt.logIn_sucribe_bt {
	margin: 0 !important;
}

.user_nav_wrapper .user_nav {
	text-align: right;
}

.user_nav_wrapper .user_avatar {
	width: 4em;
	height: 4em;
	display: inline-block;
	border-radius: 100%;
	cursor: pointer;
	transition: var(--transition_medium);
	/* outline: var(--main_color) 3px solid; */
}

.user_nav_wrapper>.user_avatar {
	float: right;
}

.top_menu.to_stick.sticked .user_nav_wrapper .user_avatar {
	width: 2em;
	height: 2em;
}

.user_nav_wrapper .user_nav_drop_down {
	background-color: var(--background_color_transparent);
	box-shadow: var(--box_shadow);
	/* padding: 1em; */
	border-radius: var(--border_radius);
	overflow: auto;
	text-align: center;
	transition: var(--transition_medium);
	opacity: 0;
	height: 0;
	width: 0;
	transform: translateY(-50%) scale(.5);
	/* position: absolute; */
	right: 0;
	backdrop-filter: blur(8px);
}

.mobile_menu .user_nav_drop_down {
	/* position: fixed; */
	/* top: -6em; */
	/* right: 50%; */
	/* transform: translate(50%, -100%) scale(.5); */
	/* opacity: 0; */
	height: auto;
	width: auto;
}

.mobile_menu .user_nav_drop_down .user_avatar {
    display: none;
}

/* .mobile_menu .user_nav_wrapper:hover .user_nav_drop_down, */
.mobile_menu .user_nav_wrapper .user_nav_drop_down.open {
	transform: translate(50%, 0em);
	top: 8em;
	opacity: 1;
}

.top_menu.to_stick.sticked .user_nav_drop_down {
	position: absolute;
}

.top_menu.to_stick.sticked .user_nav_drop_down.open {
	transform: translate(50%, 0%) scale(1);
	right: 50%;
}

.top_menu .user_nav_wrapper:hover .user_nav_drop_down,
.top_menu .user_nav_wrapper .user_nav_drop_down.open {
	height: auto;
	width: 20em;
	opacity: 1;
	display: block !important;
	transform: translate(0%, 0%) scale(1);
	top: -5.2em;
	right: -20em;
	position: relative;
}

.top_menu .user_nav_wrapper .user_nav_drop_down.open {
	transform: translateY(0%) scale(1);
}

.user_nav_wrapper .user_nav_drop_down .user_avatar {
	width: 4em !important;
	height: 4em !important;
	margin: 1em;
	margin-bottom: 0em;
}

.user_nav_wrapper .user_nav_drop_down .user_name {
	font-weight: bold;
	font-size: 1.5em;
	color: var(--text_color_bright);
	padding: 0.5em 0.7em;
	margin-top: -0.3em;
	white-space: nowrap;
	margin-bottom: -0.2em;
}

.user_nav_wrapper .user_nav_drop_down a {
	width: auto;
	transition: var(--transition_medium);
	border-radius: unset;
	display: inline-block;
	width: 100% !important;
	margin: 0;
	height: 3em;
	line-height: 2.5em;
}

.user_nav_wrapper a.my_account_user_menu_link:hover {
	background-color: var(--main_color);
	color: white;
}

.user_nav_wrapper .disconnect_bt {
	font-style: italic;
	transition: var(--transition_medium);
	cursor: pointer;
	height: 3em;
	line-height: 2.8em;
	color: var(--text_color_bright);
}

.disconnect_bt:before {
	font-family: 'icomoon' !important;
	content: "\e9b6";
	margin-right: .4em;
	font-style: normal;
}

.user_nav_wrapper .disconnect_bt:hover {
	background-color: var(--error_background);
	color: white;
}

.role_menu {
	border: var(--main_color) 1px solid;
	border-width: 1px 0 1px 0;
	width: 20em;
	/* color: var(--text_color); */
	text-align: center;
	/* padding: .4em 0; */
	/* padding: .4em 0; */
}

.mobile_menu .role_menu {
    padding: 1em 0;
}

.role_menu .role_wrapper {
	/* white-space: nowrap; */
	padding: 1em;
	/* border: var(--main_color) 1px solid; */
	/* border-width: 1px 0 0px 0; */
	margin-bottom: 1em;
	padding-bottom: 0;
}

.role_wrapper .role {
	font-weight: bold;
}

.role_wrapper * {
	/* display: inline-block; */
}

.role_wrapper 
 .input_wrapper.role_display.type_select.role_display {
    vertical-align: baseline;
}

.role_menu .input_wrapper.type_search.user_display_search {
	height: auto;
	position: relative;
	width: 100%;
}

.role_menu .input_placeholder.empty {
	display: none;
}
.input_wrapper.search.type_search.user_display_email
{
	position:relative;
	width:100%;
	/* padding: 0 !important; */
	/* margin: 0 !important; */
	margin-bottom: .4em;
}

.role_menu input.user_display_email.search {
    width: calc(100% - 2em);
    /* margin: 0 auto; */
    position: relative;
    left: -.4em;
    text-align: center;
}

/* user_nav ====================================================================*/

.not_logged_block {
	display: block;
	margin: 2em auto;
	background-color: var(--form_bg_color);
	padding: 1em;
	text-align: center;
	box-shadow: var(--box_shadow);
	width: 20em;
	max-width: 90vw;
	border-radius: var(--border_radius);
	position: relative !important;
	/* top: 50%; */
	/* left: 50%; */
	/* transform: translate(-50%,-50%); */
	/* position: absolute; */
	display: inline-block;
	margin: 2em auto;
	display: block;
}

.connect_block {
	/* background-color: var(--modal_overlay); */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	text-align: center;
	backdrop-filter: blur(7px);
	/* background-color: #5555; */
}

.connect_block .connectForm 

{
	position: absolute;
	width: 24em;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: var(--background-gradient);
	background-color: var(--background_color);
	padding: 1em;
	/* font-size: 1.2em; */
	border-radius: var(--border_radius);
	box-shadow: var(--box_shadow);
	text-align: center;
	/* border-bottom: 10px solid var(--turquoise); */
	border-radius: 0.6em;
	overflow: hidden;
	outline: var(--main_color) 2px solid;
}

.connect_block .connectForm::after {
    content: '';
    background-color: var(--main_color_bright);
    height: 0.5em;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    /* opacity: 0.8; */
}

.connect_block .connectForm input {
    border-radius: .4em;
}
.connectForm  .close_bt_wrapper {
    position: relative;
    /* background-color: red; */
    height: 1em;
    width : calc(100% + 2em);
    left: -1em;
    top: -1em;
    margin-bottom: -1em;
}

.connectForm  .close_bt_wrapper .close_bt {
    position: absolute;
    top: 0.4em;
    right: 0.6em;
    /* height: 0.4em; */
    /* width: 0.2em; */
    /* font-size: .4em !important; */
}

.connectForm .close_bt_wrapper .close_bt::before {
    font-size: 1em;
}
.connectForm .logo_MPI {
    font-size: 2em;
    height: 2em;
}
 
 .logo_MPI.connexion_OK {

    height: 4em;
    transition: var(--transition_medium);
}

.bright_mode .logo_MPI.connexion_OK 
{
    background-image: url(../../_theme/Jess_boroy_V1/Logo/Icone-logo-Fond-clair.png);
}

.dark_mode .logo_MPI.connexion_OK 
{
    background-image: url(../../_theme/Jess_boroy_V1/Logo/Icone-logo-Fond-sombre.png);
}

.close_connect_block {
	position: absolute;
	/*     background-color: red; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* backdrop-filter: blur(5px); */
	background-color: #303030;
	opacity: 0.9;
}
.anti_close_connect_block {
/*     background-color: red; */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.connectForm .title {
	font-weight: bold;
	color: var(--main_color);
	font-size: 1.8em;
	line-height: 1em;
	color: var(--text_color);
}

.connectForm .websiteConnect_block {
	/* border-top: #8080805c 1px solid; */
	margin-top: .4em;
	text-align: center;
}

.websiteConnect_block {}

.connectForm .websiteConnect_block .input_wrapper input {
	width: 100%;
	/* width: 18.5em; */
}

.connectForm .websiteConnect_block * {
	text-align: center !important;
	font-family: 'Open Sans';
}

.connectForm .websiteConnect_block .bt {
    padding: 0.1em 0.5em;
    /* font-weight: bold; */
    font-size: 1.2em;
    margin: .4em;
    border-radius: .4em;
}

.connectForm .websiteConnect_block .error_block {
    width: auto;
    display: inline-block;
    padding: .4em;
    margin: 1em;
}

input.trap {
    display: none;
}

.connectForm .input_wrapper.type_email.email.required {
    margin-bottom: 1em;
    width: 15.5em;
    margin: 1em auto;
}

.connectForm .ok_connect_block {}

.ok_connect_block .remember_connexion_block {
	cursor: pointer;
	padding: 0.4em 0;
}

.ok_connect_block .remember_connexion_block label {
	/* font-style: italic; */
	/* color: var(--main_color); */
	font-size: 1rem;
	margin-right: 0.6em;
}

.connectForm .input_wrapper.type_password.required {
    width: 15.5em;
    margin: 1em auto;
}

.connectForm em.inputError.error {}

.connectForm input.password.login_password {
	/* width: calc(100% - 1.9em); */
	/* width: 18.5em; */
	/* width: 100%; */
	position: relative;
	/* left: -1em; */
	padding-right: 2.6em;
}

.connectForm .viewPass {
	display: inline-block;
	/* background-color: var(--main_color_bright); */
	height: 2.7em;
	width: 2.6em;
	vertical-align: bototm;
	border-radius: 0 var(--border_radius) var(--border_radius) 0;
	/* border: 1px solid var(--turquoise); */
	margin-left: -1.6em;
	position: relative;
	/* top: 0px; */
	color: var(--main_color);
	padding-top: 0.2em;
	transition: var(--transition_medium);
	cursor: zoom-in;
	z-index: 2;
	position: relative;
	/* top: -1px; */
	right: -2px;
	margin-left: -35px;
	position: absolute;
	bottom: -3.9px;
}

.viewPass.icon-eye.show {
	cursor: not-allowed;
}

.connectForm .viewPass:before {
	transition: var(--transition_medium);
	font-size: 1.5rem;
	vertical-align: middle;
	position: relative;
	top: 2px;
	left: -1px;
	font-family: 'uicons-solid-rounded';
	content: "\f394";
}

.connectForm .viewPass.show:before {
	content: "\e9d1";
	transition: var(--transition_medium);
	content: "\f394";
	content: "\f393";
}

.remember_connexion_block {
	/* 	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	vertical-align: middle;
	position: relative; */
	border-radius: 100%;
	background: none;
	}

.remember_connexion_block input[type=checkbox]:checked {
	/* background-color: var(--main_color); */
}

.remember_connexion_block input[type=checkbox]:after {
	/* content: 'V'; */
	font-family: 'icomoon' !important;
	/* content: "\ea10"; */
	color: white;
	font-size: 0em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	text-shadow: 0 0.1em .4em black;
	transition: var(--transiton_medium);
	opacity: 0;
}

.remember_connexion_block input[type=checkbox]:checked:after {
	/* opacity: 1; */
	/* transform: translate(-50%, -50%) scale(1); */
	/* font-size: 2em; */
}

.suscribe_block {
	color: var(--main_color);
	/* font-weight: bold; */
	color: var(--red);
}

.suscribe_block .email_error {
    /* text-transform: lowercase; */
    color: var(--error_text);
}

.getActivationMail_confirm.OK_block {
	font-size: .8rem;
	line-height: 1.2em;
}

.getActivationMail_confirm.OK_block em {
	margin: 0.5em auto !important;
	display: block;
	font-weight: bold;
	text-decoration: underline;
	font-style: normal;
}

.link.get_reset_password {
	/* color: var(--main_color); */
	/* font-style: italic; */
	font-size: 1rem;
	line-height: 1em;
	cursor: pointer;
	padding-top: 0.8em;
	font-size: 1em;
}

.link.get_reset_password .bt {
	background-color: transparent;
	/* color: var(--main_color) !important; */
	/* border: var(--main_color) 1px solid; */
	/* font-size: 0.7em; */
	margin: 0.2em;
	padding: .2em .4em;
	font-size: .8em;
	color: var(--text_color);
	border: none;
	text-decoration-line: underline;
	font-family: 'Open Sans' !important;
}

.link.get_reset_password .bt:hover {
	/* background-color: var(--main_color); */
	/* color: white !important; */
	text-decoration: underline;
}

.form.set_password_block {
	font-size: 1.2em;
}

input.password.reset_password {
	margin: 2em;
}

em.inputError.error {
	width: 100%;
	margin-bottom: -2em;
	display: inline-block;
	color: #d89595;
	position: absolute;
}

.social_connect {
	/* border-top: #8080805c 1px solid; */
	padding-top: .4em;
	padding: 0;
	margin: 0 !important;
	text-align: center;
	width: 20em;
	display: inline-block;
	width: 247px;
}

.FB_response_block,
.GGuser_content {
	font-style: italic;
	background-color: #3b5998;
	color: white;
	width: 100%;
	font-size: .8rem;
	line-height: 1.3em;
	padding: 0.5em;
	/* margin: 0 !important; */
	margin-top: -0.6em;
	display: inline-block;
	vertical-align: top;
	border-radius: 0.4em;
}

.GGuser_content {
	background-color: white;
	color: #545454;
	border: lightgrey 1px solid;
	background-image: url();
	position: relative;
	margin-top: 1em;
}

.GGuser_content:before {
	content: '';
	/* background-color: red; */
	background-image: url(https://lh3.googleusercontent.com/StND2cg3sSbR6l-AHr3VdxKziIhEP4kYHQiTppD-aKc6gwn7PVdht1YqzjWSmwf5JLWf=w200-rwa);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: .11;
	background-repeat: no-repeat;
	background-position: right;
}

.FB_avatar,
.GG_avatar {
	display: inline-block;
	height: 6em;
	width: 6em;
	vertical-align: middle;
	position: relative;
	border-radius: .4em;
}

.FR_response_text {
	width: calc(100% - 6em);
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0.5em;
	position: relative;
	z-index: 2;
}

.facebook_connect {
	margin: 1em auto;
	margin-top: 0.5em;
	/* background-color: #3b5998; */
	width: 100%;
	border-radius: 0.2em;
	display: inline-block;
}

.facebook_connect_bt {
	display: inline-block;
	width: 100%;
	text-align: left;
	/* margin: .4em; */
	border-radius: 0.2em;
	cursor: pointer;
	font-size: .8rem;
	height: 3.3em;
	/* border: none; */
	margin: 0.4em auto;
	text-align: center;
	position: relative;
	line-height: 2.9em;
}

.facebook_connect_bt {
	background-color: #3b5998;
	color: white;
	position: relative;
	padding: 0.1em;
	/* outline: #3b5998 4px solid; */
}

.facebook_connect_bt .fb_avatar {
	width: 2.4em;
	height: 2.4em;
	display: inline-block;
	vertical-align: middle;
	float: left;
	position: absolute;
	left: 0.6em;
	top: 0.3em;
	border-radius: 100%;
}

.facebook_connect_bt .FB_display_name {
	text-align: left;
	padding-left: 3.4em;
	line-height: 1.2em;
	padding-top: 0.3em;
}

.facebook_connect_bt .FB_display_name * {
    line-height: 1.3em;
    font-weight: 100;
    font-style: unset;
}

.google_connect_bt {
	/* background-color: grey; */
	/* color: #555; */
	width: 100%;
	display: inline-block;
	/* width: 100% !important; */
	display: inline-block;
	width: 106%;
	text-align: left;
	/* margin: 0.4em; */
	border-radius: 0.2em;
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-left: -10px;
}

.google_connect {
	width: 100%;
	text-align: center;
	/* margin: auto; */
	display: inline-block;
	display: block;
}

.google_connect_bt iframe {
	margin: 0 auto !important;
	width: 100% !important;
	padding: 0 !important;
}

.facebook_connect_bt:before {
	content: "";
	display: inline-block;
	background-image: url(../../_theme/socials_icons/facebook.svg);
	background-size: contain;
	height: 2rem;
	width: 2rem;
	vertical-align: middle;
	margin-right: .4em;
	border-radius: 0.2em;
	position: absolute;
	top: 0;
	right: 0;
}

/* Activation Compte + initialisation de mot de passe ======================================= */
.set_password_block {
    display: block;
    background-color: var(--form_bg_color);
    padding: 1em;
    border-radius: var(--border_radius);
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
    width: 20em;
    text-align: center;
    box-shadow: var(--box_shadow);
    border-bottom: var(--turquoise) 6px solid;
    margin: 2em auto;
}

.set_password_block .bt {
    margin: 1em 0;
}

.help_box {
/*     margin-top: 1em; */
}

.new_pass_block {
    margin: 2em 0;
}
/* Activation Compte + initialisation de mot de passe ======================================= */