
/*********   WIDTH     ******************/

.width1262 #main_content_container,
.width1262 #main_content,
.width1262 #main_container,
.width1262 #main_container_bg,
.width1262 .central_container {
    width: 1262px;
}
.width1262 #contenu {
    width: 1202px;
    /*padding: 40px 30px 0 30px;*/
    padding: 0 30px 0 30px;
}
.width1262.news1262 #contenu,
.width1262.lesbreves #contenu {
    padding-top: 0;
}
/*.width1262 .footer_block {*/
/*    width: 1262px;*/
/*    margin: 0 auto;*/
/*    padding: 60px 0 30px 0;*/
/*}*/
/*.width1262 .footer_block ul.link_list {*/
/*    width: 20%;*/
/*}*/




.width1262:not(.plan1262) #main_container {
    background-image: none;
    background: transparent;
}
.width1262:not(.plan1262) #main_container:after {
    display: none;
}
.width1262:not(.plan1262) #main_container_bg {
    background: rgba(255, 255, 255, 0.80);
}

.width1262:not(.plan1262) #top_content {
    display: none;
}

.width1262 #left_column,
.width1262:not(.plan1262) #left_column {
    display: none;
}
.width1262.plan1262 #left_column {
    display: block;
}
.width1262-incontainer-right #right_column {
    /*width: 278px;*/
    width: 100%;
    padding-right: 0;
}

body.width1262 #nivo_wrapper {
    width: 100vw;
    /*aspect-ratio: 1920 / 800;*/
    margin-left: calc(-50vw + 50%);
}
body.width1262 #nivoContainer {
    width: 100%;
    height: 100%;
}
body.width1262 .nivoSlider a.nivo-imageLink {
    width: 100%;
    height: 100%;
}

body.width1262 #nivo_wrapper {
    padding-bottom: 0;
    background: rgba(255, 255, 255, 0.80);
}
/*body.width1262 .theme-default .nivoSlider img {*/
/*    height: 100% !important;*/
/*}*/



/*******    CONTAINERS    ***********/

.width1262-full-container {
    display: flex;
    flex-flow: row wrap;
    --1262-col-gap: 30px;
    column-gap: var(--1262-col-gap);
    width: 100%;
    margin-bottom: 30px;
}
body.home .width1262-full-container {
    --1262-col-gap: 60px;
}
.width1262-full-container.full-width {
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px 0;
    width: calc(100% + 60px);
}
.width1262.lesbreves .width1262-full-container.full-width {
    /*margin-left: calc(601px - 50vw);*/
    /*margin-right: calc(601px - 50vw);*/
    /*padding: 30px 0;*/
    /*width: 100vw;*/
}
.width1262.lesbreves #tweet_header.width1262-full-container.full-width {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    background: url("img/breves.jpg") center no-repeat !important;
    background-size: cover !important;
}
.width1262.lesbreves #tweet_header.width1262-full-container.full-width #tweet_header_in {
    position: relative;
    width: 1262px; height: 100%;
    margin: 0 auto;
}
.width1262.lesbreves #old_breves.width1262-full-container.full-width {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px);
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 10px 0;
    background-image: none !important;
}

#last_news_breves_container.width1262-full-container.full-width,
#other_news_container.width1262-full-container.full-width {
    /*margin-left: calc(601px - 45vw);*/
    margin-left: calc(601px - 50vw);
    /*margin-right: calc(601px - 45vw);*/
    margin-right: calc(601px - 50vw);
    padding-left: 5vw;
    padding-right: 5vw;
    width: 90vw;
}

#videos_container.width1262-full-container.full-width,
#pict_container.width1262-full-container.full-width {
    margin-left: calc(601px - 50vw);
    margin-right: calc(601px - 50vw);
    margin-top: 30px;
    /*margin-bottom: 60px;*/
    margin-bottom: 0;
    width: calc(100vw - 30px);
    padding: 45px 15px 0 15px;
    position: relative;
    overflow: hidden;
}
#videos_container.width1262-full-container.full-width {
    padding-bottom: 60px;
}
#pict_container.width1262-full-container.full-width {
    padding-top: 15px; padding-bottom: 15px;
    margin-top: 0; margin-bottom: 0;
    background: var(--pictures-background-color);     /* container color */
    --flip-glow: var(--pictures-title-color);    /* title glow color, inherited by .picture_flip_title */
}

#zoom_container.width1262-full-container.full-width {
    /*margin-left: calc(601px - 45vw);*/
    /*margin-right: calc(601px - 45vw);*/
    margin-left: calc(601px - 50vw);
    margin-right: calc(601px - 50vw);
    /*width: 90vw;*/
    width: 100vw;
    padding: 45px 0 30px 0;
}




.width1262.news1262 #the_news_top.layout1920 {
    margin-left: calc(601px - 50vw);
    margin-right: calc(601px - 50vw);
    width: 100vw;
    padding: 0 0 0 0;
}



