Le moteur du FLE 🚀

Vous cherchez, nous trouvons.

L'index des activités Français Langue Étrangère et similaires (FOS, FOU…).

Exemple : émotions "présent de l'indicatif"

  • A1
  • A2
  • B1
  • B2
  • C1
  • C2

Ci gît une bannière de publicité qui nous aide à garder ce site gratuit pour les utilisateurs.

Merci de désactiver votre bloqueur de pub pour ce site.

Thème : Donner Des Instructions

Français professionnel – Comment s’organise-t-on dans une cuisine de restauration collective ? L’Alsacienne de restauration nou

Que se passe-t-il dans les cuisines d’un restaurant ?

didomi host didomi components button cursor pointer display block height 38px padding 0 20px font size 16px line height 18px font weight bold text align center color 555 background color eee border solid 1px rgba 34 34 34 2 didomi host didomi components button disabled opacity 4 cursor initial didomi host didomi components button span background rgba 0 0 0 0 didomi host didomi mobile didomi components button font size 14px didomi host didomi screen xsmall didomi components button padding 0 10px didomi host didomi components radio display webkit flexbox display flex moz flex direction row flex direction row webkit flex pack justify moz justify content space between justify content space between moz align items center align items center didomi host didomi components radio option margin right 5px cursor pointer height 25px box shadow 1px 1px 0 0 rgba 0 0 0 1 background color fff border solid 1px eee padding 0 20px line height 12px font size 12px color 757575 font weight bold transition background color 200ms border color 200ms transition timing function ease didomi host didomi components radio option hover color 757575 border color 757575 didomi host didomi components radio option last child margin right 0 dir rtl didomi host didomi components radio option last child margin right 5px didomi host didomi components radio option first child margin right 5px dir rtl didomi host didomi components radio option first child margin right 0 didomi host didomi components radio option svg margin right 5px didomi host didomi components radio option span background rgba 0 0 0 0 didomi host didomi components radio option didomi components radio option agree background color 3d8548 color fff border solid 1px rgba 0 0 0 3 padding 0 11 5px didomi host didomi components radio option didomi components radio option agree svg vertical align middle didomi host didomi components radio option didomi components radio option disagree background color e60000 color fff border solid 1px rgba 0 0 0 3 padding 0 13 5px didomi host didomi components radio option reporting box sizing border box didomi host didomi components radio option reporting didomi radio option disagree to all font size 12px important didomi host didomi components radio option reporting didomi radio option agree to all font size 12px important didomi host didomi components radio option accepter box sizing border box didomi host didomi components accordion flex 5 didomi host didomi components accordion label click cursor pointer didomi host didomi components accordion trigger icon width 15px font size 16px display inline block text align center didomi host didomi components accordion didomi content display none overflow hidden max height 0 opacity 0 visibility hidden font weight 300 text align justify transition all 1s ease in out transition property opacity max height transform visibility padding bottom didomi host didomi components accordion didomi content active display block max height 3000px opacity 1 visibility visible padding bottom 10px transition property opacity max height transform visibility overflow visible didomi host didomi components accordion didomi components accordion label container display webkit flexbox display flex moz flex direction row flex direction row webkit flex pack justify moz justify content space between justify content space between moz align items center align items center didomi host didomi components accordion didomi components accordion label container label click flex 2 didomi host didomi mobile didomi components accordion width 100 flex 1 auto didomi host didomi mobile didomi components accordion didomi components accordion label container display webkit flexbox display flex moz flex direction column flex direction column webkit flex pack start moz justify content flex start justify content flex start moz align items flex start align items flex start didomi host lds ellipsis container display flex align items center justify content center height 100 dido

Utiliser le subjonctif avec les Vélo’v

Ça fait un petit bout de temps qu’une fiche pédagogique n’a pas été publiée sur le blog. Pour s’y remettre, une activité complète de réemploi du subjonctif en A2 avec la structure "il faut que". A cette occasion, on pourra faire découvrir le système de location de vélos en libre service lyonnais : les Vélo’v…

