@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

    
  @import url('./../../fonts/fontFaces.css');

    
  @import url('./../../fonts/fontFaces.css');

  
  html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
  body {
    color: #000000;
    background-color: #ffffff;
    font-family: 'Archivo', 'sans-serif';
    font-style: normal;
  }

  a {
    color: #000000;
  }
  a:hover {
    color: #000000;
  }
  

    
 
.bg--transparent {
  background-color: transparent;
}

.mode--light, .bg--light {
  background-color: #ffffff;
  color: #000000;
}

@media (max-width: 768px) {
.bg--section-light {
  background-color: #ffffff;
}

.bg--section-dark {
  background-color: #000000;
}
}


a.bg--light:hover,
a.bg--light:focus,
button.bg--light:hover,
button.bg--light:focus {
  background-color: #d9d9d9;
}

.mode--dark, .bg--dark {
  background-color: #000000;
  color: #ffffff;
}

a.bg--dark:hover,
a.bg--dark:focus,
button.bg--dark:hover,
button.bg--dark:focus {
  background-color: #000000;
}

.bg--primary {
  background-color: #000000;
  color: #ffffff;
}

a.bg--primary:hover,
a.bg--primary:focus,
button.bg--primary:hover,
button.bg--primary:focus {
  background-color: #000000;
}

.bg--player {
  background-color: #000000 !important;
  color: #ffffff;
}

a.bg--player:hover,
a.bg--player:focus,
button.bg--player:hover,
button.bg--player:focus {
  background-color:#000000;
}

.bg--footer {
  background-color: #d2302d !important;
  color: #ffffff;
}

a.bg--footer:hover,
a.bg--footer:focus,
button.bg--footer:hover,
button.bg--footer:focus {
  background-color: #000000;
}

.bg--header {
  background-color: #e5e5e5 !important;
  color: #000000;
}

a.bg--header:hover,
a.bg--header:focus,
button.bg--header:hover,
button.bg--header:focus {
  background-color:#bfbfbf;
}

.text-primary {
  color:#000000;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #000000;
}

.text-light {
  color: #000000;
}

a.text-light:hover,
a.text-light:focus {
  color: #000000;
}

.text-dark {
  color: #ffffff;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #d9d9d9;
}



    

body {
  font-family: 'Archivo', 'sans-serif';
  font-style: normal;
}

h1,
.h1,
h2:not(.lead),
.h2,
h3,
.h3,
.title {
  font-family: 'Gotham Narrow Black', 'sans-serif';
  font-style: normal;
}


h4,
.h4,
h5,
.h5,
.subtitle {
  font-family: 'Archivo', 'sans-serif';
  font-style: normal;
}

// Font-size for main carousel's and page's titles

h1.title {
  font-size: 3.6rem;
}
.h1,
.h1.block {
  font-size: 3.6rem;
}


@media (min-width: 768px) {
  h1.title {
  font-size: 4.6rem;
  }
  .h1,
  .h1.block {
    font-size: 4.6rem;
  }
    
}

// Font-size for main carousel's and page's leads

.h1 + .lead,
.lead.block {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .h1 + .lead,
  .lead.block {
    font-size: 1.6rem;
  }
}

// Font-size for block's titles


.h2 {
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .h2 {
    font-size: 2.6rem;
  }
}


.hr {
  border-top-color: currentColor;
}

.mode--light .date, .mode--light .lead, .mode--light .artist {
  color: #000000;
}

.mode--dark .date, .mode--dark .lead, .mode--dark .artist {
  color: #000000;
}

.bg--light .date, .bg--light .lead, .bg--light .artist {
  color: #000000;
}

.bg--dark .date, .bg--dark .lead, .bg--dark .artist {
  color: #000000;
}

.bg--primary .date,  .bg--primary .lead, .bg--primary .artist {
  color: rgba(255,255,255,0.5);
}

.mode--light pre, .mode--light code {
  background-color: #000000;
  color: #ffffff;
}

.mode--dark pre, .mode--dark code {
  background-color: #ffffff;
  color: #000000;
}

.bg--light pre, .bg--light code {
  background-color: #000000;
  color: #ffffff;
}

.bg--dark pre, .bg--dark code {
  background-color: #ffffff;
  color: #000000;
}

.mode--light cite, .mode--light blockquote {
  border-left-color: #000000;
}

.mode--dark cite, .mode--dark blockquote {
  border-left-color: #000000;
}

.bg--light cite, .bg--light blockquote {
  border-left-color: #000000;
}

.bg--dark cite, .bg--dark blockquote {
  border-left-color: #000000;
}



    


