/* CSS Document - reset */
* { margin:0; padding:0; }
.connexion {
    position: absolute;
    background-color: var(--bg85);
    width: 62%;
    height: 100%;
}
.fondGrisVertical {
    position: absolute;
    background-color: var(--bg65);
    width: 38%;
    height: 100%;
    right: 0;
}

p, ul {
    margin-bottom: 0;
}


.loginBlock {
    height: 65%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.textChamps {
    display:contents;
    font-family: nunito_regular, Arial;
    font-size: 12.00px;
    letter-spacing: 0.24px;
    color: var(--color255);
}

.box {
    display: contents
}

.boxCentered {
    text-align: center; 
}

.Validation {
    color: var(--colorvalidation);
    font-size: 12.00px;
    font-family: nunito_bold, Arial;
}

.ForgottenPwd {
    color: var(--colorvalidation);
    font-size: 12.00px;
    font-family: nunito_bold, Arial;
    display: inline;
    text-align: center;
}

.ForgottenPwdBlock {
    color: var(--colorvalidation);
    font-size: 12.00px;
    font-family: nunito_bold, Arial;
    display: block;
    text-align: center;
}

.boutonLoginOk {
    background-color: var(--tsblue);
    border-style: none;
    width: 3.2vw;
    color: var(--bg65);
    box-shadow: 0 6px var(--bg85);
    font-size: 1.2em;
}

    .boutonLoginOk:hover {
        background-color: var(--tsbluehover);
        /*        background-color: rgba(124, 225, 153, 1); vert */
        /*        background-color: rgba(225, 170, 40, 1); orange */
    }

    .boutonLoginOk:active {
        background-color: var(--tsbluehover);
        box-shadow: 0 3px #666;
        transform: translateY(3px);
    }

.info {
    text-align: center;
    letter-spacing: 0.05vw;
    color: var(--color216);
    font-size: 10px;
    font-weight: 600;
    padding-top: 4vw;
    font-family: nunito_regular, Arial;
}

.logo {
    height: 65%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.imgLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 175px;
}
.logoText {
    display: contents;
    position: absolute;
    text-align: center;
}
.textGraphic {
    color: var(--color255);
    font-weight: 300;
    font-size: 30.00px;
    font-family: nunito_extralight, Arial;
    letter-spacing: 0;
}

.textWtp {
    color: var(--tsblue);
    font-weight: 700;
    font-size: 15.00px;
    font-family: nunito_bold, Arial;
    letter-spacing: 4.5px;
}

.textBottom {
    display: flex;
    color: var(--color216);
    font-weight: 400;
    font-size: 12.00px;
    font-family: nunito_regular, Arial;
    letter-spacing: 0.24px;
    justify-content: center;
}

.textOrangeConnexion {
    display: contents;
    color: var(--tsblue);
}

.textOrangeConnexionLink {
    display: contents;
    color: var(--tsblue) !important;
}

.textConnexion {
    background-color: var(--color255-0);
    text-align: center;
    line-height: 25.00px;
    color: var(--tsblue); /* vert */
    /*    color: rgba(249, 183, 51, 1); orange*/
    font-size: 20.00px;
    font-weight: 700;
    font-family: nunito_bold, Arial;
}

.champs {
    width: auto !important;
}

.text-maintenance-0 {
    text-align: center;
}