.width1262-incontainer-left {
    display: block;
    /*float: left;*/
    width: 894px;
    margin-right: 0;
}
.width1262-incontainer-right {
    display: block;
    /*float: left;*/
    width: 278px;
}

.width1262-incontainer-half {
    display: flex;
    flex-flow: column wrap;
    width: calc(50% - var(--1262-col-gap)/2);
}

.width1262-incontainer-full {
    width: calc(100% - 60px);
    padding: 0 30px;
}
#zoom_container .width1262-incontainer-full {
    width: calc(100% - 90px);
    padding: 0 45px;
}
.width1262-incontainer-full.no-padding {
    padding: 0;
    width: 100%;
}
.width1262-incontainer-full.no-padding.full-width {
    padding: 0;
    margin: 0 -15px;
    width: calc(100% + 30px);
}

.width1262-incontainer-third {
    display: flex;
    /*width: calc(33.3333333% - 20px);*/
    width: calc(33.3333333% - var(--1262-col-gap)/2);
    margin: 0;
}
.width1262-incontainer-2third {
    display: flex;
    flex-flow: column nowrap;
    /*width: calc(66.6666666% - 20px);*/
    width: calc(66.666666% - var(--1262-col-gap)/2);
    margin: 0;
}

.width1262-incontainer-60percent {
    display: flex;
    flex-flow: column wrap;
    width: calc(58% - var(--1262-col-gap)/2);
    margin: 0;
}
.width1262-incontainer-40percent {
    display: flex;
    flex-flow: column wrap;
    width: calc(42% - var(--1262-col-gap)/2);
    margin: 0;
}

.width1262 .container_33percent {
    width: calc(33.333333333% - 20px);
    margin-right: 30px;
}
.width1262 .container_33percent.no-margin {
    margin-right: 0;
}
.width1262-incontainer-left .container_33percent {
    width: 278px;
    margin-right: 30px;
}
.width1262-incontainer-left .container_33percent:last-child {
    margin-right: 0;
}

.width1262 .right_column_block {
    /*width: 248px;*/
    width: calc(100% - 30px);
    margin-bottom: 30px;
    padding: 15px 15px 15px 15px;
    /*padding: 0;*/
    background-color: rgba(255, 255, 255, 0.65);
    /*background-color: rgba(0, 255, 255, 0.65);*/
}

.width1262 #left_column #block_247_resp.right_column_block {
    width: 100%;
    margin-bottom: 15px;
}


.width1262 #contenu .page-content-wrapper-1262 {
    float: left;  /*  https://dev.mylene.net/mylene/discographie.php espace entre titre et menu... */
    width: calc(100% - 210px);
    margin-bottom: 60px;
    padding-left: 120px;
    padding-right: 90px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 17px;
    line-height: 1.5;
    text-align: left;
}
.width1262 #contenu .page-content-wrapper-1262 table,
.width1262 #contenu .page-content-wrapper-1262 td {
    font-family: Arial, Verdana, sans-serif;
    font-size: 17px;
    line-height: 1.5;
    text-align: justify;
}


#mobile_extra_container {
    display: block;
    position: relative;
    z-index: 1;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
}



/*******    TITLES    **********/

.over-title {
    width: 100%;
    font-size: 13px;
}
.container-header {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: space-between;
    position: relative;
    width: 100%;
    line-height: 1;
    margin-bottom: 45px;
}
.container-header.flex-column {
    flex-flow: column wrap;
    align-items: center;
}

.container-more-link {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    width: 100%;
    line-height: 1;
    margin-top: 30px;
}
.container-more-link.no-top-margin {
    margin-top: 0;
}
.more-link {
    /*text-transform: uppercase;*/
    padding-bottom: 5px;
    border-bottom: 1px solid;
}
.right_column_block.narrow .more-link {
    float: right;
    padding-bottom: 2px;
}


#top_container .container-header,
#zoom_container .container-header {
    justify-content: center;
}
#top_container .over-title,
#zoom_container .over-title {
    text-align: center;
}


.width1262 .index_contenu_title1 {
    height: 52px;
    margin-bottom: 30px;
    border-bottom: 8px solid;
}
.width1262 .index_contenu_title1.whitebg {
    background: url("img/v3_blanssemitransp.png") repeat transparent;
    border-bottom: none;
    height: 50px;
}
.width1262 .index_contenu_title1.no-margin {
    margin-bottom: 0;
}
.width1262 .bg_themecolored .index_contenu_title1 {
    border-bottom: 8px solid white;
}
.width1262 #contenu .index_contenu_title1 h1,
.width1262 #contenu .index_contenu_title1 h2 {
    border-top: none;
    font-size: 32px;
    line-height: 36px;
    padding-top: 12px;
    margin: 0;
}
.width1262 #contenu .bg_themecolored .index_contenu_title1 h2 {
    color: white;
}
.width1262 .index-title-border {
    display: inline-block;
    height: 48px;
    width: 100%;
    border-bottom: 2px solid;
    margin-bottom: 2px;
}
.width1262 .bg_themecolored .index-title-border {
    border-bottom: 2px solid white;
    margin-right: 0;
}


