@media screen and (max-width: 1680px) {
       div.information.liste {
                width: calc(19% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 1460px) {
       div.information.liste {
                width: calc(24% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 1240px) {
       div.information.liste {
                width: calc(32% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 1020px) {
       div.information.liste {
                width: calc(48% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 780px) {
       div.information.liste {
                width: calc(32% - 40px); margin-left: 20px; margin-right: 20px; 
        }
       div#conteneur.IndeXysCommerceArticle div.information.detail {
                padding: 20px; 
        }


}

@media screen and (max-width: 640px) {
       div.information.detail div.image {
               float: none; width: 100%; 
        }
}

@media screen and (max-width: 560px) {
       div.information.liste {
                width: calc(48% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}

@media screen and (max-width: 340px) {
       div.information.liste {
                width: calc(98% - 40px); margin-left: 20px; margin-right: 20px; 
        }
}