Littérature : étudier les Contes de Perrault en classe de FLE | Enseigner le français avec TV5MONDE

• Apprenant 298
• Cendrillon 1
• Chaperon 1
• Charles 7
• Conte 17
• Contes 3
• Direction 530
• Étape 8
• Grand 36
• Perrault 1
• Personnages 13
• Rouge 6

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

4º- L’EXPRESSION DE L’ANTÉRIORITÉ, LA SIMULTANÉITÉ ET LA POSTÉRIORITÉ – Le Baobab Bleu

• Action 10
• Antériorité 1
• B2.1 73
• Concordance Des Temps 15
• Cours Eoi 284
• Exercice 267
• Expression De L'Antériorité 1
• Expression De La Postériorité 1
• Expression De La Simultanéité 1
• Grammaire 297
• Grammaire Fle 60
• Indicatif 8
• L'Expression De L'Antériorité 2
• L'Expression De La Postériorité 2
• L'Expression De La Simultanéité 2
• Passé 86
• Postériorité 1
• Principale 1
• Simultanéité 3
• Subjonctif 23
• Subordonnée 2
• Temps 72
• Verbe 32

image pixabay comcette derniere semaine de cours avec la premiere annee du niveau avance nous avons commence a travailler l expression de l anteriorite la simultaneite et la posteriorite voici quelques documents et exercices que nous avons travailles en cours concordance des temps fiche l anteriorite la simultaneite et la posterioritefiche les rapports temporelsautres documents et exercices la concordance des tempsexemples anteriorite simultaneite posterioritefiche la concordance de tempsexercice 1exercice 2exercice 3 la simultaneite cendrillon faisait toutes les taches menageres tandis que alors que ses soeurs ne faisaient rien du tout quand cendrillon a annonce qu elle voulait aller au bal ses deux soeurs ont eclate de rire pendant que la fee parlait avec cendrillon des dizaines de colombes sont arrivees dans la chambre lorsque quand la fee agita sa baguette magique les vieux haillons que cendrillon habillait se sont transformes en une robe magnifique au moment ou cendrillon est entree dans la salle du palais royal le regard du prince s est pose sur elle cendrillon et le prince ont danse aussi longtemps qu tant qu ils ont pu a mesure que les heures passaient cendrillon devenait de plus en plus nerveuse chaque fois qu elle regardait l horloge elle se disait que bientot ce moment magique serait fini une fois que minuit venait de sonner elle s est precipitee en courant vers la sortie du palais elle a couru tres vite le temps que le prince ne puisse la rattraper a son retour toutes les souris se trouvaient a la porte de la maison en la voyant si triste elles lui ont pose toutes sortes de questions elle leur raconta que lors de pendant durant sa fuite elle avait laisse tomber un de ses beaux souliers de verre au fur et a mesure de leur conversation cendrillon versait quelques larmes au moment d aller se coucher elle a prie ses amis de la laisser seule avec ses pensees elle s est levee de bonne heure le temps d ecouter le tambour annoncer que le prince cherchait la jeune fille dont le petit pied pourrait rentrer dans le petit soulier qu il avait rencontre dans les escaliers du chateau ses soeurs etaient surexcitees le soir venu le prince lui meme se presenta chez elle en regardant les grands pieds de ses soeurs il a compris que ni l une ni l autre ne pouvait etre sa bien aimee il fut saisi d une grande passion le temps de remarquer l arrivee de cendrillon mais il ne savait pas pourquoi au moment de chausser le soulier cendrillon revela son identite l anteriorite avant la naissance de leur seul enfant le roi et la reine etaient tres malheureux toutes les fees du royaume ont ete invitees au bapteme de leur fille sauf l une d elles qui furieuse prononca les mots suivants avant d avoir dix huit ans elle se piquera a une quenouille et plongera dans un profond sommeil de cent ans profitez donc de l intimite de votre fille avant qu elle ne s endorme pour longtemps ricana la vieille sorciere sans attendre que le sort de la mechante sorciere puisse gacher la vie de leur fille le roi et la reine se firent entoures de fees sorciers et sorcieres ceux ci lancerent sur la princesse toutes sortes de contre sorts jusqu a ce que la princesse fut bien protegee mais ils savaient que seule la volonte de la destinee et l attention de la princesse pourraient empecher que l ensorcellement aboutisse a ses fins et la princesse vecut une existence paisible et heureuse comme toute princesse bien aimee jusqu au moment ou elle decida d apprendre a filer en cachette de ses parents et protecteurs lorsqu elle tenait maladroitement la quenouille entre ses mains elle se fit piquer et tomba par terre les servantes avaient a peine pose son corps sur le lit que tout le chateau plongeait dans un sommeil tres profond les annees passerent un jour un jeune prince chassait dans la foret et se trouva en face d un chateau a demi couvert par les plantes et les arbres il y penetra et tres vite il fit la decouverte d une jeune et eblouissante princesse allongee sur un lit il f

