// // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; // match .btn alignment given font-size hack above > .btn { position: relative; float: left; // Bring the "active" button to the front &:hover, &:focus, &:active, &.active { z-index: 2; } &:focus { // Remove focus outline when dropdown JS adds it after closing the menu outline: 0; } } } // Prevent double borders when buttons are next to each other .btn-group { .btn + .btn, .btn + .btn-group, .btn-group + .btn, .btn-group + .btn-group { margin-left: -1px; } } // Optional: Group multiple button groups together for a toolbar .btn-toolbar { margin-left: -5px; // Offset the first child's margin &:extend(.clearfix all); .btn-group, .input-group { float: left; } > .btn, > .btn-group, > .input-group { margin-left: 5px; } } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; &:not(:last-child):not(.dropdown-toggle) { .border-right-radius(0); } } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { .border-left-radius(0); } // Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child { > .btn:last-child, > .dropdown-toggle { .border-right-radius(0); } } .btn-group > .btn-group:last-child > .btn:first-child { .border-left-radius(0); } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Sizing // // Remix the default button sizing classes into new ones for easier manipulation. .btn-group-xs > .btn { &:extend(.btn-xs); } .btn-group-sm > .btn { &:extend(.btn-sm); } .btn-group-lg > .btn { &:extend(.btn-lg); } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .btn-group.open .dropdown-toggle { .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); // Show no shadow for `.btn-link` since it has no other button styles. &.btn-link { .box-shadow(none); } } // Reposition the caret .btn .caret { margin-left: 0; } // Carets in other button sizes .btn-lg .caret { border-width: @caret-width-large @caret-width-large 0; border-bottom-width: 0; } // Upside down carets for .dropup .dropup .btn-lg .caret { border-width: 0 @caret-width-large @caret-width-large; } // Vertical button groups // ---------------------- .btn-group-vertical { > .btn, > .btn-group, > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } // Clear floats so dropdown menus can be properly placed > .btn-group { &:extend(.clearfix all); > .btn { float: none; } } > .btn + .btn, > .btn + .btn-group, > .btn-group + .btn, > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } } .btn-group-vertical > .btn { &:not(:first-child):not(:last-child) { border-radius: 0; } &:first-child:not(:last-child) { border-top-right-radius: @border-radius-base; .border-bottom-radius(0); } &:last-child:not(:first-child) { border-bottom-left-radius: @border-radius-base; .border-top-radius(0); } } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) { > .btn:last-child, > .dropdown-toggle { .border-bottom-radius(0); } } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { .border-top-radius(0); } // Justified button groups // ---------------------- .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; > .btn, > .btn-group { float: none; display: table-cell; width: 1%; } > .btn-group .btn { width: 100%; } > .btn-group .dropdown-menu { left: auto; } } // Checkbox and radio options // // In order to support the browser's form validation feedback, powered by the // `required` attribute, we have to "hide" the inputs via `opacity`. We cannot // use `display: none;` or `visibility: hidden;` as that also hides the popover. // This way, we ensure a DOM element is visible to position the popover from. // // See https://github.com/twbs/bootstrap/pull/12794 for more. [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; .opacity(0); } .elementor-animation-grow-rotate { transition-duration: 0.3s; transition-property: transform; } .elementor-animation-grow-rotate:active, .elementor-animation-grow-rotate:focus, .elementor-animation-grow-rotate:hover { transform: scale(1.1) rotate(4deg); } {"id":94505,"date":"2026-04-30T05:54:31","date_gmt":"2026-04-30T03:54:31","guid":{"rendered":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/?p=94505"},"modified":"2026-04-30T17:11:43","modified_gmt":"2026-04-30T15:11:43","slug":"le-media-collaboratif-une-revolution-de-l","status":"publish","type":"post","link":"https:\/\/www.solucionessmart.com.uy\/smartporteria\/2026\/04\/30\/le-media-collaboratif-une-revolution-de-l\/","title":{"rendered":"Le M\u00e9dia Collaboratif Une R\u00e9volution de l’Information -107425855"},"content":{"rendered":"
<\/div>\n

Le M\u00e9dia Collaboratif : Une R\u00e9volution de l’Information<\/h1>\n

Dans une \u00e9poque o\u00f9 l’information circule \u00e0 une vitesse fulgurante, le concept de m\u00e9diaculture \u00e9volue rap_idement. Le m\u00e9dia collaboratif Libre Actu<\/a> est un exemple de plateforme qui illustre cette tendance. Que signifie r\u00e9ellement le terme \u00abm\u00e9dia collaboratif\u00bb et comment transforme-t-il notre relation \u00e0 l’information ?<\/p>\n

Qu’est-ce que le M\u00e9dia Collaboratif ?<\/h2>\n

Le m\u00e9dia collaboratif se d\u00e9finit comme une approche de la cr\u00e9ation et de la diffusion d’informations qui repose sur la contribution collective. Contrairement aux mod\u00e8les traditionnels de m\u00e9dias, o\u00f9 les informations sont souvent centralis\u00e9es entre les mains d’un petit groupe de journalistes, les m\u00e9dias collaboratifs ouvrent les portes \u00e0 tous. Qu’il s’agisse d’un article, d’une vid\u00e9o ou d’un simple post sur les r\u00e9seaux sociaux, tout le monde peut devenir un cr\u00e9ateur de contenu.<\/p>\n

Les Avantages du M\u00e9dia Collaboratif<\/h2>\n

Les avantages de ce mod\u00e8le sont nombreux :<\/p>\n

\"Le<\/div>\n
    \n
  • D\u00e9mocratisation de l’information :<\/strong> Chacun a la possibilit\u00e9 de partager sa perspective, ce qui enrichit le d\u00e9bat public.<\/li>\n
  • V\u00e9locit\u00e9 :<\/strong> L’information peut \u00eatre diffus\u00e9e imm\u00e9diatement, \u00e0 l’inverse des m\u00e9dias traditionnels qui peuvent prendre du temps \u00e0 r\u00e9agir.<\/li>\n
  • Contr\u00f4le communautaire :<\/strong> Les communaut\u00e9s peuvent faire entendre leur voix et d\u00e9fendre leurs int\u00e9r\u00eats par le biais de leurs propres canaux de communication.<\/li>\n<\/ul>\n

    Exemples de M\u00e9dias Collaboratifs<\/h2>\n

    Plusieurs exemples de m\u00e9dias collaboratifs existent aujourd’hui. Des sites comme Wikipedia<\/em> offrent aux utilisateurs la possibilit\u00e9 de contribuer au contenu, tandis que des plateformes comme Medium<\/em> permettent aux \u00e9crivains de partager leurs r\u00e9flexions sur divers sujets.<\/p>\n