.cover-title-container.width1262-full-container.full-width {
    position: relative;
    height: auto;
    padding: 70% 0 0 0;
    margin-left: -120px;
    margin-right: -90px;
    margin-bottom: 60px;
    width: calc(100% + 210px);
    background-size: contain;
}
.cover-title-container h1 {
    position: absolute;
    left: 5%; right: 5%;
    top: calc(50% - 20px);
    text-align: left;
    color: white;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
}
#contenu .cover-title-container h1.cover-title {
    left: 0; right: 0;
    margin: 0; padding: 0;
    top: calc(50% - 20px);
    color: white;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    background: none;
}






/******   MENU   *******/

#main_top_content .header-line#menu_line {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
#main_top_content .header-line#menu_line #logo_line {
    width: 240px;
    height: 50px;
}
#main_top_content .header-line#menu_line #menu_content {
    display: flex;
    flex: 1;
    height: 50px;
    margin: 0 120px 0 40px;
}
#main_top_content .header-line#menu_line #menu_line_hamburger {
    width: 60px;
}
#main_top_content .header-line#menu_line #logo_line,
#main_top_content .header-line#menu_line #menu_content,
#main_top_content #top_search,
#main_top_content .header-line#menu_line #menu_line_hamburger {
    padding: 0 0;
    transition: padding 0.6s cubic-bezier(.09, .47, .18, .99);
}
.home #main_top_content .header-line#menu_line #logo_line,
.home #main_top_content .header-line#menu_line #menu_content,
.home #main_top_content #top_search,
.home #main_top_content .header-line#menu_line #menu_line_hamburger {
    padding: 15px 0;
}
.scrolled #main_top_content .header-line#menu_line #logo_line,
.scrolled #main_top_content .header-line#menu_line #menu_content,
.scrolled #main_top_content #top_search,
.scrolled #main_top_content .header-line#menu_line #menu_line_hamburger {
    padding: 0 0;
}
/*.width1262 #main_top_content,*/
/*.width1262 #main_top_content_bottom_bg,*/
/*.width1262 #main_top_content #main_top_content_bottom {*/
#main_top_content,
#main_top_content_bottom_bg,
#main_top_content #main_top_content_bottom {
    transition: height 0.6s cubic-bezier(.09, .47, .18, .99),
                box-shadow 0.6s cubic-bezier(.09, .47, .18, .99);
}

/*.width1262.scrolled #main_top_content,*/
/*.width1262.scrolled #main_top_content_bottom_bg,*/
/*.width1262.scrolled #main_top_content #main_top_content_bottom {*/
.scrolled #main_top_content,
body.home.scrolled #main_top_content,
.scrolled #main_top_content_bottom_bg,
body.home.scrolled #main_top_content_bottom_bg,
.scrolled #main_top_content #main_top_content_bottom,
body.home.scrolled #main_top_content #main_top_content_bottom {
    height: 50px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
}



.width1262 .blockmenu {
    left: 0;
}
.width1262 #blocMenuMylene.blockmenu {
    padding-bottom: 24px;
}
.width1262 .blockmenu li {
    padding: 5px 0 5px 0;
}
.width1262 #blocMenuNews.blockmenu li.menu_news::before {
    top: 6px;
}


/*  menu biographie  */
body.plan1262 .main-navigation.new_menu > div > ul > li.menu_biographie_bio,
body.plan1262 .main-navigation.new_menu > div > ul > li.menu_biographie_chrono,
body.plan1262 .main-navigation.new_menu > div > ul > li.menu_biographie_carto {
    width: 207px;
    margin: 0;
}
body.width1262 .main-navigation.new_menu ul > li > .sub_menu_wrapper,
body.plan1262 .main-navigation.new_menu ul > li > .sub_menu_wrapper {
    width: 684px;
}
body.width1262 .menu_biographie .sub_menu_elements,
body.plan1262 .menu_biographie .sub_menu_elements {
    width: 181px;
}
body.width1262 .menu_biographie .sub_menu_elements:nth-of-type(2),
body.plan1262 .menu_biographie .sub_menu_elements:nth-of-type(2) {
    width: 182px;
}

/*  menu interviews  */
body.plan1262 .main-navigation.new_menu > div > ul > li.menu_interview_mf {
    width: 220px;
}
body.plan1262 .main-navigation.new_menu > div > ul > li.menu_interview_coll {
    width: 230px;
}
body.plan1262 .menu_interview_coll .sub_menu_elements.time {
    width: 444px;
}


/*     menu vidéos    */
body.plan1262 .main-navigation.new_menu > div > ul > li.menu_videoshome {
    width: 144px;
}
body.plan1262 .menu_clip .sub_menu_elements:nth-of-type(2) {
    width: 200px;
}
body.plan1262 .menu_videoplus .sub_menu_elements {
    width: 322px;
}
body.plan1262 .menu_publicitetv .sub_menu_elements {
    width: 156px;
}
body.plan1262 .menu_passagestv .sub_menu_elements_container {
    width: 503px !important;
}
body.plan1262 .menu_passagestv .sub_menu_elements_container:nth-child(2) {
    width: 161px !important;
}
body.plan1262 .menu_passagestv .sub_menu_elements_container:nth-child(3) .sub_menu_elements {
    width: 157px !important;
}



