@media (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body,  {
   width: 450px;  
 }
 
.smallmap {width:450px; height: 256px;}

/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* 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;
   width: auto;
 }

 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }

 /* Un message personnalisé 
    body:before {
    content: "Bloc@Bleau version mobile ";
    display: block;
    color: #777;
    margin-left:30px;
    margin-top:30px;
    font-style: italic;
 }*/
}