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 : Unicef
Quel avenir pour les enfants pris au piège des guerres ?Réaliser une plaquette afin de lever des fonds.
- Activité 174
- Commentaire 1
- Direction 244
- École 29
- Éducation 5
- Enfants 49
- Génération 1
- Images 43
- Millions 12
- Page 24
- Photo 12
- Reportage 15
- Sacrifiée 1
- Syrie 1
- Syriens 1
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
theme droit et justice duree 60 minutes 1 h niveau b1 metiers vises professions institutionnelles associatives ou scientifiques ocde assemblee nationale palais de la femme osez le feminisme one france maison de la femme etc prerequis expressions de l opinion objectif general parler du mariage force objectif grammatical les expressions de l opinion objectif lexical les objets les documents les evenements les personnes tache finale proposer des solutions pour sensibiliser au mariage force les mariages d enfants concernent aussi des millions de garcons https www lemonde fr international article 2019 06 07 les mariages d enfants concernent aussi des millions de garcons 5473083 3210 html environ 115 millions de garcons et hommes dans le monde sont recenses comme ayant ete maries alors qu ils etaient enfants selon la toute premiere estimation de l unicef publie le 07 juin 2019 a 13h58 mis a jour hier a 06h20 ce sont les toutes premieres estimations du phenomene environ 115 millions de garcons et d hommes dans le monde sont recenses aujourd hui comme ayant ete maries alors qu ils etaient enfants affirme vendredi 7 juin l unicef le fonds onusien pour l enfance dans une premiere analyse de 82 pays ce chiffre porte a 765 millions le nombre total d enfants filles et garcons unis avant d avoir atteint l age adulte precise le communique de l organisation sur les 115 millions de garcons et d hommes recenses un enfant sur cinq soit 23 millions d individus a ete marie avant l age de 15 ans precise l etude de l organisation le mariage de garcons est notamment constate en afrique subsaharienne en amerique latine et dans les caraibes en asie du sud et de l est et dans le pacifique ajoute t elle enfances volees ces mariages ont vole leur enfance denonce dans le communique la directrice generale de l unicef henrietta h fore les maries sont obliges d assumer des responsabilites d adulte pour lesquelles ils peuvent ne pas etre prets ces unions entrainent une paternite precoce et une pression supplementaire pour creer une famille reduisant les possibilites d education et d emploi selon l etude la centrafrique a le plus haut taux de garcons maries 28 devant le nicaragua 19 et madagascar 13 les filles restent toutefois les premieres concernees par les mariages d enfants rappelle l unicef mais alors que plusieurs etudes existent sur le mariage des jeunes filles peu de recherches avaient ete faites jusqu a present sur celui qui touche des garcons note le communique marier des garcons et des filles pendant leur enfance va a l encontre de la convention sur les droits des enfants adoptee il y a trente ans fait valoir mme fore en s appuyant sur la recherche et des investissements nous pouvons mettre fin a cette violation espere t elle fiche enseignant le mariage force droit et justice 60 minutes b1 professions institutionnelles associatives ou scientifiques ocde assemblee nationale palais de la femme osez le feminisme one france maison de la femme etc en un clin d oeil theme duree niveau metiers vises prerequis expressions de l opinion supports utilises article https www lemonde fr international article 2019 06 07 les mariages d enfants concernent aussi des millions de garcons 5473083 3210 html objectif general parler du mariage force objectif grammatical les expressions de l opinion objectif lexical les objets les documents les evenements les personnes tache finale proposer des solutions pour sensibiliser au mariage force detail de la sequence etape duree supports description de l activite vocabulaire 20 min fiche apprenant discussion 20 min fiche apprenant comprehension du document 20 min reemploi 30 min fiche apprenant article fiche apprenant activite 1 par pair les apprenants questions et justifient leur classement ils organisent ensuite le vocabulaire du mariage autour de 4 categories l enseignant explique le vocabulaire difficile repondent aux activite 2 par pair puis en groupe les apprenants lisent et repondent aux questions sur le mariage puis sur le
Comment, et pourquoi, passe-t-on de « Terminator » à « Législator » ?Rédiger et présenter un éditorial.
- Activités 48
- Cause 7
- Ciip 3
- Direction 244
- Éditorial 3
- Émission 27
- Engagement 4
- Fiche 81
- Géopolitis 4
- Jean 15
- Media 340
- Monde 26
- Politique 21
- Réalisée 3
- Rédactrice 3
- Reportage 15
- Sérieux 1
- Stars 3
- Suisse 3
- Sylvie 3
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
[RELATIONS INTERNATIONALES] Présenter une institution: la CNDH
Une magistrate explique ce qu’est la Commission nationale consultative des droits de l’homme.
- Activité 174
- Commission 2
- Consultative 1
- Droits 6
- États 6
- Exercice 106
- Gouvernement 8
- Homme 15
- Humains 2
- Institution 1
- International 2
- Mécanismes 1
- Nationale 5
- Nations 1
- Pouvoir 4
- Présenter 32
- Unies 1
exercice b2 relations internationales presenter une institution la cndh une magistrate explique ce qu est la commission nationale consultative des droits de l homme publie le 25 01 2023 12 29 1 mn has transcription true contentid e21ce774 9278 11ed 88a7 005056bf762b contenttype articles mediaid wbmz13896 fle fr 20230112 sources name wbmz13896 fle fr 20230112 url https aod fle akamaized net fle sounds fr 2023 01 12 6970701e 927a 11ed 954c 005056a97652 mp3 duration 61 85 broadcasttype replay emission id title genre diffusion id title relations internationales pr u00e9senter une institution la cndh image duration pubdate url https francaisfacile rfi fr fr quotidien 20230125 pr c3 a9senter une institution la cndh title relations internationales pr u00e9senter une institution la cndh mediaimage que sais je de magali lafourcade editions puf par le francais des affaires magali le naour exercice extrait de une semaine d actualite du 15 decembre 2018 lexique les organisations internationales une commission une institution les nations unies une assemblee generale independant independante un etat un gouvernement pluraliste un mecanisme international internationale supranational supranationale la loi consultatif consultative adopter une resolution un principe le droit international humanitaire controler le respect un engagement la societe civile une violation protege protegee l expertise une expertise conseiller un expert une experte rendre compte documenter documents a telecharger fiche apprenant e pdf corriges pdf transcription pdf tout telecharger pdf doc mp3 tous les episodes du podcast sur rfi suivez toute l actualite internationale en telechargeant l application rfi cls 6 fill fff stroke fff stroke miterlimit 10 stroke width 2px transcription ouvrir le pdf qu est ce que la commission consultative des droits de l homme alors la commission nationale consultative des droits de l homme est une institution nationale des droits de l homme au sens des nations unies en 1993 l assemblee generale des nations unies a adopte une resolution tres importante qui s appelle la resolution des principes de paris qui vise a creer a demander aux etats de creer dans chacun des etats une institution qui sera totalement independante du gouvernement avec une veritable expertise des droit de l homme pour pouvoir a la fois conseiller le gouvernement en matiere de droits de l homme et de droit international humanitaire mais aussi controler le respect par les etats de leurs engagements internationaux en matiere de droits de l homme et on avait besoin de ces institutions au coeur du pays qui soient pluralistes c est a dire qui accueillent la societe civile et des experts pour pouvoir en fait rendre compte et documenter les eventuelles violations des droits de l homme et pouvoir fonctionner avec les mecanismes internationaux des droits de l homme puisque donc les droits de l homme pour etre proteges on ne peut pas seulement demander aux etats de le faire il faut des mecanismes supranationaux partager poursuivez votre lecture sur les memes themes exercice b1 sante informer le don de sang exercice b2 presenter un monument historique le theatre antique d arles exercice b2 sante presenter un sujet de sante publique l insuffisance cardiaque exercice b1 militaire maintien de la paix presenter une profession les oreilles d or de la marine nationale exercice b2 militaire maintien de la paix parler d une force militaire les sous marins exercice b1 sante informer le don de sang exercice b2 presenter un monument historique le theatre antique d arles exercice b2 sante presenter un sujet de sante publique l insuffisance cardiaque exercice b1 militaire maintien de la paix presenter une profession les oreilles d or de la marine nationale exercice b2 militaire maintien de la paix parler d une force militaire les sous marins exercice b2 relations internationales exposer des enjeux strategiques la conquete de l espace exercice b2 relations internationales presenter un site toma ht
…
- Document 15
- Droit Et Justice 18
- Excision 1
- Femmes 24
- France 83
- Humanitaire 9
- Questions 55
- Santé Et Social 9
- Vidéo 136
theme droit et justice humanitaire sante et social duree 90 minutes 1 h 30 niveau b1 b2 metiers vises professions institutionnelles associatives ou scientifiques ocde assemblee nationale palais de la femme osez le feminisme one france maison de la femme etc prerequis expressions de l opinion objectif general parler de l excision objectif grammatical donner son opinion objectif lexical les parties genitales les traditions tache finale imaginez un dialogue pour prevenir l excision document 1 l excision 14 juin 2019 magazine elle http www elle fr societe news une flash mob contre l excision vous aussi vous pouvez agir 3794016 andre guilaine fiche apprenant l excision activite 1 decouverte du theme 1 1 en classe entiere lisez et repondez aux questions a quelles sont les traditions de votre famille communaute pays b les respectez vous toutes pourquoi 1 2 par pair lisez et repondez aux questions a qu est ce que l excision pouvez vous la definir b pour quelles raisons des jeunes femmes subissent l excision c l excision existe t elle en france et dans votre pays d dans quels pays cette pratique est elle encore courante e a quel age les jeunes femmes se font elles excisees f quelles sont les consequences physiques et psychologiques de l excision g d apres vous combien de filles femmes sont victimes de l excision chaque annee h quel est le but de cette coutume activite 2 comprehension du document 1 observez le document 1 2 1 qu est ce que c est faites une description 2 2 quelle est la date et la source du document 2 3 choisissez 3 personnes differentes et repondez aux questions suivantes d apres leurs vetements d ou viennent ces personnes qu est ce qu elles font dans la vie quelles sont leurs passions quelle est leur religion quelle est leur situation de famille andre guilaine 2 4 quelles sont les ressemblances entre les photos les differences 2 5 sur chaque photo quel symbole retrouve t on que signifie t il 2 6 d apres vous quel est l objectif de ces femmes activite 3 comprehension du document 2 3 1 regardez la video jusqu a 1 00 a qui est marion b ou travaille telle c comment et pourquoi a t elle choisi de s engager dans le combat contre l excision 3 2 regardez la video en entier deux fois a comment la pratique de l excision a t elle diminue en france b a quel moment les adolescentes risquent de se faire exciser c quel est l objectif des interventions en colleges et en lycees d d ou viennent les adolescentes qui sont susceptibles de se faire exciser e pourquoi l excision n est elle souvent pas pratiquee en france f si elle a subi une excision pendant combien de temps une femme peut elle porter plainte g depuis combien de temps l excision existe t elle andre guilaine h est ce une pratique religieuse i selon l exemple de l intervenante les gens qui pratiquent l excision la justifient de quelle facon finissez la phrase suivante le clitoris de la femme j en regardant la video quelles sont les reactions des adolescents 3 3 vocabulaire regardez a nouveau la video a quel est le synonyme de l excision utilise dans la video b que signifie repartir au pays activite 4 reemploi 4 1 par pair lisez puis repondez aux questions a quels sont les moyens pour lutter contre l excision b les parents peuvent ils tout choisir pour leurs enfants c connaissez vous la circoncision en quoi consiste t elle pourquoi est elle pratiquee d protege t elle des infections sexuellement transmissibles e a t elle des consequences sur les relations sexuelles de la personne f est elle comparable a une excision 4 2 jeux de role a votre amie vient d avoir 14 ans et est d origine malienne ses parents lui ont offert un billet d avion pour aller rendre visite a ses grands parents cet ete vous avez peur que ce cadeau ne cache une excision et vous en parlez avec votre amie b comme marion vous intervenez dans les lycees pour sensibiliser les jeunes filles a l excision que leur dites vous andre guilaine fiche enseignant l excision droit et justice 90 minutes b1 b2 professions instit
L’éducation est un droit pour tous les enfants. Mais est-ce vraiment une réalité ?
- Activité 174
- Apprenant 117
- Binômes 6
- Classe 36
- Correction 16
- Direction 244
- École 29
- Éducation 5
- Enfants 49
- Fiche 81
- France 83
- Infographie 7
- Inviter 4
- Jeunes 9
- Monde 26
- Scolarisation 1
- Situation 6
- Tableau 14
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
Un média = une marque ?Découvrir comment l’identité visuelle de TV5MONDE lui permet d’être reconnue et de transmettre ses valeurs.
- Actualité 75
- Afrique 13
- Belgique 1
- Canada 8
- Chaîne 3
- Chaînes 2
- Cinéma 25
- Direction 244
- Documentaire 3
- Émission 27
- Fiction 2
- Français 109
- Française 12
- France 83
- Francophone 6
- Francophones 4
- Grand 13
- Grands 2
- Heure 11
- Internet 10
- Jean 15
- Journal 216
- Langue 19
- Magazine 3
- Magazines 2
- Millions 12
- Monde 26
- Mondiale 2
- Offre 2
- Page 24
- Partenaires 1
- Point 4
- Présenté 1
- Presse 14
- Programmes 1
- Propose 2
- Québec 6
- Rtbf 1
- Semaine 7
- Téléspectateurs 1
- Tv5 1
- Tv5monde 9
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