ca fait un petit bout de temps qu une fiche pedagogique n a pas ete publiee sur le blog pour s y remettre une activite complete de reemploi du subjonctif en a2 avec la structure il faut que a cette occasion on pourra faire decouvrir le systeme de location de velos en libre service lyonnais les velo v les cousins des velib a partir des instructions disponibles en ligne sur le site du grand lyon les eleves presentent a des touristes comment retirer un velo en employant la structure il faut que je ne propose pas de pistes pour la production orale mais il va de soi que cette activite peut etre pretexte a parler des modes de deplacement urbains de comparer differentes pratiques etc la fiche eleve fletonnante velova2 d autres autres idees pour parler des modes de transport en a2 le covoiturage ou du subjonctif en a2 b1 le court metrage tuileries image wikipedia ata cmd push function ata initvideoslot atatags 370373 6530cd1de0f13 sectionid 370373 format inread publicites powered by wordads co we ve received your report thanks for your feedback seen too often not relevant offensive broken report this ad ata cmd push function ata initdynamicslot id atatags 26942 6530cd1de0f57 location 120 formfactor 001 label text publicites creative reportad text report this ad privacysettings text confidentialite velo v objectifs comprendre un mode d emploi donner des instructions grammaire emploi du subjonctif apres il faut que culture le service des velo v competences ce pe niveau a2 les velo v vous connaissez visitez le site du grand lyon pour en savoir plus allez sur la page prendre un velo prendre un velo expliquez a des touristes comment retirer un velo v en utilisant la structure il faut que subjonctif ex il faut que vous vous identifiiez apres il faut que tu etape 1 la carte etape 2 s identifier il suffit de vous identifier a la borne soit en tapant votre numero de ticket soit en passant votre carte d abonnement longue duree devant le lecteur de la borne et en saisissant ensuite votre code secret velo v composez votre code confidentiel et selectionnez prendre un velo etape 3 selectionner son velo etape 4 deverrouiller son velo choisissez un velo parmi ceux qui sont proposes attendre quelques secondes la validation vous avez 60 secondes pour prendre le velo appuyez sur le bouton de la bornette tirez le velo vers vous prenez le velo selectionne bon voyage amandine c http francaislangueetonnante wordpress com ca fait un petit bout de temps qu une fiche pedagogique n a pas ete publiee sur le blog pour s y remettre une activite complete de reemploi du subjonctif en a2 avec la structure il faut que a cette occasion on pourra faire decouvrir le systeme de location de velos en libre service lyonnais les velo v donner des instructions subjonctif a2 transport ville il faut que velo v production ecrite comprehension ecrite grammaire utiliser le subjonctif avec les velo v donner des instructions subjonctif transport ville il faut que velo v production ecrite comprehension ecrite grammaire ca fait un petit bout de temps qu une fiche pedagogique n a pas ete publiee sur le blog pour s y remettre une activite complete de reemploi du subjonctif en a2 avec la structure il faut que a cette occasion on pourra faire decouvrir le systeme de location de velos en libre service lyonnais les velo v

L’impératif (A1)

« Tiens-toi droit! Ne mets pas tes coudes sur la table! » Comment se forme l’impératif ? A quoi sert-il ? Cette fiche de grammaire s’organise en quatre parties : 1. Utilisation, formation et irrégularités de l’impératif 2. Exercices 3. Production écrite 4. Jeu    Document élève : A1_Grammaire_Impératif Corrigé : A1_Grammaire_Impératif_Corrigé Pratiquez-bien!

