@media (orientation: portrait) and (max-width: 12cm),(orientation: landscape) and (max-height: 12cm),handheld and (orientation: portrait) and (max-width: 12cm),handheld and (orientation: landscape) and (max-height: 12cm) {
  .titre_page {
    font-size: 1em;
  }
  #contenu_atelier .sous_titre_page,
  #contenu_atelier .titre_zone {
    font-size: 1em;
  }
  #contenu_atelier .sous_titre_page {
    text-align: center;
  }
  #contenu_atelier .titre_zone {
    background-color: transparent;
  }
  #contenu_atelier .explication {
    font-size: 0.8em;
  }
  #portrait_laurence img {
    max-width: 100%;
    height: auto;
  }
  #zone_qui_suis_je .signature {
    font-size: 1em;
  }
  #image_table_travail .titre_image {
    font-size: 0.8em;
  }
  #image_table_travail .detail_outil {
    font-size: 1em;
  }
  #image_barres_verre .titre_image,
  #image_torsades .titre_image,
  #image_murinis_couleurs .titre_image,
  #image_murinis_noirs .titre_image {
    font-size: 0.8em;
  }
  #image_argent .titre_image {
    font-size: 0.8em;
  }
  #zone_4 {
    width: 100%;
  }
  #zone_4 .atelier_exemples img {
    width: 100%;
    height: auto;
  }
  #zone_5 {
    width: 100%;
  }
  #zone_6 {
    width: 100%;
  }
  #zone_6 .titre_image {
    font-size: 0.8em;
  }
}