.form-control:focus {
  border-color: #000000;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #000000;
  background: #000000;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(0,0,0,0.25);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: rgba(0,0,0,0.25);
  border-color: rgba(0,0,0,0.25);
}



    

  .mode--dark .btn:not([class*='btn--']),
  .mode--dark .btn-ecoute-link {
    color: #000000;
    border-color: #ffffff;
    background: #ffffff;
  }
    .mode--dark .btn:not([class*='btn--']):hover, 
    .mode--dark .btn:not([class*='btn--']):focus,
    .mode--dark .btn-ecoute-link:hover,
    .mode--dark .btn-ecoute-link:focus {
      color: #000000;
      border-color: #d9d9d9;
      background: #d9d9d9;
    }
    .mode--dark a:hover .btn:not([class*='btn--']) {
      color: #000000;
      border-color: #d9d9d9;
      background: #d9d9d9; }
    .mode--dark .btn:not([class*='btn--']).disabled,  .mode--dark .btn:not([class*='btn--']):disabled
    {
      color: #000000;
      background-color:#ffffff;
      border-color: #ffffff; 
    }

  .mode--light .btn:not([class*='btn--']),
  .mode--light .btn-ecoute-link {
    color: #ffffff;
    border-color: #000000;
    background: #000000; }

  .mode--light .btn:not([class*='btn--']):hover, 
  .mode--light .btn:not([class*='btn--']):focus,
  .mode--light .btn-ecoute-link:hover,
  .mode--light .btn-ecoute-link:focus {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
      .mode--light a:hover .btn:not([class*='btn--']) {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    .mode--light .btn:not([class*='btn--']).disabled,  .mode--light .btn:not([class*='btn--']):disabled
    {
      color: #ffffff;
      background-color:#000000;
      border-color: #000000; 
    }

  .bg--dark .btn:not([class*='btn--']) {
    color: #000000;
    border-color: #ffffff;
    background: #ffffff; }
    .bg--dark .btn:not([class*='btn--']):hover, 
    .bg--dark .btn:not([class*='btn--']):focus {
      color: #000000;
      border-color: #d9d9d9;
      background: #d9d9d9; }
      .bg--dark a:hover .btn:not([class*='btn--']) {
      color: #000000;
      border-color: #d9d9d9;
      background: #d9d9d9; }
    .bg--dark .btn:not([class*='btn--']).disabled,  .bg--dark .btn:not([class*='btn--']):disabled
    {
      color: #000000;
      background-color:#ffffff;
      border-color: #ffffff; 
    }

  .bg--light .btn:not([class*='btn--']) {
    color: #ffffff;
    border-color: #000000;
    background: #000000; }
    .bg--light .btn:not([class*='btn--']):hover, 
    .bg--light .btn:not([class*='btn--']):focus {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
      .bg--light a:hover .btn:not([class*='btn--']) {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    .bg--light .btn:not([class*='btn--']).disabled,  .bg--light .btn:not([class*='btn--']):disabled
    {
      color: #ffffff;
      background-color:#000000;
      border-color: #000000; 
    }

  .btn--light {
    color: #000000;
    border-color: #ffffff;
    background: #ffffff; }
    .btn--light:hover, .btn--light:focus {
      color: #000000;
      border-color: #d9d9d9;
      background: #d9d9d9; }
    a:hover .btn--light {
      color: #000000;
      border-color: #d9d9d9;
      background: #d9d9d9; }
    .btn--light.disabled, .btn--light:disabled {
      color: #000000;
      background-color:#ffffff;
      border-color: #ffffff; }
  
  .btn--dark {
    color: #ffffff;
    border-color: #000000;
    background: #000000; }
    .btn--dark:hover, .btn--dark:focus {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    a:hover .btn--dark {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    .btn--dark.disabled, .btn--dark:disabled {
      color: #ffffff;
      background-color:#000000;
      border-color: #000000; }


  .btn--primary {
    color: #ffffff;
    border-color: #000000;
    background: #000000; }
    .btn--primary:hover, .btn--primary:focus {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    a:hover .btn--primary {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    .btn--primary.disabled, .btn--primary:disabled {
      color: #ffffff;
      background-color: #000000;
      border-color: #000000; }
          
  .btn--player {
    color: #ffffff;
    border-color: #000000;
    background: #000000; }
    .btn--player:hover, .btn--player:focus {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    a:hover .btn--player {
      color: #ffffff;
      border-color: #000000;
      background: #000000; }
    .btn--player.disabled, .btn--player:disabled {
      color: #ffffff;
      background-color: #000000;
      border-color: #000000; }
    

  .btn--alpha {
    color: #ffffff;
    background: rgba(255,255,255,0.1); 
    border-color: transparent !important;
  }
    .btn--alpha:hover {
      background: rgba(255,255,255,0.2); }
    .btn--alpha.disabled, .btn--alpha:disabled {
      color: rgba(255,255,255,0.4); }


  .btn--link {
    color: #000000; }
    .btn--link:hover {
      color: #000000; }


    

  .mode--dark .badge:not([class*='badge--']) {
    color: #000000;
    background-color: #ffffff;
  }
  .mode--dark a.badge:not([class*='badge--']):hover,
  .mode--dark a.badge:not([class*='badge--']):focus
  {
    color: #000000;
    background-color: #d9d9d9;
  }

  .mode--light .badge:not([class*='badge--']) {
    color: #ffffff;
    background-color: #000000;
  }
  .mode--light a.badge:not([class*='badge--']):hover
  .mode--light a.badge:not([class*='badge--']):focus
{
    color: #ffffff;
    background-color: #000000;
  }

  

  .bg--dark .badge:not([class*='badge--']) {
    color: #000000;
    background-color: #ffffff;
  }
  .bg--dark a.badge:not([class*='badge--']):hover,
  .bg--dark a.badge:not([class*='badge--']):focus
  {
    color: #000000;
    background-color: #d9d9d9;
  }

  .bg--light .badge:not([class*='badge--']) {
    color: #ffffff;
    background-color: #000000;
  }
  .bg--light a.badge:not([class*='badge--']):hover,
  .bg--light a.badge:not([class*='badge--']):focus
{
    color: #ffffff;
    background-color: #000000;
  }

  
  .badge--light {
    color: #000000;
    background-color: #ffffff;
  }
  a.badge--light:hover,
  a.badge--light:focus {
    color: #000000;
    background-color: #d9d9d9;
  }
  
  .badge--dark {
    color: #ffffff;
    background-color: #000000;
  }
  a.badge--dark:hover,
  a.badge--dark:focus {
    color: #ffffff;
    background-color: #000000;
  }
  
  .badge--primary {
    color: #ffffff;
    background-color: #000000;
  }
  a.badge--primary:hover,
  a.badge--primary:focus {
    color: #ffffff;
    background-color: #000000
  }
  


    

.mode--light .thumbnail:hover,
.mode--light .thumbnail:focus {
  background: rgba(0,0,0,0.05);
  box-shadow: 0 0 0 0.5rem rgba(0,0,0,0.05);
}
.mode--light .thumbnail .actions {
  background: rgba(255,255,255,0.8);
}


.mode--dark .thumbnail:hover,
.mode--dark .thumbnail:focus {
  background: rgba(255,255,255,0.1);
  box-shadow: 0 0 0 0.5rem rgba(255,255,255,0.1);
}
.mode--dark .thumbnail .actions {
  background: rgba(0,0,0,0.8);
}

.thumbnail.animated-title:hover .h3,
.thumbnail.animated-title:hover .h1 {
background-image: linear-gradient(to right, );
}



.bg--light .thumbnail:hover,
.bg--light .thumbnail:focus {
  background: rgba(0,0,0,0.05);
  box-shadow: 0 0 0 0.5rem rgba(0,0,0,0.05);
}
.bg--light .thumbnail .actions {
  background: rgba(255,255,255,0.8);
}

.bg--dark .thumbnail:hover,
.bg--dark .thumbnail:focus {
  background: rgba(255,255,255,0.1);
  box-shadow: 0 0 0 0.5rem rgba(255,255,255,0.1);
}
.bg--dark .thumbnail .actions {
  background: rgba(0,0,0,0.8);
}


    
.mode--light .Audio .thumbnail {
    border-color: #D3D3D3;
}

.mode--light .Audio .thumbnail.has-audio-player {
    transition: all 0.2s ease-in-out;
    background: rgba(0,0,0,0);
}

.mode--light .Audio .thumbnail.has-audio-player:hover,
.mode--light .Audio .thumbnail.has-audio-player:focus {
    background: rgba(0,0,0,0.05) !important;
}

.mode--dark .Audio .thumbnail {
    border-color: #000000;
}

.mode--dark .Audio .thumbnail.has-audio-player {
    transition: all 0.2s ease-in-out;
    background: rgba(255,255,255,0);
}

.mode--dark .Audio .thumbnail.has-audio-player:hover,
.mode--dark .Audio .thumbnail.has-audio-player:focus {
    background: rgba(255,255,255,0.05) !important;
}

    


  .card {
    background-color: #ffffff;
    color: #000000;
  }


    

  .nav .nav-item .nav-link {
    color: inherit;
  }
  .nav .nav-item .nav-link:hover,
  .nav .nav-item .nav-link:focus,
  .nav .nav-item .nav-link:active {
    color: #000000;
  }
  .nav .nav-item .nav-link.active {
    color: #000000;
  }
  .nav .nav-item .nav-link.active:before {
    background: #000000;
  }

  .bg--primary .nav .nav-item .nav-link:hover,
  .bg--primary .nav .nav-item .nav-link:focus {
    color: rgba(0,0,0,0.8);
  }

  .bg--header .nav .nav-item .nav-link:hover,
  .bg--header .nav .nav-item .nav-link:focus {
    color: #fdc91a
  }
  .bg--header .nav .nav-item .nav-link.active {
    color: #fdc91a;
  }

  .bg--header .nav .nav-item .nav-link.active:before  {
    background: #fdc91a;
  }


  .mode--light .nav-pills .nav-item .nav-link {
    color:#000000;
    background-color: rgba(0,0,0,0.15);
  }

  .mode--dark .nav-pills .nav-item .nav-link {
    color:#ffffff;
    background-color: rgba(255,255,255,0.15);
  }

  .mode--light .nav-pills .nav-item .nav-link.active, 
  .mode--dark .nav-pills .nav-item .nav-link.active
   {
    color:#ffffff;
    background-color: #000000;
  }


  .bg--light .nav-pills .nav-item .nav-link {
    color:#000000;
    background-color: rgba(0,0,0,0.15);
  }

  .bg--dark .nav-pills .nav-item .nav-link {
    color:#ffffff;
    background-color: rgba(255,255,255,0.15);
  }

  .bg--light .nav-pills .nav-item .nav-link.active, 
  .bg--dark .nav-pills .nav-item .nav-link.active
   {
    color:#ffffff;
    background-color: #000000;
  }


    
  .mode--light .loader,
  .mode--light .has-loader:after {
    border-color: rgba(0,0,0,0.15);
    border-top-color: #000000;
  }
  
  .mode--light .has-loader:before {
    background: rgba(255,255,255,0.75);
  }
  
  .mode--dark .loader,
  .mode--dark .has-loader:after {
    border-color: rgba(255,255,255,0.15);
    border-top-color: #000000;
  }
  
  .mode--dark .has-loader:before {
    background: rgba(0,0,0,0.75);
  }
  
  .bg--light .loader,
  .bg--light .has-loader:after {
    border-color: rgba(0,0,0,0.15);
    border-top-color: #000000;
  }
  
  .bg--light .has-loader:before {
    background: rgba(255,255,255,0.75);
  }
  
  .bg--dark .loader,
  .bg--dark .has-loader:after {
    border-color: rgba(0,0,0,0.15);
    border-top-color: #000000;
  }
  
  .bg--dark .has-loader:before {
    background: rgba(0,0,0,0.75);
  }
  
  .bg--primary .loader,
  .bg--primary .has-loader:after {
    border-color: rgba(0,0,0,0.15);
    border-top-color: #ffffff;
  }
  
  .bg--primary .has-loader:before {
    background: rgba(0,0,0,0.75);
  }

    

  .mode--light .dropdown-menu {
    color: #000000;
    background-color: #ffffff;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.1) }
    
    .mode--light .dropdown-menu .dropdown-item {
    color: #000000;
    }

    .mode--light .dropdown-menu .dropdown-item.active, .mode--light .dropdown-menu .dropdown-item.searchbarActive {
      color: #000000;
      background-color: #e6e6e6;
    }
  
    .mode--light .dropdown-menu .dropdown-item:hover, .mode--light .dropdown-menu .dropdown-item:focus {
    color: #000000;
    }
    .mode--light .dropdown-menu .dropdown-item.active, .mode--light .dropdown-menu .dropdown-item:active {
    color: #000000;
    }
    
    .mode--dark .dropdown-menu {
    color: #ffffff;
    background-color: #000000;
    border-color: rgba(255,255,255,0.2);
    box-shadow: 0 0.8rem 1rem rgba(255,255,255,0.1)
    }
    .mode--dark .dropdown-menu .dropdown-item {
    color: #ffffff;
    }
    .mode--dark .dropdown-menu .dropdown-item:hover, .mode--dark .dropdown-menu .dropdown-item:focus {
    color: #000000;
    }
    .mode--dark .dropdown-menu .dropdown-item.active, .mode--dark .dropdown-menu .dropdown-item:active {
    color: #000000;
    }
    
    .bg--light .dropdown-menu {
    color: #000000;
    background-color: #ffffff;
    border-color: rgba(0,0,0,0.2);
    box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.1);
    }
    .bg--light .dropdown-menu .dropdown-item {
    color: #000000;
    }
    .bg--light .dropdown-menu .dropdown-item:hover, .bg--light .dropdown-menu .dropdown-item:focus {
    color: #000000;
    }
    .bg--light .dropdown-menu .dropdown-item.active, .bg--light .dropdown-menu .dropdown-item:active {
    color: #000000;
    }
    
    .bg--dark .dropdown-menu {
    color: #ffffff;
    background-color: #000000;
    border-color: rgba(255,255,255,0.2);
    box-shadow: 0 0.8rem 1rem rgba(255,255,255,0.1);
    }
    .bg--dark .dropdown-menu .dropdown-item {
    color: #ffffff;
    }
    .bg--dark .dropdown-menu .dropdown-item:hover, .bg--dark .dropdown-menu .dropdown-item:focus {
    color: #000000;
    }
    .bg--dark .dropdown-menu .dropdown-item.active, .bg--dark .dropdown-menu .dropdown-item:active {
    color: #000000;
    }
    
    .bg--primary .dropdown-menu {
      color: #ffffff;
      background-color: #000000;
      border-color: rgba(0,0,0,0.2);
      box-shadow: 0 0.8rem 1rem rgba(0,0,0,0.1);
    }
  
    .bg--primary .dropdown-menu .dropdown-item {
      color: #ffffff;
    }
    .bg--primary .dropdown-menu .dropdown-item:hover, .bg--primary .dropdown-menu .dropdown-item:focus {
      color: rgba(0,0,0,15);
        }
    
    .bg--primary .dropdown-menu .dropdown-item.active, .bg--primary .dropdown-menu .dropdown-item:active {
      color: rgba(0,0,0,15);
    }
    .bg--primary .dropdown-menu .dropdown-item.active, .bg--primary .dropdown-menu .dropdown-item:searchbarActive {
      color: rgba(0,0,0,15);
      background-color:  rgba(255,255,255,15);
    }

    
  .media .overlay {
    color: #ffffff;
  }

    
  .mode--light .tooltip {
    background-color: #000000;
    color: #ffffff;
  }
  .mode--light .tooltip:before {
    border-top-color: #000000;
  }
  .mode--light .tooltip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #000000;
  }

  .mode--dark .tooltip {
    background-color: #ffffff;
    color: #000000;
  }
  .mode--dark .tooltip:before {
    border-top-color: #ffffff;
  }
  .mode--dark .tooltip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #ffffff;
  }

  .bg--light .tooltip {
    background-color: #000000;
    color: #ffffff;
  }
  .bg--light .tooltip:before {
    border-top-color: #000000;
  }
  .bg--light .tooltip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #000000;
  }

  .bg--dark .tooltip {
    background-color: #ffffff;
    color: #000000;
  }
  .bg--dark .tooltip:before {
    border-top-color: #ffffff;
  }
  .bg--dark .tooltip-bottom:before {
    border-top-color: transparent;
    border-bottom-color: #ffffff;
  }


    

  .pagination .pagination-numerotation .btn.active {
    color: #000000 !important;
  }


    
  .mode--light .progress-bar-range:before { 
    background: rgba(0,0,0,0.2);
  }
  
  .mode--light .progress-bar-range .load {
    background: rgba(255,255,255,0.8);

  }
  
  .mode--light .progress-bar-range .progress { 
    background: #000000; 
  }
  
  .mode--light .progress-bar-range .progress:after { 
    background: #ffffff; 
    box-shadow: 0 0.2rem 0.2rem rgba(0,0,0,0.2); 
  }
  
  .mode--dark .progress-bar-range:before { 
    background: rgba(255,255,255,0.2);
  }
  
  .mode--dark .progress-bar-range .load {
    background: rgba(0,0,0,0.8);

  }
  
  .mode--dark .progress-bar-range .progress { 
    background: #ffffff; 
  }
  
  .mode--dark .progress-bar-range .progress:after { 
    background: #000000; 
    box-shadow: 0 0.2rem 0.2rem rgba(255,255,255,0.2); 
  }
    

    
  .Carousel .resume .subtitle {
    font-family: 'Gotham Narrow Black';
    font-style: normal;
}
    
  .PlayerBlock {
    color: white;
  }
  .PlayerBlock .artist {
    color: white;
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range'] {
    color: #ffffff;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range'] {
      background-color: rgba(255,255,255,0.2);
    }
    .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-webkit-slider-runnable-track {
      color: #ffffff;
    }
    .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-webkit-slider-thumb {
      background: #ffffff;
      box-shadow: -30.8rem 0 0 30.4rem #ffffff;
    }
    .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']:active::-webkit-slider-thumb {
      background: #ffffff;
      box-shadow: -30.8rem 0 0 30.4rem #ffffff;
    }
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-moz-range-progress {
    background-color: #ffffff;
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-moz-range-track {
    background-color: rgba(255,255,255,0.2);
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-ms-fill-lower {
    background-color: #ffffff;
  }
  .block:not(.PlayerBlock) .PlayerVolumeRange input[type='range']::-ms-fill-upper {
    background-color: rgba(255,255,255,0.2);
  } 


  .PlayerBlock .PlayerVolumeRange input[type='range'] {
    color: white;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .PlayerBlock .PlayerVolumeRange input[type='range'] {
      background-color: rgba(255,255,255,0.2);
    }
     
    .PlayerDetailsBloc.Titles{
        background-color: rgba(
          255,255,255,0.9);
        color : #000000
    }
    
    .ButtonPlayerDetailContainer .btn--player {
    background: linear-gradient(rgba(255,255,255,0.2),  rgba(255,255,255,0.2)), 
    #000000;
      }
     
    .PlayerDetails .PlayerBroadcast.timeline a,   
    .PlayerDetails .PlayerBroadcast:not(.current) a:hover,
    .PlayerDetails .PlayerBroadcast.current a {
         background-color: rgba(
          0,0,0,0.1);
          border-radius: 30px;
       }     


   .PlayerDetails .PlayerBroadcast.current.main a {
         background-color: rgba(
          0,0,0,0.1);
        
       }  

 @media (max-width: 995.98px) {
    .PlayerDetailsSectionTitle.active::after {
    border-top: 9px solid #ffffff !important;
    }
    }

    .PlayerBlock .PlayerVolumeRange input[type='range']::-webkit-slider-runnable-track {
      color: white;
    }
    .PlayerBlock .PlayerVolumeRange input[type='range']::-webkit-slider-thumb {
      background: white;
      box-shadow: -30.8rem 0 0 30.4rem white;
    }
    .PlayerBlock .PlayerVolumeRange input[type='range']:active::-webkit-slider-thumb {
      background: white;
      box-shadow: -30.8rem 0 0 30.4rem white;
    }
  }
  .PlayerBlock .PlayerVolumeRange input[type='range']::-moz-range-progress {
    background-color: white;
  }
  .PlayerBlock .PlayerVolumeRange input[type='range']::-moz-range-track {
    background-color: rgba(255,255,255,0.2);
  }
  .PlayerBlock .PlayerVolumeRange input[type='range']::-ms-fill-lower {
    background-color: white;
  }
  .PlayerBlock .PlayerVolumeRange input[type='range']::-ms-fill-upper {
    background-color: rgba(255,255,255,0.2);
  } 

  .block:not(.PlayerBlock) .PlayerProgressRange {
   background-color: #000000;  }

  .block:not(.PlayerBlock) .PlayerProgressRange .progress {
    background-color: rgba(228,35,19,1);
  }


  .PlayerSection .PlayerProgressRange {
    background-color: transparent;
  }
  .PlayerSection .PlayerProgressRange .progress {
    background-color:rgba(0,0,0,1); 
  }

  .PlayerDetails .PlayerBroadcast .PlayerResume .artist, 
  .block:not(.PlayerBlock) .PlayerResume .artist {

    color:#ffffff !important;
    
    font-family: 'Archivo';
    font-size: 1.4rem !important;
  }

  .PlayerDetails .PlayerBroadcast .PlayerResume .title, 
  .block:not(.PlayerBlock) .PlayerResume .title {

    color:#ffffff !important;
    
    font-family: 'Archivo';
    font-size: 1.4rem !important;
  }


  .block:not(.PlayerBlock) .PlayerRadio .dropdown-menu {
    background-color:#000000;
  }

  .block:not(.PlayerBlock) .PlayerSources .dropdown-menu {
    background-color:#000000;
  }

  .block:not(.PlayerBlock) .PlayerSources .dropdown-menu .dropdown-item {
  color:#ffffff !important;
  }

  .PlayerBouton .subtitle:before {
    background:#000000
  }

  .PlayerBouton .subtitle {
    color:#ffffff;
    font-family: 'Archivo','sans-serif';
    font-size: 1.6rem;
    
  }
  @media (min-width: 768px) {
  .PlayerBouton .subtitle {
    font-size: 1.6rem;
  }
}
  
.PlayerZone .buttonDraw {
  border-bottom: 5px solid #000000
}

.PlayerBroadcast:after {
  background-color: #ffffff; 
}

.PlayerDetailsContainer .PlayerBroadcast .resume .h3, .PlayerDetailsContainer .PlayerBroadcast .resume .date {
  color: #000000;
}

.PlayerBroadcast .resume .h3, .PlayerBroadcast .resume .date {
  color: #ffffff;
}
  
.h1 + .lead,
.lead.block {
  
}
  
.PlayerBouton .border-title {
  border-color:#000000;
}  
  

    
  .Header .container:after {
    border-top-color: currentColor;
  }

  .mode--light .Header.HasNavExpendable .HeaderNavContainer {
    display: grid;
    align-self: stretch;
  }

  .mode--light .Header.HasNavExpendable .HeaderNavContainer .HeaderNav .nav  {
      box-shadow: 0 0.8rem 1rem rgba(229,229,229,0.5);
      background: #e5e5e5;
      overflow-Y: auto;
  }

  .mode--light .Header.HasNavExpendable .HeaderNavContainer > .btn {
    color: #000000;
    background: #ffffff;
  }

  .mode--light .Header.HasNavExpendable .HeaderNavContainer > .btn:hover {
    background: #d9d9d9;
  }


  .mode--dark .Header.HasNavExpendable .HeaderNavContainer .HeaderNav .nav  {
    box-shadow: 0 0.8rem 1rem rgba(229,229,229,0.5);
    background: #e5e5e5;
    overflow-Y: auto;
}


  .mode--dark .Header.HasNavExpendable .HeaderNavContainer > .btn {
    color: #ffffff;
    background: #000000;
  }

  .mode--dark .Header.HasNavExpendable .HeaderNavContainer > .btn:hover {
    background: #000000;
  }

  @media (max-width: 768px) {
    .mode--light .HeaderSources {
      background: #ffffff;
      color: #000000;
    }

    .mode--light .HeaderSources .nav .nav-item .nav-link:hover,
    .mode--light .HeaderSources .nav .nav-item .nav-link:focus,
    .mode--light .HeaderSources .nav .nav-item .nav-link.active {
      color: #000000
    }
  
    .mode--light .Header.HasPlayerFixed .HeaderSources {
      background: #ffffff;
      color: #000000;
    }
  }


  @media (max-width: 768px) {
    .mode--dark .HeaderSources {
      background: #000000;
      color: #ffffff;
    }

    .mode--dark .HeaderSources .nav .nav-item .nav-link:hover,
    .mode--dark .HeaderSources .nav .nav-item .nav-link:focus,
    .mode--dark .HeaderSources .nav .nav-item .nav-link.active {
      color: #ffffff
    }

    .mode--dark .Header.HasPlayerFixed .HeaderSources {
      background: #000000;
      color: #ffffff;
    }
  }



  .HeaderNav .nav .nav-item .dropdown-toggle:after {
    background-color: #ffffff;
  }
  
  .HeaderNav .nav .nav-item .nav-link  {
    font-family: 'Gotham Narrow';
    font-size: 2rem;
    font-style: normal;
  }
    
  @media (min-width: 992px) {
    .HeaderNav .nav .nav-item .nav-link {
      font-size: 2rem;
    }
  }

  .HeaderNav .dropdown-menu {
    background-color:#e5e5e5 !important;  
  }

  .HeaderNav .dropdown-menu .show {
      display: block;
  }

  .HeaderNav .dropdown-item {
    color:#000000 !important;
    font-family:'Gotham Narrow';
    font-size:2rem;
    font-style:normal;
    
   
  }

  @media(max-width:768px){
    .HeaderNav .dropdown-item {
      font-size:2rem;
    }
  }

  .HeaderNav .dropdown-item:hover {
    color:#fdc91a !important;
  }

  .Header.HasSeparator .container:after {
    border-top-color: #e5e5e5 !important;
  }

  .Header.HasSeparator--full {
    border-bottom-color:#e5e5e5 !important;
  }

  @media(min-width:768px){
    .HeaderSources .dropdown-menu {
      background-color:#e5e5e5;
    }

    .HeaderSources .dropdown-item {
      color:#000000 !important;
    }

    .HeaderSources .dropdown-item:hover {
      color:#fdc91a !important;
    }

    .HeaderSources .dropdown-toggle:after {
      background-color: #ffffff ;
    }
  }
  
    

  .FooterNav .nav .nav-item .nav-link {
    font-family: 'Gotham Narrow Black';
    font-style: normal;
  }
  .Footer .FooterCredits {
    color: #ffffff;
  }
  .Footer .FooterCredits a {
    color: #ffffff;
  }
  .Footer .Player  dropdown .show,
  .Footer .dropdown-menu .show {
    color: #ffffff;
  }

  .FooterNav .nav .nav-item .nav-link {
    font-family: 'Gotham Narrow';
    font-size: 2rem;
    font-style: normal;
    
    color:#ffffff;
    
  }
    
  .FooterNav .nav .nav-item .nav-link:hover,
  .FooterNav .nav .nav-item .nav-link:focus {
    color:#fdc91a
  }
    
  .FooterNav .nav .nav-item .nav-link.active {
    color:#fdc91a;
  }
  
  .FooterNav .nav .nav-item .dropdown-toggle:after {
    background-color: #ffffff;
  }

  .FooterLegal .nav .nav-item .nav-link {
    font-family: 'Gotham Narrow Book';
    font-size: 1.5rem;
    font-style: normal;
    color:#ffffff;
  }
    
  .FooterLegal .nav .nav-item .nav-link:hover,
  .FooterLegal .nav .nav-item .nav-link:focus {
    color:#fdc91a
  }
    
  .FooterNav .dropdown-menu {
    background-color:#d2302d !important;
  }

  .FooterNav .dropdown-item {
    color:#ffffff !important;
    font-family:'Gotham Narrow';
    font-size:2rem;
    font-style:normal;
  }


  .FooterNav .dropdown-item:hover {
    color:#fdc91a !important;
  }

  .FooterRadios {
    background-color:transparent;
  }

  .FooterRadios .swiper-button-prev,
  .FooterRadios .swiper-button-next {
  color: #ffffff;
}
  .FooterRadios .swiper-button-prev:hover,
  .FooterRadios .swiper-button-next:hover {
  color: #fdc91a;
}

  
  
    
  .Broadcasts.HasWebradio .webradio {
    background-color: #000000; }
    .Broadcasts.HasWebradio .webradio .webradio-title {
      color: #ffffff;
      font-size:1.4rem;
      font-family:'Archivo';
      font-weight:600;
      text-transform:capitalize;
     }

    .Broadcasts.HasWebradio .webradio .webradio-artist {
      color: #ffffff;
      font-size:1.4rem;
      font-family:'Archivo';
      font-style:normal;
      font-weight:400;
      text-transform:capitalize;
    }
  
 
  
    
  .event-subtitle {
    color: #000000;
    background-color: #ffffff;
  }

  .event-title,
    .event-countdown-value,
    .event-countdown-legend {
      color: #ffffff;
    }
 
 .event.titleInternal .event-title {
    font-size: 2.6rem;
    color: #000000;
   }
   
   .section.bg--dark .event.titleInternal .event-title {
    color: #ffffff;   
   }
   
   .event.titleInternal .event-subtitle {
      color: #000000;
      background-color: transparent;
   }
   
   .section.bg--dark .event.titleInternal .event-subtitle {
      color: #ffffff;
      background-color: transparent;
   }
   
  

    
     
 


  .section.bg--img .bg-container img {
    position:absolute ;
    z-index:-1;
    object-fit: cover;
    width: 100%;
    height: 100%;
}


.section.bg--img .bg-container::before {
    /* Display and position the pseudo-element */
    background:linear-gradient(90deg, rgba(0,0,0) 0%, rgba(0,0,0,0.9) 5%, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.7) 90%, rgba(0,0,0,0.8) 95%, rgb(0,0,0) 100%);
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    /* Keep the image from overlapping sibling elements. */
    z-index: -1;
    /* add pixel to  prevent pixel line to display on some scren size */
    width:calc(100% + 2px); 
    max-width:1444px;
    left:calc(50% - 1px);
    transform:translateX(-50%);
}
    
    
.HOME.section.bg--img .bg-container::before {
      /* Display and position the pseudo-element */
      background:linear-gradient(90deg, rgba(0,0,0) 0%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.7) 50%,rgba(0,0,0,0.7) 90%, rgba(0,0,0,0.8) 95%, rgb(0,0,0) 100%);
}
    
@media(max-width:1440px){    
    .section.bg--img .bg-container::before {
        background:rgba(0,0,0,0.7)
    }
    .HOME.section.bg--img .bg-container::before {
        background:linear-gradient(90deg, rgba(0,0,0) 0%, rgba(0,0,0,0.9) 10%, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.7) 100%);
    }
}

.section.bg--img  {
    height:100%;
    background:black;
  }


  .section.bg--img .bg-container::after {
    /* Display and position the pseudo-element */
    background-size: cover;
    background-position: center;
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    transform:translateX(-50%);
    width:100%; 
    /* Keep the image from overlapping sibling elements. */
    z-index: -2;
    max-width:1440px;
  }

  .section {
    z-index:1;
    max-width:100%;
    overflow:-x:hidden ;
}
    

@media(max-width:767px){
    .section.HOME {
        z-index:1;
        max-width:100%;
        overflow-x:visible ;
    }

    .HOME.section.bg--img .container{
        background:#000000;
    }

    .HOME.section.bg--img .bg-container{
        display:none;
    }

    .HOME  .separator.wave.high + .bottomWave::before {
        content:"";
        position:absolute;
        top:0;
        z-index:-1;
        width:100dvw;
        height:100%;
        background: #e5e5e5;
    }

    .HOME .separator.wave.high .bottomWave,
    .HOME .separator.wave.high  .svgContainer {
        width:100dvw;
        left:-2rem;
    }

    .HOME.section:has(.svgContainer+.bottomWave)   {
        margin-bottom:92px;
    }

    .HOME .separator.wave.high + .bottomWave {
        order:999;
        margin-left:-2rem;
    }

    
}

@media(max-width:575px){
    .HOME .separator.wave.high  .svgContainer {
        left:-1rem;
    }

    .HOME .separator.wave.high + .bottomWave {
        order:999;
        margin-left:-1rem;
    }


    }
@media(max-width:767px){
  section.HOME .Aside + div .block  {
        z-index:2;
    }
    section.HOME .Aside + div  .heading   {
        justify-content:start !important;
    }
    section.HOME .Aside + div  .heading .h2 {
        color:#000000 !important;
        text-transform:uppercase !important;
       
    }
    
}


@media(min-width:768px){
    .HOME.section:has(.separator.wave){
        padding-bottom:16px;
    }
    .HOME  .separator.wave.high + div::before {
        left:-2rem;
     } 

}


 
.section.bg--img .bg-container+.container   {
    display:flex;
    justify-content:center;
    color:white;
    flex-direction: column;
    color:#ffffff;
    text-align:center;
    gap:24px;

}


.CONTENT.section.bg--img .bg-container+.container  {
    padding: 92px  48px ;

}


.section.bg--img .bg-container + .container .date{
    order:2;
    margin:0;
    color:#ffffff;
}

.section.bg--img .bg-container+.container .date  .author {
    font-weight:bold;
}

.HOME.section.bg--img .bg-container+.container .title {
    text-transform:unset;
    color:#ffffff;
}


    .HOME.section.bg--img .wave.separator + * .title {
        text-transform:uppercase;
        color:#000000;
        font-family:'Gotham Narrow Black';
    }

#section0.CONTENT.section.bg--img:has(.wave.separator){
    padding-bottom:0;
}


.separator.wave path.frontWave {
    color:#ffffff;
}

.separator.wave path.backWave {
    color:#e5e5e5;
}

.HOME  .separator.wave.high {
    position:absolute ;
}

.HOME  .separator.wave.high +  * {
    z-index:0;
}


@media(min-width:768px){
    .HOME .separator.wave{
        z-index:1;    
    }    
    .HOME .separator.wave.high {
        height:60px;
    }
    .HOME  .separator.wave.high .svgContainer::after {
        content:"";
        position:absolute;
        width:100%;
        height:300%;
        top:99%; 
        right:0;
        background:#ffffff;
    }

    .Home.section.bg--img .bg-container+.container {
        padding-bottom:0px ;
    }

    .HOME .container .row > .col:first-of-type {
        z-index:1;
    }



}
  
  .block.TopTitles {
    padding:24px 0px;
    .heading h2 {
      margin-bottom:24px;
      }
}
  @media (min-width:768px){
    .row-alt-5 > *  {
      flex: 0 0 20%;
      max-width: 20%;
    }
}

  @media (max-width:992px){
    .Global {
     overflow:hidden;
    }
  }

  
    @media (max-width: 768px) {
        section:has(.bottomWave), section:has(.bottomWave) .col.Aside+.col {
          padding-bottom:0px !important;
        }
    }

    a:hover > span:not(.logo) {
      opacity:0.8;
    }
      
  .aLaUne {
    padding-bottom: 28px;
  }
    
    .aLaUneContainer {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-column-gap: 4rem;
      grid-row-gap: 2rem;
    }

  .aLaUneContainer .blockItem {
    position:relative;
  }
   

    .aLaUneContainer .bloc2 {
      grid-area: 1 / 1 / 3 / 3;
    }
    
    .aLaUneContainer .bloc4 {
      grid-area: 1 / 3 / 3 / 4; 
    }
    
    .aLaUneContainer .thumbnail,  
    .aLaUneContainer figure {
      height:100%;
    }
      
    .aLaUneContainer .bloc8_1 {
      grid-area: 1 / 4 / 2 / 5;
    }
    .aLaUneContainer .bloc8_2 {
      grid-area: 2 / 4 / 3 / 5; 
    }



    .block.Actu > .block {
        margin:0;
    }

    @media (max-width:768px){
      .block.Actu .inlineBlocks .block.News:nth-of-type(2n+1) .thumbnail {
        flex-direction:row-reverse;
      }
      .block.Actu  .switchContent {
        display:flex;
        flex-direction:column;
        gap:24px;
      }
  
      .block.Actu  .switchContent .block.News {
          margin-top:0;
      }
  
      .block.Actu  .switchContent .switchButton button {
        padding:6px 18px;
        border-radius:24px;
        color:#000000;
        border:1px solid #000000;
        background:transparent;
        text-transform:uppercase;
        opacity:0.6 ;
        transition:.3s;
      }
      .block.Actu  .switchContent .switchButton.active button {
        color:#ffffff;
        border-color:#000000;
        background:#000000;
        opacity:1;
      }
      .block.Actu .switchContent .switchButtons {
        display:flex;
        font-family:'Gotham Narrow Ultra';
        gap:12px;
        flex-direction:row;
      }
    }


    .block.Actu .switchableBlocs {
      display:flex;
      flex-direction:row;
      gap:4rem;

    } 
    
        .block.Actu .switchableBlocs switchableBlo {
      display:flex;
      flex-direction:column;

    } 
    .block.Actu .inlineBlocks .block,.block.Actu  .switchableBlocs.block {
      margin:2rem 0px;

    } 


    .block.Actu .switchableBlocs .switchableBloc {
        display:flex;
        flex:1 1 50%;
        flex-direction:column;
    }

    .block.Actu .switchableBloc .switchItem { 
      row-gap:2rem;
      column-gap:4rem;
      flex:1;
      display:grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(2, 1fr);
    }

      .block.Actu .thumbnail,  
    .block.Actu figure {
      height:100%;
    }

    .block.Actu .switchableBlocs .switchItem .blocItem {
      position:relative;

    }
     .block.Actu .switchableBlocs  .switchItem  .blocItem:nth-of-type(1) {
        grid-area: 1 / 1 / 3 / 2; 
        
     }  
    .block.Actu .switchableBlocs .switchItem  .blocItem:nth-of-type(2) {
        grid-area: grid-area: 1 / 2 / 2 / 3; 
        
     }  
    .block.Actu .switchableBlocs .switchItem  .blocItem:nth-of-type(3) {
        grid-area: grid-area: 2 / 2 / 3 / 3; 
        
     }
        
    .tooltip .icon svg *:not([fill]) {
       color:#ffffff;
    }

    
  
  section.HOME  .title.h1 { 
    font-size:17rem;  
    font-family:Futura ;
  }
  section.HOME  .title.h1 + .subtitle { 
    font-size:4.6rem;  
    font-family:Futura ;
  }

  section.HOME h1,
  section.HOME .h1,
  section.HOME h2:not(.lead),
  section.HOME .h2,
  section.HOME h3,
  section.HOME .h3,
  section.HOME .title {
    font-family: Futura, Futura,  'Gotham Narrow Black', 'sans-serif';
    font-style: normal;
  }

    .HOME {
      h1.title {
        font-size: 3.6rem;
      }
      .h1,
      .h1.block {
        font-size: 3.6rem;
      }
  }

    section.HOME .h2 {
    font-size: 3.6rem;
  }
  @media (min-width: 768px) {
    section.HOME  .h2 {
      font-size: 6rem;
    }
  }

  @media (min-width: 768px) {
    section.HOME  .title.h1 { 
      font-size:17rem;  
      font-family:Futura ;
    }

    .HOME {
      h1.title {
        font-size: 17rem;
      }
      .h1,
      .h1.block {
        font-size: 17rem;
      }
    }
  }

  section.HOME  .heading .h2 { 
    font-size:3.6rem;  
    font-family:'Gotham Narrow Ultra' ;
  }

  section.HOME  .heading .h3 { 
    font-size:1.8rem;  
    font-family:'Gotham Narrow Black' ;
  }

  @media (min-width: 768px) {
    section.HOME  .heading .h2 {
      font-size:6rem;  
    }
    section.HOME  .heading .h3 {
      font-size:2.6rem;  
    }
}
    
.section div:has(~ .Aside) .heading:has(.h2)::after,
.section div:has(+ .Aside) .heading:has(.h2)::after,
.section:not(:has(.Aside))  .heading:has(.h2)::after 
 { 
    content:"";
    flex:1;
    height:1px;
    background:#e5e5e5;
  }

  @media (max-width:767px) {
  .CONTENT.section .heading:has(.h2) {
    flex-direction:column;
    gap:12px;
    margin-top:24px;
  }  

  .CONTENT.section .heading:has(.h2)::before { 
      content:"";
      height:1px;
      width:100% ;
      background:#e5e5e5 ;
      }
    }  

  .heading { 
    display:flex;
    gap:12px;
    margin-bottom:0
  }    

  .heading .h2,.heading .h3 { 
    margin-bottom:8px;
    text-transform:uppercase;
  } 
    

section  .bottomHeading {
      display:flex;
      justify-content:end;
}

  section  .bottomHeading .customButtonContainer  {
      display:flex;
      gap:4px;
    }
  
    section .block:not(.joinWidget) .bottomHeading {
    padding-top:calc(12px);
  }


  .bottomHeading a {
    font-size:18px;
    display:flex;
    justify-content:center;
    text-transform:uppercase;
    font-family:'Gotham Narrow' ;
    font-style:normal ;
    color:#000000;
  }

  .bottomHeading .readMoreAfterIcon {
    cursor:pointer;
    height:2rem;
    display:flex;
  }

  .bottomHeading .readMoreAfterIcon  img {
      height:100%;
  }

section.HOME .Aside + div  .heading{
  justify-content:center;
}

section.HOME .Aside + div  .heading  h2 {
    font-size:2.6rem;
    font-family:'Gotham Narrow Ultra';
   }

  section.HOME .Aside + div  .heading::after {
    content:unset;
    }

  @media (max-width: 992px) { 
    .section:first-of-type:not(#ResearchForm) {
     padding-top : 7rem !important;
    }
    .section.HOME .block.title {
       display : none;
    }
    .section.HOME .PlayerBouton {
       display : none;
     }
    }
    



    
.thumbnail.d-flex .h3{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
} 

  .thumbnail, .thumbnail figure  {
      position: relative;
      overflow: hidden;
      border-radius: 12px;
    }

    .thumbnail .overlay {
      padding:0px;
      position:relative ;
  
    }

    .thumbnail .resume {
      display: flex;
      flex-direction: column-reverse;
      gap:4px;
      justify-content:center;
    }

  .thumbnail .overlay .resume:not(:has(.AudioPlayer:only-child)) {
      position: absolute;
      padding:48px 0 18px;
      bottom: 0px;
      width: 100%;
      background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.5) 30%,
        rgba(0, 0, 0, 0.6) 40%,
        rgba(0, 0, 0, 0.9) 100%
      );

}

.section .block.TopTitles,.section .TitlesSearch {
  .thumbnail {
    .media {
      .overlay {
        position:absolute !important;
        padding-top:16px;
        left:unset;
        right:0px;
        .badge {
          margin:0 !important;
          display:inline-flex !important;
          border-top-right-radius:0px;
          border-bottom-right-radius:0px;
          background:#000000 !important;
          color:#ffffff !important;
        }
      }
    }
  .overlay {
    background:none;
    .resume {
      background:none !important;
      position:relative !important;
      text-align:center;
      padding:18px 0 ;
      * {
        color:#000000 !important;
      }
    }
  }}
}

@media (max-width: 768px) {
    .thumbnail, .thumbnail figure  {
      position: relative;
      overflow: hidden;
      border-radius: 6px;
    }

    .thumbnail.d-flex .h3
      {
        -webkit-line-clamp: 4;
   
      } 
}



.thumbnail  h3,
.thumbnail .date{  
  font-family:'Archivo' !important;
  font-style:normal ;
}



.thumbnail  .resume .h3 {
  text-transform:unset;
  font-size:1.5rem !important;
}

.thumbnail .resume .date{
    font-size:1.1rem;
    font-weight:300;
    line-height:100% ;
    font-style:italic ;
}


.thumbnail  .resume .h3,
.thumbnail  .resume .date,
.thumbnail  .resume  .lead,
.thumbnail  .resume  .artist,
.thumbnail  .resume  .bagdes {
  position: relative;
  padding: 0px 16px;
  transition:0.3s ;

}

.section .block:not(.TopTitles) {
  .thumbnail:hover  .resume .h3,
  .thumbnail:hover  .resume .date,
  .thumbnail:hover  .resume .lead,
  .thumbnail:hover  .resume .artist,
  .thumbnail:hover  .resume .bagdes {
    position: relative;
    padding-left: 24px;
    }
    
    .thumbnail:hover .h3 {
      padding-right: 10px !important;
      }
}

.thumbnail  .h3::before {
  content: '';
  height: 100%;
  transition:0.3s ;
  width: 10px;
  position: absolute;
  left: 0px;
  top: 0;
  border-radius: 0 8px 8px 0;
  background: #e42313;
}


.thumbnail:hover .h3::before {
  width: 16px;
}

.thumbnail.d-flex .h3::before {
  border-radius: 8px 0 0 8px ;
  overflow:hidden;
}

.Broadcasts.HasWebradio .webradio {
    background:none;
}

  .Broadcasts.HasWebradio .webradio figure {
    border-radius:14px;
    overflow:hidden; 
  }

  .Broadcasts.HasWebradio .webradio figcaption  * {
    text-align:center;
    margin-left:auto;
    margin-right:auto;

  }

  .Broadcasts.HasWebradio .webradio .webradio-detail * {
    color:#000000;
  }
  
  .aLaUne .blocCategory {
      position:absolute; 
      padding:2px 18px 2px 12px; 
      left:0;
      top:24px;
      background:#ffffff;
      z-index:1;
      border-radius: 0  24px  24px 0;
      font-family:'Gotham Narrow';
      text-transform:uppercase;
    }

    @media (min-width:964px) {

    .aLaUneContainer .bloc2 .h3 {
     font-size:3rem !important;
    }

    .aLaUneContainer .bloc4 .h3 {
     font-size:2rem !important;
    }
     .aLaUneContainer .bloc8_1 .h3,.aLaUneContainer .bloc8_2 .h3 {
     font-size:1.6rem !important;
    }
   }

  

  footer  {
        display:flex;
        width:100%;
        flex-direction:column;
        justify-content:center;
        position:relative;
  }

  footer::after {
      content:"";
        width:100%;
        position:relative;
  }

footer .footer-bg-container {
      z-index:0;
      position:absolute;
      width:100%;
      height:100%;
      display:flex;
      flex-direction:column;
}


footer .footer-bg-container path:first-of-type {
      color:#e5e5e5;
}

footer .footer-bg-container path:last-of-type {
      color:#000000;
}
      
footer .footer-bg-container::after {
      content:"";
      background:#d2302d;
      flex:1;
      width:calc(100% + 1px);
      transform:translateY(-1px); 
}

footer .container {
      position:relative;
      padding-top:64px;
      padding-bottom:32px;
      z-index: 1;
      display: flex;      
      width: 100%;
      height: 100%;
      justify-content: end;
      flex-direction:row !important;
      align-items: end !important;
      color: #ffffff;
} 
      


footer .container .footerContent {
      position: relative;
      z-index:1 ;
      display: flex;
      justify-content: end;
      flex-direction: column;
      color:#ffffff; 
      
}
      
footer .container .FooterCredits {
      color:#000000;
      text-align:end !important; 
      margin:0;

}

footer  .FooterLegal .nav-item:not(:last-of-type)::after {
      content:"";
      height:1.5rem;
      width:1px;
      background:#ffffff;
      margin:auto 12px;
}


footer .container .nav-link:hover {
      cursor:pointer;
      color:#ffffff !important; 
      text-decoration:underline;
}


footer .container .FooterSocial .nav {
      margin:0; 
      padding:0 24px;
      display:flex;
      flex-direction:row;
      gap:4px;
}
footer .container .FooterSocial .nav-item {
      margin:0;
      padding:0;
      a {
          align-items: end;
        
      }
}


footer .container .FooterLogo {
      margin:0;
}
footer .container .FooterLogo .logo img{
      width:80px;
      height:80px;
      max-height:80px;
      min-height:80px;
      box-shadow: 0px 4px 14px 4px rgba(0,0,0,0.75);
}
      

footer .container .FooterCredits  {
      font-size:1.5rem;
}

footer .FooterSocial .icon svg *:not([fill]){
    color:#ffffff;

}

footer .container .FooterLegal .nav {
      margin:0;
}


footer .FooterLegal .nav-item,
footer .FooterLegal .nav-link {
      padding:0;
      display:flex ;
      cursor:pointer ;
}


@media (max-width:768px)  {
      Footer {
            padding-bottom:11rem !important;
      }
      footer .container  {
            padding-bottom:32px;
      }
      footer .footerContent,.FooterCredits {
            text-align:start !important;
            flex:1;
      }
      footer .FooterLegal {
            padding-top:0px;
            padding-bottom:0px;
      }
      footer .FooterLegal .nav {
            width:100%;
            margin-bottom:12px;
            justify-content:end;
      }
      footer .FooterLegal .nav .nav-item:not(:last-of-type)  {
            white-space:nowrap;
            }
}

      @media (min-width:992px)  {
      footer .container .FooterSocial .nav-item {
                  a {
                    align-items:center;
                    padding: 1rem; 
                  }
            }
      }


 

    .HeaderAside .PlayerControl .btn {
      background-color: #e42313
    }
    .PlayerContainer.group1981 {
        padding: 0.5rem !important;
    }

    .PlayerSmall.group1981{
        height: 6rem;
        width: 100%;
    }

    .titleArtistSeparator {
      padding-left : 1rem;
      padding-right : 1rem;
    }

    .PlayerSmall.group1981 .PlayerResume {
        display:flex;
        justify-content:center;
        align-items:center;
        gap:6px;
        flex: 1;
        white-space:nowrap;
        flex-direction:row !important;
        .marquee__content {
          display:flex ;
        }
        .title,.artist {
          font-size:1.6rem  !important;
          font-weight:400;
          vertical-align:center;
          white-space: nowrap;
          text-overflow: unset !important;
        }
    }

    .PlayerSmall.group1981 .PlayerVolume {
        width:80px
        
     }

    .PlayerBouton .title.h1 {
      order:-1;
      padding-top:3rem;
      margin:0;
      font-weight:700;
    }
    .PlayerBouton .subtitle {
      order:-1;
      font-family:Futura;
      background:none;
      font-weight:700;
      &::before{
        content:none;
      } 
    }



    .PlayerBouton .zones.group1981 .nav .nav-item .nav-link {
        background-color: black;
        border-radius: 3rem;
        padding: .8rem 2.2rem;
        display: flex;
        align-items: center;
    } 

    .PlayerBouton .zones.group1981 .nav .nav-item .nav-link:focus,
    .PlayerBouton .zones.group1981 .nav .nav-item .nav-link:active {
        color: inherit !important;
    } 

    .group1981 .artist {
        font-size: 1rem !important;
     }

     .zones.group1981 { 
      .dropdown-menu {
        padding:2rem 0;
        overflow-x:hidden;
        min-width:fit-content;
        background : black;
        z-index: 1200;
      }
     .nav {
      margin:0;
     }

      .dropdown-toggle:hover {
        color:#ffffff;
      }

     .dropdown-item {
        color:#ffffff;
        background-color: black;
        padding: 1rem 1.1rem;
        font-size: 14px;
        z-index: 1200;
     }

    .dropdown-item:hover {
        font-size: 16px;
        color:#ffffff;

      }
    }    

    .group1981 .btn--player{
       background: transparent;
       border-color: #ffffff;

    }

     .group1981 .btn--player:hover{
       background: rgba(228,35,19,.5);
    }

    .nav.group1981{
        display: flex;
        position: relative;
    }

    @media (max-width: 992px) {
      .Header .HeaderAside .Player {
        position:relative;
      }
        
      .Header .HeaderAside .HeaderSources .nav {
        justify-content:space-between;
      }
      
      .Header .HeaderAside .HeaderSources .nav .nav-item {
          width:fit-content;
          flex:unset;
      }  
      
      .Header .HeaderAside .HeaderSources {
        bottom:7rem;
        padding-top:24px;
        background: linear-gradient(to bottom,
        rgba(255, 255, 255, 0) 0px,
        rgba(255, 255, 255, 0.1) 6px,
          rgba(255, 255, 255, 0.6) 18px ,
           rgba(255, 255, 255, 0.8) 24px ,#fff) !important
      }
    
        
      .playerGroup81 {
        padding:4px;
         background : #ffffff;
         bottom: 0;
         right: 0;
         left: 0;
         position: fixed;
         width: 100%;
       }

       .nav.group1981{
         width: 100vw !important;

        }
      }
 
    .PlayerContainer.group1981 {
       padding: 0.5rem !important;
    }


    .PlayerSmall.group1981 {
        height: 6rem;
        width: 100%;
    }

    @media (min-width: 992px) {
    .Header.HasNavExpendable.IsCompact.HasPlayer .HeaderAside.group1981 .HeaderSources {
        display: flex !important;
        flex: 2;
        position: initial;
        margin-right : 2rem;

        .nav {
            margin-bottom: 1rem !important;
        }
    }
    
    .Header.IsCompact.HasPlayer .HeaderAside.group1981 {
           display: flex;
           flex-direction : row;
     }
    

     .HasPlayer.Header .HeaderAside .PlayerSmall {
         max-width: 38rem;
        }

  }

  .Header .PlayerVolume button.btn{
    min-width:fit-content;
    .icon  {
      width:2.4rem !important;
      height:2.4rem !important; 
    }
  }
  .Header .PlayerVolumeRange {
    min-width:60px;
    input[type='range']   {
      height:0.6rem !important;
    }
  }

  .HeaderMediaButtons .PlayerVolumeRange input[type='range']{
    color: #ffffff;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .HeaderMediaButtons .PlayerVolumeRange input[type='range'] {
      background-color: rgba(255,255,255,0.2);
    }

    .HeaderMediaButtons .PlayerVolumeRange input[type='range']::-webkit-slider-runnable-track {
      color: #ffffff;
    }
     
    .HeaderMediaButtons .PlayerVolumeRange input[type='range']]::-webkit-slider-thumb {
      background: #ffffff;
      box-shadow: -30.8rem 0 0 30.4rem #ffffff;
    }
     
    .HeaderMediaButtons .PlayerVolumeRange input[type='range']:active::-webkit-slider-thumb {
      background: #ffffff;
      box-shadow: -30.8rem 0 0 30.4rem #ffffff;
    }
  }

  .HeaderMediaButtons .PlayerVolumeRange input[type='range']::-moz-range-progress {
    background-color: #ffffff;
  }

  .HeaderMediaButtons .PlayerVolumeRange input[type='range']::-moz-range-track {
    background-color: rgba(255,255,255,0.2);
  }


  .HeaderMediaButtons .PlayerVolumeRange input[type='range']::-ms-fill-lower, {
    background-color: #ffffff;
  }
   .HeaderMediaButtons .PlayerVolumeRange input[type='range']::-ms-fill-upper {
    background-color: rgba(255,255,255,0.2);
  } 


  .HeaderMediaButtons .PlayerVolumeRange input[type='range'] {
    color: white;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    .HeaderMediaButtons .PlayerVolumeRange input[type='range'] {
      background-color: rgba(255,255,255,0.2);
    }

 @media (max-width: 992px) {
    .bg--player {
        border-radius : 30px !important; 
    }

    .HeaderMediaButtons .PlayerVolumeRange input[type='range']::-webkit-slider-runnable-track {
      color: white;
    }
  }


  .PlayerContainer {
    width:100%;
  }


.marquee {
    overflow: hidden;
    position: relative;
    display: block !important;
}
    
@media  (min-width:996px),(max-width: 440px) {
  .marquee__content {
    margin-right:21rem;
    padding-left:12px;
    min-width: 21rem;
    display:flex;
    align-items: center;
    &.active {
      animation: scroller 8s linear infinite;
      }
    }

}
    
      
    @keyframes scroller {
      0% {
        transform: translateX(0%);
        opacity:1;
      }
      20% {
        transform: translateX(0%);
        opacity:1;

      }
      58% {
        transform: translateX(calc(-100%)); 
        opacity:1;
      }
      59% {
        transform: translateX(calc(-100%)); 
        opacity:0;
      }
      60% {
        transform: translateX(calc(21rem));
        opacity:0;
      }
      61% {
        transform: translateX(calc(21rem));
        opacity:1;
      }
      100% {
        transform: translateX(0%);
        opacity:1;
      }
    }

 

    .HeaderNav .HeaderCustomInfos .nav .nav-item .nav-link {
     font-size: 23px !important;
    }

    .HeaderLeftElements {
        display: flex;
        flex-direction: row-reverse;
        z-index: 1231;
        gap:12px;
        margin-right:8px;
    }

    .HeaderNav .nav .nav-item .dropdown-toggle:after{
        background: currentColor !important;
    }

    .CustomHeader.Open .HeaderLeftElements {
        flex-direction: row-reverse;
    }

    .Header.IsCompact .HeaderSources .dropdown-toggle:after  {
        background-color:#000000;
    }
   

    .titleSite1981 {
        font-size:1.8rem;  
        font-family:Futura;
        font-weight:bold;
        transition:0.3s;
        white-space: nowrap;
        overflow: hidden;
        max-width: 66.66vw; 
        text-overflow: ellipsis;
    }
    
    @media (max-width: 768px) {
     .titleSite1981 {
        max-width: 43.33vw; 
       }
    }

    .hrCustom {
        color: #e5e5e5;
        margin: 18px 30px 18px 30px;
        height: 1px;
    } 



   .mode--light .Header.HasNavExpendable .HeaderNavContainer .HeaderNav .nav {
        background : #ffffff;
   }  

    .bg--header .nav .HeaderCustomInfos .nav-item .nav-link.active:before  {
        background: none;
    }


    .Header.HasNavExpendable .HeaderContainer.Open .HeaderNavContainer {
        left:0 !important;
    }

    .HeaderContainer.CustomHeader  {
        justify-content: space-between;
    }

    .HasPlayer.Header .HeaderAside  {
             max-width: unset;
    }  

    .collapseHeader{
        width:100%
    }
        
    .nav.group1981 {
        overscroll-behavior:contain ;
        overflow-Y:auto !important;
    }
    
        @media (width: 768px) {
        .Header .HeaderNav .MenuTop {
            .isMobile {
                .collapseHeader.feature1981 {
                    max-width: 100vw;
                    overflow-x: hidden;
                    overscroll-behavior: contain;
                    }
                }           
            }
        }
    
 

  
   @media (min-width: 992px) {
    .Header .HeaderAside, .Header .HeaderNav {
        display: flex !important;
    }
    .Header:not(.IsCompact)  .nav {
        color:#ffffff; 
    }
   .bg--header:not(.scrollGroup1981) {
        background: transparent !important;
    }
   } 
    .Header:not(:has(+ .Main section .bg-container)) {
        background:  #e5e5e5 !important;
        &,.nav {
        color: #000000 !important;
        }
    }

   @media (min-width: 992px) {
    .Global {
      max-width: 100%;
      overflow: hidden;
    }
   
    .bg--header:not(.scrollGroup1981) {
        position : fixed !important;
    }
    .titleSite1981 {
        display: none;
    }


    .group1981 .nav:not(:has(.nav)),
    .Header.HasNavExpendable .HeaderNav{
        padding-top:0 !important;
    }


    .Header.HasNavExpendable .HeaderNavContainer {
        width:32rem;
        background : #ffffff;
    }

    .Header:not(.HasNavExpendable) .HeaderNav .nav .nav-item {
        padding: 0.5rem 0rem;
    }

   .Header.scrollGroup1981.HasNavExpendable .HeaderNav {
     padding-top: 0rem;    
     min-height: 100dvh;
     overflow-x: hidden;
     overflow-y: auto;
     overscroll-behavior: contain;
     background: #ffffff;
    }

    .Header.scrollGroup1981 .HeaderNav .MenuTop {
       background: #ffffff;
       color: #000000;
       
    } 
  


    
    .Header.IsCompact {
        background : #e5e5e5 !important;
    }


    .HeaderNavContainer{
        max-width:100%;
    }

    
   .Header.HasNavExpendable .HeaderNavContainer {
        margin-top:7rem;
     }

   } 

    .HasSeparator.Header .container:after{
        border-top: none !important;
    }
    
    .section:first-of-type:not(#ResearchForm) {
        padding-top : 20rem !important;
     }

    .hrCustom {
        display:block !important;
     }

    @media (max-width: 992px) {
     .section:first-of-type:not(#ResearchForm) {
        padding-top : 7rem !important;
     }

      .bg--header:not(.IsCompact):not(.MenuOpen) {
        background: transparent !important;
        color:white;
       }
        .Header {
         position: fixed !important;
      } 

      .hrCustom {
        display:block !important;
        border: revert !important;
       } 

      .Header .HeaderAside .HeaderSources {
         background: linear-gradient(to top,#ffffff, rgba(255, 255, 255, 0.2));
         .nav .nav-item .nav-link {
            color:#000000 !important;
         }
        }   
    

      .HeaderNavContainer {
           width: 100vw !important;
      }

     .HeaderNavContainer .HeaderNav .collapseHeader .feature1981 {
        padding-top: 1rem;
        flex: 1 1 auto;
        overflow-y: auto;
        overflow-x: hidden;
        max-width: 100%;
        background: #e5e5e5;

      }
      
      .HeaderNavContainer .HeaderNav .collapseHeader .feature1981 .nav.group1981 {
          max-height: 100dvh;
          min-height: 100%;
          overscroll-behavior: contain;
      }

       .Header .HeaderNav .MenuTop {
         .isMobile {
             .collapseHeader.feature1981 {
                max-width: 100vw;
                overflow-x: hidden;
                overscroll-behavior: contain;
                }
            }           
        }

        .CustomHeader {
            justify-content : space-between;
        } 

        .Header .HeaderAside .HeaderSources  .nav {
            margin-bottom: 0rem !important;
        }
     } 
        
    @media (max-width: 995.98px) {
        .Header .HeaderNavContainer {
            left:-100% !important;
        }
        
        .Header .Open .HeaderNavContainer  {
            left:0 !important;
        }  
    }
    @media (min-width:768px) and (max-width:996px) {
        .Header .collapseHeader.feature1981 {
            padding-top:0 !important;
        }
    } 
    @media (max-width:996px){
        .Global:has(.menuShifted.Open), main:has(.menuShifted.Open){
            overflow:hidden ;
            max-height:100dvh;
        }
        .Header .HeaderNavContainer {
            max-width:100%;
            .HeaderNav {
                .MenuTop {
                padding-bottom:10rem;
                    background:white;
                }
                padding-top:5.7rem;
            }
        }
    }


  .isMobile.feature1981 {
        width: unset;
        min-width: 100vw;
        max-height:100dvh;
      }
    
  .SocialGroup1981 {
      padding: 0 30px; 
      display: flex; 
      padding-bottom:3rem;
      color : #000000;

      .icon svg *:not([fill]) {
       color : #000000;
      }
    }

     .Header:has(.menuShifted) + main   {     
        overflow : hidden;
        max-width : 100%;
        } 
        
        
      .Header + main {
        transition: all 0.2s ease-in-out;
        left:0;
    }
    .Header:has(.menuShifted) + main   {
        transition-property: filter, left, background-color;

        left: 32rem;
    }  
    .Header .dropdown-toggle.nav-link.active:has(+ .dropdown-menu .dropdown-item.active) {
      color:inherit;
    }

    .Header:has(.menuShifted) + main::after ,
    .Header:has(.menuShifted) + main + footer::after   {
        content:"";   
        position:absolute;
        top:0;
        left:0;
        z-index:1;
        width:100% ;
        height:100% ;
        background-color: rgba(0, 0, 0, 0.5);
        filter: brightness(0.5);  
    }  


    .Header.HasNavExpendable .HeaderNavContainer .HeaderNav .nav {
      box-shadow : none !important;
    }

    .Header1981Infos {
       font-family:Futura;
       padding: 0 30px; 
       
       .dropdown-menu {
         background:  #ffffff !important; 
    
            .dropdown-item {
                background : #ffffff;
            }
        }

        .btn--primary {
            background: #d2302d !important;
            border-color: #d2302d !important;

        }
     } 
    
    .HeaderNav .Header1981Infos .nav .nav-item .nav-link {
       font-size: 23px !important;
     } 
       
     
    .Header.HasNavExpendable .HeaderNav .nav .nav-item .nav-link:before
    {
      content:unset;
      display:none ;
    }
    .nav .nav-item .dropdown-toggle:after {
      background-color:currentColor !important;
    }
    .Header.HasNavExpendable .HeaderNav .nav .nav-item {
    
      padding:8px 0px 0px 0px;
      .nav-link {
        padding:0;
      }   
      
      &:last-of-type {
        padding-bottom:12px;
      }
      &.dropdown .dropdown-menu {
        margin:0; 
        border:none;

        .dropdown-item {
          padding: 0;
          padding-bottom: 6px;
          &:not(.active):not(:hover) {
            color:grey !important;
          }
          &.active {
            color:#fdc91a !important;
          }
        }
      }

    }
      
    .Footer1981Infos {
       font-family:Futura;
       padding:0 30px;
       .nav .nav-link {
          font-size: 17px !important;
          text-transform:unset !important;
      }
    }
            
    .FooterCredits1981 {
       padding:0 30px;
        color:grey !important;
       text-align: left;
       font-family:'Gotham Narrow Ultra';
     }

    .SocialGroup1981{ 
      .nav-item a{
        border:0;
        padding:0;
        &:not(:hover) {
          .icon svg, .icon svg *{
            color:grey !important;
            } 
        }
      }
    }