body, h1 { font-size: 16px; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; margin: 20px}
header { margin: 20px}
h1 { font-size: 16px; font-weight: normal;}
h1, #filtres, #filtres ul, #filtres li { display: inline; margin: 0; padding:0 }

h1:after, #filtres ul:after { content: " — "}
a { color:black; text-decoration: none}
a.selected { border-bottom: 2px solid black}


#images { margin-top : 20px; padding: 0}
#images li { width: 200px; display: block; float: left; margin: 20px}
img { max-width: 100%}



nav {
    margin-bottom: 60px;
    display: flex;
    justify-content:space-between;
    padding: 0 20px;
    width: calc(100% - 60px);
    margin-left: 30px;
    z-index: 1;
    position: relative;
}
nav img { width: 60px;}
.droite img { transform: rotate(90deg);}
.gauche img { transform: rotate(-90deg); }