

.the_news_content img,
.the_news_content a img {
    max-width: 100%;
    height: auto;
}

.news_bloc_admin.visible-xs {
    display: none;
}

.hide_imp {
    display: none !important;
}

.hide_all {
    display: none !important;
}

.visible-bg {
    display: none;
}


.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-settings.jw-settings-submenu-button {
    display: none !important;
}

@media only screen and (min-width: 1400px)
{

    .hide-home-big,
    .hide-bg {
        display: none !important;
    }

}


/*   SMALL desktop SCREENS   */

@media only screen and (min-width: 1070px) and (max-width: 1399px)
{
    .hide-bgsm {
        display: none !important;
    }

    .scrolled #top_logo img {
        left: 52px;
    }

    #news_table .news .home_news_content {
        width: calc(100% - 200px);
    }
    .home_news_content_in {
        width: calc(100% - 22px);
    }
    #nivoContainer,
    #nivo_wrapper {
        width: 100%;
    }

}

@media only screen and (min-width: 1070px) {
    .hide-bg {
        display: none !important;
    }
    .visible-bg {
        display: block;
    }
}

@media (min-width: 768px) {
    #menu_top_container_responsive {
        display: none !important;
    }

    .img_responsive {
        clear: both;
        max-width: 100%;
        display: block;
        height: auto;
    }
}

