/* --------------------------------------------- */

body {margin: 0; padding: 0;}

.mts_maj {text-transform: uppercase;}

li {list-style: none;}

a {text-decoration: none; outline: none;}

ul, p {
	margin: 0;
	padding: 0;
}

 #text_blocage  {position: absolute; z-index: 600;background-color: white;display: none;width: 300px;margin-top: 250px;margin-left: 300px;font-size: 1.2em;padding: 4px;text-align: center;}

 #opacity {width: 872px;height: 652px;position: absolute;opacity: 0.4;display: none;background-color: black;z-index: 500;}


.mts_bold {font-weight: bold;}

.mts_font_roboto {font-family: 'Roboto', sans-serif;}

.mts_font_lato {font-family: 'Lato', sans-serif;}

.mts_conteneur {width: 883px;}

.mts_conteneur_inside {display: flex;}

/* --------------------------------------------- PLAYER ------------------------------------------------------------------ */

.mts_ajout_fav {padding: 14px 0 0;}

.mts_ajout_fav a {display:block; font-size: 12px; color:#ec3342; margin: auto; font-weight: 500; text-align: center; padding: 10px 22px; border: 1px solid #ec3342; width: 68%; border-radius: 4px;}

.mts_cherie {padding: 0 0 56px;}

.mts_cherie .mts_logo {position:relative; left: 60px; top: 13px;}

.mts_lecteur {position: relative; padding: 10px 0 0; margin-bottom: 20px;}

.mts_lecteur .mts_social {background-color: #000000; position: absolute; bottom:42px; left:47px; height:115px; display: none;}

.mts_lecteur .mts_social li {padding: 4px 7px; border-bottom: 1px solid #ec3342;}

.mts_lecteur .mts_social li:last-child {border-bottom:0;}

.mts_lecteur .mts_social li a {display: block; text-align: center;}

.mts_facebook {width:10px; height:17px;}

.mts_twitter {width:17px; height:14px;}

.mts_google {width:19px; height:13px;}

.mts_mail {width:17px; height:10px;}




#mts_like {display: none;}

#mts_play {
	position:absolute;
	left:102px;
	bottom:0;
    width: 49px;
    height: 49px;
	cursor: pointer;
}

#mts_dislike {display: none;}

#mts_volume_on {
	position:absolute;
	right:44px;
	bottom:8px;
	padding: 6px 6px;
	cursor: pointer;
    width:21px;
    height:21px;
}


.mts_volume {
    position: absolute;
    right: 0px;
    top: 4px;
    padding: 0 5px;
    height: 24px;
    width: 95px;
    display: none;
    background-color: #000000;
    z-index: 999;
}

#mts_volum {height:93px;}

.dx-slider-label {display: none;}

.mts_pochette {
	position: relative;
	margin-bottom: 4px;
}

.mts_slides li .mts_pochettemusic {
    position: relative;
    width:168px;
    height:168px;
}

.mts_pochette .mts_applemusic {
    position: absolute;
    bottom:70px;
    left: 70px;
    z-index: 999;
    width:107px;
    height:40px;
}

.mts_slides {
  position: relative;
  overflow: hidden;
  margin: auto;
}

.mts_slides ul {
  position: relative;
  list-style: none;
  
}

.mts_slides ul li {
  float: left;
  width: 168px;
}

#mts_player { background:url("../img/background_NRJ.png") no-repeat; width:250px; height:520px;}
.mts_brand .mts_wr_logo{position: relative ;left: 45px ;top:0px ;width: 160px ;max-width: 160px ;height: 160px ;max-height: 160px;margin-bottom: 0px};
.mts_prev {position: absolute; left:8px; top:82px; cursor: pointer;}

.mts_next {position: absolute; right:8px; top:82px; cursor: pointer;}

.mts_prev > img, .mts_next > img {width:15px; height:auto;}

.mts_title {color: #ffffff; text-align: center; overflow: hidden; text-overflow: ellipsis;}

.mts_title .mts_title_music {}

.mts_title .mts_singer {font-size: 14px;}

.mts_choix {text-align: center;}

.mts_choix li {display: inline-block; padding: 0 5px; cursor: pointer;}

.mts_choix li:last-child > img {vertical-align: bottom;}

.mts_like {width:19px; height:22px;}

.mts_dislike {width:19px; height:23px;}

#tabs {width: 621px;}

#tabs ul li {float: left; height: 40px; width: 49.83%;  border-right:1px solid #d3bec0; text-align: center;  position:relative; background-color: #333333; border-radius: 10px 10px 0 0;}

#tabs ul li:first-child {border-radius: 10px 0 0 0;}

#tabs ul li:nth-child(even) {border-radius: 0;}

#tabs ul li:last-child {border-radius: 0 10px 0 0; border-right:none;}

#tabs ul li:hover {background-color: #ec1e26;}

.mts_active {background-color: #ec1e26 !important;}

.mts_active:after {position: absolute; content: url('../img/hover_nrj.png'); top: 36px; right: 50px;}

#tabs ul li a {color:#ffffff; font-size: 14px; display: block; padding: 11px 0;width: 100%;height: 100%;}

#tabs-1, #tabs-2, #tabs-3 {background-color:#f1f1f1; overflow: hidden; padding: 20px 10px 11px 15px;min-height: 449px;}

.mts_radio {display: flex; margin-bottom: 0px;}

.mts_webradio > div {float: left; position:relative; padding: 0 0px 110px 0px;width: 100px;margin-left:25px;}

.mts_webradio > div > .mts_logo_radio {position: absolute;cursor:pointer;}

.mts_webradio > div > .mts_btn_radio {position: absolute; bottom: 5px; right: 14px; cursor: pointer;}

.mts_title_radio {font-size: 22px; margin-bottom: 12px;}

.mts_humeurwr {clear: both; height: 172px; overflow: auto; }

.mts_humeurwr > div {position: relative; display: inline-block; padding-top:65px;margin-left:19px;margin-right:19px;height: 100px;}

.mts_humeurwr > div > .mts_logo_radio {position: absolute; bottom: 60px;padding:5px 5px 5px 3px;cursor:pointer;}

.mts_humeurwr > div > .pochette_suggestion {width:103px;height:103px;cursor:pointer;}

.mts_title_humeur {font-size: 22px;}

#mts_hits {overflow-x: auto;max-height: 449px;}

.mts_title_hits {font-size: 22px; margin-bottom: 0px;}

#mts_hits_inside {margin: 0 auto; width: 60%;}

#mts_hits_inside > div {background-color:#ffffff; position:relative; float:left; height:100px; width:100px; margin:0 6px 12px; cursor: pointer}

#mts_hits_inside > div > img {position:absolute; width: 100px; height:100px;}

#mts_hits_inside > div p {position: absolute; bottom: 6px; text-align: center; width: 100%;}

.mts_styles_hits {clear: both;}

.mts_styles_hits a {display:block; font-size: 12px; color:#ec3342; margin: 0 auto 9px; font-weight: 500; text-align: center; padding: 10px 22px; border: 1px solid #ec3342; width: 20%; border-radius: 4px;}

#mts_hits_elements {display: none;}

.mts_list_hits {margin-bottom: 24px;overflow-x: hidden;height:37px}

.mts_list_hits img, .mts_all_hits {display:inline-block; padding:0 8px; vertical-align: middle;max-width: 40px;max-height:30px;cursor:pointer;}

.mts_all_hits a {display:block; border: 1px solid #333333; font-size: 12px; color:#333333; border-radius: 4px; padding:10px 20px;width: 30px;}

.mts_picto_hits {height:25px; width:41px; cursor: pointer;}

.mts_picto_dance {height:35px; width:30px; cursor: pointer;}

.mts_picto_rap {height:28px; width:37px; cursor: pointer;}

.mts_picto_pop {height:32px; width:33px; cursor: pointer;}

.mts_picto_soleil {height:35px; width:36px; cursor: pointer;}

.mts_picto_random {height:29px; width:35px; cursor: pointer;}

.mts_hits_elements_inside .mts_tube:hover {background-color: #696969;}

.mts_hits_elements_inside .mts_tube img{height:auto; width:80px;}

.mts_hits_elements_inside .mts_title_singer_fav{display:block;overflow: hidden; text-overflow: ellipsis;height: 20px;white-space: nowrap;}
.mts_hits_elements_inside .mts_title_singer_fav{display:block;overflow: hidden; height: 35px;}
.mts_hits_elements_inside .mts_title_music_fav{display:block;overflow: hidden;max-height: 40px;}
.mts_hits_elements_inside .mts_claim_fav{display:block;overflow: hidden;max-height: 35px;}

#mts_hits_elements .mts_tube {position: relative; float: left; height: 90px; width: 285px; margin: 10px 1px 10px 0; cursor: pointer;}

#mts_hits_elements .mts_tube p {position: absolute; color:#333333; font-size:14px; top:0; right:0; width: 64%; line-height: 18px; overflow: hidden; text-overflow: ellipsis;}

.mts_favoris {overflow: auto; height: 440px;}

.mts_favoris .mts_tube {position: relative; float: left; height: 90px; width: 285px; margin: 10px 1px 10px 0; cursor: pointer;}

.mts_favoris .mts_tube p {position: absolute; color:#333333; font-size:14px; top:0; right:0; width: 64%; line-height: 18px; overflow: hidden; text-overflow: ellipsis;}

.mts_favoris .mts_tube:hover {background-color: #696969;}

.mts_favoris .mts_tube .mts_title_music_fav {font-size: 16px;}

.mts_favoris .mts_tube .mts_title_singer_fav {font-size: 12px;}


.mts_pub{width: 300px; height: 250px;display:block}
#mts_publicite {background-color: #ec1e26; padding: 21px 77px;width: 717px;height: 90px}

#mts_publicite p {text-align: center;}