/* ----------------------------------------- */ /* Vue : Fonctions (niveau 0) : début */ /* ----------------------------------------- */ .persons > div { display:flex; flex-direction: row; flex-wrap:wrap; justify-content:space-between; width:100%; text-align:center; } @media only screen and (min-width: 550px) { .persons > div { text-align:left; } } /* ----------------------------------------- */ /* Vue : Fonctions (niveau 0) : fin */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Modèle de contenu : Loop item in Menu – Vous êtes ? - démarrer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : Loop item in Menu – Vous êtes ? - terminer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : Modèle pour Pages - démarrer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : Modèle pour Pages - terminer */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modèle de contenu : Modèle pour Personnes - démarrer */ /* ----------------------------------------- */ .person { flex: 0 0 100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; margin-top: 10px; margin-bottom:10px; min-height:100px; } @media only screen and (min-width: 550px) { .person { flex-wrap:nowrap; justify-content:flex-start; } } @media only screen and (min-width: 1120px) { .person { flex: 0 0 50%; } } .person img { flex: 0 0 100px; margin-right:10px; } .person > div { width:100%; } @media only screen and (min-width: 550px) { .person > div { width:auto; } } .person p { margin:0 } .person p.person-name { font-weight: bold; } .person p.person-function { font-style:italic; } /* ----------------------------------------- */ /* Modèle de contenu : Modèle pour Personnes - terminer */ /* ----------------------------------------- */