/* Styles généraux */
body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* Icône du menu */
.menu-icon {
  font-size: 24px;
  cursor: pointer;
  padding: 15px;
/*  background-color: #f8b4c0;
*/  color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}

/* Menu latéral */
.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #ffeef1;
  overflow-x: hidden;
  transition: 0.3s;
  z-index: 999;
  padding-top: 60px;
}

.sidebar ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sidebar ul li {
  padding: 15px 20px;
/*  border-bottom: 1px solid #f0a0b0;
*/}

.sidebar ul li a {
  text-decoration: none;
  color: #333;
  font-size: 18px;
}

.sidebar ul li a:hover {
/*  color: #f08c9a;
*/}

/* Quand le menu est actif */
.sidebar.open {
  width: 250px;
}