/*  menu et code referentiel 1262  */

body.plan1262 nav.main-navigation.new_menu.referentiel-navigation > div > ul > li.menu_referentiel_home {
    width: 149px;
}
body.plan1262 nav.main-navigation.new_menu.referentiel-navigation .menu_referentiel_album .sub_menu_elements {
    width: 192px;
}
body.plan1262 nav.main-navigation.new_menu.referentiel-navigation .menu_referentiel_single .sub_menu_elements:nth-of-type(2) {
    width: 210px;
}
body.plan1262 nav.main-navigation.new_menu.referentiel-navigation .menu_referentiel_concert .sub_menu_elements {
    width: 224px;
}
body.plan1262 nav.main-navigation.new_menu.referentiel-navigation .menu_referentiel_video .sub_menu_elements:nth-of-type(2) {
    width: 170px;
}
body.plan1262 nav.main-navigation.new_menu.referentiel-navigation .menu_referentiel_divers .sub_menu_elements {
    width: 292px;
}

body.plan1262 .referentiel_home_menu.resp_container {
    width: 100%;
}
body.plan1262 .width1262-incontainer-left .referentiel_home_menu.resp_container .container_33percent {
    width: 33.3333%;
    margin-right: 0;
    text-align: center;
}
body.plan1262 .referentiel_home_menu img {
    width: 100%;
}

body.plan1262 .referentiel_home_support_wrapper {
    width: 168px;
}

body.plan1262 .referentiel_menu_link a {
    color: inherit;
}

body.plan1262 .mylene_resp_menu_white.responsive_menu_container {
    font-size: 13px;
}


/*  menu et code remixo 1262  */

body.plan1262 #remix_top_container {
    left: 205px;
}
body.plan1262 #remixes_top_title {
    width: calc(100% - 10px);
}
body.plan1262 ul.songs_header {
    width: calc(100% - 8px);
    padding: 3px 0 3px 8px;
}
body.plan1262 #songs_wrappers {
    width: 100%;
}
body.plan1262 .tab_songs_container {
    width: calc(100% - 180px);
}
body.plan1262 .tab_songs_container_50 {
    width: 50%;
}

body.plan1262 .remix_table_header {
    width: 100%;
}
body.plan1262 .remix_table_content {
    width: 100%;
}
body.plan1262.width1262 #contenu .page-content-wrapper-1262 td.remix_table_header_cell {
    font-size: 12px;
}


/*  menu et code influences 1262  */

body.plan1262 .main-navigation.new_menu > div > ul > li.menu_influences_influences,
body.plan1262 .main-navigation.new_menu > div > ul > li.menu_influences_analyses,
body.plan1262 .main-navigation.new_menu > div > ul > li.menu_influences_zoom {
    width: calc(33.333% - 21px);
}
body.plan1262 .menu_influences .sub_menu_elements {
    margin: 0 212px;
}



/**********   BUTTONS    *************/

.width1262 #mf_link_button_v3_wrapper {
    margin: 0;
}
.width1262 #contenu div.mf_link_button_v3,
.width1262 #contenu a.mf_link_button_v3,
.width1262 #contenu a.mf_link_button_v3:hover,
.width1262 #left_column a.mf_link_button_v3,
.width1262 #left_column a.mf_link_button_v3:hover {
    border: 2px solid;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    padding: 6px 30px 6px 30px;
}
.width1262 #contenu table a.mf_link_button_v3,
.width1262 #contenu table a.mf_link_button_v3:hover {
    border: 1px solid;
    padding: 3px 15px 3px 15px;
}
.width1262 #left_column a.mf_link_button_v3,
.width1262 #contenu div:not(.video_category) > div.mf_link_button_v3,
.width1262 #contenu a.mf_link_button_v3,
.width1262 #left_column a.mf_link_button_v3:hover,
.width1262 #contenu a.mf_link_button_v3:hover {
    background: white;
}
.width1262 #contenu div.mf_link_button_v3.full-width,
.width1262 #contenu a.mf_link_button_v3.full-width {
    width: calc(100% - 64px);
}
.width1262 #contenu div.mf_link_button_v3.half-width {
    width: calc(50% - 32px);
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}













/***********     NEWS BASED PAGE     *************/


body.width1262.plan1262 #the_news_top {
    width: 894px;
    margin-left: -120px;
    margin-right: -90px;
}

body.width1262.plan1262 #contenu .new_layout .titreNews {
    width: calc(100% - 40px);
}

.news_main_image {
    display: flex;
}
body.width1262.plan1262 .news_main_image img {
    width: 100%;
    max-width: 100%;
}

/*body.width1262.plan1262 #contenu_news,*/
body.width1262.plan1262 #comment_block {
    /*width: 894px;*/
    /*margin-left: -120px;*/
    /*margin-right: -90px;*/
}


