:root{
    --main-color-first: rgb(59, 60, 67); 
    --main-color-second: rgb(255, 229, 36);
    --main-color-third: rgb(29, 207, 252);
    --main-color-fourth: rgb(247, 223, 137);
    --main-color-fifth: rgb(64, 64, 64); 
    --main-color-six:   rgb(154 181 44 / 49%);

    --main-color-red: #e86659; /* rouge pastel */
    --main-color-disabled: #e2e2e2 ;

    --main-color-text-first: #575756;

    --main-color-border-first: #c3c0c0;
    --main-color-link-first: rgb(60, 112, 31);

    --main-color-success: rgb(110, 183, 70);
    --main-color-warning: rgb(255, 237, 0);
    --main-color-info: rgb(0, 174, 239);
    --main-color-danger: rgb(162, 10, 66);

    --main-color-filter-first: brightness(0) saturate(100%) invert(20%) sepia(12%) saturate(472%) hue-rotate(195deg) brightness(88%) contrast(83%);
    --main-color-filter-second: brightness(0) saturate(100%) invert(88%) sepia(74%) saturate(3381%) hue-rotate(332deg) brightness(104%) contrast(102%);
}

html, body {
    background: url(https://cdn.sogefi-web.com/interne/images/applications/elegia/login-fond.webp) no-repeat center;
    background-size: cover;
}
.img_logo_application{
    background: url(https://cdn.sogefi-web.com/interne/images/applications/elegia/logo.png) no-repeat center;
    background-size: 400px;
}