@media (max-width: 640px) {
    * {box-sizing: border-box;}
    body {width: auto;margin: 0;padding: 0;}
    
    img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video {max-width: 100%;}
    img {height: auto;}
    
    textarea,table,td,th,code,pre,samp {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word; /* passage à la ligne forcé */
    }
    
    .flot {width:100%}
    .hide_mobile {display: none !important;}
    
    body:before {content: "Version mobile du site";display: block;text-align: center;font-style: italic;color: #777;}
}
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}