#connexionPopUpPage {
    width:calc(25vw - 20px);
    height:fit-content;

    margin-left:37.5vw;
    margin-top:15vh;
    padding:10px;
    background-color: var(--fake-white);
}

.connexionForm {
    display: flex;
    flex-direction: column;

    justify-content: space-between;
    align-items: center;

    grid-column: 1;
    grid-row: 1;
    
    width: 100%;
}

.connexionInputDiv {
    display: flex;
    flex-direction: column;
    align-items: center;

    width:75%;
    margin-top:25px;
    margin-bottom:25px;
}

.connexionSubmitDiv {
    display:flex;
}

.connexionInputLabel {
    font-weight: 600;
    color: var(--fake-black);
    width: 100%;
    margin-bottom: 2.5px;
}

.connexionInputText {
    border: 1px solid var(--plain-grey);
    border-radius: 5px;
    padding: 7.5px 5px;
    font-size: calc(8px + 0.6vw);
    font-weight: 500;
    margin-top: 5px;
    width: calc(100% - 16px);
}

.connexionInputSubmit {
    background-color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
    color: var(--fake-white);

    width: fit-content;
    padding: 10px 10px;
    border-radius: 5px;
    font-size:16px;

    font-weight:bold;
    cursor: pointer;
}

#mdpOubliePopUpPage {
    width: calc(25vw - 20px);
    height: fit-content;

    margin-left: 37.5vw;
    margin-top: 15vh;
    padding: 10px;
    background-color: var(--fake-white);
}

#envoiMailForm .buttonDiv {
    display:flex;
    justify-content: space-between;
}