<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* SECTION IDENTIFICATION */
#section_identification {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:1450px;
    display:flex;
    flex-direction:row;
    justify-content:space-around;
    
        }

#connexion {
    width:40%;
    display:flex;
    flex-direction:column;
    
    }
.connexion_texte {
    width: 100%;
    font-size: 1.4em;
    color: #333333;
}
.connexion_labellogin {
    margin-top:20px;
    width:100%;
    font-size:1.2em;
    font-weight:bold;
    color:#333333;
}
.connexion_labelpassword {
    margin-top:40px;
    width:100%;
    font-size:1.2em;
    font-weight:bold;
    color:#333333;
}
.connexion_input {
    width:100%;
    height:40px;
}

.connexion_login {
    position:relative;
    margin-top:10px;
    width:calc(95% + 10px);
    max-width:400px;
    height:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--mpbleu);
    border-width:0px;
    border-radius:6px;
    font-size:1.8em;
    font-weight:bold;
    color:#ffffff;
}
.connexion_login:hover {
    cursor:pointer;
    background-color:var(--mpbleuover);
}

.connexion_mpoublie {
    position:relative;
    margin-top:10px;
    font-size:1.3em;
    color:var(--mpbleu);
    text-decoration:underline;
}
.connexion_mpoublie:hover {
    cursor:pointer;
}


#membre {
    width:33%;
    padding-left:5%;
    padding-right:3%;
    background-color:var(--mpfondgris);
    height:auto;
    min-height:600px;
}

.membre_login {
    position:relative;
    margin-top:30px;
    margin-bottom:30px;
    width:calc(95% + 10px);
    max-width:400px;
    height:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:var(--mprouge);
    border-width:0px;
    border-radius:6px;
    font-size:1.8em;
    font-weight:bold;
    color:#ffffff;
}
.membre_login:hover {
    cursor:pointer;
    background-color:var(--mprougeover);
}

.membre_argument {
    position:relative;
    margin-top:20px;
    width:95%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.membre_argument_texte {
     font-size: 1.6em;
     font-weight:bold;
     color: #333333;
}
.membre_argument_items {
    width:100%;
    display:flex;
    flex-wrap:wrap;
}
.membre_argument_item {
    width:50%;
    margin-top:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.membre_argument_item_picto {
    width:100%;
     max-height:30px;
    margin-bottom:10px;
    display:flex;
    justify-content:center;
    align-items:center;

}
.membre_argument_item_texte {
     font-size: 1.6em;
     font-weight:bold;
     color: #333333;
}

@media (max-width: 1530px) {
    #section_identification {left:0.5%;width:99%;flex-wrap:wrap}
}

@media (max-width: 1000px) {
    #connexion {width:90%;padding-left:5%}
    #membre {width:90%;padding:5%;margin-top:60px}
}

</pre></body></html>