/* Ajoutez votre style CSS ici */
body {
	padding: 150px;
      margin: 250px;
      font-family: 'Poppins', sans-serif;
      background-color: #000;
      color: #C0C0C0;
      overflow-x: hidden;
    }
    header {
  background-color: #000;
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed; /* Fixe en haut */
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 90px; /* hauteur ajustée */
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}
    header img {
      height:80px;
    }
    nav a {
      margin: 0 15px;
      text-decoration: none;
      color: #B29600;
      font-weight: 500;
    }
.product {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-top: 70px;
}

.item {
    text-align: center;
    margin: 20px;
	max-width: 200px; /* Ajoutez la largeur maximale souhaitée */
    width: 100%; /* Assurez-vous que la largeur est de 100% */
	
}

.item img {
    max-width: 100%; /* Assurez-vous que l'image ne dépasse pas la largeur de son conteneur */
}

select {
    margin-top: 10px;
}

/* Style the form */
.form-popup {
  display: none; /* Hidden by default */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: white; /* White background color */
  border: 3px solid #f1f1f1;
  z-index: 9;
}

/* Full-width input fields */
.form-popup input[type=text], 
.form-popup input[type=email], 
.form-popup input[type=tel] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Set a style for the submit button */
.form-popup .btn {
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
}

/* Add a red background color to the cancel button */
.form-popup .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-popup .btn:hover, .open-button:hover {
  opacity: 1;
}