body.width1262.plan1262 #comment_block {
    font-size: 14px;
}




/***********     DISCO - REMICO     *************/

/*  used in discographie 1262 */
body.width1262 .remix_thumb {
    margin-bottom: 20px;
    width: 20%;
}
/*  used in discographie 1262 */
body.width1262 .remix_thumb span.title {
    font-size: 14px;
    line-height: 18px;
}
/*  used in discographie 1262 */
body.width1262 .album_thumb {
    width: 25%;
    margin-bottom: 20px;
}
/*  used in discographie 1262 */
body.width1262 .album_thumb_holder {
    height: 90px;
    width: 90px;
}
/*  used in discographie 1262 */
body.width1262 .album_thumb span.title {
    font-size: 14px;
    line-height: 18px;
}


/***********     DISCOGRAPHIE     *************/

body.width1262.plan1262 #bandeau img {
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
}
body.width1262.plan1262 #bandeau .back_disco {
    display: none;
}

/***********     OTHERS  &  WIDGETS   *************/

.width1262-incontainer-right .fa.fa-plus-circle {
    display: none;
}

.width1262-incontainer-right #widget_recent_picts a {
    width: calc(33.333% - 6.66px);
    height: auto;
    padding: 0; margin: 0;
}
.width1262-incontainer-right #widget_recent_picts a.alternate {
    padding-right: 0;
}
.width1262-incontainer-right #widget_recent_picts a img {
    height: auto;
    width: 100%;
}


.albumwidget_single {
    width: 80px;
    /*padding-bottom: 20px;*/
    /*padding-right: 21px;*/
}
.albumwidget_single a img {
    /*float: left;*/
    /*width: 68px;*/
    /*height: 68px;*/
    width: 80px;
    height: 80px;
}

#disco_video_widget .videowidget_single {
    width: 80px;
    /*width: 68px;*/
    /*height: 34px;*/
}
#disco_video_widget .videowidget_single a {
    display: flex;
    width: 80px;
    height: 40px;
}
#disco_video_widget .videowidget_single a img {
    width: 80px;
    height: 40px;
}
#disco_video_widget .videowidget_single.last {
    padding-right: 0;
}
#disco_referentiel_widget .refwidget_single {
    width: 80px;
    height: 80px;
}
#disco_referentiel_widget .refwidget_single.last {
    padding-right: 0;
}
#disco_referentiel_widget .refwidget_single a {
    display: flex;
}
#disco_referentiel_widget .refwidget_single a img {
    width: 80px;
    height: 80px;
}

#disco_video_widget .submit_zone,
#disco_referentiel_widget .submit_zone {
    text-align: center;
    /*padding-left: 0;*/
    padding: 0;
}
.disco_1262_button,
.disco_1262_button:hover {
    /*display: inline-block;*/
    /*background: white;*/
    /*border: 2px solid;*/
    /*padding: 5px;*/
    /*margin: 0 0 15px 0;*/
    /*cursor: pointer;*/

    display: block;
    width: 100%;
    text-align: right;
    margin: 15px 0 15px 0;
    text-decoration: underline;
    border: none;
    background: transparent;
}

#r20-recent-video-list,
.mf-videos-widget-list,
.disco-video-list,
.disco-ref-list {
    display: flex;
    flex-flow: row wrap;
}
#r20-recent-video-list {
    column-gap: 15px;
    row-gap: 15px;
}
.mf-videos-widget-list {
    row-gap: 15px;
}
.disco-video-list {
    column-gap: 4px;
    row-gap: 15px;
}
.disco-ref-list {
    column-gap: 4px;
    row-gap: 15px;
}

form.videos_form,
form#referentiel_search {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
}


#r20-recent-video-list .mini_video.full {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: calc(33.33333% - 10px);
}
#r20-recent-video-list .mini-video-content {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    width: calc(100% - 30px);
    padding: 0 15px;
}
#r20-recent-video-list .mini-video-content .mini_video_title {
    text-align: center;
}




