/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */

.flex_image, .flex, .flex_section, .flex_horizontal
    {
    display: flex;
    }

.flex_image
    {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    }

.flex_horizontal
    {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    }

.flex_image div
    {
    padding: 16px;
    min-width: 100px;
    }

.flex_section
    {
    /*justify-content: space-between;*/
    align-items: flex-end;
    flex-wrap: wrap;
    /*justify-content: space-around;*/
    }

@media only screen and (max-width: 600px)
    {
    .flex_section
        {
        justify-content: center!important;
        }
    .flex_section .auteur
        {
        margin: 8px 10px 0 10px;
        }
    }

.flex_section #auteur
    {
    padding-bottom: 0;    
    }