/* 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%;
    }
}

.mobileplansvg {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-width: 100%;
    padding: 0 10px;
}