@media only screen and (min-width: 1070px) and (max-width: 1399px)
{

    body.home .width1262-full-container {
      --1262-col-gap: 30px;
    }
    body.home #contenu h2, body.home h2.bigtitle {
      font-size: 50px !important;
    }

    .width1262.lesbreves .hide-small-home,
    .width1262.home .hide-small-home {
        display: none !important;
    }
    .width1262.home .show-small-home {
        display: block !important;
    }
    .width1262:not(.home) .show-small-home {
        display: none;
    }

    .width1262 #main_content_container,
    .width1262 #main_content,
    .width1262 #main_container,
    .width1262 #main_container_bg,
    /*.width1262 .central_container,*/
    /*.width1262 #footer_container,*/
    .width1262 #nivo_wrapper,
    .width1262 #nivoContainer {
        width: 1000px;
    }
    .central_container,
    .width1262 .central_container {
        width: 100%;
    }
    .width1262 #contenu {
        width: calc(100% - 60px);
    }
    .width1262 .footer_block {
        width: calc(100% - 60px);
        padding: 30px;
    }

    .width1262-incontainer-left {
        width: 632px;
    }
    body.home .width1262-incontainer-left,
    body.lesbreves .width1262-incontainer-left {
        width: 100%;
    }

    .width1262 #contenu .page-content-wrapper-1262 {
        /*width: calc(100% - 70px);*/
        /*padding-left: 40px;*/
        /*padding-right: 30px;*/
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }


    #last_news_breves_container.width1262-full-container.full-width,
    #other_news_container.width1262-full-container.full-width {
        margin-left: calc(50% - 48vw);
        margin-right: calc(50% - 48vw);
        padding-left: 0;
        padding-right: 0;
        width: 96vw;
    }
    #videos_container.width1262-full-container.full-width,
    #pict_container.width1262-full-container.full-width,
    #zoom_container.width1262-full-container.full-width {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0;
        width: 100vw;
    }


    .width1262 #menu_news_tabs {
        top: 106px;
    }
    .width1262 .blockmenu li {
        padding: 1px 0 1px 0;
    }
    .width1262 #blocMenuMylene.blockmenu {
        padding-bottom: 18px;
    }
    .width1262 #blocMenuNews.blockmenu li.menu_news::before {
        top: 3px;
    }


    .widget_recent_presse .presse_content img {
        height: auto;
        width: 78px;
    }


    .cover-title-container.width1262-full-container.full-width {
        width: calc(100% + 70px);
        margin-left: -40px;
        margin-right: -30px;
        padding-top: 61%;
    }


    /*    MENUS    */

    /*  menu bio  */
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_biographie_bio,
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_biographie_chrono,
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_biographie_carto {
        width: 166px;
    }
    body.width1262 .main-navigation.new_menu ul > li > .sub_menu_wrapper,
    body.plan1262 .main-navigation.new_menu ul > li > .sub_menu_wrapper {
        width: 562px;
    }
    body.width1262 .menu_biographie .sub_menu_elements,
    body.plan1262 .menu_biographie .sub_menu_elements {
        width: 141px;
    }
    body.width1262 .menu_biographie .sub_menu_elements:nth-of-type(2),
    body.plan1262 .menu_biographie .sub_menu_elements:nth-of-type(2) {
        width: 140px;
    }

    /*  menu interviews  */
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_interview_mf {
        width: 175px;
    }
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_interview_coll {
        width: 185px;
    }
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_interview_parlent {
        width: 140px;
    }
    body.plan1262 .main-navigation.new_menu.menu_interview_mf_container > div > ul > li > a {
        font-size: 11px;
    }
    body.plan1262 .menu_interview_coll .sub_menu_elements.time {
        width: 322px;
    }

    /*     menu vidéos    */
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_videoshome {
        width: 130px;
    }
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_passagestv {
        width: 110px;
    }
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_publicitetv {
        width: 120px;
    }
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_clip {
        width: 62px;
    }


    body.plan1262 .menu_clip .sub_menu_elements:nth-of-type(2),
    body.plan1262 .menu_clip .sub_menu_elements {
        width: 170.5px;
    }
    body.plan1262 .main-navigation.new_menu ul li.menu_clip ul li a {
        width: 100%;
    }
    body.plan1262 .menu_videoplus .sub_menu_elements {
        width: 322px;
    }
    body.plan1262 .menu_publicitetv .sub_menu_elements {
        width: 125.5px;
    }
    body.plan1262 .menu_passagestv .sub_menu_elements_container {
        width: 381px !important;
    }
    body.plan1262 .menu_passagestv .sub_menu_elements_container:nth-child(2) {
        width: 161px !important;
    }
    body.plan1262 .menu_passagestv .sub_menu_elements_container:nth-child(2) .sub_menu_elements {
        width: 60px !important;
    }
    body.plan1262 .menu_passagestv .sub_menu_elements_container:nth-child(3) .sub_menu_elements {
        width: 117px !important;
    }
    body.plan1262 .menu_videoplus .sub_menu_elements {
        width: 261px;
    }


    /*    menu référentiel  et code référentiel    */

    body.plan1262 nav.main-navigation.new_menu.referentiel-navigation > div > ul > li.menu_referentiel_home {
        width: 140px;
    }
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_referentiel_album,
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_referentiel_single,
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_referentiel_concert,
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_referentiel_video {
        width: 68px;
    }
    body.plan1262 .main-navigation.new_menu > div > ul > li.menu_referentiel_divers {
        width: 25px;
    }

    /*    menu remixo  et code remixo    */

    body.plan1262 #remix_top_container {
        left: 144px;
    }
    body.plan1262 ul.songs_header li {
        width: 21px;
    }

    #contenu_news {
        width: 100%;
        padding: 0;
    }
    #relatednews_wrapper {
        width: calc(100% - 40px);
    }
    body.width1262.plan1262 #the_news_top,
    body.width1262.plan1262 #comment_block {
        width: 100%;
        margin: 0;
    }


}



