/* Preserve the desktop layout; keep text readable beside archive images on phones. */
@media (max-width: 600px) {
  .hp-histoire-avignon .main img.left,
  .hp-histoire-avignon .main img.right,
  .hp-histoire-avignon .main img.cadrephoto {
    float: none;
    display: block;
    max-width: 100%;
    height: auto;
    margin: 12px auto;
  }
  .hp-histoire-avignon .main > p.legendephoto {
    float: none;
    clear: both;
    width: auto;
    max-width: 100%;
    margin: 6px 0 18px;
    text-align: center;
  }
}