/* Reset Styles */

*{

    margin: 0;
    
    padding: 0;
    
    box-sizing: border-box;
    
    font-family: Arial, sans-serif;
    
    
    }
    
    body {
    
    background-color: #f8f8f8;
    
    color: #333;
    
    }
    
    /* Navigation Bar */
    
    /*header {
    
    background: #4CAF50;
    
    color: white;
    
    padding: 15px;
    
    display: flex;
    
    justify-content: space-between;
    
    align-items: center;
    
    }*/
    
    .head-rest {
        display: flex;
        justify-content: flex-end; /* Aligne les éléments à droite */
        align-items: center;
        gap: 10px; /* Espacement entre les éléments */
        width: 100%; /* S'assure que la div prend toute la largeur */
    }
    
    /* Correction pour le champ de recherche */
    #searchBar {
        flex-grow: 1; /* Permet au champ de recherche de prendre plus d'espace */
        min-width: 20px;
    }
    
    /* Correction pour header */
    header {
        background: #4CAF50;
        color: white;
        padding: 15px;
        display: flex;
        align-items: center;
        justify-content: space-between; /* Garde les éléments aux extrémités */
        width: 100%;
        
    }
    
    header input {

        padding: 10px;
        
        width: 50%;
        
        border: none;
        
        border-radius: 5px;
        
        max-width: 20%;
        
        }
        
        header h4 {
        
        font-family: 'Brush Script MT', cursive;
        
        font-size: 45px;
        
        max-width: 1%;
        
        }
        
        nav ul {
        
        list-style-type: none;
        
        margin: 0;
        
        padding: 0;
        
        display: flex;
        
        justify-content: space-evenly;
        
        }
        
        .sell-btn {
        
        background: white;
        
        color: #4CAF50;
        
        border: none;
        
        padding: 10px 15px;
        
        cursor: pointer;
        
        border-radius: 5px;
        
        /*margin-left: auto; /* Pousse .head-rest à droite */
        
        min-width: 80px;
        
        }
        
        /* Product Section */
        
        .products {
        
        display: flex;
        
        justify-content: center;
        
        flex-wrap: wrap;
        
        margin: 20px;
        
        }
        
        .product {
        
        background: white;
        
        margin: 15px;
        
        padding: 15px;
        
        border-radius: 10px;
        
        text-align: center;
        
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        
        width: 200px;
        
        }
        
        .product img {
        
        width: 100%;
        
        border-radius: 10px;
        
        }
        
        .product:hover {
        
        transform: scale(1.15);
        
        }
        
        /* Modal (Popup) */
        
        .modal {
        
        display: none;
        
        position: fixed;
        
        z-index: 1;
        
        left: 0;
        
        top: 0;
        
        width: 100%;
        
        height: 100%;

        background-color: rgba(0, 0, 0, 0.5);
        
        justify-content: center;
        
        align-items: center;
        
        }
        
        .modal-content {
        
        background: #4CAF50;
        
        padding: 20px;
        
        border: 5px double black;
        
        border-color: black;
        
        border-radius: 10px;
        
        width: 300px;
        
        height: 420px;
        
        text-align: center;
        
        }
        
        .modal-content input, .modal-content textarea {
        
        width: 100%;
        
        padding: 10px;
        
        margin: 10px 0;
        
        }
        
        input {
        
        border: 2px dashed black;
        
        }
        
        textarea {
        
        border: 2px dashed black;
        
        }
        
        button {
        
        background: white;
        
        color: #4CAF50;
        
        border: none;
        
        padding: 10px 15px;
        
        cursor: pointer;
        
        border-radius: 5px;
        
        }
        
        button:hover {
        
        background: #4CAF50;
        
        color: black;
        
        border: black dotted 2px;
        
        }
        
        .close {
        
        float: right;
        
        cursor: pointer;
        
        font-size: 20px;
        
        }
        
        /* Footer */
        
        footer {
        
        background: #333;
        
        color: white;
        
        text-align: center;
        
        padding: 15px;
        
        margin-top: 20px;
        
        /*margin-bottom: 0%;*/
        
        }
        
        /* Cacher l'input de type file */
        
            input[type="file"] {
        
                display: none;
        
            }
        
        
        
            /* Styliser le label correspondant */
        
            .custom-file-label {

                display: inline-block;
        
                padding: 10px 20px;
        
                color: #4CAF50;
        
                background-color: white;
        
                border: 2px solid;
        
                border-radius: 5px;
        
                cursor: pointer;
        
                font-size: 16px;
        
                font-weight: bold;
        
                transition: background 0.3s;
        
            }
        
        
        
            /* Effet au survol */
        
            .custom-file-label:hover {
        
                color: white;
        
                background-color: #4CAF50;
        
                border: white dotted 2px;
        
            }
        
        
        
            /* Afficher le nom du fichier sélectionné */
        
            .file-name {
        
                margin-left: 10px;
        
                font-size: 16px;
        
                color: #333;
        
            } corrige