tiens toi droit ne mets pas tes coudes sur la table comment se forme l imperatif a quoi sert il cette fiche de grammaire s organise en quatre parties 1 utilisation formation et irregularites de l imperatif 2 exercices 3 production ecrite 4 jeu document eleve a1 grammaire imperatif corrige a1 grammaire imperatif corrige pratiquez bien ata cmd push function ata initdynamicslot id atatags 1168536091 654b0574d0d6e location 120 formfactor 001 label text publicites creative reportad text report this ad privacysettings text confidentialite fiche de grammaire l imperatif a1 utilisation l imperatif est utilise pour exprimer un ordre ou une interdiction formation l imperatif existe seulement a trois personnes tu nous et vous il se forme comme le present de l indicatif mais le pronom personnel est omis ex tu fais tes devoirs fais tes devoirs parler aller se lever finir prendre voir parle parlons parlez va allons allez leve toi levons nous levez vous finis finissons finissez prends prenons prenez vois voyons voyez parler ne parle pas ne parlons pas ne parlez pas aller ne va pas n allons pas n allez pas se lever finir prendre ne te leve pas ne nous levons pas ne vous levez pas ne finis pas ne finissons pas ne finissez pas ne prends pas ne prenons pas ne prenez pas voir ne vois pas ne voyons pas ne voyez pas particularites a la deuxieme personne du singulier les verbes en er ne prennent pas de s final avec les verbes pronominaux le pronom est apres le verbe et precede d un trait d union a la forme affirmative et devant le verbe a la forme negative verbes irreguliers sois soyons soyez etre ne sois pas ne soyons pas ne soyez pas aie ayons ayez avoir n aie pas n ayons pas n ayez pas sache sachons sachez savoir ne sache pas ne sachons pas ne sachez pas vouloir veuille voulons veuillez ne veuille pas ne voulons pas ne veuillez pas exercices transformer les phrases suivantes a l imperatif present ex il ne faut pas fumer dans ce batiment vous ne fumez pas dans ce batiment 1 il est interdit de prendre le train sans billet nous 2 tu dois prevenir si tu ne rentres pas diner 3 4 il ne faut pas ecrire sur les tables vous il est obligatoire d arriver a l heure en cours tu 5 tu ne dois pas parler pendant l examen 6 nous devons attacher nos ceintures 7 il faut envoyer ce document avant le 15 vous 8 nous ne devons pas sortir sans permission mg fiche de grammaire 9 il est indispensable de prendre des bottes vous 10 vous devez apprendre a partager inventer une liste d ordres et d interdictions qu un parent donne a son enfant 1 2 3 4 5 6 inventer une liste d ordres et d interdictions qu un professeur donne a ses eleves 1 2 3 4 5 6 production ecrite des amis organisent leur demenagement vous leur envoyez un email pour leur donner des instructions jeu jacques a dit ce jeu consiste a executer les actions donnees par le meneur de jeu si ses ordres sont precedes de jacques a dit exemple le meneur de jeu dit jacques a dit leve le bras vous devez lever le bras exemple le meneur de jeu dit leve le bras vous ne devez pas lever le bras si un joueur se trompe et ne suit pas correctement les instructions du meneur de jeu il est elimine de la partie mg fiche de grammaire l imperatif a1 utilisation l imperatif est utilise pour exprimer un ordre ou une interdiction formation l imperatif existe seulement a trois personnes tu nous et vous il se forme comme le present de l indicatif mais le pronom personnel est omis ex tu fais tes devoirs fais tes devoirs parler aller se lever finir prendre voir parle parlons parlez va allons allez leve toi levons nous levez vous finis finissons finissez prends prenons prenez vois voyons voyez parler ne parle pas ne parlons pas ne parlez pas aller ne va pas n allons pas n allez pas se lever finir prendre ne te leve pas ne nous levons pas ne vous levez pas ne finis pas ne finissons pas ne finissez pas ne prends pas ne prenons pas ne prenez pas voir ne vois pas ne voyons pas ne voyez pas particularites a la deuxieme personne du singulier les ver

Multilinguisme et FLE - parler de la construction européenne en cours de français - TV5MONDE | Enseigner le français avec TV5MO

Comment construire un projet commun quand, a priori, on ne se comprend pas ?

