/* Connexion / Inscription / mdp oublié */
.contentMdpOublie{position: relative; font-weight: bold; width:380px; margin:10px;}
.infosMDP{
	position: absolute; 
	left: calc(100% + 5px); 
	top: 0;
	width: 200px;
	background: rgba(0, 0, 0, 0.8); 
	text-align: left !important; 
	z-index: 4;
	padding: 10px; 
	border-radius: 10px;
	color: white;
}
.infosMDP ul li{
	color:#aaaaaa;
}

.listeConditions{padding-left: 25px;text-align: right}
.infosMDP:before{position: absolute;top: 50%; top: calc(50% - 10px);top: -webkit-calc(50% - 10px); content: ""; right: 100%; border: 10px solid transparent; border-right: 10px solid  rgba(0, 0, 0, 0.8);}
.listeConditions .condition{font-weight: bold; position: relative;}
.listeConditions .condition.condPassOk{color: #65c462}
.condPassNOk{color: red}
.listeConditions .condition.condPassOk:after{content: "";position: absolute; left: -30px;margin-left: 3px;top: 0; width: 15px; height: 100%; background: url("../img_global/picto/check_petit.png") no-repeat center center; image-rendering:-webkit-optimize-contrast;background-size: contain;}
#formChangeMdp{text-align: center}
a.lien_mdp_oublie{text-align:center; font-size:14px;color:var(--color-dark2);}
.lien_mdp_oublie{font-size: 18px;font-weight:400;}
.bgConnexion{
	width: 100%; 
	height: 100vh; 
    background: white;
	background: linear-gradient(145deg, rgb(from var(--color-primary) r g b / 80%), rgb(from var(--color-primary) r g b / 10%) 35%, transparent 60%),
                linear-gradient(205deg, rgb(from var(--color-secondary) r g b / 80%), rgb(from var(--color-secondary) r g b / 10%) 25%, transparent 40%);
	text-align: center; 
	overflow: hidden;
}
.divConnexion{
	position: relative;
	margin: auto; 
	background: white;
	width:550px;
    border: 1px solid var(--color-primary);
	border-radius: var(--borderRadius);
    color: var(--colorClient);
    padding: 250px 50px 70px 50px;
}

.logoConnexion{
	width: 100%; 
	height: 50px; 
	background: url("../inc_images/design/logo_plein.png") no-repeat top center; 
	image-rendering:-webkit-optimize-contrast;
	background-size: contain; 
	display: block; 
	margin: auto; 
}
.saisie_formulaire{
	text-align:left;
    width: 100%;
	display: flex; 
	flex-direction: row; 
	justify-content:space-between; 
}


.saisie_formulaire input, .saisie_formulaire span {vertical-align:middle}
a.lienConnexion, .lienConnexion{color: #b2b2b2; font-size: 23px;margin-bottom: 10px; display: inline-block}
.divConnexion.divInscription{padding-top: 60px;font-size: 16px;}
.divConnexion.divInscription .logoConnexion{width: 350px; height: 60px;margin-bottom: 20px;}
.labelInscription{font-size: 16px;color: #b2b2b2;  cursor: pointer; transition: 0.2s; border: 1px solid #4a4b4d;padding: 10px; display: block;}
.labelInscription:hover,.divConnexion input[type="radio"]:checked ~ label{border: 1px solid #fff; }

.checkMention{padding: 0 60px;}
.btnConnexion{display: block;width: 100%; height: 100%; border: none; background: transparent;line-height: 180px;color: #fff;font-weight: bold;font-size: 45px;text-transform: uppercase; cursor: pointer;   text-align: center; }
.btnConnexion:focus{outline: none;}
.divConnexion.divInscription .divBtnConnexion{width: 150px; height: 150px; left: 90%; bottom: 45px;}
.divConnexion.divInscription .btnConnexion{line-height: 150px;}
.divBtnConnexion{display: block; position: absolute; width: 180px; height: 180px;  bottom: -80px;  left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); }
.divConnexion .divBtnConnexion{left: 90%; bottom: 45px;width: 150px; height: 150px;}
.divConnexion .btnConnexion{line-height: 150px;}
input.input_connexion{
	text-align: center;
	background: transparent; 
	box-sizing: border-box;
	font-size: 23px;
	width: 100%; 
	padding: 10px 20px; 
	font-weight: normal;
	outline:none; 
	border-radius: var(--borderRadius);
}

input.input_connexion::placeholder{color:#aaaaaa}
.input_connexion:focus{border:1px solid var(--couleurPrincipaleClient) !important;}
.btn_connexion
{
    width: 100%;
}
.btn_connexion .btn{
    width: 100%;
	background: var(--couleurPrincipaleClient); 
	color: #fff;
	text-align: center;
	padding: 10px 20px; 
	font-size: 23px; 
	font-weight:bold;
	text-transform: uppercase;
	transition: all ease 0.3s;
    border: none !important;
    border-radius: var(--borderRadius);
}
.btn_connexion .btn:hover{ opacity:0.7; }

.home_msg_bienvenue
{
    position: absolute;
    top: 70px;
    font-weight:700;
    font-size: 32px; 
	right: 50%;
	transform: translateX(50%);
	width: max-content;
}
.home_msg_bienvenue .nomAppli
{
    margin: 20px;
    font-weight:normal;
    font-size: 45px; 
    color: var(--color-dark2);
}

.home_msg_bienvenue_detail{font-size: 18px;font-weight:400;}
/* FIN Connexion / Inscription / mdp oublié */