/* ===== SIDEBAR ==== */
.sidebar{
          background-color: #04122E;
          height: 100%;
          width: 400px;   
          margin-left: 25px;
          margin-top: 20px;
          border-radius: 30px;
}

.affichage_profile{
          padding-left: 20px; 
          padding-top: 50px;
          padding-bottom: 50px; 
          border-radius: 30px;  
          width: 360px;
          margin-left: 10px;
          color: white;   
}

.affichage_profile h1{
          height: 40px;
          font-family: sans-serif;
          font-size: 1.5em;
}


/* ==== Mini calendrier ==== */
.mini_calendrier {
          display: flex;
          flex-direction: row;                  
          height: 400px;                     
          padding: 1rem;    
          border-radius: 30px;   
          margin: 20px 10px;  
          transition: 1s;        
          color: #fff;
          font-family: "Poppins", sans-serif;   
}

#mini_calendrier_mois{
          width: 300px;
          height: 30px;
}

/* ==== Boutons ==== */
.mini_calendrier button {
  width: 30px;        
  height: 30px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
}



/* Effet au survol */
.mini_calendrier button:hover {
  background-color: #0056b3;
}

/* Conteneur pour les boutons */
.mini_calendrier_btns {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  height: 50px;
}

.choix_affichage_alternant{
  margin-left: 25px;
  height: 50vh;
}

.choix_affichage_alternant h3{
  color: #fff;
}

.choix_affichage_alternant span{
  color: #fff;
}

.choix_alternant{
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 10px;
}

.choix_mehmet {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  color: #fff;
  cursor: pointer;
  transition: transform 0.3s ease; /* transition ici */
}

.choix_mehmet:hover {
  transform: scale(1.08); /* agrandissement */
}

.choix_mehmet input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.choix_mehmet label {
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.choix_semih{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 15px;
  color: #fff;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.choix_semih:hover{
  transform: scale(1.08);
}

.choix_semih input[type="checkbox"]{
  width: 18px;
  height: 18px;
  cursor: pointer;
}