didomi host didomi components button cursor pointer display block height 38px padding 0 20px font size 16px line height 18px font weight bold text align center color 555 background color eee border solid 1px rgba 34 34 34 2 didomi host didomi components button disabled opacity 4 cursor initial didomi host didomi components button span background rgba 0 0 0 0 didomi host didomi mobile didomi components button font size 14px didomi host didomi screen xsmall didomi components button padding 0 10px didomi host didomi components radio display webkit flexbox display flex moz flex direction row flex direction row webkit flex pack justify moz justify content space between justify content space between moz align items center align items center didomi host didomi components radio option margin right 5px cursor pointer height 25px box shadow 1px 1px 0 0 rgba 0 0 0 1 background color fff border solid 1px eee padding 0 20px line height 12px font size 12px color 757575 font weight bold transition background color 200ms border color 200ms transition timing function ease didomi host didomi components radio option hover color 757575 border color 757575 didomi host didomi components radio option last child margin right 0 dir rtl didomi host didomi components radio option last child margin right 5px didomi host didomi components radio option first child margin right 5px dir rtl didomi host didomi components radio option first child margin right 0 didomi host didomi components radio option svg margin right 5px didomi host didomi components radio option span background rgba 0 0 0 0 didomi host didomi components radio option didomi components radio option agree background color 3d8548 color fff border solid 1px rgba 0 0 0 3 padding 0 11 5px didomi host didomi components radio option didomi components radio option agree svg vertical align middle didomi host didomi components radio option didomi components radio option disagree background color e60000 color fff border solid 1px rgba 0 0 0 3 padding 0 13 5px didomi host didomi components radio option reporting box sizing border box didomi host didomi components radio option reporting didomi radio option disagree to all font size 12px important didomi host didomi components radio option reporting didomi radio option agree to all font size 12px important didomi host didomi components radio option accepter box sizing border box didomi host didomi components accordion flex 5 didomi host didomi components accordion label click cursor pointer didomi host didomi components accordion trigger icon width 15px font size 16px display inline block text align center didomi host didomi components accordion didomi content display none overflow hidden max height 0 opacity 0 visibility hidden font weight 300 text align justify transition all 1s ease in out transition property opacity max height transform visibility padding bottom didomi host didomi components accordion didomi content active display block max height 3000px opacity 1 visibility visible padding bottom 10px transition property opacity max height transform visibility overflow visible didomi host didomi components accordion didomi components accordion label container display webkit flexbox display flex moz flex direction row flex direction row webkit flex pack justify moz justify content space between justify content space between moz align items center align items center didomi host didomi components accordion didomi components accordion label container label click flex 2 didomi host didomi mobile didomi components accordion width 100 flex 1 auto didomi host didomi mobile didomi components accordion didomi components accordion label container display webkit flexbox display flex moz flex direction column flex direction column webkit flex pack start moz justify content flex start justify content flex start moz align items flex start align items flex start didomi host lds ellipsis container display flex align items center justify content center height 100 dido

La restauration de meubles

theme art et artisanat duree 120 minutes 2 h niveau b1 b2 metiers vises ebeniste restaurateur de patrimoine prerequis le vocabulaire des meubles l imperatif la forme passive objectif general comprendre et expliquer la restauration d un meuble objectif grammatical la formulation d instructions objectif lexical les types de bois utilises pour les meubles les outils et les etapes de la restauration de meuble tache finale les types de bois utilises pour les meubles les outils et les etapes de la restauration de meuble fiche apprenant la restauration de meubles activite 2 comprehension du document 2 1 ecrivez le nom des meubles suivants 2 2 retrouvez le nom de ces outils utilises en restauration de meubles 2 3 trouvez a quel mot correspond la definition en notant le numero dans la case correspondant 1 2 3 4 5 6 7 8 une ponceuse humidifier de la laine d acier sert a durcir le bois une eponge sert a frapper ou a enfoncer un durcisseur nettoyer les poussieres une brosse de nettoyage decaper le bois un racloir un maillet sert a aplatir parfaire l etat de surface du bois apres rabotage une spatule en bois sert a poncer activite 3 comprehension et systematisation du point langue et systematisation du vocabulaire 3 1 allez sur le site http www leroymerlin fr v3 p tous les contenus pedagogiques peinture et droguerie restauration du bois et ebenisterie l1308220720 et retrouvez a quelle etape du tableau renvoient les instructions suivantes a passez la teinte dans le sens des fibres element par element b vous pouvez choisir un produit de rebouchage incolore ou teinte selon la finition envisagee c pour cette operation la laine d acier est deconseillee d travaillez dans le sens des fibres en commencant par le haut du meuble pour finir vers le bas e appliquez le fondur au spalter ou a la meche dans le sens du fil evidemment f en prevention traitez par impregnation en deux couches appliquees a la brosse plate laissez bien secher la premiere couche avant de passer la suivante g essuyez immediatement l excedent avec un tampon de meche propre ou un chiffon non pelucheux h vous pouvez aussi faire le test avec du papier de verre la cire vient s y coller le vernis se transforme en poussiere eric bancroft i pour renforcer un meuble vermoulu utilisez un durcisseur bois j il est indispensable de proteger le bois contre les insectes et les champignons 1 decaper et nettoyer le bois 4 teinter 2 proteger des parasites 5 appliquer la finition 3 reboucher et reparer vernis durcisseur 3 2 observez les phrases de l activite 3 1 et regardez la maniere dont sont donnees les instructions rappel phrases a d e f g et i on utilise phrases b et h on utilise vous devez ou infinitif phrase c on utilise un verbe a la forme on utilise les formes impersonnelles il est preferable de il faut ou infinitif 3 3 ecrivez les instructions suivantes de 3 autres manieres a decapez le meuble b il faut poncer le meuble avec une ponceuse electrique c vous pouvez reboucher les morceaux qui se sont decolles d une spatule est utilisee pour etaler le durcisseur e il est indispensable de poncer de nouveau le meuble avec de la laine d acier f appliquez du vernis sur le eric bancroft meuble activite 4 reemploi 4 1 production orale en groupes de 2 a 3 personnes jouez le role d un ebeniste et de deux apprentis allez sur le site http www relookmeubles com avant apres html et observez les meubles avant et apres leur restauration l ebeniste va expliquer comment il faut reparer le meuble et donne ses instructions reutilisez le lexique des outils donne dans la partie 2 2 4 2 production ecrite mettez ensuite par ecrit les instructions pour restaurer le meuble que vous avez choisi eric bancroft eric bancroft fiche enseignant la restauration de meubles en un clin d oeil theme duree niveau artisanat du bois 2 heures b1 b2 metiers vises ebeniste restaurateur de patrimoine prerequis vocabulaire des meubles imperatif et la forme passive supports utilises powerpoint fiche pedagogique sites internet https www