/*********************     TABLET     ***************************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1069px)
{

    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .hide-md {
        display: none !important;
    }

    #news_table .news .home_news_content {
        width: 100%;
        text-align: center;
    }
    .home_news_content_in {
        width: 100%;
    }
    #nivoContainer,
    #nivo_wrapper {
        width: 100%;
        height: 285px;
    }

    .img_responsive {
        width: 100%;
        clear: both;
        max-width: 100%;
        display: block;
        height: auto;
    }

    .hide-md {
        display: none !important;
    }

    body {
        /*background-image: url("../img_/stingmf_3resp.jpg") !important;*/
        /*background-color: #cccccc !important;*/
    }

    .central_container {
        width: 750px;
    }

    #menu_content {
        /*width: 500px;*/
    }

    #menu_top_container_left {
        text-align: center;
        width: 100%;
    }
    body:not(.home) .scrolled .menu_top_container#menu_top_container_left,
    .scrolled .menu_top_container#menu_top_container_left {
        text-align: right;
    }

    #main_content_container {
        width: 750px;
    }

    #main_content {
        width: 750px;
    }

    #top_content {
        margin-left: 0;
    }

    #main_container {
        width: 750px;
    }

    #contenu {
        width: 550px;
        padding: 0 10px;
    }

    #right_column {
        width: 200px;
        padding-right: 5px;
        overflow: hidden;
    }

    #footer_container {
        width: 750px;
    }

    .footer_block {
        width: 100%;
    }

    .footer_block ul.link_list {
        width: 25%;
    }

    .scrolled #top_logo {
        margin: 0;
        text-align: left;
    }
    .scrolled #top_logo img {
        left: 0;
    }

    .menu_top_container li {
        height: 48px;
    }

    .scrolled .menu_top_container li {
        /*height: 39px;*/
    }

    .menu_top_container li li {
        height: auto;
        line-height: 16px;
        padding: 0;
    }

    #menu_news_tabs {
        top: 86px;
        width: 140px;
    }

    .scrolled .menu_top_container li li {
        line-height: 16px;
        height: auto;
    }
    .blockmenu#blocMenuNews {
        /*left: 0;*/
    }
    .blockmenu#blocMenuMylene.with_extra {
        /*left: -420px;*/
        /*width: 750px;*/
    }
    .blockmenu#blocMenuMylene.with_extra ul {
        /*width: 180px;*/
    }
    .blockmenu#blocMenuMylene .main_menu_extra {
        display: none;
    }
    .blockmenu#blocMenuMedias.with_extra {
        /*left: -151px;*/
    }
    .blockmenu#blocMenuFans {
        /*width: 540px;*/
        /*left: -369px;*/
    }
    .blockmenu#blocMenuFans ul {
        /*width: 180px;*/
    }
    .blockmenu .menu-title.with-margin-top {
        margin-top: 20px;
    }

    .blockmenu .thumb-container .content {
        margin: 10px;
    }
    .blockmenu .thumb-container .content h4 a {
        font-size: 14px;
    }
    .blockmenu .thumb-container .content h4 a span.subtitle {
        font-size: 11px;
    }

    #top_search {
        width: 170px;
    }

    #search_form_top_input_wrapper {
        width: 140px;
    }

    #top_search:hover #search_form_top_input_wrapper {
        right: 24px;
    }

    #contenu .new_layout .titreNews {
        width: 100%;
    }

    .news_main_image img {
        max-width: 100%;
    }

    #news_content.new_layout {
        width: 100%;
    }

    #contenu_news {
        width: 100%;
        padding: 4px 0;
    }

    /*    RIGHT COLUMN    */
    .right_column_block {
        width: 100%;
        padding: 0 5px;
    }

    #left_column .right_column_block { /* twitter block closed  */
        height: 30px;
    }
    #left_column #block_247_resp {
        display: none;
    }

    .right_column_block.twitter {
        width: 100%;
    }

    .right_column_block h3.mf_title {
        font-size: 16px;
        line-height: 22px;
    }

    #communitywidget_tabs {
        width: 184px;
        left: 6px;
    }

    #right_column .mf_dyn_tabs {
        margin-right: 2px;
    }

    .tweet_content_author,
    .tweet_content_title,
    .group_content_author,
    .group_content_title {
        width: 100%;
        height: 18px;
        overflow: hidden;
    }

    #left_column .right_column_block h3.mf_title {
        width: 100%;
        line-height: 30px;
        margin-bottom: 0;
        border-top: none;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
    }
    #left_column .right_column_block h3.mf_title i.breve-icon {
        padding-left: 5px;
    }



    .mini_video.home,
    .mini_video.full {
        width: 33.3%;
        height: 105px;
    }

    .mini_video.widget {
        width: 100%;
        height: auto;
        margin: 0 0 5px 0;
    }

    .right_column_block .mini_video.widget:nth-child(n+7) { /*  WHY FUCKING 7 ????   */
        display: none !important;
    }

    .mini_video.home a.pellicule,
    .mini_video.full a.pellicule,
    .mini_video.widget a.pellicule {
        width: 100%;
        height: auto;
    }

    .mini_video.home a.pellicule img,
    .mini_video.full a.pellicule img,
    .mini_video.widget a.pellicule img {
        width: 100%;
        height: auto;
    }

    #widget_recent_picts a {
        height: 59px;
        width: 59px;
        padding: 0;
        margin: 0 4px 4px 0;
    }

    #widget_recent_picts a.alternate {
        margin: 0 0 4px 0;
    }

    #widget_recent_picts a img {
        height: 100%;
        width: 100%;
    }

    .clip_cover {
        opacity: 1;
        font-size: 24px;
        line-height: 24px;
        padding: 13px 0;
        height: 24px;
        background-color: transparent;
    }



    .albumwidget_single,
    .albumwidget_single.last {
        height: 61px;
        width: 61px;
        padding: 0 3px 6px 3px;
    }

    .albumwidget_single a img {
        height: 100%;
        width: 100%;
    }

    /*        MENUS            */
    .mylene_resp_menu_white.responsive_menu_container {
        float: left;
        margin-bottom: 0 !important;
        width: 100%;
        text-align: center;
    }

    /*#profil_responsive_menu_container.mylene_resp_menu_white.responsive_menu_container {*/
    /*float: left;*/
    /*margin-bottom: 0 !important;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*}*/
    .mylene_resp_menu_white.responsive_menu_container .dcjq-parent i.fa.fa-bars {
        float: right;
        line-height: 19px;
    }

    /*            NEWS               */

    #news_table .news .home_news_img,
    #news_table .news .home_news_img a.news_img_link {
        width: 100%;
        height: auto;
        text-align: center;
    }
    #news_table .news {
        background: #ffffff;
    }
    .home_news_content_in {
        text-align: center;
    }

    .news_top_left {
        width: 100%;
    }

    #news_pagination_right {
        width: 100%;
    }

    #the_news, #news_sondage {
        padding-left: 5px;
        padding-right: 5px;
    }

    .new_layout #the_news {
    /*.new_layout #news_sondage {*/
        padding-left: 0;
        padding-right: 0;
    }
    .new_layout #news_sondage {
        width: 100%;
    }

    #news_content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        background-image: none;
    }

    #contenu .new_layout .titreNews h1 {
        font-size: 22px;
    }



    #relatednews_wrapper {
        width: 100%;
        padding: 10px 6px;
    }

    #relatednews_wrapper ul li,
    #relatednews_wrapper ul li.last {
        width: 33.3%;
        padding: 0 3px;
    }

    .relatednews_hover {
        height: 100px;
    }

    /*       247     */

    .group_list_display_content {
        height: 110px;
    }

    .group_list_display_top {
        height: auto;
        padding: 5px;
    }

    .group_list_display_odd,
    .group_list_display_even {
        position: relative;
        width: 49.6%;
        padding: 0 5px 10px 5px;
        margin: 0 0 10px 0.4%;
        background: url("img/profil-bg.png") repeat scroll 0 0 transparent;
    }

    .group_list_display_even {
        margin: 0 0.4% 10px 0;
    }

    .group_list_display_in {
        background: none;
        width: 100%;
        padding: 0;
    }

    .list_group_text {
        width: calc(100% - 110px);
        padding-right: 5px;
    }

    .group_list_display_more {
        width: calc(100% - 110px);
        padding-right: 5px;
    }

    #contenu .group_list_display_in p {
        width: 100%;
    }

    #annonces_rightcolumn {
        width: 100%;
    }

    .annonce_wrapper {
        width: 100%;
        padding-bottom: 8px;
    }

    #addannonce_button {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
    }

    .annonce_img_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        z-index: 1;
    }

    .annonce_photo {
        height: 82px;
        width: 82px;
    }

    .annonce_content_wrapper {
        padding-left: 100px;
        width: 100%;
    }

    .annonce_header {
        width: 100%;
        height: 42px;
        overflow: hidden;
    }

    .annonce_title_wrapper,
    .annonce_content_body {
        width: 98%;
    }

    .annonce_title {
        width: 100%;
    }

    .annonce_contact {
        top: 6px;
    }

    .annonce_alerter {
        display: none;
    }

    .annonce_cat_author {
        width: 100%;
    }

    .annonce_categorie {
        height: 15px;
        clear: right;
        width: 100%;
    }

    .annonce_author {
        width: 100%;
    }

    #addannonce_wrapper {
        width: 100%;
        left: 0;
        top: -5px;
    }

    /*            PROFILS       & GROUPS               */
    #contenu #menu_tabs {
        margin-top: 0;
        padding: 0;
        width: 50%;
    }

    #contenu #menu_tabs ul {
        width: 165px;
        height: 180px;
        margin: 0 auto;
    }

    #contenu #profil_leftcolumn {
        width: 100%;
    }

    #contenu #profil_centercolumn {
        width: 100%;
    }

    #contenu #profil_topinfos {
        width: 100%;
        margin-bottom: 10px;
    }

    #contenu #profil_tabs_sheets {
        width: 100%;
    }

    #contenu #profil_cover {
        margin: 0 auto;
        width: 100%;
        background: none !important;
    }

    #contenu #group #profil_cover {
        width: 50%;
    }

    #contenu #profil_topinfos_top {
        width: 100%;
        height: inherit;
        min-height: 58px;
    }

    #contenu #profil_topinfos_top h1 {
        width: 100%;
        padding-right: 80px;
        height: inherit;
        margin-bottom: 5px;
    }

    #contenu #profil_stats {
        position: absolute;
        top: 0;
        right: 0;
        /*height: inherit;*/
        margin-bottom: 5px;
    }

    #groupe_resume {
        height: inherit;
        margin-bottom: 5px;
    }

    #contenu #profil_topinfos_social {
        height: auto;
    }

    #contenu #profil_topinfos_social p {
        padding-bottom: 10px;
    }

    #contenu .sheet_content p span.content_title {
        width: 30%;
    }

    #contenu #mp3_tabs_sheets,
    #contenu #mytopadmin_tabs_sheets {
        width: 100%;
    }

    #contenu #mp3_tabs_sheets ul li,
    #contenu #mytopadmin_tabs_sheets ul li {
        width: 100%;
    }

    .mytop_wrapper .top_text_content {
        width: calc(100% - 104px);
    }

    #contenu .profil_gotoadmin {
        margin-top: 10px;
    }

    #contenu #profil_security {
        width: 100%;
    }

    #contenu #profil_tabs_sheets.admin {
        /*display: none !important;*/
    }

    #profil_tabs_sheets.admin input[type="text"],
    #profil_tabs_sheets.admin select {
        width: 100%;
    }

    table.mceLayout, textarea.tinyMCE {
        width: 100% !important;
    }

    #html_toolbar2, #html_toolbar3 {
        display: none !important;
    }

    .collection_referentiel_description {
        height: 70px;
    }

    .collection_referentiel_picture {
        height: 70px;
        width: 70px;
    }

    .top_album_wrapper {
        width: 500px;
    }

    .back .top_album_content {
        width: 366px;
    }

    .top_concert_wrapper {
        width: 500px;
    }

    .back .top_concert_content {
        width: 366px;
    }

    /*    ESPACE PRIVE    */
    #privatespacenav {
        width: 50%;
    }

    #privatespacenav li {
        float: left;
        display: block;
        width: 100%;
        padding: 0 5px;
    }

    #leftcolumn_prv {
        width: 50%;
    }

    #centercolumn_prv {
        width: 100%;
    }

    #mail_header {
        width: 100%;
    }

    #mail_lines {
        width: 100%;
    }

    #message_form {
        float: left;
        width: 100%;
    }

    .mail_line_element.mail_line_title {
        width: 67%;
    }

    #search_member_container .container_33percent.middle {
        width: 34%;
    }

    /*       REFERENTIEL    */
    .referentiel_home_menu .hide-sm {
        display: none !important;
    }

    .referentiel_home_menu .container_33percent {
        width: 100%;
    }

    .referentiel_home_menu.resp_container {
        width: 50%;
    }

    .referentiel_toplinks {
        width: 50%;
        margin: 0 25%;
    }

    .referentiel_home_menu .element {
        display: none;
    }

    .referentiel_home_menu .element.active {
        display: block;
    }

    .referentiel_home_menu .hide-bg img {
        max-width: 310px;
        height: auto;
    }

    .referentiel_home_support_wrapper {
        width: 180px;
        height: 200px;
        margin: 0 15px 15px;
    }

    #referentiel_userpicture_uploader {
        width: 70%;
        left: 15%;
    }

    #referentiel_searchpage {
        width: 300px;
    }

    #referentiel_searchpage .text_input input.big {
        width: 250px;
        margin-left: 0;
    }

    /*         REMIXOGRAPHIE                     */

    #remixes_menu {
        display: none;
    }

    .remix_table_header {
        width: 100%;
    }

    .remix_table_content {
        width: 100%;
    }

    /*les cells internes de cette table sont gérées dans responsive.js*/
    #contenu .remix_table_content .mf_player_container {
        margin: 10px auto;
    }

    .remix_thumb {
        width: 105px;
    }

    .remix_thumb_holder {
        height: 66px;
        width: 66px;
    }

    .album_thumb {
        width: 155px;
    }

    .album_thumb_holder {
        height: 100px;
        width: 100px;
    }

    #videographie_home .album_thumb_holder {
        height: 155px;
        width: 100px;
    }

    /*            MP3 PLATER               */
    #contenu .mf_player_container {
        width: 282px; /* why 250px ? idk......... */
    }

    div.jp-audio {
        width: 282px;
    }

    div.jp-interface {
        height: 80px;
    }

    div.jp-audio ul.jp-controls {
        padding: 10px 15px 0 15px;
        width: 280px;
    }

    div.jp-audio div.jp-type-single div.jp-progress {
        left: 105px;
        top: 23px;
        width: 80px;
    }

    div.jp-audio div.jp-type-single a.jp-mute,
    div.jp-audio div.jp-type-single a.jp-unmute {
        margin-top: 13px;
        margin-left: 105px;
    }

    div.jp-audio a.jp-volume-max,
    div.jp-audio-stream a.jp-volume-max {
        display: none !important;
    }

    div.jp-audio div.jp-volume-bar {
        left: 217px;
        top: 28px;
    }

    div.jp-audio div.jp-type-single div.jp-time-holder {
        left: 106px;
        width: 80px;
        top: 40px;
    }

    div.jp-current-time,
    div.jp-duration {
        width: 40px;
    }

    div.jp-audio .jp-type-single ul.jp-toggles {
        display: none;
    }

    .jp-no-solution {
        display: none !important;
    }

    div.jp-title li {
        height: auto;
    }

    #update_top {
        float: left;
        position: inherit;
        margin-bottom: 20px;
    }

    #top_pict_main_wrapper #isotope_container {
        width: 100%;
    }

    .collection_referentiel_description {
        width: calc(100% - 50px);
    }

    #idTab8 iframe { /* ma video container  */
        width: 100% !important;
    }

    /*         DIVERS            */
    #bandeau > img {
        width: 100%;
    }

    .referentiel_button {
        margin: 0;
    }

    #collection_widget .referentiel_button {
        margin-bottom: 3px;
    }

    /*    CARTE DES FANS    */
    #geoloc_address_block {
        /*display: none;*/
    }

    input#address {
        width: 100%;
    }

    /*    PARTICIPATIONS    */
    #participation_title {
        margin-top: 10px;
        background: none;
        height: 40px;
    }

    #participation_title ul {
        padding-top: 0px;
        width: 100%;
    }

    #contenu .participation_top h3 {
        width: 100%;
    }

    #contenu #participation_title ul li {
        width: 33.3%;
        float: left;
    }

    #contenu #participation_title ul li a {
        color: darkred;
    }

    #participation_title ul li:hover {
        background: darkorange;
    }

    #contenu #participation_title ul li.selected a,
    #contenu #participation_title ul li:hover a {
        color: white !important;
    }

    #nbr_participation {
        color: black;
    }

    .participation_middle {
        width: 100%;
    }

    #proposer_wrapper {
        width: 100%;
        left: 0;
    }

    #proposer_tabs ul li {
        width: 33.3%;
        margin: 0;
        padding: 0 1%;
    }

    #contenu #proposer_tabs ul li a {
        width: 100%;
    }

    /*    REMIX DE FANS     */
    /*moved*/

    .text_block.with_border {
        width: 100%;
    }

    #mf_link_button_v3_wrapper {
        margin: 0;
    }

    /*   DIVERS       */
    .slider_title {
        font-size: 16px !important;
        padding-bottom: 8px !important;
    }

    .slider_content {
        top: 68px !important;
        font-size: 13px !important;
    }

    .mp3players-tabs.images ul.idTabs {
        height: 28px;
    }
    .mp3players-tabs.images ul.idTabs li a {
        height: 29px;
    }

    .auth_panel {
        width: 100%;
    }

    .auth_panel .submit {
        width: 98%;
        padding-right: 0;
    }

    .auth_panel form input[type="password"],
    .auth_panel form input[type="text"] {
        width: calc(75% - 10px);
    }

    #captcha_wrapper {
        width: 98%;
        padding: 0 0 0 25%;
    }
    input#captcha {
        width: 100%;
    }
    .auth_panel form .input_more {
        padding-left: 27%;
        padding-right: 2%;
    }

}

/******************    BIG MOBILE        **********************************************************************/

@media only screen and (max-width: 767px)
{
    /*   GENERAL   */
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .hide-sm {
        display: none !important;
    }

    .img_responsive {
        width: 100%;
        clear: both;
        max-width: 100%;
        display: block;
        height: auto;
    }

    /**** default colors   ****/
    body {
        background-image: none;
        background-color: #eeeeee;
    }

    .themecolored, #contenu h1.themecolored, #contenu h2.themecolored, #contenu h3.themecolored, #contenu .contenu_title h1 {
        color: #8B0000;
    }

    .bg_themecolored, .right_block.half:hover, .right_column_block.bg_themecolored {
        background-color: #8B0000;
    }

    a, a.themecolored {
        color: #8B0000;
    }

    a:hover, .themecoloredhover:hover, #contenu a.darkgraycolored:hover, a.themecolored:hover {
        color: #FF8C00;
    }

    .mylene_resp_menu a#menu_button {
        background-color: #8B0000;
    }

    .mylene_resp_menu .accordion > li > a .dcjq-icon {
        color: #FF8C00;
    }

    /*   STRUCTURE     */
    #maintenancetitle {
        display: none;
    }

    #main_container::after {
        background: none;
    }

    #main_top_content {
        height: 27px;
        position: inherit;
    }

    #main_content_container {
        width: 100%;
        overflow: hidden;
        margin-top: 0;
    }

    #main_top_content_top {
        height: 27px;
    }

    #main_top_content_top .central_container {
        width: 100%;
    }

    #top_account_access {
        width: 70%;
        height: 27px;
        float: right;
    }

    #top_account_access .element {
        height: 27px;
        padding-left: 10px;
        padding-right: 10px;
    }

    #top_account_access .element a#account_logout i {
        line-height: 27px;
    }

    #top_social {
        height: 27px;
        padding-left: 10px;
    }

    #top_social i {
        line-height: 27px;
    }

    .popin_login {
        height: 170px;
        top: 44px;
        right: 5px;
    }

    #main_content {
        width: 100%;
        overflow: hidden;
    }

    #top_content {
        /*float: none;*/
        /*display: block;*/
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
    }

    #home_main_link {
        /*display: none;*/
        /*width: calc(100% - 120px);*/
        width: 100%;
        min-width: 175px;
        height: 39px;
        position: absolute;
        top: 0;
        left: 60px;
        text-align: center;
        z-index: 10;
        overflow: visible;
    }

    #home_main_link #logo_resp {
        display: block;
        width: 175px;
        height: 40px;
        margin: 5px auto 0 auto;
    }

    #menu_content {
        display: none;
    }

    #menu_logo {
        position: absolute;
        top: 14px;
        left: 0;
        width: 100%;
        height: 40px;
        padding: 0 65px;
        text-align: center;
    }

    #search_form_resp_input {
        float: left;
        width: calc(100% - 50px);
        height: 30px;
        padding: 0 20px 0 50px;
        border: none;
        background-color: #f6f6f6;
    }

    #resp_search_icon {
        display: inline-block;
        height: 30px;
        width: 50px;
        text-align: center;
        background-color: #1c1c1c;
        color: white;
        cursor: pointer;
        z-index: 51;
    }

    #resp_search_icon i {
        line-height: 30px;
    }

    #connect_icon_resp {
        position: absolute;
        top: 0;
        right: 10px;
        width: 50px;
        height: 39px;
        text-align: center;
        cursor: pointer;
        /*border-left: 1px white dotted;*/
        background: transparent;
    }

    #connect_icon_resp .icon_link i.fa {
        color: #dddddd;
        font-size: 20px;
        line-height: 39px;
    }

    #connect_icon_resp:hover i.fa {
        color: white;
    }

    #main_container {
        width: 100%;
        background-image: none !important;
    }

    #contenu {
        width: 100%;
        padding: 0 5px;
        font-size: 13px;
        line-height: 1.3;
    }

    #contenu table, #contenu caption, #contenu tbody, #contenu tfoot, #contenu thead, #contenu tr, #contenu th, #contenu td {
        font-size: 13px;
        line-height: 1.3;
    }

    #footer_container {
        width: 100%;
    }

    #footer_block_link {
        display: none;
    }

    .footer_block {
        width: 100%;
        text-align: center;
    }

    #contenu .contenu_title h1 {
        width: 100%;
        left: 0;
        text-align: center;
    }

    .nvxMsg {
        right: 120px;
    }

    #block_247_resp {
        border-top: 2px solid;
        border-bottom: 2px solid;
    }



    /*     RIGHT & LEFT COLUMNS    */
    #left_column {
        float: left;
        width: calc(100% - 30px);
        margin: 20px 15px 0 15px;
    }
    body.lesbreves #left_column #block_247_resp {
        display: none !important;
    }

    #right_column {
        display: none;
    }

    body.home #right_column {
        display: block;
        float: none;
        margin: 20px auto 0 auto;
        width: 100%;
        padding-bottom: 5px;
    }

    .right_column_block {
        width: 100%;
        padding: 0 5px;
        overflow: hidden;
    }

    #block_247_resp.right_column_block.closed {
        height: 30px;
    }
    #block_247_resp.right_column_block .community_tabs {
        margin-top: 20px;
    }
    #block_247_resp.right_column_block .community_tabs .widget_tweet_wrapper:nth-child(n+11) {
        display: none;
    }
    #block_247_resp.right_column_block .tweet_content_date span.day {
        top: 3px;
    }
    #block_247_resp.right_column_block .tweet_content_date span.month {
        top: 21px;
    }

    #rc_display_video_resp.right_column_block.opened {
        height: 306px;
    }

    #rc_display_gallery_resp.right_column_block.opened {
        height: 214px;
    }

    #rc_display_presse_resp.right_column_block.opened {
        height: 228px;
    }



    .right_column_block h3.mf_title {
        float: none;
        display: block;
        text-align: center;
        border-top: none;
        font-size: 20px;
        line-height: 30px;
        text-transform: uppercase;
        font-weight: normal;
        margin-bottom: 5px;
    }

    #widget_recent_picts a {
        height: auto;
        width: 25%;
        text-align: center;
        padding-left: 10px;
        padding-right: 10px;
    }

    #widget_recent_picts a.alternate {
        padding-left: 10px;
        padding-right: 10px;
    }

    #widget_recent_picts a img {
        width: 100%;
        height: auto;
    }

    .mini_video.home,
    .mini_video.full {
        width: 33.3%;
        height: 140px;
    }

    .mini_video.home a.pellicule,
    .mini_video.full a.pellicule {
        width: 100%;
        height: auto;
    }

    .mini_video.home a.pellicule img,
    .mini_video.full a.pellicule img {
        width: 100%;
        height: auto;
    }

    #partenaires_resp_wrapper ul {
        list-style: none;
        text-align: center;
    }

    #left_column .community_tabs {
        margin-top: 0;
    }

    #left_column .right_column_block {
        float: right;
        clear: none;
        background: #ececec;
        padding: 0 15px;
    }

    #left_column .right_column_block.left {
        float: left;
    }

    #left_column #left_column_tools {
        float: left;
        width: 100%;
        padding: 0 28%;
        margin-bottom: 20px;
    }

    #left_column_tools_outside {
        padding: 2px;
    }

    #left_column_tools_inside {
        padding: 10px;
        background: white;
    }

    #left_column #left_column_tools_content {
        overflow: hidden;
    }

    #left_column #left_column_tools_content.closed {
        opacity: 0;
        height: 0;
    }

    #left_column #left_column_tools_content.opened {
        opacity: 1;
    }

    #left_column #left_column_tools_opener {
        text-align: center;
        cursor: pointer;
    }

    #left_column #left_column_tools_opener i {
        position: relative;
        top: -1px;
        padding-left: 5px;
    }

    #left_column .right_column_block h3.mf_title {
        width: 100%;
        line-height: 28px;
        margin-bottom: 0;
        border-top: none;
        font-size: 14px;
    }
    #left_column .right_column_block h3.mf_title i.breve-icon {
        padding-left: 5px;
    }

    .widget_tweet_wrapper {
        float: left;
        width: calc(50% - 7px);
        padding: 0;
        margin-bottom: 15px;
    }
    .widget_tweet_wrapper:nth-of-type(odd) {
        margin-right: 14px;
    }

    #left_column .widget_tweet_wrapper {
        background: white;
    }
    #left_column .tweet_content {
        width: calc(100% - 5px);
        height: 40px;
        margin-bottom: 0;
        color: black;
    }
    #left_column .tweet_content_date {
        float: left;
        width: 30px;
        height: 40px;
    }
    #left_column .tweet_content_author,
    #left_column .tweet_content_title {
        line-height: 18px;
        width: calc(100% - 30px);
        padding-left: 0;
    }
    #left_column .tweet_content_cover {
        position: absolute;
        top: 0; right: 0;
        width: 40px; height: 40px;
    }
    #left_column .tweet_content_cover img {
        width: 40px; height: 40px;
    }

    .widget_recent_presse {
        width: 49%;
        padding-right: 1%;
    }

    .widget_recent_presse.right {
        padding-left: 1%;
    }

    /*     NEWS        */
    .news_top_left {
        width: 100%;
    }

    #news_pagination_right {
        width: 100%;
    }

    #the_news, #news_sondage {
        padding-left: 5px;
        padding-right: 5px;
    }

    .new_layout #the_news {
    /*.new_layout #news_sondage {*/
        padding-left: 0;
        padding-right: 0;
    }
    .new_layout #news_sondage {
        width: 100%;
    }

    #news_table .news .home_news_content {
        width: 100%;
        text-align: center;
    }
    .home_news_content_in {
        width: 100%;
    }
    #news_table .news .home_news_img,
    #news_table .news .home_news_img a.news_img_link {
        width: 100%;
        height: auto;
    }

    #contenu_news {
        width: 100%;
        padding: 0;
    }

    #news_content {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        background-image: none;
    }

    #news_content img {
        max-width: 100%;
        height: auto;
    }

    #news_content.new_layout #the_news_top img {
        width: 100%;
    }

    #relatednews_wrapper {
        width: 100%;
        display: none;
    }

    #news_pagination {
    }

    .news_bloc_admin.visible-xs {
        display: block;
    }

    #news_content.new_layout {
        width: 100%;
    }

    #contenu .new_layout .titreNews {
        width: 100%;
    }

    #contenu .new_layout .titreNews h1 {
        font-size: 20px;
        line-height: 20px;
    }

    #the_news_top {
        padding-bottom: 5px;
    }

    .the_news_content {
        /*background: white;*/
        padding: 10px 5px;
    }




    /*             DISCOGRAPHIE          */
    #bandeau_resp > img,
    #bandeau > img {
        width: 100%;
    }

    .disco_container {
        width: 100%;
    }

    .disco_main {
        margin-bottom: 20px;
    }

    .disco_main_pict {
        width: 100%;
        text-align: center;
    }

    .disco_main_datas {
        min-width: 294px;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        text-align: center;
    }

    .disco_main_datas .title {
        width: 100%;
    }

    .disco_main_datas .lines {
        text-align: center;
    }

    .disco_container .container_50percent {
        width: 100%;
        padding-bottom: 10px;
        text-align: center;
    }

    .disco_container .container_33percent {
        width: 100%;
        padding-bottom: 10px;
        text-align: center;
    }



    /*         REMIXOGRAPHIE                     */
    #remixes_menu {
        display: none;
    }

    .remix_table_header {
        width: 100%;
    }

    .remix_table_content {
        width: 100%;
    }

    /*les cells internes de cette table sont gérées dans responsive.js*/
    #contenu .remix_table_content .mf_player_container {
        margin: 10px auto;
    }

    .remix_thumb {
        width: 105px;
    }

    .remix_thumb_holder {
        height: 66px;
        width: 66px;
    }

    .album_thumb {
        width: 155px;
    }

    .album_thumb_holder {
        height: 100px;
        width: 100px;
    }

    #videographie_home .album_thumb_holder {
        height: 155px;
        width: 100px;
    }




    /*            INTERVIEW               */
    .menu_interview_mf_container {
        display: none;
    }

    .clip_recap {
        padding: 10px 0;
        width: 100%;
    }

    .clip_recap li {
        width: 100%;
    }

    .clip_recap_title {
        display: none;
    }

    .clip_recap li div.clip_recap_label {
        width: 32%;
    }

    .clip_recap li div.clip_recap_info {
        width: 66%;
    }




    /*            MP3 PLAYER               */
    #contenu .mf_player_container {
        width: 282px; /* why 250px ? idk......... */
    }

    div.jp-audio {
        width: 282px;
    }

    div.jp-interface {
        height: 80px;
    }

    div.jp-audio ul.jp-controls {
        padding: 10px 15px 0 15px;
        width: 280px;
    }

    div.jp-audio div.jp-type-single div.jp-progress {
        left: 105px;
        top: 23px;
        width: 80px;
    }

    div.jp-audio div.jp-type-single a.jp-mute,
    div.jp-audio div.jp-type-single a.jp-unmute {
        margin-top: 13px;
        margin-left: 105px;
    }

    div.jp-audio a.jp-volume-max,
    div.jp-audio-stream a.jp-volume-max {
        display: none !important;
    }

    div.jp-audio div.jp-volume-bar {
        left: 217px;
        top: 28px;
    }

    div.jp-audio div.jp-type-single div.jp-time-holder {
        left: 106px;
        width: 80px;
        top: 40px;
    }

    div.jp-current-time,
    div.jp-duration {
        width: 40px;
    }

    div.jp-audio .jp-type-single ul.jp-toggles {
        display: none;
    }

    .jp-no-solution {
        display: none !important;
    }

    div.jp-title li {
        height: auto;
    }

    #update_top {
        float: left;
        position: inherit;
        margin-bottom: 20px;
    }

    #top_pict_main_wrapper #isotope_container {
        width: 100%;
    }

    .collection_referentiel_description {
        width: calc(100% - 50px);
    }

    #idTab8 iframe { /* ma video container  */
        width: 100% !important;
    }



    /*      LES ANNONCES    */
    #annonces_rightcolumn {
        width: 100%;
    }

    .annonce_wrapper {
        width: 100%;
        padding-bottom: 8px;
    }

    #addannonce_button {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
    }

    .annonce_img_wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        z-index: 1;
    }

    .annonce_photo {
        height: 82px;
        width: 82px;
    }

    .annonce_content_wrapper {
        padding-left: 100px;
        width: 100%;
    }

    .annonce_header {
        width: 100%;
        height: 42px;
        overflow: hidden;
    }

    .annonce_title_wrapper,
    .annonce_content_body {
        width: 98%;
    }

    .annonce_title {
        width: 100%;
    }

    .annonce_contact {
        top: 6px;
    }

    .annonce_alerter {
        display: none;
    }

    .annonce_cat_author {
        width: 100%;
    }

    .annonce_categorie {
        height: 15px;
        clear: right;
        width: 100%;
    }

    .annonce_author {
        width: 100%;
    }

    #addannonce_wrapper {
        width: 100%;
        left: 0;
        top: -5px;
    }

    /*        GROUPES    */
    .group_list_display_content {
        height: 110px;
    }

    .group_list_display_top {
        height: auto;
        padding: 5px;
    }

    .group_list_display_odd,
    .group_list_display_even {
        position: relative;
        width: 49.6%;
        padding: 0 5px 10px 5px;
        margin: 0 0 10px 0.4%;
        background: url("img/profil-bg.png") repeat scroll 0 0 transparent;
    }

    .group_list_display_even {
        margin: 0 0.4% 10px 0;
    }

    .group_list_display_in {
        background: none;
        width: 100%;
        padding: 0;
    }

    .list_group_text {
        width: calc(100% - 110px);
        padding-right: 5px;
    }

    .group_list_display_more {
        width: calc(100% - 110px);
        padding-right: 5px;
    }

    #contenu .group_list_display_in p {
        width: 100%;
    }

    /*            PROFILS                      */
    #contenu #menu_tabs {
        margin-top: 0;
        padding: 0;
        width: 50%;
    }

    #contenu #menu_tabs ul {
        width: 165px;
        height: 180px;
        margin: 0 auto;
    }

    #contenu #profil_leftcolumn {
        width: 100%;
    }

    #contenu #profil_centercolumn {
        width: 100%;
    }

    #contenu #profil_topinfos {
        width: 100%;
        margin-bottom: 10px;
    }

    #contenu #profil_tabs_sheets {
        width: 100%;
    }

    #contenu #profil_cover {
        margin: 0 auto;
        width: 50%;
        background: none !important;
    }

    #contenu #profil_topinfos_top {
        width: 100%;
        height: inherit;
        min-height: 58px;
    }

    #contenu #profil_topinfos_top h1 {
        width: 100% !important;
        padding-right: 80px;
        height: inherit;
        margin-bottom: 5px;
    }

    #contenu #profil_stats {
        position: absolute;
        top: 0;
        right: 0;
        /*height: inherit;*/
        margin-bottom: 5px;
        text-align: right;
    }

    #groupe_resume {
        height: inherit;
        margin-bottom: 5px;
    }

    #contenu #profil_topinfos_social {
        height: auto;
    }

    #contenu #profil_topinfos_social p {
        padding-bottom: 10px;
    }

    #contenu .sheet_content p span.content_title {
        width: 30%;
    }

    #contenu #mp3_tabs_sheets,
    #contenu #mytopadmin_tabs_sheets {
        width: 100%;
    }

    #contenu #mp3_tabs_sheets ul li,
    #contenu #mytopadmin_tabs_sheets ul li {
        width: 100%;
    }

    .mytop_wrapper .top_text_content {
        width: calc(100% - 104px);
    }

    #contenu .profil_gotoadmin {
        margin-top: 10px;
    }

    #contenu #profil_security {
        width: 100%;
    }

    #contenu #profil_tabs_sheets.admin {
        /*display: none !important;*/
    }

    #profil_tabs_sheets.admin input[type="text"],
    #profil_tabs_sheets.admin select {
        width: 100%;
    }

    table.mceLayout, textarea.tinyMCE {
        width: 100% !important;
    }

    #html_toolbar2, #html_toolbar3 {
        display: none !important;
    }

    .collection_referentiel_description {
        height: 70px;
    }

    .collection_referentiel_picture {
        height: 70px;
        width: 70px;
    }

    .top_album_wrapper {
        width: 100%;
    }

    .top_album_content {
        width: calc(100% - 132px);
        padding: 0 5px 0 10px;
    }

    .front .top_album_content {
        width: calc(100% - 108px);
    }

    .top_concert_wrapper {
        width: 100%;
    }

    .top_concert_content {
        width: calc(100% - 132px);
        padding: 0 5px 0 10px;
    }

    .front .top_concert_content {
        width: calc(100% - 108px);
    }

    /*       MENUS      */
    #menu_content_responsive {
        float: left;
        width: 100%;
    }

    .menu-button {
    }

    #menu_top_container_responsive > .flexnav > li > a {
        width: 100%;
    }

    #forum_button {
        background: none;
    }

    .responsive_menu_container {
        float: left;
        width: 100%;
    }

    #mainmenu_spacer {
        display: none;
    }

    .mylene_resp_menu_white.responsive_menu_container {
        clear: both;
        margin-bottom: 10px;
        /*width: 25%;*/
        text-align: center;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
    }

    #profil_responsive_menu_container.mylene_resp_menu_white.responsive_menu_container {
        float: left;
        margin-bottom: 0 !important;
        width: 100%;
        text-align: center;
    }

    .mylene_resp_menu_white.responsive_menu_container.opened {
        margin-bottom: 20px;
        width: 100%;
    }

    .mylene_resp_menu_white.responsive_menu_container .dcjq-parent i.fa.fa-bars {
        line-height: 16px;
        margin-left: 10px;
    }

    /*    ESPACE PRIVE    */
    #privatespacenav {
        width: 50%;
    }

    #privatespacenav li {
        float: left;
        display: block;
        width: 100%;
        padding: 0 5px;
    }

    #leftcolumn_prv {
        width: 50%;
    }

    #centercolumn_prv {
        width: 100%;
    }

    #mail_header {
        width: 100%;
    }

    #mail_lines {
        width: 100%;
    }

    #message_form {
        float: left;
        width: 100%;
    }

    .mail_line_element.mail_line_title {
        width: 67%;
    }

    #search_member_container .container_33percent.middle {
        width: 34%;
    }

    /*       REFERENTIEL    */
    .referentiel_home_menu.resp_container {
        width: 50%;
    }

    .referentiel_toplinks {
        width: 50%;
        margin: 0 25%;
    }

    .referentiel_home_menu .element {
        display: none;
    }

    .referentiel_home_menu .element.active {
        display: block;
    }

    .referentiel_home_menu .hide-bg img {
        max-width: 310px;
        height: auto;
    }

    .referentiel_home_support_wrapper {
        width: 180px;
        height: 200px;
        margin: 0 15px 15px;
    }

    #referentiel_userpicture_uploader {
        width: 70%;
        left: 15%;
    }

    #referentiel_searchpage {
        width: 300px;
    }

    #referentiel_searchpage .text_input input.big {
        width: 250px;
        margin-left: 0;
    }

    /*   container    */
    .container_50percent {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .container_33percent {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .container_66percent {
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

    .container_20percent {
        float: left;
        width: 20%;
    }

    .container_80percent {
        float: left;
        width: 80%;
    }

    /*   AUTH    */
    .auth_panel {
        width: 100%;
    }

    .auth_panel .submit {
        width: 98%;
        padding-right: 0;
    }

    .auth_panel form input[type="password"],
    .auth_panel form input[type="text"] {
        width: calc(75% - 10px);
    }

    #captcha_wrapper {
        width: 98%;
        padding: 0 0 0 25%;
    }
    input#captcha {
        width: 100%;
    }
    .auth_panel form .input_more {
        padding-left: 27%;
        padding-right: 2%;
    }

    img#accueil {
        width: 310px;
        height: auto;
    }

    #contenu #profil_tabs_sheets {
        /*display: none;*/
    }

    #contenu #profil_topinfos {
        /*display: none;*/
    }

    /*    CARTE DES FANS    */
    #geoloc_address_block {
        /*display: none;*/
    }

    input#address {
        width: 100%;
    }

    /*    PARTICIPATIONS    */
    #participation_title {
        margin-top: 10px;
        background: none;
        height: 40px;
    }

    #participation_title ul {
        padding-top: 0px;
        width: 100%;
    }

    #contenu .participation_top h3 {
        width: 100%;
    }

    #contenu #participation_title ul li {
        width: 31.3%;
        margin: 0 1%;
        float: left;
        border: 1px solid darkred;
    }

    #contenu #participation_title ul li a {
        color: darkred;
    }

    #contenu #participation_title ul li:hover {
        background: darkorange;
        border: 1px solid darkorange;
    }

    #contenu #participation_title ul li.selected a,
    #contenu #participation_title ul li:hover a {
        color: white !important;
    }

    #nbr_participation {
        color: black;
    }

    .participation_middle {
        width: 100%;
    }

    #proposer_wrapper {
        width: 100%;
        left: 0;
    }

    #proposer_tabs ul li {
        width: 33.3%;
        margin: 0;
        padding: 0 1%;
    }

    #contenu #proposer_tabs ul li a {
        width: 100%;
    }

    /*    REMIX DE FANS     */
    /*moved*/

    .text_block.with_border {
        width: 100%;
    }

    #mf_link_button_v3_wrapper {
        margin: 0;
    }

    .clip_cover {
        opacity: 1;
        font-size: 24px;
        line-height: 24px;
        padding: 13px 0;
        height: 24px;
        background-color: transparent;
    }

    .clip_title_content {
        display: inline;
        float: none;
    }

    .clip_title_after {
        display: none;
    }

    .mp3players-tabs.images ul.idTabs {
        height: 28px;
    }
    .mp3players-tabs.images ul.idTabs li a {
        height: 29px;
    }

}

@media only screen and (max-width: 639px)
{
    .group_list_display_odd,
    .group_list_display_even {
        width: 100%;
    }

    .mini_video.home,
    .mini_video.full {
        padding: 0 6px;
        width: 33.3%;
        height: 132px;
    }



    .disco_container_line .left,
    .disco_container_line .right {
        width: 100%;
    }

}

@media only screen and (max-width: 530px)
{

    #bandeau.with_responsive {
        display: none;
    }

    #bandeau_resp {
        display: block;
        float: left;
        width: 100%;
    }

    .mini_video.home,
    .mini_video.full {
        padding: 0 6px;
        width: 33.3%;
        height: 114px;
    }


    .mp3players-tabs.images ul.idTabs {
        height: 30px;
    }
    .mp3players-tabs ul.idTabs li::after {
        line-height: 28px;
    }
    .mp3players-tabs.images ul.idTabs li a {
        width: 25px;
        height: 31px;
    }
    .mp3players-tabs.images ul.idTabs li.spotify a,
    .mp3players-tabs.images ul.idTabs li:not([class]):nth-child(1) a,
    .mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(1) a {
        background: url("img/spotify-small.png") no-repeat top center transparent;
        background-size: 25px 25px;
    }
    .mp3players-tabs.images ul.idTabs li.deezer a,
    .mp3players-tabs.images ul.idTabs li:not([class]):nth-child(2) a,
    .mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(2) a {
        background: url("img/deezer-small.png") no-repeat top center transparent;
        background-size: 25px 25px;
    }
    .mp3players-tabs.images ul.idTabs li.applemusic a,
    .mp3players-tabs.images ul.idTabs li:not([class]):nth-child(3) a,
    .mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(3) a {
        background: url("img/applemusic-small.png") no-repeat top center transparent;
        background-size: 25px 25px;
    }
    .mp3players-tabs.images ul.idTabs li.youtube a,
    .mp3players-tabs.images ul.idTabs li:not([class]):nth-child(4) a,
    .mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(4) a {
        background: url("img/youtube-small.png") no-repeat top center transparent;
        background-size: 25px 25px;
    }
    .mp3players-tabs.images ul.idTabs li.mylene a,
    .mp3players-tabs.images ul.idTabs li:not([class]):nth-child(5) a,
    .mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(5) a {
        background: url("img/logo-small.png") no-repeat top center transparent;
        background-size: 25px 25px;
    }

    .new_layout #news_sondage {
        padding-left: 0;
        padding-right: 0;
    }


}


