/* Complement responsive : les gabarits de ce lot sont dessines pour
   un ecran large et fixe. En dessous, on libere les largeurs et l'on
   empile les colonnes plutot que de laisser la page deborder. */
img, table, iframe, embed, object { max-width: 100%; height: auto; }

@media (max-width: 980px) {
    html, body { overflow-x: hidden; }
    #wrapper, #container, #layout, #page, #main, #content, #contenu,
    #maitre, #site, #tout, .wrapper, .container, .page, .content,
    header, footer, nav {
        width: auto !important;
        max-width: 100% !important;
    }
    #sidebar, #side, #aside, aside, #gauche, #droite, #left, #right,
    .sidebar, .left, .right, .col, [class*="col-"], [class*="colonne"] {
        float: none !important;
        width: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    table[width], td[width] { width: auto !important; }
    td[background] { background-image: none !important; }
}