body{
    background-color: transparent;
    background-image:  url(images/fond.png);
    color: #1dbd0f;
    font-family:  arial;
  }
  /* barre */
  #myProgress {
    width: 420px;
    height: 8px;
     background-color: #4a4a4e; 
    cursor: pointer;
    border-radius: 15px;
  }
  #myBar {
    width: 0%;
    height: 10px;
    background-color: #2fe11b;
    border-radius: 10px;
  }
  
  /* largeur des boutons */
  .btn-action{
    cursor: pointer;
    padding-top: 5px;
    width: 45px;
  }
  

  /* boutons */
  .btn-ctn > div {
   padding: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   background-color:transparent;
  }
  .btn-ctn, .infos-ctn{
    display: flex;
    align-items: center;
    justify-content: center;
 
  }
  
  .infos-ctn > div {
   margin-bottom: 5px;
   color: #1feaa0;
  }
  
   /* boutons de navigation */
  .first-btn{
    margin-left: 3px;
  }
  
  .duration{
    margin-left: 10px;
  }
  
  .title{
    margin-left: 10px;
    width: 210px;
    text-align: center;
  }
   /* fond du jukebox */
  .player-ctn{
    width: 420px;
    background-color:transparent;
    margin:50px; 
    margin-top: 20px;
    margin-left: 90px;
  }
                                           
  .playlist-track-ctn{
    display: flex;
    background-color:transparent;
    margin-top: 1px;
    border-radius: 3px;
    cursor: pointer;
  }
 
  .playlist-track-ctn > div{
    margin:10px;
  }
  .playlist-info-track{
    width: 80%;
  }
  /* info titres etc */
 
  .playlist-info-track,.playlist-duration{
    color: #3bc547;
    font-size: 16px;
    pointer-events: none;
  
  }

  .playlist-ctn{
     padding-bottom: 20px;
  }
  .active-track{
    background: #1f1e1e;
    color: #e86b0b !important;
    font-weight: bold;
    
  }
  
  .active-track > .playlist-info-track,.active-track >.playlist-duration,.active-track > .playlist-btn-play{
    color: #ffc266 !important;
  }
  
/* boutons et esapcements de la playliste*/
  .playlist-btn-play{
    pointer-events: none;
    padding-bottom: 5px; /* espacement des titres*/
  }

  .fas{
    color: #520aed;
    font-size: 16px;
  }

  .infos{
    margin-left: 150px;
    color: #aa968b;
    font-size: 16px;  
  }

  .decal{
    margin-left: 110px;  
  }

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

table {
	width: 1600px;
}

td {
	width: 33%;
	text-align: left;	
}

td:last-child  {	
	 text-align: center;
}


:nth-child(5), :nth-child(6), :nth-child(7), :nth-child(8), :nth-child(9){
  
text-decoration-line: underline;

  

}