.form-signin {
                max-width: 330px;
                padding: 15px;
                margin: auto;
            }

            .form-signin .form-control {
                margin-bottom: 10px;
            }

            .error-message {
                color: red;
                font-weight: bold;
            }

            /* Centrer la row */
            .full-height {
                height: 100vh;
                /* Viewport height pour remplir l'écran */
            }

            #AlertError {
                display: none;
                /* Cacher par défaut */
            }

            .centered-content {
                display: flex;
                flex-direction: column;
                justify-content: center;
                height: 100%;
                /* Assure le centrage vertical */
            }

            .copy-btn,
            .delete-btn,
            .download-btn {
                cursor: pointer;
            }

            .pagination {
                margin-top: 20px;
            }

            .rounded-section {
                border: 1px solid #ddd;
                padding: 15px;
                border-radius: 15px;
                margin-bottom: 30px;
            }

            .drop-zone {
                width: 100%;
                height: 200px;
                border: 2px dashed #007bff;
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1.2rem;
                color: #007bff;
            }

            .drop-zone.dragover {
                background-color: rgba(0, 123, 255, 0.1);
            }

            /* Style des drapeaux */
            .lang-selector img {
                width: 30px;
                height: 20px;
                cursor: pointer;
                margin: 0 5px;
            }

            body {
                background-color: #fcfcfc;
                display: flex;
                /* justify-content: center;
                align-items: center;
                height: 100vh; */
            }

            .body404 {
                background-color: #fcfcfc;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh;
            }

            .error404-container {
                text-align: center;
            }

            .error404-image {
                max-width: 100%;
                height: auto;
                width: 50%;
                max-height: 400px;
            }

            .error404-text {
                margin-top: 20px;
            }

            @media (max-width: 768px) {
                .error404-image {
                    width: 75%;
                }
            }

            @media (max-width: 576px) {
                .error404-image {
                    width: 90%;
                }
            }

            .download-container {
                border-radius: 15px;
                padding: 20px;
                background-color: #f8f9fa;
                max-width: 400px;
                margin: 50px auto;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }

            .download-container h5 {
                margin-bottom: 20px;
            }

            /* Ajouter une image de fond qui couvre toute la page */
            .bodyDWL {
                background-image: url('../img/background.jpg');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                height: 100vh;
                margin: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                padding-top: 80px;
            }

            .download-container {
                border-radius: 15px;
                padding: 20px;
                background-color: rgba(255, 255, 255, 0.8);
                max-width: 400px;
                margin: 50px auto;
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }

            .flags {
                text-align: center;
                margin-bottom: 20px;
            }

            .flags img {
                cursor: pointer;
                width: 40px;
                margin: 0 10px;
            }

            .logo {
                width: 150px;
                height: auto;
            }

            footer {
                position: absolute;
                bottom: 10px;
                width: 100%;
                text-align: center;
                font-size: 14px;
                color: #fff;
            }

            .navbar-brand {
                display: flex;
                align-items: center;
            }

            .navbar-brand img {
                margin-right: 10px;
            }

            /* Style pour le modal */
            .modal {
                display: none;
                /* Par défaut, il est caché */
                position: fixed;
                z-index: 1000;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
            }

            .modal-content {
                background-color: white;
                margin: 15% auto;
                padding: 20px;
                border: 1px solid #888;
                width: 300px;
                text-align: center;
            }

            /* Loader CSS pour montrer que le processus est en cours */
            .loader {
                border: 4px solid #f3f3f3;
                border-radius: 50%;
                border-top: 4px solid #3498db;
                width: 40px;
                height: 40px;
                animation: spin 2s linear infinite;
                margin: 0 auto;
            }

            @keyframes spin {
                0% {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }