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 : Film Francophone

Fiche pédagogique – Le Printemps du Cinéma !

Bonjour, Aujourd’hui, entre presse écrite et cinéma, je viens partager avec vous une exploitation pédagogique d’un article sur le Printemps du Cinéma. Et si le problème avec l’exploitation d’un article de presse, c’est son inévitable obsolescence, l’avantage du printemps du cinéma c’est d’avoir lieu tous les ans ! Ainsi, il suffit d’un rien pour actualiser la…

bonjour aujourd hui entre presse ecrite et cinema je viens partager avec vous une exploitation pedagogique d un article sur le printemps du cinema et si le probleme avec l exploitation d un article de presse c est son inevitable obsolescence l avantage du printemps du cinema c est d avoir lieu tous les ans ainsi il suffit d un rien pour actualiser la trame que je vous propose et d ailleurs c est quoi la trame de cette exploitation pedagogique simplement une discussion autour du cinema puis un travail sur les verbes et les expressions de l opinion des gouts personnels ainsi qu un petit un retour sur les adjectifs melioratifs et pejoratifs et la finalite de ce travail tendre a la creation de podcast video ou les apprenants critiqueront un film francophone de leur choix amusez vous bien spot publicitaire ici fiche d exploitation printemps du cinema quentin guichard fiche d exploitation de document authentique presse en ligne les 5 films a voir pendant le printemps du cinema du huffington post http www huffingtonpost fr 2017 03 19 les cinq films a voir pendant le printemps du cinema a 21901529 utm hp ref fr cinema niveau a2 acquis b1 vise support les 5 films a voir pendant le printemps du cinema du huffington post objectifs linguistiques les verbes d opinions et les expressions de l opinion retour sur les adjectifs melioratifs et les adjectifs pejoratifs expression des gouts personnels communicatifs exprimer une opinion savoir parler d un film et en faire une critique exprimer son accord et exprimer son desaccord culturels le printemps du cinema les francais et le cinema le cinema francophone competences visees comprehension orale comprehension ecrite expression orale expression ecrite materiel reproduction de l article du huffington post necessaire pour diffuser une video en classe outils numeriques pour tourner des videos tablette numerique par exemple duree trois quatre heures autre s precision s objectifs avec cette exploitation pedagogique nous pensions proposer en tache finale la creation d une petite serie de video ou les apprenants feront une critique en francais d un film francophone de leur choix afin de faciliter le travail de recherche nous pourrions d ailleurs tres bien proposer une liste de film francophone a nos apprenants ces critiques video seront a realiser par groupe de deux ou trois apprenants qui devront se partager le temps de parole afin que chacun puisse donner son avis son opinion sur le film choisis ces videos seront ensuite partagees sur internet par exemple sur un padlett ou sur un reseau social ce qui permettrait une plus grande visibilite a la fois pour le travail de nos apprenants mais egalement une plus large diffusion de la culture francophone dans le cas ou cette exploitation pedagogique se deroulerait dans le pays d origine de nos apprenants pour arriver a la realisation de cette mini serie de critique de cinema nous travaillerons principalement sur l expression de l opinion en francais mais nous reviendrons egalement sur l expression du gout ainsi que sur les adjectifs melioratifs et pejoratifs d un point de vue culturel cette exploitation pedagogique permet de parler du rapport que les francais peuvent entretenir avec le cinema de l operation printemps du cinema en france mais aussi et surtout d inciter nos apprenants a s ouvrir a la culture et aux productions cinematographiques au sein de la francophonie parallelement a ces objectifs linguistiques et culturels travailler avec cet article nous permet de reinvestir la culture les experiences cinematographiques ainsi que les gouts de nos apprenants dans le cadre de leur apprentissage linguistique l exploitation que nous proposons de ce document se compose de trois temps tout d abord nous procederons a un travail d introduction du document authentique ou nous creerons une discussion avec le groupe classe au sujet du cinema qui nous amenera a diffuser le spot publicitaire de l edition 2017 du printemps du cinema sur lequel nous nous attarderons alo

Cap sur la Wallonie | Enseigner le français avec TV5MONDE

Voyager au coeur de la Wallonie au fil de la Meuse.

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

« Le Prénom » : Se présenter et présenter quelqu’un (A1)

Durée : 1h30  /  Niveau : A1  / Public : Adolescents et adultes    Document élève : Et...Action_A1_Le-Prénom_Se-présenter-et-présenter-quelqu’un

duree 1h30 niveau a1 public adolescents et adultes document eleve et action a1 le prenom se presenter et presenter quelqu un ata cmd push function ata initdynamicslot id atatags 1168536091 6520318fc005e location 120 formfactor 001 label text publicites creative reportad text report this ad privacysettings text confidentialite onclick function window tcfapi window tcfapi showui et action le prenom se presenter et presenter quelqu un a1 date de sortie 25 avril 2012 1h 49min de alexandre de la patelliere matthieu delaporte avec patrick bruel valerie benguigui charles berling guillaume de tonquedec genre comedie nationalite francais synopsis vincent la quarantaine triomphante va etre pere pour la premiere fois invite a diner chez elisabeth et pierre sa soeur et son beau frere il y retrouve claude un ami d enfance en attendant l arrivee d anna sa jeune epouse eternellement en retard on le presse de questions sur sa future paternite dans la bonne humeur generale mais quand on demande a vincent s il a deja choisi un prenom pour l enfant a naitre sa reponse plonge la famille dans le chaos http www allocine fr film fichefilm gen cfilm 188448 html comprehension orale extrait 1 04 35 05 45 visionner l extrait du film et repondre aux questions 1 comment s appelle ce personnage elisabeth garraud larchet beatrice legrand ferret odette lamarque bleuet 2 quelle est sa profession ecrivain 3 quelle est sa passion le sport professeur la mode directrice d ecole l education extrait 2 05 48 06 55 visionner l extrait du film et selectionner si les affirmations sont vraies ou fausses en justifiant 1 pierre est professeur de droit a l universite vrai faux justification 2 il a environ 40 ans vrai faux justification 3 ses etudiants ne le supportent pas vrai faux justification 4 il ecrit aussi des livres vrai faux justification extrait 3 07 39 08 25 visionner l extrait du film et repondre aux questions mg et action 1 comment s appelle ce personnage 2 elle aime quoi 2 reponses 3 elle habite a paris extrait 4 09 15 09 55 visionner l extrait du film et associer les informations a chaque enfant apollin myrtille il elle a 12 ans il elle aime le tennis il elle a 4 ans il elle aime la litterature il elle aime se deguiser extrait 5 10 38 11 44 visionner l extrait du film et repondre aux questions 1 comment s appelle ce personnage 2 quelle est sa profession 3 quel est son signe astrologique 4 il aime faire quoi 3 reponses 5 quelle est sa plus grande qualite extrait 6 14 03 15 09 completer l arbre genealogique avec les prenoms des personnages production orale se presenter nom prenom age nationalite profession gouts etc production ecrite presenter une personne de sa famille ou un ami nom prenom age nationalite profession gouts etc mg duree 1h30 niveau a1 public adolescents et adultes document eleve et action a1 le prenom se presenter et presenter quelqu un comprehension orale adultes production ecrite communication adolescents production orale film francophone et action video public adolescents public adultes le prenom se presenter et presenter quelqu un a1 comprehension orale adultes production ecrite communication adolescents production orale film francophone et action video public adolescents public adultes presenter extrait duree 1h30 niveau a1 public adolescents et adultes document eleve etactiona1le prenomse presenter et presenter quelqu un

« Le Prénom » : Se présenter et présenter quelqu’un (A1)

Durée : 1h30  /  Niveau : A1  / Public : Adolescents et adultes    Document élève : Et...Action_A1_Le-Prénom_Se-présenter-et-présenter-quelqu’un

duree 1h30 niveau a1 public adolescents et adultes document eleve et action a1 le prenom se presenter et presenter quelqu un ata cmd push function ata initdynamicslot id atatags 1168536091 655044f08338e location 120 formfactor 001 label text publicites creative reportad text report this ad privacysettings text confidentialite et action le prenom se presenter et presenter quelqu un a1 date de sortie 25 avril 2012 1h 49min de alexandre de la patelliere matthieu delaporte avec patrick bruel valerie benguigui charles berling guillaume de tonquedec genre comedie nationalite francais synopsis vincent la quarantaine triomphante va etre pere pour la premiere fois invite a diner chez elisabeth et pierre sa soeur et son beau frere il y retrouve claude un ami d enfance en attendant l arrivee d anna sa jeune epouse eternellement en retard on le presse de questions sur sa future paternite dans la bonne humeur generale mais quand on demande a vincent s il a deja choisi un prenom pour l enfant a naitre sa reponse plonge la famille dans le chaos http www allocine fr film fichefilm gen cfilm 188448 html comprehension orale extrait 1 04 35 05 45 visionner l extrait du film et repondre aux questions 1 comment s appelle ce personnage elisabeth garraud larchet beatrice legrand ferret odette lamarque bleuet 2 quelle est sa profession ecrivain 3 quelle est sa passion le sport professeur la mode directrice d ecole l education extrait 2 05 48 06 55 visionner l extrait du film et selectionner si les affirmations sont vraies ou fausses en justifiant 1 pierre est professeur de droit a l universite vrai faux justification 2 il a environ 40 ans vrai faux justification 3 ses etudiants ne le supportent pas vrai faux justification 4 il ecrit aussi des livres vrai faux justification extrait 3 07 39 08 25 visionner l extrait du film et repondre aux questions mg et action 1 comment s appelle ce personnage 2 elle aime quoi 2 reponses 3 elle habite a paris extrait 4 09 15 09 55 visionner l extrait du film et associer les informations a chaque enfant apollin myrtille il elle a 12 ans il elle aime le tennis il elle a 4 ans il elle aime la litterature il elle aime se deguiser extrait 5 10 38 11 44 visionner l extrait du film et repondre aux questions 1 comment s appelle ce personnage 2 quelle est sa profession 3 quel est son signe astrologique 4 il aime faire quoi 3 reponses 5 quelle est sa plus grande qualite extrait 6 14 03 15 09 completer l arbre genealogique avec les prenoms des personnages production orale se presenter nom prenom age nationalite profession gouts etc production ecrite presenter une personne de sa famille ou un ami nom prenom age nationalite profession gouts etc mg duree 1h30 niveau a1 public adolescents et adultes document eleve et action a1 le prenom se presenter et presenter quelqu un production ecrite adultes comprehension orale video public adultes public adolescents adolescents communication production orale film francophone et action le prenom se presenter et presenter quelqu un a1 production ecrite adultes comprehension orale video public adultes public adolescents adolescents communication production orale film francophone et action presenter extrait duree 1h30 niveau a1 public adolescents et adultes document eleve etactiona1le prenomse presenter et presenter quelqu un

Parler de la légende de Bayard en classe de français | Enseigner le français avec TV5MONDE

Bayard, un animal légendaire doté de pouvoirs magiques ! Analyser les traces laissées par la légende dans le présent avant de collecter des légendes locales.

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

Nouvelle rubrique : « Et…Action ! »

Bonjour à tous, "Cap sur le FLE !" est toujours à la recherche de nouvelles idées de supports pédagogiques, et surtout de temps pour leur donner vie ! C’est pourquoi, en ce dimanche, je vous présente la nouvelle rubrique du blog, intitulée "Et...Action !". Cette rubrique propose de développer un objectif communicatif grâce au visionnage…

bonjour a tous cap sur le fle est toujours a la recherche de nouvelles idees de supports pedagogiques et surtout de temps pour leur donner vie c est pourquoi en ce dimanche je vous presente la nouvelle rubrique du blog intitulee et action cette rubrique propose de developper un objectif communicatif grace au visionnage d un ou plusieurs extraits d un film francophone ainsi l apprenant developpe non seulement une competence langagiere mais aussi une connaissance sur le cinema francophone chaque fiche inclura la presentation du film des questions de comprehension orale une production orale et ou ecrite compte tenu des restrictions quant au droit des videos je ne pourrai malheureusement pas publier de lien vers les films concernes par les fiches charge a chacun d acheter ou trouver le support video bon visionnage et surtout bon cours ata cmd push function ata initdynamicslot id atatags 1168536091 6520319912d2a location 120 formfactor 001 label text publicites creative reportad text report this ad privacysettings text confidentialite onclick function window tcfapi window tcfapi showui bonjour a tous cap sur le fle est toujours a la recherche de nouvelles idees de supports pedagogiques et surtout de temps pour leur donner vie c est pourquoi en ce dimanche je vous presente la nouvelle rubrique du blog intitulee et action cette rubrique propose de developper un objectif communicatif grace au visionnage adultes et action public adultes adolescents video nouvelle rubrique public adolescents acte de parole film communication nouvelle rubrique etaction adultes et action public adultes adolescents video nouvelle rubrique public adolescents acte de parole film communication bonjour a tous cap sur le fle est toujours a la recherche de nouvelles idees de supports pedagogiques et surtout de temps pour leur donner vie c est pourquoi en ce dimanche je vous presente la nouvelle rubrique du blog intitulee etaction cette rubrique propose de developper un objectif communicatif grace au visionnage

Ressources FLE : actualité - francophonie | Enseigner le français avec TV5MONDE

64’, un regard francophone pour décrypter l’actualité internationale ! Découvrir et analyser la trame et les spécificités d’un journal télévisé.

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

Éducation aux médias et FLE : L'identité visuelle de TV5MONDE en cours de français | Enseigner le français avec TV5MONDE

Un média = une marque ?Découvrir comment l’identité visuelle de TV5MONDE lui permet d’être reconnue et de transmettre ses valeurs.

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