
    
     .D3link {
      stroke-width:2px;
      stroke:var(--link_color);
      -webkit-transition: stroke .55s ease;
      -moz-transition: stroke .55s ease;
      -ms-transition: stroke .55s ease;
      -o-transition: stroke .55s ease;
      transition: stroke .55s ease;     
    }
   

   .D3link.focus{
      stroke: var(--main_color);
    }
  
    .circle_node {
      fill:var(--node_color);
      -webkit-transition: fill .55s ease;
      -moz-transition: fill .55s ease;
      -ms-transition: fill .55s ease;
      -o-transition: fill .55s ease;
      transition: fill .55s ease;
    }



    .circle_halo {
       fill:transparent;
    }

    .circle_node.focus  {
      fill:var(--main_color);
       -webkit-transition: fill .55s ease;
      -moz-transition: fill .55s ease;
      -ms-transition: fill .55s ease;
      -o-transition: fill .55s ease;
      transition: fill .55s ease;
    }

    .rect_book_node{
      fill:var(--node_color);
      -webkit-transition: fill .55s ease;
      -moz-transition: fill .55s ease;
      -ms-transition: fill .55s ease;
      -o-transition: fill .55s ease;
      transition: fill .55s ease;
    }
    .rect_book_node.focus  {
      fill:var(--main-red-focus);
       -webkit-transition: fill .55s ease;
      -moz-transition: fill .55s ease;
      -ms-transition: fill .55s ease;
      -o-transition: fill .55s ease;
      transition: fill .55s ease;
    }

    .rect_serie_node{
      fill:white;
      stroke:black;
      -webkit-transition: fill .55s ease;
      -moz-transition: fill .55s ease;
      -ms-transition: fill .55s ease;
      -o-transition: fill .55s ease;
      transition: fill .55s ease;
    }

     path.btheart {
      fill:white;
      fill-opacity: 1;     
      stroke-width:40px;
      stroke:var(--node_color);

      
    }

    path.btheart:hover  {
        fill: var(--main_color);
    }

    .bt{
      fill: white;
      stroke: var(--node_label);
    }
    .bt:hover{
      fill: var(--main_color);
       stroke: none;
    }

   .bt_label{
      text-anchor:start ;
      pointer-events: none;
    } 

    #bt_play_similar{
       fill: white;
       /*stroke:var(--node_color);*/
    }
    #bt_play_similar:hover{
       fill:var(--main_color);
    }

    .progress_bar{
      fill:var(--light-grey);
    }

    .progress_bar_cursor{
      fill:var(--main-red-focus);
    }

    #duration{
      text-anchor:end ;
    }

    #radio_title{
      font-family: 'Roboto', sans-serif;
      text-transform: capitalize;
      font-size: 24px;
      fill:var(--dark-grey);
    }
    
  .text_chrono {
      font-size: 11px;
      fill: grey;
  }

  /*
  //  var(--link_color);
  
.D3link{
    stroke:var(--link_color);
     -webkit-transition: stroke .55s ease;
    -moz-transition: stroke .55s ease;
    -ms-transition: stroke .55s ease;
    -o-transition: stroke .55s ease;
    transition: stroke .55s ease;
  }

 .D3link.focus{
    stroke: var(--main_color);
  }
  */


/*
.D3link{
    stroke:var(--link_color);
     -webkit-transition: stroke .55s ease;
    -moz-transition: stroke .55s ease;
    -ms-transition: stroke .55s ease;
    -o-transition: stroke .55s ease;
    transition: stroke .55s ease;
  }

 .D3link.focus{
    stroke: var(--main_color);
  }
  */
/*
text.node_label {
    pointer-events: none;
    text-anchor: middle;
    color: var(--text_color);
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 1.1em;
  }
  */
/*
  .node circle {
    fill: var(--node_color);
    stroke: var(--main_bg);
    stroke-width: 4px;
      -webkit-transition: fill .55s ease;
    -moz-transition: fill .55s ease;
    -ms-transition: fill .55s ease;
    -o-transition: fill .55s ease;
    transition: fill .55s ease;
  }
  .node.focus circle {
    fill: var(--main_color);
  }
*/


