@media (pointer:coarse), (max-width:700px) {
  /* ici commence la css pour les regles */




body main article a > img.diag {
  display: block;
  padding: 10px;
  background-color: #147587;
  width: auto;
  height: auto;
  float: none;
  margin-left: 20%;
  max-width: 60%;
  max-height: 60%;
  box-shadow: 0 0 0 0;
  transition: 0.2s;
  border-radius: 0;
  min-width: 60%;
  min-height: 60%;
  }

  img.diag:hover {
    transform: none;
    box-shadow: 0 0 0 0;
    transition: none;
    border-radius: 0;
    min-width: 30%;
    min-height: 30%;
  }

}