/* -------------------------------------------------------- */
/* main.css – Styles pour le main et l'image PHP           */
/* -------------------------------------------------------- */

main {
  flex: 1;
  display: flex;
  justify-content: center; /* centrer l'image */
  align-items: flex-start;
  padding: 20px;
  position: relative;
  background:  linear-gradient(to bottom, rgba(0,191,255,0.6), rgba(0,85,164,0.8)); /* ancien background */
  flex-direction: column;
}

/* Image sacrée ajoutée par PHP */
.main-php-image {
  display: block;
  max-width: 90%;
  height: auto;
  margin: 30px auto 0;
  border-radius: 12px;

  box-shadow: 
    0 6px 25px rgba(0,0,0,0.6),
    0 0 8px rgba(255,255,255,0.3);

  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.main-php-image:hover {
  transform: translateY(-5px);
  box-shadow: 
    0 10px 35px rgba(0,0,0,0.75),
    0 0 10px rgba(255,255,255,0.4);
}