input {
    filter: none;
}

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important;
    }

.pdtop {
}


#lblidentifiant, #lblpassword {
    font-weight: 600;
    padding-left: 5px;
}

#identifiant, #password {
    display: block;
    width: 306px;
    background: white;
    padding: 10px 1rem;
    border: 1px solid #BDCFDD;
    border-radius: .5rem;
    margin-top: 10px;
}

#divShowHideMdp {
    position: relative;
    top: -33px;
    left: 350px;
    width: 30px;
}

/* surcharge pour la checkbox*/
*[class*="dxeBase"].pdtop label {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #283E61;
}

.dvAuthenG {
    background-image: url("../IMG/Authentification/accueilGauche.svg");
    float: left;
    width: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.dvAuthenD {
    width: 50%;
    float: right;
    text-align: center;
}

.imgLogo {
    margin-top: 0px;
    padding-top: 10%;
}

.titre1G {
    color: white;
    font-size: 35px;
}

.titre2G {
    margin-top: 0px;
    padding-top: 10px;
    color: white;
    letter-spacing: 0.01em;
}

.fontspe {
    letter-spacing: 0.03em;
    font-weight: 700;
}

.dvLogin {
    display: block;
    background-color: white;
    text-align: center;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px;
}

.dvBasPage {
    display: flex;
    width: 100%;
    font-size: 13px;
    align-items:center;
    flex-direction:column;
}

.dvPasAbo {
    display: block;
    background-color: white;
    text-align: center;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px;
    margin-top: 40px;
}

.dvLink {
    display: inline-block;
    bottom: 5px;
    position: fixed;
    color: white;
    left: 25%;
    transform: translateX(-50%);
}

.trPasAbo {
    display: inline-block;
    padding-bottom: 15px;
}

#identifiant.inputLogin, #password.inputLogin {
    border-radius: var(--border-radius-1);
    outline: 0;
}
#identifiant.inputLogin:hover, #password.inputLogin:hover {
    border: 1px solid black;
}
#identifiant.inputLogin:focus, #password.inputLogin:focus, #identifiant.inputLogin:focus-visible, #password.inputLogin:focus-visible {
    border: 1px solid #02c39a;
}
#BtnConnexion, #BtnActivation{
    margin: 10px 0 5px 0;
}




.dvFlexCenter {
    display: flex;
    flex-direction: column;
    height: 96%;
    justify-content: center;
    align-items: center;
}


#divShowHideMdp:hover #iHideMdp,
#divShowHideMdp #iShowMdp {
    display: none;
}

#divShowHideMdp:hover #iShowMdp {
    display: inline;
}


@media screen and (max-width: 1000px) {
    .mobileStyle {
        flex-grow: 0;
        max-width: 100%;
        flex-basis: 100%;
    }
}

@media screen and (min-width: 1000px) {
    .PcStyle {
        height: 100vh;
    }
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    background-color: white;
    color: #546581;
    font-size: 12px;
    font-style: italic;
    position: absolute;
    padding: 10px;
    left: 50%;
    margin-left: -136px;
    width: 272px;
    top: 100%;
    white-space: normal;
    text-align: left;
    box-shadow: 0px 2px 10px rgba(0, 137, 208, 0.15);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

[data-title] {
    position: relative;
}

.btnFormulaire {
    background-color: #01c19c;
    width: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    height: 36px;
    padding: 6px 0px;
}

    .btnFormulaire:hover {
        background-color: #009a7c;
        cursor: pointer;
    }