body {
    width: 600px;
    margin: 10px auto;
}

@media screen and (max-width: 600px) {
    body {
        width: 200px;
    }
}

/* Affichage du + à côté des labels */
#content > form > label {
    display: inline;
}

#articleSearch > div {
    display: inline-block;
    margin-right: 10px;
}

/*Boutons filtres*/
.row > button {
    margin: 5px;
}

button.button.sort.asc::after {
    content: "\25B2";
}

button.button.sort.desc::after {
    content: "\25BC";
}


article {
    margin-bottom: 10px;
}


/*Liste d'items*/
.list p{
    display: inline !important;
}

/*Zone pagination*/
.pagination > li.active > a {
    background-color: red;
    color: white;
}

#auteur_nom {
    text-transform: uppercase;
}