Enseigner avec «Les voisins du 12 bis» : public FLE

Enseignez le français de la vie quotidienne à partir de la fiction radiophonique « Les voisins du 12 bis ». Vingt-six fiches pédagogiques pour enseigner le français langue étrangère (FLE) à des adultes…

fiche a1 enseigner avec les voisins du 12 bis public fle enseignez le francais de la vie quotidienne a partir de la fiction radiophonique les voisins du 12 bis vingt six fiches pedagogiques pour enseigner le francais langue etrangere fle a des adultes et grands adolescents debutants publie le 25 10 2022 14 46modifie le 25 10 2022 15 10 5 mn rosa decouvre nos fiches pedagogiques julina jj par emilie kasazian delphine barreau france education international preambuleles voisins du 12 bis c est l histoire de billie rosa et des autres habitants du 12 bis rue du paradis a paris pour enseigner le fle a un public de debutants vous trouverez 2 fiches pedagogiques par episode chaque fiche est divisee en 3 etapes comprendre la situation observer et comprendre la langue s entrainer le kit complet pour enseigner avec les voisins du 12 bis c est le livret apprenant es pdf toutes les fiches apprenant es et les transcriptions les parcours de comprehension orale comprendre la situation en ligne pour la classe inversee par exemple ces parcours en ligne correspondent a la premiere partie de comprehension de chaque fiche le guide pedagogique pdf toutes les fiches prof avec des aides et des commentaires pour animer la classe les pistes audio de la serie a ecouter pour chaque exercice la bande dessinee en pdf ou sur instagram pour enrichir l experience d apprentissage les podcasts bilingues de la fiction radio pour ecouter l histoire en entier disponibles en anglais arabe espagnol mandarin persan portugais du bresil russe ukrainien pour mieux comprendre la methodologie generale de ces fiches et les contenus proposes vous pouvez consulter le tableau des contenus pdf decouvrir la demarche pedagogique pdf suivre le module de formation enseigner le francais avec une fiction radio sur la plateforme fei en plus d enseigner le fle avec ces fiches pedagogiques vous pouvez enseigner a un public d apprentis lecteurs et scripteurs adultes avec 13 autres fiches pedagogiques les fiches sont aussi disponibles episode par episode episode 1 une arrivee mouvementeeune greve de transports et une urgence medicale marquent l arrivee de billie au 12 bis rue du paradis les fiches apprenant e episode 1 parties 1 2 les fiches prof episode 1 parties 1 2 pistes audio 01 a 13 partie 1 objectifs se renseigner demander donner une informationgrammaire la forme negative a l oral et a l ecrit lexique les transportspoint socioculturel sociolinguistique les formules de politesse excusez moi desole s il vous plait partie 2objectif demander de l aide en situation d urgencegrammaire l imperatif il faut infinitiflexique les urgences medicalespoint socioculturel sociolinguistique les numeros d urgence en france episode 2 un courrier mysterieuxun facteur presse une erreur d adresse mais ou est la destinataire de ce courrier les fiches apprenant e episode 2 parties 1 2 les fiches prof episode 2 parties 1 2 pistes audio 14 a 20 partie 1 objectifs demander donner une information donner son adressegrammaire la forme interrogativelexique le courrier postalpoint socioculturel sociolinguistique l adresse postale rue avenue boulevard etc partie 2 objectif demander un service a quelqu ungrammaire le tutoiement et le vouvoiementlexique les formules de politessespoint socioculturel sociolinguistique voyage en france le formulaire d entree episode 3 a la recherche d awaun controle de police pour zirek et des nouvelles d awa rosa et billie prennent une decision audacieuse les fiches apprenant e episode 3 parties 1 2 les fiches prof episode 3 parties 1 2 pistes audio 21 a 31 partie 1 objectif donner un ordregrammaire l imperatif le tutoiement et le vouvoiementlexique les documents officiels papiers d identite permis de conduire etc le controle policierpoint socioculturel sociolinguistique les documents officiels pieces d identite permis de conduire partie 2 objectifs demander donner une informationgrammaire les formes interrogatives questions ouvertes et questions fermeeslexique la demande de visa poi

