@media (max-width: 600px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto !important;
   margin: auto !important;
   padding: auto !important;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100% !important;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* césure forcée */
 }
 code, pre, samp {
   white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none !important;
   width: auto !important
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 /* Un message personnalisé */
 /*body:after {
   content: "Version mobile";
   display: block;
   color: #777;
   text-align: center;
   font-style: italic;
 }*/


}

@media screen and (max-width:600px) and (orientation: landscape) {
  body {
   -webkit-text-size-adjust: 70%;
  }
}