/* Couleur de fond douce */
body {
    background-color: #fff0f6;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #5c2140;
    padding: 20px;
}

/* Titres */
h2, h3 {
    color: #b83280;
}

/* Formulaire */
input[type="text"], select, input[type="file"] {
    border: 2px solid #d45687;
    border-radius: 6px;
    padding: 7px 10px;
    font-size: 1rem;
    color: #5c2140;
    background-color: #fff0f6;
    transition: border-color 0.3s ease;
}

input[type="text"]:focus, select:focus, input[type="file"]:focus {
    border-color: #ef64a1;
    outline: none;
    background-color: #ffe6f0;
}

/* Boutons */
button, .btn {
    background-color: #d45585;
    border: none;
    color: white;
    padding: 8px 15px;
    font-size: 1rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover, .btn:hover {
    background-color: #ef64a1;
}

/* Tableau */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    background-color: #ffe6f0;
    border-radius: 8px;
    overflow: hidden;
}

thead {
    background-color: #d45585;
    color: white;
}

th, td {
    padding: 10px 12px;
    text-align: left;
    border-bottom: 1px solid #efc1d0;
}

tbody tr:hover {
    background-color: #ffd1e3;
}

/* Images dans le tableau */
table img {
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(212,85,133,0.5);
}

/* Navbar ou menus éventuels */
.navbar {
    background-color: #b83280;
    padding: 10px 20px;
    color: white;
}

.navbar a {
    color: white;
    text-decoration: none;
    margin-right: 15px;
}

.navbar a:hover {
    text-decoration: underline;
}

/* Marges utiles */
.mb-3 {
    margin-bottom: 1rem;
}
.mb-4 {
    margin-bottom: 1.5rem;
}
.p-4 {
    padding: 1.5rem;
}