#forgetPSWD {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 170px 0; margin: 1.5%;
    width: 97%; height: auto;
    position: relative;
}

.ffgtpwd {
    position: relative;
    width: 600px; height: auto;
    border-radius: 20px;
    box-shadow: var(--boxshadowOFFICIAL);
    background: white;
    padding: 20px;
}

.ffgtpwd form {
    /* a verif  + faire responsive des titres H1 */
    max-width: 230px !important;
}

.ffgtpwd h1 {
    color: black;
    font-size: 35px;
}

.infoHelpMAIL { font-size: 13px; }
.docStyleA {
    text-decoration: underline;
    color: var(--colorNV);
} .docStyleA:hover {
    text-decoration: none;
    opacity: 60%;
}

@media screen and (max-width:865px) {
    .ResponsiveSpecialCHART {
        width: 100% !important;
        margin-top: -90px;
        margin-bottom: -50px;
        position: relative;
    }
    #forgetPSWD {
        width: 100%;
        margin: 0;
        position: relative;
        top: 0; left: 0;
    }
}

@media screen and (max-width:672px) {
    .ffgtpwd { width: 70%; }
}

@media screen and (max-width:540px) {
    .ffgtpwd h1 { font-size: 24px; }
}

@media screen and (max-width:315px) {
    .ffgtpwd h1 { font-size: 18px; }
}