/*--------------------------
Initialisation de la police
----------------------------*/

@font-face {
    font-family:'f_bold';
    src:url('../../../asset/police/segui_bold.ttf');
}

@font-face {
    font-family:'f_light';
    src:url('../../../asset/police/segoeui_light.ttf');
}

@font-face {
    font-family:'f_normal';
    src:url('../../../asset/police/segoeui_normal.ttf');
}

section.main-section{
    width: 100%;
    height: auto;
    padding: 8px;
    margin-top: 15%;
}

.forms-groupe{
    background-color: var(--section-color);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    border-radius: 3px;
    padding: 8px;
}

.main-header{
    padding: 0px 10%;
}

.title-header{
    font-size: 16px;
    font-family: "f_bold";
    text-transform: uppercase;
    text-align: center;
    background-color: var(--blue);
    color: var(--section-color);
    border: 1px solid var(--blue);
    padding: 10px;
    border-radius: 3px;
    margin-bottom: -5px;
}

.title-connexion{
    font-size: 18px;
    text-align: center;
    font-family: "f_bold";
    margin-bottom: 5px;
}

.sub-title-connexion{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0px;
}

.groupe-input-border{
    border: 1px solid var(--blue);
    margin-bottom: 10px;
    padding: 8px 8px 0px 8px;
    border-radius: 3px;
}

.groupe-input-border-erreur{
    border: 1px solid var(--red);
}

.groupe-input label{
    display: block;
    font-family:"f_bold";
    font-size: 16px;
}

.groupe-input .champs-input{
    font-size: 16px;
    width: 100%;
    height: 45px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    outline: none;
    font-family: "f_normal";
}

.groupe-input .btn-connexion{
    width: 100%;
    height: 58px;
    border-radius: 3px;
    background: var(--blue);
    border: 1px solid var(--blue);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 8px 16px rgba(0, 0, 0, .1);
    color: var(--section-color);
    font-size: 16px;
    font-family: "f_bold";
    text-align: center;
    outline: none;
    margin-top: 10px;
}

.main-footer{
    margin-top: 50px;
}

.main-footer p {
    margin: 3px;
    text-align: center;
    color: rgba(0, 0, 0, .40);
    font-size: 16px;
}

.main-footer p:last-child {
    font-family: "f_bold";
    color: black;
    margin-top: 10px;
}

.gestion-erreur{
    margin-bottom: 10px;
}

.gestion-erreur img{
    width: 25px;
    height: 25px;
    float: left;
}

.gestion-erreur span{
    margin-top: 0px;
    display: inline-block;
    color: var(--red);
    font-size: 16px;
}

.groupe-label{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.showHide{
    display: inline-block;
    text-decoration-line: none;
    color: var(--blue);
    font-size: 16px;
    font-family: "f_bold";
}