.oeuvre {
  max-width: 900px;
  margin: 40px auto;
  font-family: Arial, sans-serif;
}

/* Description */
.oeuvre-description {
  background: #ffffff;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  box-shadow: 0 6px 14px rgba(0,0,0,0.08);
}

/* Illustration */
.oeuvre-illustration {
  width: 100%;
  border-radius: 12px;
  margin: 20px 0;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

/* Auteur */
.oeuvre-auteur {
  border-left: 5px solid #2563eb;
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #eef4ff;
}

/* Date */
.oeuvre-date {
  border-left: 5px solid #16a34a;
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #eafaf0;
}

/* Technologies */
.oeuvre-technologie {
  border-left: 5px solid #7c3aed;
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #f3eefe;
}

/* Interopérabilité */
.oeuvre-interoperabilite {
  border-left: 5px solid #f59e0b;
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #fff5e6;
}