#orpi{
    background-color: rgb(227, 6, 19);
    color: white;
}

#orange{
    background-color: #f9a01b;
    color: white;
}

#gradient {
    background-color: black;
    background-image: linear-gradient(to right, rgb(227, 6, 19) 0%, rgb(255, 100, 55) 100%);
    color: white;
    transition: background-color 0.3s; /* Ajout de transition pour une animation fluide */
}

.gradient {
    background-color: black;
    background-image: linear-gradient(to right, rgb(227, 6, 19) 0%, rgb(255, 100, 55) 100%);
    color: white;
    transition: background-color 0.3s; /* Ajout de transition pour une animation fluide */
}

#gradient:hover {
    background-color: red; /* Fond rouge au survol */
}

#sidebar {
    position: fixed;
    top: 0;
    left: -250px; /* Sidebar caché par défaut */
    width: 250px;
    height: 100%;
    background-color: #333;
    transition: left 0.3s ease; /* Transition de 0.3 secondes sur la propriété left */
}

#sidebar.active {
    left: 0; /* Afficher le sidebar */
}

@media print {
    .exclude-print {
        display: none;
    }
}