@media only screen and (max-width: 549px)
{
    .widget_tweet_wrapper {
        width: 100%;
        padding: 0;
    }
}


/*************************    SMALL MOBILE   *************************************************************************/

@media only screen and (max-width: 450px)
{

    .hide-xs {
        display: none !important;
    }

    .visible-xs {
        display: block !important;
    }

    .mylene_resp_menu_white.responsive_menu_container {
        /*width: 33%;*/
    }

    #left_column #block_247_resp.right_column_block.opened {
        height: 310px;
    }

    #news_table .news {
        margin-bottom: 15px;
    }

    #news_table .news.last {
        margin-bottom: 5px;
    }

    #news_table .news .home_news_img {
        margin-top: 0;
        width: 100%;
        height: inherit;
        text-align: center;
    }

    #news_table .news .home_news_img a.news_img_link {
        float: none;
    }

    #news_table .news .home_news_img img {
        width: 100%;
    }

    #news_table .news .home_news_img img.small {
        /*display: none !important;*/
    }

    #news_table .news .home_news_content {
        width: 100%;
        text-align: center;
    }

    .referentiel_home_menu.resp_container {
        width: 80%;
    }

    .referentiel_home_support_wrapper {
        margin-left: calc(50% - 85px);
        margin-right: calc(50% - 85px);
    }

    .filter_wrapper {
        width: 100%;
        padding-right: 0 !important;
        margin-bottom: 10px;
    }

    #referentiel_userpicture_uploader {
        width: 100%;
        left: 0;
    }

    #contenu #menu_tabs,
    #contenu #profil_cover {
        width: 100%;
    }

    #contenu #profil_cover {
        margin-bottom: 10px;
    }

    #left_column #left_column_tools {
        padding: 0 20%;
    }

    .select_firstoption_visible {
        font-weight: bold;
        /*text-align: center;*/
        text-transform: uppercase;
    }

    #widget_recent_picts a,
    #widget_recent_picts a.alternate {
        padding-left: 5px;
        padding-right: 5px;
    }

    .mini_video.home,
    .mini_video.full {
        padding: 0 6px;
        width: 50%;
        height: 135px;
    }

    .mini_video.full:nth-child(n+11) {
        display: none;
    }

    body.home #contenu h1, body.home h1.bigtitle, body.home #contenu h2, body.home h2.bigtitle {
    }

}

@media only screen and (max-width: 400px)
{

    #contenu .remix_table_content .mf_player_container {
        margin: 10px 0;
    }

    #contenu .mf_player_container {
        width: 250px; /* why 250px ? idk......... */
    }

    .group_list_display_even {
        margin-right: 0;
    }

    .mini_video.home,
    .mini_video.full {
        width: 50%;
        height: 120px;
    }
}

/*           BOOTSTRAP TABLE INTEGRATION        */

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.table-responsive-more {
    display: none;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #dddddd;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }

    .table-responsive-more {
        display: inline-block;
        width: 100%;
        text-align: right;
        font-size: 10px;
        margin-bottom: 5px;
    }
}