Analyser les Fables de La Fontaine en classe de français | Enseigner le français avec TV5MONDE

La Fontaine était-il vraiment l’homme naïf et nonchalant qu’il prétendait être ? (Re)découvrez ce monde fabuleux où les animaux nous dévoilent les défauts des hommes.

didomi host didomi components button cursor pointer display block height 38px padding 0 20px font size 16px line height 18px font weight bold text align center color 555 background color eee border solid 1px rgba 34 34 34 2 didomi host didomi components button disabled opacity 4 cursor initial didomi host didomi components button span background rgba 0 0 0 0 didomi host didomi mobile didomi components button font size 14px didomi host didomi screen xsmall didomi components button padding 0 10px didomi host didomi components radio display webkit flexbox display flex moz flex direction row flex direction row webkit flex pack justify moz justify content space between justify content space between moz align items center align items center didomi host didomi components radio option margin right 5px cursor pointer height 25px box shadow 1px 1px 0 0 rgba 0 0 0 1 background color fff border solid 1px eee padding 0 20px line height 12px font size 12px color 757575 font weight bold transition background color 200ms border color 200ms transition timing function ease didomi host didomi components radio option hover color 757575 border color 757575 didomi host didomi components radio option last child margin right 0 dir rtl didomi host didomi components radio option last child margin right 5px didomi host didomi components radio option first child margin right 5px dir rtl didomi host didomi components radio option first child margin right 0 didomi host didomi components radio option svg margin right 5px didomi host didomi components radio option span background rgba 0 0 0 0 didomi host didomi components radio option didomi components radio option agree background color 3d8548 color fff border solid 1px rgba 0 0 0 3 padding 0 11 5px didomi host didomi components radio option didomi components radio option agree svg vertical align middle didomi host didomi components radio option didomi components radio option disagree background color e60000 color fff border solid 1px rgba 0 0 0 3 padding 0 13 5px didomi host didomi components radio option reporting box sizing border box didomi host didomi components radio option reporting didomi radio option disagree to all font size 12px important didomi host didomi components radio option reporting didomi radio option agree to all font size 12px important didomi host didomi components radio option accepter box sizing border box didomi host didomi components accordion flex 5 didomi host didomi components accordion label click cursor pointer didomi host didomi components accordion trigger icon width 15px font size 16px display inline block text align center didomi host didomi components accordion didomi content display none overflow hidden max height 0 opacity 0 visibility hidden font weight 300 text align justify transition all 1s ease in out transition property opacity max height transform visibility padding bottom didomi host didomi components accordion didomi content active display block max height 3000px opacity 1 visibility visible padding bottom 10px transition property opacity max height transform visibility overflow visible didomi host didomi components accordion didomi components accordion label container display webkit flexbox display flex moz flex direction row flex direction row webkit flex pack justify moz justify content space between justify content space between moz align items center align items center didomi host didomi components accordion didomi components accordion label container label click flex 2 didomi host didomi mobile didomi components accordion width 100 flex 1 auto didomi host didomi mobile didomi components accordion didomi components accordion label container display webkit flexbox display flex moz flex direction column flex direction column webkit flex pack start moz justify content flex start justify content flex start moz align items flex start align items flex start didomi host lds ellipsis container display flex align items center justify content center height 100 dido