/**
* Theme utilisié sur pages : login / délégation / mdpoublie / formRenouvellementMdp / formRenouvellementMdp2
*/

:root {
    --violet: #5B2E73; 
    --orange: #E0422C;
    --degrade: linear-gradient(295deg,#5B2E73, #7F4C6D,#AA6F5D, #F4AC48, #E0422C);
}

.connexion-interface div, 
.connexion-interface div a {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.connexion-interface div b{
    font-size: 14px;
}

.connexion-interface a {
    cursor: pointer;
    font-size: 12px;

} 

.titre-violet {
    color: var(--violet);
}

.btn-violet {
    background-color: var(--violet);
    font-size: 14px;
    color: white;
    letter-spacing: 1px;
    border: none;
    margin-top: 20px;
    padding: 10px 30px;
    border-radius: 20px;
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.2);
    display: inline-block; 
}

.btn-violet:hover{
    background:hsla(279, 43%, 32%, 0.9);
}

/* Utilisée sur les autres pages que login */
.bloc-centre {
    border-radius: 25px;
    width: 50%;
    min-width: 650px;
    margin: auto;
    padding: 30px;
    block-size: fit-content; 
    background-color: white;
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.155);
}

.bloc-duo{
    width: 90%;
    max-width: 1200px;
    margin: auto;
    border-radius: 30px;
    overflow: hidden;
    block-size: fit-content;
    background-color: white;
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.155);
}

.login-form label {
    font-size: 14px;
    font-weight: 400;
}

.login-form input[type="text"],
.login-form input[type="password"] {
    margin-bottom: 10px;
    padding: 8px 15px;
    border-radius: 25px;
    box-shadow: 1px 2px 5px rgba(10, 10, 10, 0.082);
}

.login-form select,
.login-form select::after {
    border: 1px solid rgba(179, 177, 177, 0.925);
    border-radius: 25px;
    padding: 0.25em 0.5em;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1.1;
    box-shadow: 1px 2px 5px rgba(10, 10, 10, 0.082);
    
}

.login-form select option::selection,
.login-form select option:checked,
.login-form select option:hover  {
    background: rgba(170, 169, 169, 0.342);
}