Jeter l’éponge

• Candida 1
• Compréhension Écrite 183
• Grand 36
• Maison 29
• Ménagères 2
• Photographie 3
• Tâches 7
• Tâches Ménagères 4
• Texte 44
• Vera 1

a partir d un extrait de ce que je sais de vera candida de veronique ovalde et de la serie de photos intitulee cendrillon jette l eponge de marielsa niels faites travailler vos eleves sur le theme des taches menageres quand il s agit de travailler sur les taches menageres j aime ouvrir le sujet en classe en utilisant cette activite des zexperts sur le classement des taches menageres selon l age je vous la recommande particulierement ici car le texte etudie plus tard parle d une petite fille et des taches qu elle doit devrait faire a la maison voici la fiche de comprehension ecrite destinee aux eleves elle contient aussi un point reperage et vocabulaire a partir duquel vous pourrez si vous le souhaitez aborder les discours direct et indirect en plus de l extrait de ce que je sais de vera candida ils doivent utiliser a deux reprises cette serie de photos de marielsa niels en debut de comprehension il faut choisir la photo de la serie qui represente le mieux le texte evidemment il n y a pas de bonne ou de mauvaise reponse et en tache finale les etudiants doivent imaginer le monologue interieur d une des femmes photographiees a la maniere de veronique ovalde vous pouvez encore prolonger l etude des photos en vous interrogeant sur son titre ou en reagissant au texte qui les accompagne sur le site sur le meme theme des taches menageres j avais deja publie sur ce blog une comprehension ecrite d un extrait de vernon subutex t 2 de virginie despentes en plus il y est aussi question de discours direct et indirect bref le prolongement ideal et sur un tout autre theme tv5 monde met actuellement a disposition dans sa serie 7 jours sur la planete une video didactisee sur la rentree litteraire a consulter jusqu au 21 septembre et a completer si vous voulez par mon activite publiee la semaine derniere sur le meme theme ata cmd push function ata initdynamicslot id atatags 26942 65201b465d622 location 120 formfactor 001 label text publicites creative reportad text report this ad privacysettings text confidentialite onclick function window tcfapi window tcfapi showui rose bustamente ne voulait pas que vera candida l aide a pecher des poissons volants elle lui demandait juste d aller a l ecole de vatapuna de faire ses devoirs et de ranger la maison mais ranger la maison etait une tache dont vera candida ne parvenait pas a s acquiter elle aurait pourtant tout donne pour reussir a tenir la maison propre et ordonnee c etait simplement au dessus de ses forces elle rentrait de l ecole et se disait je m y mets tout de suite et puis elle regardait la piece ou elle vivait et dormait avec sa grand mere et se sentait aussi accablee que si un essaim de tse tse l avait choisie pour cible alors elle se disait il vaut mieux que je fasse mes devoirs d abord elle s y appliquait et puis quand elle avait fni elle contemplait de nouveau la piece et ses epaules s affaissaient elle savait bien que l heure tournait qu il fallait faire la vaisselle du peit dejeuner et balayer et ranger les bocaux d epices et ne pas laisser trainer les peits pots de citronnelle et les torchons et les jupons et les livres d ecole mais c etait impossible de se lever et de s y metre elle restait assise devant la table a atendre quand le jour faiblissait et qu elle n avait toujours pas bouge on aurait cru qu elle atendait un courrier et que ce courrier tardait impitoyablement auraient pu etre les resultats d un concours un concours de poesie pour lequel elle aurait envoye des poemes a nuatu ou bien encore la letre d un amoureux secret elle se rendait bien compte que sa grand mere allait arriver aussi se secouait elle et se metait elle a s agiter dans la piece elle allumait la lampe a huile et balayait le sol et poussait tout ce qui depassait sous son lit elle entassait entassait et quand sa grand mere apparaissait et qu elle ressemblait a une grand mere qui a passe la journee en mer a pecher des poissons volants vera candida lui souriait se tenait bien droit pres du fourneau en esperant que

1NA- FICHE DE LECTURE LA MÉCANIQUE DU COEUR – Le Baobab Bleu

• B2.1 73
• Dionysos 2
• Jack 2
• Joe 1
• La Mécanique Du Coeur 2
• Lecture 8
• Lectures 8
• Malzieu 1
• Mathias 1
• Mécanique 1
• Roman 3

voici la fiche de lecture du roman que nous devons lire ce premier trimestre avec la premiere annee du nouveau avance vous la trouverez egalement a la copisteria cavaleri ces jours ci au cas ou vous souhaiteriez la photocopier essayez de completer le maximum des questions proposees mais s il y a des exercices que vous ne comprenez pas n hesitez pas a me demander bonne lecture la mecanique du coeur de mathias malzieucorrige la mecanique du coeur la mecanique du coeur de m malzieu corrige 1 l auteur mathias malzieu a partir de cette chronologie redigez une petite biographie de mathias malzieu chronologie 1974 naissance a montpellier 1993 formation du groupe dionysos avec trois de ses copains du lycee eric serra tosio mickael ponton et guillaume garidel 1996 sortie du premier album de dionysos happening songs 1997 incorporation au groupe de la chanteuse et violoniste babet 2003 premier recueil de nouvelles de mathias malzieu 38 mini westerns avec des fantomes 2005 publication de la deuxieme oeuvre et premier roman de mathias malzieu ecrit apres le deces de sa mere et en l honneur de sa soeur lisa maintenant qu il fait tout le temps nuit sur toi il a inspire l album monsters in love du groupe de rock dionysos 2007 publication du deuxieme roman de mathias malzieu la mecanique du coeur suivi du sixieme album musical du meme nom de dionysos 2008 annonce du directeur luc besson sur une prochaine adaptation au cinema du livre de mathias malzieu la mecanique du coeur 2010 apparition dans le film gainsbourg vie heroique de joann sfar dans lequel il interprete un musicien de serge gainsbourg sur scene sur la chanson nazi rock avec ses comperes de dionysos 2011 sortie du troisieme roman de mathias malzieu metamorphose en bord de ciel octobre 2012 sortie en salles du film d animation inspire par le livre homonyme de mathias malzieu et par l album de dionysos la mecanique du coeur 2 mathias malzieu est ne a montpellier en 1974 il a forme un groupe de musique dionysos en 1993 avec trois de ses copais du lycee en 1996 il est sorti son premier album avec son groupe en 1997 une nouvelle chanteuse et violiniste s est incorpore au groupe babet en 2003 il a publie son premier recueil de nouvelles 38 mini westerns avec des fantomes sa deuxieme oeuvre son premier roman est sorti en 2005 en 2007 il a publie son deuxieme roma la mecanique du coeur en 2008 le directeur luc besson a annonce une prochaine adaptation au cinema du livre de mathias malzieu la mecanique du coeur en 2010 il est apparu dans le film gainsbourg vie heroique de joann sfar en 2011 il a publie son troisieme roman metamorphose en bord de ciel en octobre 2012 il est sorti en salles le film d animation inspire par le livre homonyme de mathias malzieu et par l album de dionysos la mecanique du coeur 2 le vocabulaire au fil de votre lecture retrouvez la signification des mots et expressions du roman pages du livre mots ou expressions signification 11 11 11 11 12 12 12 13 15 15 15 16 16 16 17 un froid de canard petiller escarpees baillent la depouille une cabane l etincelle se casser la gueule me cailler farfouiller bec chipoter s emmitoufler fam chatouille caline 3 19 19 20 20 20 20 20 21 21 21 22 22 23 23 24 25 26 26 27 28 31 31 31 33 33 33 33 33 34 35 37 37 38 38 41 la rouille grince pansement grimacer truc chuchoter clochard en boitant ma femme m a foutu dehors revenus mal a l aise trimballer fam grondement tracas bocaux sanglots retentit je me fous barbe a papa bordel fig fam emoustille cracher elle me regarde avec ses yeux de biche elegante il faut coute que coute un indice se pointent fam gamines piquees fam se lasser se cogne fam brunette fam j ai beau putain expr nabot morenita por mas que personne de petite taille saloperie fam guarrada 4 47 47 49 55 56 56 61 61 62 62 63 64 65 68 68 70 73 77 77 79 79 82 85 86 88 89 91 97 98 99 101 101 105 108 109 111 boulot fam trabajo la bagarre fam farfouiller fam revolver frissonner vacarme crever fam debrouille jaleo estrepito mourir s emmel

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

• Dieu 5
• Direction 530
• Énimie 1
• Fiche 213
• Légende 14
• Normal 424
• Princesse 4

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

« Harcèlement sexuel : la naissance d’un mouvement redresseur de porcs » (B2)

• Actualité 100
• Adolescents 253
• Adultes 251
• Compréhension Écrite 183
• Femmes 48
• Harcèlement 5
• Production Écrite 179
• Public : Adolescents 252
• Public : Adultes 251
• Revue De Presse 46
• Sexuel 1
• Weinstein 1

duree 1h30 niveau b2 public grands adolescents et adultes document eleve b2 revue de presse le harcelement sexuel corrige b2 revue de presse le harcelement sexuel corrige ata cmd push function ata initdynamicslot id atatags 1168536091 6552f0c274e9b location 120 formfactor 001 label text publicites creative reportad text report this ad privacysettings text confidentialite revue de presse harcelement sexuel la naissance d un mouvement redresseur de porcs b2 article de presse depuis dsk jusqu a weinstein les scandales impliquant des hommes de pouvoir se multiplient encourageant les victimes a prendre la parole et a s organiser comme l attestent sur twitter l appel balancetonporc et ses declinaisons a l etranger en france le flot ne se tarit pas depuis vendredi soir sur twitter le hashtag balancetonporc a submerge le reseau social en donnant le sentiment d un ras le bol qui couvait et dont la retentissante affaire weinstein a servi de revelateur lance a l initiative de la journaliste sandra muller l appel a denoncer les harceleurs et leurs pratiques a ete massivement suivi extraits de cette maree maitre de stage qui s invite chez toi enleve son alliance et essaie de passer a l acte menace de denonciation a mon boss il y a 15 ans qui pensait ameliorer mon quotidien en baissant son pantalon devant mes yeux ce producteur d une boite de prod pour canal qui m avait bombardee de textos pour dire qu il revait de moi en cuissardes c est pas pour ton intellect qu on t a recrutee un red chef grande radio petit couloir m attrapant par la gorge un jour je vais te baiser que tu le veuilles ou non etc viralite aux etats unis un mouvement similaire s est declenche dimanche apres midi a partir d un tweet de l actrice americaine alyssa milano si toutes les femmes qui ont ete victimes de harcelement ou d agression sexuelle ecrivaient moi aussi metoo en statut peut etre que les gens se rendraient compte de l ampleur du probleme en toile de fond bien sur l affaire harvey weinstein et la vingtaine d actrices ou de mannequins qui ont affirme a visage decouvert la semaine derniere avoir ete victimes du tout puissant producteur dechu ce dernier qui nie toutes les accusations en bloc vient d etre exclu de l academy of motion picture arts and sciences qui remet les oscars et plusieurs enquetes ont ete ouvertes aussi bien aux etats unis qu en grande bretagne mais l initiative de milano a rappele s il en etait besoin que des femmes de tous les milieux sont concernees a cette heure les mots de l actrice de madame est servie ont ete retweetes 13 000 fois ont genere 36 000 reponses et ont ete likes 26 000 fois la viralite du message de milano qui n est pas une victime de weinstein mais a ete touchee de pres par l affaire elle est amie avec la femme du producteur et a joue dans la serie charmed au cote de rose mcgowan l une de ses victimes presumees donne la mesure du phenomene c est un indicateur sans doute biaise mais il permet de mettre le sujet sur la place publique prouvant une nouvelle fois la formidable chambre d echo cathartique que sont les reseaux sociaux des anonymes du monde entier ont poste des messages allant du lapidaire me too a des histoires d agression de harcelement ou de viol dans le cercle familial comme professionnel plusieurs hommes ont egalement repondu a l appel disant leur degout et leur tristesse reaffirmant leur responsabilite pour faire cesser ces violences ces derniers jours au moins six femmes de mon entourage ou que je viens de rencontrer m ont raconte avoir ete agressees ou harcelees sexuellement a tweete dimanche soir l acteur et producteur mark ruffalo le couvercle a saute en italie une meme liberation de la parole une meme catharsis via les reseaux s est declenchee a l initiative de l ecrivaine et bloggeuse giulia blasi qui dans un long post cendrillon a l envers publie vendredi ecrivait quellavoltache la fois ou se veut un projet narratif pour raconter toutes les fois ou nous avons ete harcelees agressees ou nous nous sommes

