@charset "UTF-8";

.flexbox, .flex-container { /* flex-container : conteneur parent des flexbox */
    display: flex;
    flex-flow: row wrap; /* notation courte de :
    flex-direction: row; distribution des blocks (en ligne, inverse, en colonne, en colonne inverse) : row | row-reverse | column | column-reverse
    flex-wrap: nowrap; les "flex-items" ont le droit de passer à la ligne wrap | nowrap | wrap-reverse 
    */
    justify-content: flex-start;    /*  distribution principale des flex-items : flex-start | flex-end | center | space-between */
    align-items: stretch;    /*  distribution secondaire des flex-items : flex-start | flex-end | center | stretch */
    }
.flexbox > div, .flex-item { /* flex-item */
    flex: 1 1 auto; /* => flex:1; notation courte de :
    flex-grow: 0; possibilité pour un item de grandir, en proportion à l'intérieur du flex-container
    flex-shrink: 1; possibilité pour un item flex de rétrécir si nécessaire
    flex-basis: auto; taille par défaut avant que l'espace restant soit réparti
    */
    }
.centralise {
    margin: auto;   /* centre un contenu flexbox à la fois horizontalement et verticalement */
    }
.flexbox.centre {
    justify-content: center;
    }