/* pour les tailles d'écran inférieures à 640px */ 
@media screen and (max-width: 640px) {
    /* passer tous les éléments de largeur fixe en largeur automatique */ 
    body { 
        width: auto; 
        margin: auto; 
        padding: auto; 
    }
    /* 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%; 
    }
    /* 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; 
    }
    /* gestion des mots longs */ 
    textarea, table, td, th, code, pre, samp { 
        /* césure forcée */ 
        word-wrap: break-word; 
    }
    code, pre, samp { 
        /* passage à la ligne spécifique pour les éléments à châsse fixe */ 
        white-space: pre-wrap; 
    }
}
    
/* police à 70% pour le mode paysage des écrans dont la taille est inférieure à 640px */ 
@media screen and (max-width:640px) and (orientation: landscape) {
    body {
        -webkit-text-size-adjust: 70%; 
    }
}