Lisons en classe : Le fait du jour d’Anna Gavalda

• Activités Pédagogiques Pour Le Fle 21
• Court Métrage 6
• Encore 10
• Étais 7
• Fait Divers 3
• Femme 61
• Jamais 8
• Lecture 8
• Mains 17
• Temps 72
• Toujours 15

un club lecture en classe de fle c est motivant pour les apprenant e s et l enseignant e pour un groupe de a2 nous avons choisi le fait du jour d anna gavalda avec du recul je le proposerais plutot a des b1 ou b2 mes a2 ont ete tres indulgents face a la difficulte et au contraire ont joue le jeu cette nouvelle divertissante permet de discuter sur les themes de la responsabilite et des remords comme elle traite d un fait divers elle est facilement inserable pour les niveaux b1 et b2 pour le deroulement en premiere partie nous avons fait des recherches sur internet en groupe les etudiant e s ont repondu a des questions portant sur anna gavalda puis nous avons parle des differentes couvertures du recueil je voudrais que quelqu un m attende quelque part pour en arriver a la nouvelle le fait du jour nous avons etudie en classe deux passages les etudiant e s ont termine la lecture chez eux avec une fiche de lecture a completer et un commentaire a ecrire dans un padlet padlet des a2 en fin de sequence vous pourrez organiser le proces du personnage de la nouvelle il est possible de prendre comme modele le tribunal celeste pour le deroulement du proces pour les ressources fiche pedagogique annagavalda fiche de lecture fiche de lecture le recueil je voudrais que quelqu un m attende quelque part et pour le plaisir c est une etudiante qui l a proposee dans le padlet cela pourrait etre vu avant ou apres la lecture a vous de voir le fait du jour from marianne on vimeo publicitereglages de confidentialite ata cmd push function ata initvideoslot atatags 370373 65212cbd77ced sectionid 370373 format inread ob grid layout ob grid layout webkit box sizing content box box sizing content box ob grid layout ob widget items container display ms grid display grid clear both ob grid layout ob dynamic rec container position relative ob grid layout ob dynamic rec link display webkit box display ms flexbox display flex webkit box orient vertical webkit box direction normal ms flex direction column flex direction column text decoration none ob grid layout ob unit display block webkit box flex 1 ms flex auto flex auto ob grid layout ob unit ob rec image container position relative width 100 height auto ob grid layout ob unit ob rec logo container logo over image position absolute ob grid layout ob rec comments count font size 11px font family lato sans serif text decoration none border radius 0 2px 2px 0 position absolute bottom 11px color fff font weight 700 display webkit box display ms flexbox display flex webkit box align center ms flex align center align items center webkit box pack center ms flex pack center justify content center padding 5px 8px 6px height 13px ob grid layout ob rec comments count icon margin 2px 5px 0 0 ob grid layout ob rec image ob grid layout ob rec video position absolute top 0 left 0 bottom 0 right 0 width 100 max height 100 ob grid layout ob rec rtb image background color fff background position top background repeat no repeat width 100 position absolute top 0 bottom 0 left 0 right 0 ob grid layout ob rec label position absolute bottom 0 left 0 padding 0 3px color fff font size 10px line height 15px ob grid layout ob rec source wrapper ob grid layout ob rec text wrapper display webkit box display ms flexbox display flex webkit box align baseline ms flex align baseline align items baseline ob grid layout ob rec source wrapper ob rec label ob grid layout ob rec text wrapper ob rec label position static ms flex item align baseline align self baseline border radius 2px padding 2px 6px ob grid layout ob video icon container position absolute left 0 ob grid layout ob video icon container ob video icon height 100 opacity 7 ob grid layout ob rec author text overflow ellipsis overflow hidden ob grid layout ob text on image ob unit ob rec image container after content display block background image webkit gradient linear left top left bottom from rgba 0 4 7 0 color stop 76 rgba 0 4 7 41 to rgba 0 4 7 54 background image linear gradient