#background-with-image {position: absolute;width: 100vw;height: 100vh;overflow: hidden;scrollbar-width: none !important;}#background-with-image::before {content: '';position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background-image: url('/assets/fleur-bleue.svg');background-color: var(--bg-level-2);background-size: 800px;background-repeat: no-repeat;background-position: bottom -150px right -150px;background-origin: content-box;background-clip: content-box;z-index: 0;}#background-with-image.with-filter::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);z-index: 1;}#background-with-image > * {position: relative;z-index: 2;}.background {height: 100%;width: 100%;}.content-login {z-index: 3;position: absolute;top: 0;left: 0;width: 100vw !important;height: 100vh !important;margin: 0 !important;background: transparent;}#col-with-text {margin: 0 !important;display: flex;justify-content: center;align-items: center;padding-right: 100px;padding-left: 100px;height: 100vh;max-width: 33%;border-radius: 0 var(--radius-xxl) var(--radius-xxl) 0;background-color: var(--bg-level-2);transition: all 0.3s ease-in-out;}@media (max-width: 1280px) {#col-with-text {padding-right: 40px;padding-left: 40px;max-width: 100% !important;border-radius: 0 ;}}@media (max-height: 700px) {#col-with-text {margin-top: 40px;margin-bottom: 40px;border-radius: 0 ;}}.content-login:has(#modale-format) {display: flex;flex-direction: column;justify-content: space-around;align-items: center;}#modale-format {max-width: 33%;max-height: 100%;margin: 0 !important;padding: 30px 80px;border-radius: var(--radius-m);background-color: var(--bg-level-1);transition: all 0.3s ease-in-out;overflow-y: scroll;}#modale-format #modale-content {display: flex;align-items: center;justify-content: center;}.icon-btn-close-modale {position: absolute;top:10px;right: 10px;padding: var(--extra-btn-padding) !important;background: var(--main-light-2);border: 1px solid var(--main-light-2);color: var(--main-dark-0);}@media (max-width: 1300px) {#modale-format {max-width: 50% !important;overflow-y: scroll;}}@media (max-width: 900px) {#modale-format {max-width: 100% !important;border-radius: 0;padding: 12px 40px;max-height: calc(100% - 200px);}.content-login:has(#modale-format) {display: flex;justify-content: space-between;align-items: start;top: 0;flex-direction: column;flex-wrap: wrap;align-content: center;}}.login-btn {min-width: 150px;}.logo-img {width: auto;height: 100px;max-width: 100%;}.auth-link {display: flex;justify-content: right;text-decoration: none;margin-top: 10px;}.auth-link:hover {text-decoration: underline;}.form-check {padding-left: 0 !important;}.login-footer {max-width: 100vw;min-height: 45px;margin-top: 10px;position: absolute;z-index: 4;bottom: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 1rem;padding: 1rem;}@media (max-width: 768px) {.login-footer {flex-direction: column;gap: 0.5rem;}}.link-footer,.text-footer {white-space: nowrap;text-align: center;}.link-footer, .text-footer {color: var(--text-color-dark);}.link-footer:hover {text-decoration: underline;cursor: pointer;}#preprod-flag {position: absolute;top: 10px;left: 10px;background-color: red;color: white;padding: 5px;border-radius: 5px;z-index: 9000;}