@charset "utf-8";

#titre-de-radio {float:left;}

#titre-en-cours{float:left;clear:left}

.legend_artist {font-size: 12px;color: rgb(120, 120, 120);margin-left:10px;}
/* aide bouton remonte haut de page */
.btnRetourTop {float: right; margin: 4px 11px 0px 0px;font-size: 16px; }
.btnRetourTop:hover{ font-size: 22px;} 


.hautlist {font-size: 13px;line-height:18px;}
.icondimlist {font-size:10px; padding: 0px 6px 0 1px;}

@media (min-width: 768px) and (max-width: 991px) {
.hautlist {font-size: 15px;line-height:35px;}
.icondimlist {font-size:13px; padding: 0px 6px 0 1px;}
}

@media (max-width: 767px) {
.hautlist {font-size: 18px;line-height:43px;}
.icondimlist {font-size:16px; padding: 0px 6px 0 1px;}
}

/*.hover sur image des top sur la home */

.multiPic{display: inline-block;width:56px; height:43px; background: url(/images/playbtn.png) no-repeat; } 
.logotops {height:43px;width:58px;line-height:43px; background:white;}
.logotops:hover { opacity:0.2; }
.m-t-3px  {margin-top: 3px}


/* menuxs est une classe js utilisée par M pour fermer le menu de gauche quand on clique sur un lien final */

/***********************************************/


/* ---------------------------------- */
/*------------DROP DOWN --------------*/

/*-------------- largeur et position  ----------------------*/
@media (min-width: 992px) {
.dropdown_player {right: 5px!important;top: 95%!important;}
.padlogosmd {padding:0 !important;text-align: center}
}
@media (min-width: 768px) and (max-width: 991px) {
.dropdown_player {right: -12px!important;top: 91%!important;text-align: center}
.padlogosmd {padding: 9px 0 0px 0;margin-bottom: -16px!important;text-align: center}
}
@media (max-width: 767px) {
.dropdown_player {right: 32px!important;top: 102%!important;width: 283px;}}  /*--- largeur--*/

/*----- largeur du rating -----*/ 
.ratingpl_stars{font-size:9px;padding-top:22px;padding-bottom: 17px;margin-left:-7px;line-height: 20px;width: 170px;margin-right: 6px;}
.ratingpl_text{ float:right; padding:0px 0px; margin: -30px 5px 0px 0px; font-size:11px;  line-height: 11px;  text-align: center;}



.dropdown-menu > li > a {
  padding: 7px 15px; /*! interligne ++++++++++++++++++ */
  font-size: 13px;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #4D4D4D;
  white-space: nowrap;} 
 
 .hautrating{padding: 7px 10px 7px 0px;} /*! interligne ratingg ++++++++++++ */
  
@media (max-width: 991px) {  /*! interligne XS  ++++++++++++++++++ */
.dropdown-menu > li > a {padding-top:13px; padding-bottom:13px;} /*! interligne */
 .hautrating{padding-top:13px; padding-bottom:13px;} 
}



.drop_pad_icone {padding-right:13px; font-size:14px; color:grey;}
.drop_btn_close{color:grey; float: right;cursor: pointer;padding-right:7px;font-size: 14px;  }
.drop_btn_close:hover {color: #C68128;}


.dropdown-menu {
  position: absolute;
  top: 68%; /*! position du drop down par rapport au bouton  */
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 2px 0px;
  font-size: 12px;
  text-align:left;
  list-style: none;
  background-color: rgba(255, 255, 255, 0.92);
  background-clip: padding-box;
  border: 2px solid rgba(81, 81, 81, 0.27);
  border-top:rgba(255, 255, 255, 0);
  border-radius: 0px;
  -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}


  
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: none;
  background-color: rgba(224, 224, 224, 0.92)!important;
  color:#CF8606; font-size: 13px;text-decoration: none;outline: 0;} /* rouge #B02E2E; */

  
.dropdown-volume {top: 90%;background-color: #000;}
.dropdown-menu.pull-right {right: 0;left: auto;}
.dropdown-menu .divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}

  
.dropdown-menu.pull-left {left: 100%;}
.dropdown-menu > .panel {border: none;margin: -5px 0;}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {color: #999;}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {text-decoration: none;cursor: not-allowed;background-color: transparent;
  background-image: none;}

.dropdown {position: relative;}
.dropdown-toggle:focus {outline: 0;}
  

  
.open > .dropdown-menu {display: block;}
.open > a {outline: 0;}
.dropdown-menu-right {right: 0;left: auto;}
.dropdown-menu-left {right: auto;left: 0;}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #999;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}



@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
} 



/* ------------------------------------------ */
/*--------------DROP DOWN submenu--------------*/

.dropdown-header {padding: 5px 15px;}
.dropdown-submenu {position: relative;}
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {background-color: #e8eff0 !important;color: #788188;}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu {display: block;}
.dropdown-submenu.pull-left {float: none !important;}
.dropdown-submenu.pull-left > .dropdown-menu {left: -100%;margin-left: 10px;}
.dropdown-submenu .dropdown-menu {left: 100%;top: 0;margin-top: -6px;margin-left: -1px;}
.dropup .dropdown-submenu > .dropdown-menu {top: auto;bottom: 0;}
.dropdown-select > li input {position: absolute;left: -9999em;}












/*! ---1 LG                     ------ */
/* ----1.0      PAGE RADIO  -----------*/

.head2pradio {padding: 4px 11px;background-color: #232C32;color: rgb(198, 214, 230);
border-bottom: 1px solid transparent; border-top-left-radius: 5px; border-top-right-radius: 5px;} /* header des demi bloc au début*/
.iconepradio {padding-right:13px; font-size:10px; color:grey;}
.ulpradio {list-style-type:none;padding: 0px;font-size:12px; margin-bottom: 4px; }
.btnsharepradio {margin-left:52px; font-size:17px; color:grey;}
.h1pradio, .h1pradio>a {font-size: 16px;color: rgb(133, 14, 181);font-weight: bold;}
.h1pradio>a:hover {color: #C68128;}
.sectionpradio {height:32px;}
.ratingradio_stars{font-size:10px;margin-top: 0px;margin-left: 0px;text-align: left;}
.ratingradio_text{ padding:0px; margin: 3px 5px 0px 5px; font-size:10px;  line-height: 11px;  text-align: left;}

@media (max-width: 991px) {  /*! interligne XS  ++++++++++++++++++ */
.ratingradio_stars{font-size:12px;margin-top: 0px;margin-left: -16px;text-align: center;}
.ratingradio_text{ padding:0px; margin: 3px 5px 0px 4px; font-size:10px;  line-height: 11px;  text-align: left;}
}

@media (min-width: 768px) and (max-width: 991px){
.btnsharepradio {margin-left:48px;}
}

@media (min-width: 474px) and (max-width: 767px){
.btnsharepradio {margin-left:48px;}
}

@media (max-width: 474px){
.sectionpradio {height:64px;}
.btnsharepradio {margin-left:50px;}
.ratingradio_stars{font-size:13px;}
}



/*! ---1 LG                 ------ */
/* ----1.1    MENU gauche   ------*/

/* hauteur header+player */
@media (min-width: 768px) {
.haut_header{height:139px;}
}
.connectedicon {margin-top: -37px !important; margin-right: -10px!important;} /* icone connection dans le menu */

/*-----------------largeur du menugauche voir -----------------
app.css ligne : 640 -> aside attention ne pas le déplacer

-----------------position haute du menu de gauche-----------------
fichier menu.html (ligne 7 : margin-top et le premier ul : margin top)
*/


/* bouton menu ouverture*/
.boutonmenu{font-size:19px; color:#AFBDC7;}
.boutonmenu:hover {font-size:19px; color:#DEE8EF}
.tailleboutonmenu  {background-color: rgb(35, 44, 50); margin: 0px 3px 0px 0px; height: 45px; width: 36px; text-align: center;padding-top: 12px;}

/*! haut-main-menu - police et hauteur de ligne des élements principaux du menu de gauche */
 .haut-main-menu {font-size: 13px;line-height:12px;vertical-align:middle;} 
 
/* hauteur du hr séparateur dans le menu des tables*/
.hrmenu {margin-top: 3px; margin-bottom:3px;vertical-align:middle;}
/* dim de l'input taille bouton menu*/
.input-sm {font-size: 13px;height: 30px;padding: 5px 10px;}





/*! ---1 LG                 ------ */
/* ----1.2    RECHERCHE     ------*/

/* dim de tout l'espace recherche*/
.search-padding{padding: 0 3px 0 6px;} 
/* dim du bckgrd*/
.bckgdsearch {background-color: rgb(24, 31, 36);width: 200px;height: 45px;}
/* bouton recherche*/
.btn-sm > .btn {padding: 4px 10px 4px 10px;font-size: 12px;line-height: 1.69;border-radius: 3px;}
 /* position dimension de l'ensemble recherche*/
 .header-md .navbar-form {padding: 0px 8px 0px 8px!important;}
 /* dim de la loupe*/
.loupedim{font-size: 13px;height:30px; padding:0px;}
 /* hauteur de TOUT l'élément +++ */
 .hautinputsearch{margin:0px!important; height: 30px !important;} /*(on peut changer le width ici en le rajoutant)*/
 
.btn-sm > i, .btn-xs > i {font-size: 15px;}

 

/*! ---1 LG                             ------ */
/* ----1.3    ajout radio /inscription   ------*/

/*-----couleur placeholder ---*/
.form-control::-moz-placeholder {
  color: #8B8B8B;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #8B8B8B;
}
.form-control::-webkit-input-placeholder {
  color: #8B8B8B;
}

 /*-----rectagle de saisie = form-control !!!-------- */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;}
input[type="search"] {
  -webkit-appearance: none;}
input[type="date"] {
  line-height: 34px;}

 
.form-control {
  display: block;
  width: 100%;
  height: 37px;
  padding: 1px 6px;
  margin: 6px 0px 6px 0px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #4C4C4C;  /* 555 */
  background-color: #fff;
  background-image: none;
  border: 1px solid #C3CACF;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.form-control:focus {border-color: #545ca6;outline: 0;}
.form-control,.form-control:focus { -webkit-box-shadow: none; box-shadow: none;}


@media (max-width: 991px) {
  .form-control {height: 46px;padding: 3px 6px;margin: 7px 0px;}
}


.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -12px;
  margin-left: -12px;
  margin-top:2px;
  padding-bottom: 2px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;}
  
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}


/*! ---1 LG                             ------ */
/* ----1.4    BTN et formulaires   ------*/



/*! fenêtre de l'input des formulaire hauteur etc */
/* message d'erreur sur les formulaires inscription */

.btn_plus_txt, .btn_plus_txt:active { padding: 1px 8px !important;font-size: 10px !important;margin: -4px 0 3px 0 !important;line-height: 11px!important;}
.height_more_less {line-height:23px;}
.cadre_cment {border: solid 1px #BBBBBB; margin: 4px 0 1px 0;}
.btn_gb_dark {background-color: #5B6873;color: white !important;}
.btn_gb_dark:hover{background-color:#181F24;color: #D3BD3E !important;}

.btnaddrad   {background-color: #E9E4D1; border:black}
.btnaddrad:hover {background-color: #B8B8B6;}
.btnvert {color: #474747; background-color: #C0D1BC;border: 1px solid #5C8A53;}
.btnrge {color: #2F2F2F; background-color: #DBCBCB;border: 1px solid #5C1717;}
.btngris {color: rgb(48, 48, 51); background-color: rgb(182, 200, 206);border: 1px solid #717171;}


.input-icon > i { color: #ccc;
 display: block;
 font-size: 16px;
 margin-top: 15px;
position: absolute;
 text-align: center;
 width: 16px;
 z-index: 3;}
 
.input-icon .red {color: red;}
.input-icon .green {color: green;}

.input-icon.right > i {float: right;right: 5px;}
/* message d'erreur sur les formulaires ajout radio */
.input-icon.right1 > i {float: right;right: 11px; margin-top: 9px!important;} 


 
.help-block {color:#D27F6E;
display: block;
 font: 11px "Open Sans",Arial,helvetica,sans-serif;
 margin:0px;padding-left:4px;line-height:0px;}
 
.bg-info { background-color: #5D3232; color: #D6D0CF;}

.tooltip{z-index: 9999;}

*:focus {-moz-outline-style: none;outline: none;}
*:active {-moz-outline-style: none;outline: none;}


hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #CFD0D0;}
  
  

/* je réduis de 2% à droite pour rajouter les icones de validation à dte */
.larg98pc {width: 98%;}


.btn-sm > [class^="glyphicon-"], .btn-sm > [class*=" glyphicon-"], .btn-sm > i {font-size: 12px;}
.iconefb{font-size: 17px; margin-right:10px;}

.btn-facebook {
 background-color: #335397;
 border-color: #335397;
line-height: 42px;
 color: #fff !important;
}

/** popup connexion */
.insertiontxt {
  background-color: #fff;
  display: inline-block;
  padding: 8px;
  font-size:14px;}
.ligneseparateur {
  background: none;
  height: 34px;
  position: relative;
  text-align: center;}

.ligneseparateur hr {margin: -16px auto 10px auto; width: 100%;}


.loginusericon {
background-image: url(/images/all/iconlogin.png);
background-position: 100% 13px;background-repeat: no-repeat;}

.loginmailicon {
background-image: url(/images/all/iconlogin.png);
background-position: 100% -32px;background-repeat: no-repeat;}

.loginpwdicon {
background-image: url(/images/all/iconlogin.png);
background-position: 100% -75px;background-repeat: no-repeat;}



/*! ---2  MD                  ------ */

@media (min-width: 992px) and (max-width: 1199px) {
}

 
 
 
 
@media (min-width: 768px) and (max-width: 991px) { 

/*! ---3 SM                  ------ */
/* ----3.1    Menu           ------*/

.btn_plus_txt, .btn_plus_txt:active {line-height: 25px!important;}
.cadre_cment {margin: 4px 0 15px 0;}
.height_more_less {line-height:42px;}

/*police et hauteur de ligne des élements principaux du menu de gauche */
.haut-main-menu { font-size: 14px; line-height:30px; vertical-align:middle;}

/* menu principal*/
.nav-primary li > a > i {margin: 0pc -1px 0px -12px;}

/*! sous-menu du menu de gauche - Voir bootstrap.css:3450 - */
.nav {font-size: 14px;line-height:27px;}

/* bouton ouverture menu de gauche*/
.tailleboutonmenu  {height: 47px;width: 48px;padding-top: 14px;}
.boutonmenu{font-size:21px; }
.boutonmenu:hover {font-size:24px;}
 
 /* hauteur du hr séparateur dans le menu des tables*/
.hrmenu {margin-top: 3px; margin-bottom:3px}

.connectedicon {margin-top: -48px!important;}
 
/*! ---3 SM                      ------ */
/* ----3.2    RECHERCHE           ------*/

.search-menu{background-color: rgb(0, 0, 0); width: 200px;height: 45px;}

/* dim de l'input*/
.input-sm {font-size: 13px; height: 38px;padding-left:6px; padding-right: 6px;} 
 /* position dimension de l'ensemble recherche*/
.navbar-form { padding: 0px 4px 0px 9px; }
/* dim du bckgrd*/
.bckgdsearch {background-color: rgb(24, 31, 36);width: 200px;height: 52px;}
/* bouton recherche*/
/*.btn-sm,
.btn-group-sm > .btn {padding: 4px 10px 4px 10px;font-size: 12px;line-height: 2.37;border-radius: 3px;}  */
  .loupedim{padding: 4px 10px 4px 10px;font-size: 12px;height:38px;border-radius: 3px;}
 
 .hautinputsearch{
 height: 38px!important;}
 
 /*! ---3 SM                             ------ */
/* ----3.3    BTN et formulaires          ------*/

.btn-facebook {line-height: 34px;}


 }
 
 
@media (max-width: 767px) { 
/* ----4 XS----MENU--------------------------- */
/* menu principal*/


.btn_plus_txt, .btn_plus_txt:active {line-height: 25px!important;}
.cadre_cment {margin: 4px 0 15px 0;}
.height_more_less {line-height:42px;} /* pour les comentaires*/

.nav-primary li > a > i {line-height: 39px;margin: -6px;} 
	/*hauteur */ 
.aside {line-height:47px;vertical-align:middle;} 
	/*police et hauteur de ligne des élements principaux du menu de gauche */
.haut-main-menu {font-size: 14px;line-height:35px;vertical-align:middle;} 
	
	/*! sous-menu du menu de gauche - Voir bootstrap.css:3450 - */
.nav {font-size: 14px;line-height:27px;}

 /* hauteur du hr séparateur dans le menu des tables*/
.hrmenu {margin-top: 3px; margin-bottom:3px}


/* ----4 XS  RECHERCHE            ---------- */
.m-t-xs {margin-top: 62px;}
.navbar-form {padding: 0px;margin: 0px;}
	/** taille de l'input** */ 
.input-sm {height: 52px;padding: 5px 10px;font-size: 14px;line-height: 1.5;border-radius: 6px!important;}

.searchxs-size{width: 95%;}

select.input-sm {height: 52px;line-height: 30px;}
	/** taille de la loupe** */ 
.btn-xs > i {font-size: 22px;}
.btn-xs > .btn {border-radius: 6px;}
.btn-icon.btn-xs {width: 43px; height:52px}


}



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

.connectedstyle {color: #5BBF51;}

.hauteurpl_lineh{height:40px; line-height:40px;}/*pour les centrage verticaux : meta et equaliz - utilisé dans leurs div */

/* ----------haut de Tout le player --------*/

.divpl1 {height:45px; line-height:45px;float:none;width:100%;margin: 0px;padding:0px;background-color: #000000;color: #AFBDC7;text-align:center;vertical-align:middle;}

.largpl_logo {float:left;width:45px; line-height:40px;text-align:center;padding:2px 0px 0px 2px;}
#img_radio img {width:37px;height: auto; max-height: 42px;vertical-align:middle}

.btn_player_dbl {float:left;width:75px;text-align:center;vertical-align:middle;margin:0px;padding-top:1px;}
.btn_playstoppau {width:37px;float:left;vertical-align:middle;text-align:center;}
	.btn_stop{font-size: 25px;cursor:pointer} 
	.btn_play{font-size: 24px;cursor:pointer} 
	.btn_pause{font-size: 20px;cursor:pointer}
	.btn_stopgris{font-size: 26px;cursor:default;color:#40515D !important;} 

.largpl_record {font-size: 24px;width:37px;float:left;text-align:center;vertical-align:middle;padding-left:2px;cursor:pointer;}
	.jp-recordstop {color:red;}

.largpl_equalz {width:20px;float:left;}
	.equalizerpad{vertical-align:middle;display:inline-block;line-height:10px;padding:0px;}
	.equalizerdim{width:15px;height:30px;}

.largpl_mute {width:42px;float:left;padding:0px 0px 0px 0px;text-align:center;vertical-align:middle;}
	.jp-mutex {font-size: 24px;text-align: center;vertical-align:middle;padding-top:4px;cursor:pointer}
	.dropdown-menu-volume{min-width: 26px;}

.largpl_meta {float:left;width:348px;text-align:left;padding-top:0px;vertical-align:middle;}
	.meta_vertalign {vertical-align:middle;display:inline-block;line-height:10px;}
	.nomplayer{font-size:13px;font-weight: bold; color: #B697FE;padding: 0px;margin: 0px;vertical-align:middle;}
	.metaplayer{font-size:11px; color:#D3FFA6;font-style: italic;padding: 0px;margin: 0px;vertical-align:middle;}
	
.floatreste {float:right;width:auto} /*tout après nom radio, maj ajax des menus */
	.largpl_icon {float:left;width:40px;font-size:21px;color:#AFBDC7;text-align: center;cursor:pointer; }
	.paddingshare {margin-right:10px}
	.largpl_pref {float:left;width:47px;font-size:21px;color:#AFBDC7;text-align: center;padding-top:0px;cursor:pointer;padding-right:10px }

.larg_sep1 {float:left;width:110px; line-height:44px;background-color:#232C32;}
.larg_sep3 {float:left;width:60px; line-height:44px;background-color:#232C32;}
.larg_sep2{float:left;width:1px; line-height:44px;background-color:rgb(101, 101, 101);}


/*-------------- MD (player)-----------------*/
@media (min-width: 992px) and (max-width: 1199px) {


.btn_player_dbl {width:70px;}
.btn_playstoppau {width:35px;}
.largpl_record {width:36px}

.largpl_equalz {width:19px;}
	.equalizerpad{margin-left:8px;}
	.equalizerdim{width:14px;}
	
.largpl_mute {width:37px;}
.largpl_meta {width:245px;}

.largpl_icon {width:42px;}
.largpl_pref {width:63px;}

.larg_sep1 {width:5px;}
.larg_sep3 {width:5px;}
}

/*-------------- SM (player)-----------------*/
@media (min-width: 768px) and (max-width: 991px) {


.logohide{display:none;}

.divpl1 {height:47px; line-height:47px;}

.btn_player_dbl {width:7%;min-width:70px;padding-top:2px;}
	.btn_playstoppau {width:50%;min-width:35px;}
	.btn_play{font-size: 23px;padding: 0px 0px 0px 5px;} 
	.btn_pause{padding: 0px 10px 0px 0px;}
	.btn_stop, .btn_stopgris{padding: 0px 6px 0px 0px;}
		
	
.largpl_record {width:4%;}
.largpl_equalz {width:1%;min-width:11px;text-align:right;}
	.equalizerpad{padding-right:2px;}
	.equalizerdim{width:10px;height:40px;}
.largpl_mute {width:4%;min-width:35px;}
.largpl_meta {width:23%;}
	.nomplayer{font-size:11px;}
	.metaplayer{font-size:10px;}
.floatreste {float:right;width:23%;min-width:96px;line-height:49px}
	.largpl_icon {width:18%;min-width:30px;font-size:21px;padding: 0px}
	.larg_sep1 {width:2%;padding: 0px}
	.larg_sep3 {width:5px;}
	.largpl_pref {width:18%;min-width:27px;padding:0px;}
.paddingshare {margin-right:0px}
.ratingpl_stars{padding-top:8px;padding-bottom: 8px;margin-left:-2px;}
}


/*-------------- XS (player)-----------------*/
@media (min-width: 475px) and (max-width: 767px) {



.logohide{display:none;}
.divpl1 {height:58px;line-height: 58px;}

.hauteurpl_lineh{height:49px; line-height:49px;}/*pour les centrage verticaux : meta et equaliz */

.btn_player_dbl {width:10%;min-width:33px;}
	.btn_playstoppau {width:100%;}
	.btn_stop{font-size: 35px; padding: 0px 0px 0px 0px;}
	.btn_play{font-size: 35px; padding: 0px 0px 0px 0px;}
.largpl_record {font-size: 35px;width:8%;min-width:34px;}
.largpl_equalz {width:2%;min-width:18px;}
	.equalizerpad{padding: 4px 12px 0px 7px;}
	.equalizerdim{width:10px;height:39px;}
.largpl_meta {width:45%;}
	.nomplayer{font-size:11px;line-height:10px;}
	.metaplayer{font-size:9px;line-height:10px;}
.floatreste {float:right;width:31%;min-width:96px;}
	.largpl_icon {text-align:left;width:33%;min-width:32px;font-size:34px;}
.paddingshare {margin-right:0px}
}


/*-------------- XXS (player)-----------------*/
@media (max-width: 474px) {

.logohide{display:none;}
.divpl1 {height:57px;line-height: 55px;}

.hauteurpl_lineh{height:49px; line-height:49px;}/*pour les centrage verticaux : meta et equaliz */

.btn_player_dbl {width:12%;min-width:35px;}
	.btn_playstoppau {width:100%;}
	.btn_stop{font-size: 33px;padding:0px;}
	.btn_play{font-size: 33px;padding: 0px 2px 0px 0px;}
.largpl_equalz {width:2%;min-width:17px;}
	.equalizerpad{padding: 4px 12px 0px 0px;}
	.equalizerdim{width:10px;height:39px;}
.largpl_meta {width:43%;}  
	.nomplayer{font-size:11px;line-height:10px;}
	.metaplayer{font-size:9px;line-height:10px;}
.floatreste {float:right;width:30%;min-width:70px;}
	.largpl_icon {text-align:left;width:50%;min-width:35px;font-size:33px;}
.paddingshare {margin-right:0px}
.ratingpl_stars{padding-top:4px;padding-bottom: 6px;margin-left:-2px;}

/*cesure_nom:62 - cesure_meta:80 */
}





/*---- home -- */
.pad_list_home {margin:7px 0 auto; padding:0;}
.play_listhome {font-size:13px;color:#98A4B0;vertical-align:middle; text-align:center;cursor:pointer;}
.font_txt_list {font-size:13px;}
.font_txt_list2 {font-size:13px;}
.font_txt_listb {font-size:9px;color:green}
.font_txt_listb2 {font-size:11px;color:green}

@media (min-width: 475px) and (max-width: 991px) {
.pad_list_home {margin:18px 0}
.play_listhome {font-size:22px;}

.font_txt_list {font-size:14px;}
.font_txt_list2 {font-size:14px;}
.font_txt_listb {font-size:14px;}
.font_txt_listb2 {font-size:14px;}
}




 
/*----   1   TABLES Results        - */


.h1header{padding:0px !important;margin:0 0 4px 0 !important;font-size:15px ; color: #4B751E !important;font-weight: bold !important; background-color: white !important;}
.header_descript{ font-size: 12px; color: rgb(171, 141, 15);}

.panel {
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 5px;
}
/* hauteur du titre/brreadcrumb d'un tableau */ 
.panel-heading { 
  padding: 9px 10px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}

/*---- bas de page ajout radio -- */

  .panel-footer {
  border-color: #405A40;
  background-color: #43505C;
  padding: 5px 5px;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}



/*! hauteur et padding des lignes */
.panel .table th {padding: 2px 1px 2px 1px;border: 1px solid #eaeef1;height : 22px;}
.panel .table td {padding: 2px 2px 2px 2px;border-top: 1px solid #eaeef1;height : 32px;}
.haut_th_artist > tr {height:39px}

/* hauteur header "filtre" table */
.input-inline {display: inline-block;vertical-align: middle;width: auto;height:24px}
#datatable_ajax_wrapper .row > div {padding: 0px 20px 0px 20px;}


/* largeur des headers radio et playlist*/
.larg-menu-table {width:10%;}
.larg-nom-table {width:35%;}
.larg-genre-table {width:34%;}
.larg-icon-table {width:3%;}
.larg-icon-visible-xs {width:3%;}
.larg-icon-btn-xs{width : 4%;}


/* larg header artists*/
.larg-menu-artist {width:8%;text-align:left;}
.larg-nom-artist {width:52%;text-align:left;}
.larg-nbr-artist {width:12%;text-align:left;}
.larg-icon-artist {width : 8%;text-align:left;}

/* larg headers historadio */
.larg-date-histo {width:35%;text-align:left;}
.larg-nom-histo {width:65%;text-align:left;}

/* larg headers  ajout radio */
.larg-nom-ajoutrad  {width:35%;font-size: 13px; text-align:left;padding-left: 13px!important;}
.larg-genre-ajoutrad {width:35%;text-align:left;font-size: 13px;text-align:left;padding-left: 2px!important;}
.larg-icon-ajoutrad {width:4%;text-align:left;font-size: 10px;text-align:center!important;}
.larg-etat-ajoutrad {width:22%;text-align:left;font-size: 13px;text-align:left;padding-left: 2px !important;}

/* larg header histoecoute*/
.larg_menu_histecout {width:6%;text-align:left;}
.larg_nom_histecout {width:40%;text-align:left;}
.larg_genre_histecout {width:30%;text-align:left;}
.larg_dt_histecout {width :20%;text-align:left;}
.dt_histecout {font-size: 12px;}

/* taille text et décalage header*/
.head-nom-table {font-size: 13px;  padding-left: 13px;}
.head-genre-table {font-size: 13px;  padding-left: 13px;}
.head-icon-table {font-size: 10px;  padding-left: 12px;}
.headname13px {font-size: 13px; font-weight: normal;}
.headicon10px {font-size: 10px; font-weight: normal;}

/* composant des lignes du tableau radio playlist*/ 
.name-datatable {font-size: 14px;color:#960101;margin: 3px 0px -7px 0px;vertical-align:middle;}
.name-datatable a {font-size: 14px;color:#960101;margin: 3px 0px -7px 0px;vertical-align:middle }
.name-datatable a:hover {color:#EA4614;}

.titre-datatable {font-size: 10px; margin: -4px 0px 4px 0px; font-style: italic; color: #EFAC5E;}
.genre-datatable, .genre-datatable a {font-size: 11px;color:#67AB43;vertical-align:middle;}
.genre-datatable a:hover {color:rgba(116, 210, 4, 0.85);}


.open_pls {font-size:23px; color: rgb(188, 171, 72);vertical-align:middle;padding-left:7px;cursor:pointer;}
.open_pls:hover {font-size:25px;color:rgb(227, 102, 30);}

.play_datatable {font-size:16px; color:#98A4B0;vertical-align:middle;padding-left:7px;cursor:pointer;}
.play_datatable:hover {font-size:19px;color:#C68128;}
.menu_datatable {font-size:17px; color:#98A4B0;vertical-align:middle;padding-right:2px;padding-left:2px;cursor:pointer;}
.menu_datatable:hover {font-size:19px;color:#C68128;}

/* composant des lignes du tableau artist*/ 
.menu_artist {font-size:21px; color: #999999;vertical-align:middle;padding-right:4px;padding-left:8px;cursor:pointer; width:37px;}
.menu_artist:hover {font-size:22px;color:#98A4B0;vertical-align:middle;}
.name_artist,.name_artist a {font-size: 14px;color:#960101;vertical-align:middle;}
.name_artist a:hover {color:#EA4614;}
.icon_artist {font-size:15px; color: #AFB011;vertical-align:middle;padding-right:2px;padding-left:2px;cursor:pointer;} /* icone dans le header à gauche du txt*/
.icon_artist:hover {font-size:20px;color:#C68128/*#98A4B0*/;vertical-align:middle;}
.joue_artist {font-size: 13px;vertical-align:middle;color:#67AB43;}

/* tableau radios de mes playlistes */

.iconebtn /*un incone bouton, gros en xs et petit en lg */
{font-size: 13px;color:#84909D;vertical-align:middle; text-align:center;}
.iconebtn :hover {font-size: 14px;color:#C68128;}

.padiconaddradlst {padding: 0px 10px 0px 5px;}
.padiconhaut {padding: 0px 3px 0px 7px;}/*padding de l'icone btn en haut delete playlist */
.padicontblxs{padding: 0px 3px 0px 7px;}/*padding de l'icone btn dans le tableau pour le centrer*/


/* -----      1 TABLES DE resultats    FIN      ---- */



@media (min-width: 992px) and (max-width: 1199px) {
/*!----2-MD--TABLES Results DEBUT---------------------------- */

/* largeur des headers table radio et playlist */
.larg-menu-table {width :7%;}
.larg-nom-table {width : 40%;}
.larg-genre-table {width :40%}
.larg-icon-table {width : 3%}
.larg-icon-visible-xs {width : 3%}


/*! 2-MD TABLES Results FIN */
}

@media (min-width: 768px) and (max-width: 991px) { 
 /*---3sm----TABLES Results DEBUT-------------------- */
 
 
/* hauteur du titre/brreadcrumb d'un tableau */ 
.panel-heading { 
  padding: 4px 10px;}
/*  line-height: 34px; */ /* g suppr car ça gachait le txt au dessus du tableau des genres, bouquets, etc)*/


/* utilisé dans filtre et nombre de ligne/page header table */
.input-inline {height:35px}  /* hauteur de l'input filtre */
#datatable_ajax_wrapper {padding-bottom: 285px;} /*ajout bas de page pour les drop down)*/
#datatable_ajax_wrapper .row > div {padding: 2px 20px 2px 20px;}

/*! hauteur et padding des lignes */
.panel .table th {height:30px;}
.panel .table td{height:47px;}
.haut_th_artist > tr {height:54px}

/* largeur des headers table radio et playlist */
.larg-menu-table {width :8%;}
.larg-nom-table {width : 81%;}
.larg-genre-table {width : 0%}
.larg-icon-table {width : 0%}
.larg-icon-visible-xs {width : 3%}
.larg-icon-btn-xs{width : 7%}

/* larg header artists*/
.larg-menu-artist {width:18%;text-align:left;}
.larg-nom-artist {width:52%;text-align:left;}
.larg-nbr-artist {width:15%;text-align:left;}



/* larg headers  ajout radio */
.larg-nom-ajoutrad  {width:60%!important;}
.larg-etat-ajoutrad {width:40%!important;}


/* larg header histoecoute*/
.larg_menu_histecout {width:8%;text-align:left;}
.larg_nom_histecout {width:57%;text-align:left;}
.larg_dt_histecout {width :27%;text-align:left;}

/* composant des lignes du tableau */ 
.play_datatable{font-size:22px; padding:0px 11px;}
.play_datatable:hover {font-size:22px;}
.menu_datatable {font-size:23px; padding-right:11px;}
.menu_datatable:hover {font-size:23px;}

/* composant des lignes du tableau artist*/ 
.menu_artist {font-size:22px; padding-right:16px;padding-left:14px;}
.menu_artist:hover {font-size:23px;}

.iconebtn /*un incone bouton, gros en xs et petit en lg */
{font-size: 22px;color:#98A4B0; }
.iconebtn :hover {font-size: 24px;color:#C68128;}
.padiconaddradlst {padding: 0px 11px}
.padiconhaut {padding: 0px 9px;}
.padicontblxs{padding-right: 3px}

/*! TABLES Results FIN 3M */
/*--------------------------- */
 }
 
@media (max-width: 767px) {
/*---4 XS----TABLES Results DEBUT-------------------- */
/*! ------------------------- */

/* hauteur du titre/brreadcrumb d'un tableau */ 
.panel-heading { 
  padding: 4px 10px;}
/*  line-height: 38px; */ /* g suppr car ça gachait le txt au dessus du tableau des genres, bouquets, etc)*/
  
/* utilisé dans filtre et nombre de ligne/page header table */
.input-inline {height:35px}
#datatable_ajax_wrapper {padding-bottom: 285px;} /*ajout bas de page pour les drop down)*/
#datatable_ajax_wrapper .row > div {padding: 0px 20px 0px 20px;}


/*! hauteur et padding des lignes */
.panel .table th {height:30px;}
.panel .table td{height:50px;}
.haut_th_artist > tr {height:59px}

/* largeur des headers table radio et playlist */
.larg-menu-table {width :8%;}
.larg-nom-table {width : 76%;}
.larg-genre-table {width : 0%}
.larg-icon-table {width : 0%}
.larg-icon-visible-xs {width : 3%}
.larg-icon-btn-xs{width : 8%}

/* larg header artists*/
.larg-menu-artist {width:18%;text-align:left;}
.larg-nom-artist {width:52%;text-align:left;}
.larg-nbr-artist {width:15%;text-align:left;}



/* larg headers  ajout radio */
.larg-nom-ajoutrad  {width:60%!important;}
.larg-etat-ajoutrad {width:40%!important;}


/* larg header histoecoute*/
.larg_menu_histecout {width:8%;text-align:left;}
.larg_nom_histecout {width:62%;text-align:left;}
.larg_dt_histecout {width :22%;text-align:left;}

/* composant des lignes du tableau Radio et playlist */ 
.play_datatable{font-size:22px; padding:0px 9px 0px 15px;}
.play_datatable:hover {font-size:22px;}
.menu_datatable {font-size:23px; padding:0px 9px 0px 9px;}
.menu_datatable:hover {font-size:23px;}



/* composant des lignes du tableau artist*/ 
.menu_artist {font-size:24px; padding-right:20px;padding-left:18px;}
.menu_artist:hover {font-size:25px;}

.iconebtn /*un incone bouton, gros en xs et petit en lg */
{font-size: 25px;}  
.iconebtn :hover {font-size: 26px;}

.padiconaddradlst {padding: 0px 14px;}
.padiconhaut {padding: 0px 19px;}/*padding de l'icone btn menu delete plst en haut*/
.padicontblxs{padding-right: 2px}/*padding de l'icone btn dans le tableau pour le centrer*/

/*---4 XS----FIN TABLES Results -------------------- */
}


/*------ breadcrumb  -----------*/

.breadcrumb {
  padding: 3px 15px 5px 15px;
  margin-bottom: 5px;
  list-style: none;
  background-color: #E6EAEE;
  border-radius: 4px;
  font-size: 11px;
  color: #747070;
}
.breadcrumb a{color: #797979;;}
.breadcrumb a:hover {color: #C68128;}

.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #797979;;
}

/*----------------- header-big.html ----------------------*/
/*--------------------------------------------------------*/
.header-perso{
margin: 0 auto;
width:100%;
text-align: center;
padding-top:1px;
padding-bottom:0px; 
height: 94px;
}

/*-----------------  header-xs.html ----------------------------*/
/*--------------------------------------------------------------*/

@media (max-width: 767px) {
.bg-headxs{background-color: #180404;color: #D6D0CF;} /*bckground*/

.headerxsgb{height:47px;line-height:47px;vertical-align: middle;}

/* ----- meenu drop don de pref : ---------*/
.drop_pref_headxs  {top: 97% !important;  right: 9px!important;  background-color: rgba(255, 255, 255, 0.93)!important;padding: 5px 0;margin: 2px 0 0!important;  min-width: 300px!important;}

/*logo */
.navbar-brand {  float: none;  text-align: center;}
.navbar-brand img { max-height: 30px; vertical-align: middle;}
.navbar-brand:hover,.navbar-brand:focus { text-decoration: none;}

/*---- boutons men et prefs ---- */
.header_btn_r { font-size: 2.5em; padding: 0 10px 0 0;text-align:right;text-decoration: none !important;}
.header_btn_l  { font-size: 2.5em; padding: 0 0 0 10px;text-align:left;text-decoration: none !important;}
}



/*-----------------  Side barre de drte ----------------------------*/
/*--------------------------------------------------------------*/
/* largeur side bar droit */

.aside_rdw{width:302px;}

@media (min-width: 992px) and (max-width: 1199px) {
.aside_rdw{width:152px;}}

@media (min-width: 768px) and (max-width: 991px) {
.aside_rdw{width:152px;}}

@media (max-width: 767px) {
.aside_rdw{display: none !important;}}




.nofloat{float:none;float:none !important;}

img {border: 0;}
.no-margin {margin:0px !important;}



/*-----------------  home top 20----------------------------*/
/*--------------------------------------------------------------*/


/* couleur hover bouton détail home */
.nav1 > li :hover{background-color:#D1DEEA!important;}

.nav1 > li.active > a{background-color:white!important;border-color: #6C7684 #6C7684 white #6C7684!important;border-bottom: 1px solid white !important; font-size:16px;}

.nav1 > li > a {border-color: #CDD9EC #CDD9EC #6C7684 #CDD9EC !important;background-color: #EDF2F6;font-size:13px; font-weight:normal;} 
.nav1 > li > a:hover {color:rgb(130, 118, 0)!important;}
.nav1 > li > a:active {color:rgb(171, 161, 64)!important;}
 
 .nav1 > li  {display: table-cell!important;   width: 1%!important; }
 
.haut_onglet {line-height:38px!important;color:#455A70;padding:0px!important;}
 
.haut_onglet:hover{background-color:black !important;color: white!important;border-color: #AAB2B9!important;}
 

 .margetop {margin-top:7px;border-color: #AAB2B9!important;}
 .pnomlogo {height:21px; line-height:8px; font-size:9px; text-align:center; margin-bottom:-3px; margin-top: 6px;}
 .divlogotop{line-height:50px; margin:0px; text-align:center;}
 .divlogotop > div {padding:0px; margin:0px; text-align:center;}

.playradio {cursor: pointer;}

.fa-share-alt{cursor: pointer;}
.floatright{ float: right;}
.floatleft{float: left;}
.center{text-align: center;}

.plusderadio{margin-top: 10px;}



.list-pane div {display: inline-block;vertical-align: top;}
.list-pane .col-2 h2{font-size: 14px;margin: 0;color: #9E2222;}
.list-pane .col-2 h4{font-size: 10px;margin-top: 3px; margin-bottom: 2px;}
.list-pane div{display:inline-block;vertical-align:top;}
.list-pane .col-3{float:right;margin:0 0 0 0px;padding:0 0 0 0px;}
.list-pane .col-2{padding:0 3px; width:75%;}


.b-light {
    border-color: #d9e4e6;
}