/* conteneur global */
.project-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 20px;
  box-sizing: border-box;
}

/* colonne gauche = 1/3 */
.project-left {
  flex: 0 0 33.333%;
  max-width: 33.333%;
  padding: 0 20px;
  box-sizing: border-box;
}

/* colonne droite = 2/3 */
.project-right {
  flex: 1;
  padding: 0 20px;
  box-sizing: border-box;
}

/* visuel */
.project-photo { width: 100%; height: auto; border-radius: 8px; margin-bottom: 20px; }
.project-title { font-size: 32px; margin: 0 0 20px; color: #1563ac; }

/* listes de taxos */
.project-list { margin: 0 0 30px; padding-left: 18px; }
.project-list li { margin-bottom: 6px; }
.project-list a { color: #0b8e36; text-decoration: none; }
.project-list a:hover { text-decoration: underline; }

/* responsive : empilement sous 900 px */
@media (max-width: 900px) {
  .project-wrapper { flex-direction: column; }
  .project-left, .project-right { max-width: 100%; }
}