/* CLEARFIX */
ul,
li {zoom: 1;}
ul:after,
li:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}

/* H1 */
h1 {height: 1.6em;}

h2 {font-size: 16px; font-weight: bolder;margin-bottom: 15px;}

li {float: left; width: 160px; margin-left: 20px; margin-bottom: 15px;}
li img {float: left; margin-right: 5px;}


@media only screen and (max-width: 779px) {
#pictogram {margin: 10px; width: 95%;}
li {width: 45%;margin-left: 15px;}
}