@media only screen and (min-width: 768px) and (max-width: 1069px)
{
    .width1262 .show-md {
        display: block !important;
    }

    .width1262 #main_content_container,
    .width1262 #main_content,
    .width1262 #main_container,
    .width1262 #main_container_bg,
    /*.width1262 .central_container,*/
    /*.width1262 #footer_container,*/
    .width1262 #nivo_wrapper,
    .width1262 #nivoContainer {
        width: 750px;
    }
    .central_container,
    .width1262 .central_container {
        width: 100%;
    }
    .width1262 #footer_container {
        width: 100%;
    }
    .width1262 #contenu {
        width: 100%;
    }
    .width1262 .footer_block {
        /*width: calc(100% - 60px);*/
        width: 100%;
        padding: 30px;
    }

    .width1262-full-container {
        width: 100%;
    }
    .width1262-incontainer-left {
        width: 100%;
        /*width: 632px;*/
    }
    .width1262-incontainer-half {
        /*width: 330px;*/
        width: 100%;
    }
    .width1262-full-container.full-width {
        width: calc(100% + 60px);
    }
    .width1262-incontainer-full,
    .width1262-incontainer-third,
    .width1262-incontainer-60percent,
    .width1262-incontainer-40percent,
    .width1262-incontainer-2third {
        width: 100%;
    }
    .width1262-incontainer-left .container_33percent {
        width: calc(50% - 15px);
    }

    .width1262 #contenu .page-content-wrapper-1262 {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .width1262 #main_top_content .header-line#menu_line {
        width: 100%;
        padding: 0 15px;
    }
    .width1262 #main_top_content .header-line#menu_line #logo_line {
        width: 200px;
    }

    #last_news_breves_container.width1262-full-container.full-width,
    #other_news_container.width1262-full-container.full-width {
        margin-left: calc(50% - 48vw);
        margin-right: calc(50% - 48vw);
        padding-left: 0;
        padding-right: 0;
        width: 96vw;
    }
    #videos_container.width1262-full-container.full-width,
    #pict_container.width1262-full-container.full-width,
    #zoom_container.width1262-full-container.full-width {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0;
        width: 100vw;
    }
    #zoom_container .width1262-incontainer-full {
        width: 100%;
    }
    #zoom_container.width1262-full-container.full-width {
        padding-bottom: 45px;
    }


    #other_news_home .other-news-home {
        width: calc(50% - var(--col-gap)/2)
    }

    #presse_home.width1262-incontainer-half {
        padding-top: 60px;
    }

    #top_headline {
        left: 50px;
    }

    .width1262 .blockmenu li {
       padding: 0;
    }
    .width1262 #menu_news_tabs {
        top: 86px;
    }

    .width1262 .index_contenu_title1 {
        height: 58px;
    }
    .width1262 .index_contenu_title1.whitebg {
        height: 48px;
    }

    .width1262 #contenu h1,
    .width1262 #contenu h2 {
        font-size: 22px;
    }



    .width1262 .right_column_block {
        width: 200px;
    }

    .width1262 .tweet_content_author,
    .width1262 .tweet_content_title {
        padding-left: 0;
        font-size: 10px;
    }
    .width1262 .group_content_author,
    .width1262 .group_content_title {
        padding-left: 24px;
        font-size: 10px;
    }
    .width1262 .group_content_author,
    .width1262 .group_content_title {
        width: 178px;
    }



    .width1262 #communitywidget_tabs {
        left: 15px;
    }

    .width1262 .mini_video.widget {
        width: 100%;
        padding: 0;
        height: auto;
    }
    .width1262 .mini_video.widget a.pellicule {
        width: 100%;
    }


    #mylene_home_lastvideos .mini_video.full {
        width: calc(50% - 30px);
    }

    .cover-title-container.width1262-full-container.full-width {
        width: calc(100% + 120px);
        padding-top: 64%;
        margin-left: -60px;
        margin-right: -60px;
    }


    body.width1262 .album_thumb {
        height: 150px;
    }
    body.width1262 .album_thumb_holder {
        width: 100px;
        height: 100px;
    }



    /*    code référentiel   */

    body.plan1262 .referentiel_home_menu.resp_container {
        width: 50%;
    }
    body.plan1262 .width1262-incontainer-left .referentiel_home_menu.resp_container .container_33percent {
        width: 100%;
    }
    body.plan1262 .referentiel_home_menu .element {
        height: 25px;
        line-height: 25px;
    }



    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -45px;
    }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -45px;
    }


}



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

    .width1262 #main_content_container,
    .width1262 #main_content,
    .width1262 #main_container,
    .width1262 #main_container_bg,
    .width1262 .central_container,
    .width1262 #footer_container,
    .width1262 #nivo_wrapper,
    .width1262 #nivoContainer {
        width: 100%;
    }
    .width1262 .central_container {
        margin: 0;
    }
    .width1262 #contenu {
        width: 100%;
    }
    .width1262-incontainer-left,
    .width1262-incontainer-full,
    .width1262-incontainer-half,
    .width1262-incontainer-third,
    .width1262-incontainer-60percent,
    .width1262-incontainer-40percent,
    .width1262-incontainer-2third {
        width: 100%;
    }
    .width1262-incontainer-left .container_33percent {
        width: calc(50% - 15px);
    }

    .width1262-incontainer-right {
        display: none;
    }
    .width1262 .footer_block {
        width: 100%;
        padding: 30px 10px;
    }

    #main_top_content_bottom {
        display: flex;
        justify-content: flex-start;
    }

    #last_news_breves_container.width1262-full-container.full-width,
    #other_news_container.width1262-full-container.full-width {
        margin-left: calc(50% - 48vw);
        margin-right: calc(50% - 48vw);
        padding-left: 0;
        padding-right: 0;
        width: 96vw;
    }
    #videos_container.width1262-full-container.full-width,
    #pict_container.width1262-full-container.full-width,
    #zoom_container.width1262-full-container.full-width {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: 0;
        padding-right: 0;
        width: 100vw;
    }
    #videos_container.width1262-full-container.full-width {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #zoom_container .width1262-incontainer-full {
        width: 100%;
        padding: 0 0;
    }
    #zoom_container.width1262-full-container.full-width {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    body.home #mynet_container.width1262-full-container {
        margin-bottom: 0;
    }
    #mynet_container #mynet_container_title.width1262-full-container {
        margin-bottom: 0;
    }

    #other_news_home .other-news-home {
        width: calc(50% - var(--col-gap)/2)
    }
    #other_news_home .other-news-home:first-child {
        width: 100%;
    }

    #presse_home.width1262-incontainer-half {
        padding-top: 60px;
    }

    #top_container.width1262-full-container {
        width: calc(100% + 30px);
        padding: 0 45px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .width1262.lesbreves #tweet_header.width1262-full-container.full-width,
    .width1262.lesbreves #old_breves.width1262-full-container.full-width {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }

    .width1262 #contenu .page-content-wrapper-1262 {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .width1262 #contenu {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .width1262 #main_container_bg {
        background: #f3f3f3;
        padding-bottom: 0;
    }

    .container-header {
        margin-bottom: 30px;
    }

    #main_container {
        margin-top: 50px;
    }
    .home.width1262 #main_container {
        margin-top: 80px;
    }

    .width1262 .index_contenu_title1 {
        height: 58px;
    }
    .width1262 .index_contenu_title1.whitebg {
        height: 48px;
    }

    .width1262-full-container.full-width {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


    .cover-title-container.width1262-full-container.full-width {
        width: calc(100% + 90px);
        padding-top: 64%;
        margin-left: -45px;
        margin-right: -45px;
    }


    body.width1262 .album_thumb {
        height: 150px;
    }
    body.width1262 .album_thumb_holder {
        width: 100px;
        height: 100px;
    }

    body.width1262 .album_thumb span.title,
    body.width1262 .remix_thumb span.title {
        padding: 0 3px;
    }


    #r20-recent-video-list .mini_video.full {
        width: 100%;
    }

    /*    code référentiel   */

    body.plan1262 .referentiel_home_menu.resp_container {
        width: 50%;
    }
    body.plan1262 .width1262-incontainer-left .referentiel_home_menu.resp_container .container_33percent {
        width: 100%;
    }
    body.plan1262 .referentiel_home_menu .element {
        height: 25px;
        line-height: 25px;
        font-size: 13px;
    }
    body.plan1262 #referentiel_menu_links {
        text-align: center;
    }

    .cover-title-container.width1262-full-container.full-width {
        padding-top: 66%;
    }

    body.width1262 .album_thumb {
        width: 33%;
    }
    body.width1262 .remix_thumb {
        width: 25%;
    }
    body.width1262 .album_thumb span.title,
    body.width1262 .remix_thumb span.title {
        font-size: 12px;
        line-height: 14px;
    }

    .width1262 #contenu div.mf_link_button_v3,
    .width1262 #contenu a.mf_link_button_v3,
    .width1262 #contenu a.mf_link_button_v3:hover,
    .width1262 #left_column a.mf_link_button_v3,
    .width1262 #left_column a.mf_link_button_v3:hover {
        padding: 6px 15px 6px 15px;
        min-width: 100px;
    }

    body.home .over-title {
        display: none;
    }

}

/*   430px is opt-in, not canonical — only used where a component (the
     album_thumb/remix_thumb column count below) demonstrably needs to behave
     differently in the 390-430px device cluster than the rest of mobile.
     See dev/responsive.md.   */

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

    .width1262 #contenu .page-content-wrapper-1262 {
        padding-left: 0;
        padding-right: 0;
    }

    body.width1262 .album_thumb,
    body.width1262 .remix_thumb {
        width: 50%;
    }

    #other_news_home .other-news-home {
        width: 100%;
    }

    body.plan1262 .referentiel_home_menu.resp_container {
        width: 80%;
    }

}

@media only screen and (max-width: 389px)
{
    #main_top_content .header-line#menu_line #logo_line {
        width: 120px;
    }



}





