/* FONTS */

@font-face {
  font-family: 'BoldOblique';
  src: url("/wp-content/themes/rise/assets/fonts/Owners-BoldItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Bold';
  src: url("/wp-content/themes/rise/assets/fonts/Owners-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Medium';
  src: url("/wp-content/themes/rise/assets/fonts/Owners-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* Police légère (300) */
@font-face {
  font-family: 'Work Sans';
  src: url('/wp-content/themes/rise/assets/fonts/WorkSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Police normale (400) */
@font-face {
  font-family: 'Work Sans';
  src: url('/wp-content/themes/rise/assets/fonts/WorkSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Police grasse (700) */
@font-face {
  font-family: 'Work Sans';
  src: url('/wp-content/themes/rise/assets/fonts/WorkSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Police extra-grasse (800) */
@font-face {
  font-family: 'Work Sans';
  src: url('/wp-content/themes/rise/assets/fonts/WorkSans-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/*END FONTS */
  
  * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility; }
  
  *:after,
  *:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility; }
  
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
    position: relative; }
  
  body {
    font-family: 'Bold', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #2b2b2b;
    padding:0;
    margin:0;
    margin-top:20px;
    margin-bottom:40px;
    background-color:rgb(245, 245, 245);
  }
  a {
  text-decoration:none;
  }
  
  #content-radioplayer {
  max-width:900px;
  position:relative;
  margin-right: auto;
  margin-left: auto;
  }

  /* ADS */

.advert-hpw {
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
}

.advert-pbottom {
  padding-bottom:20px;
}

.advert-ptop {
  padding-top:20px;
}

@media (min-width:700px) {
  .advert-mobileo {
    display:none;
  }
}
  
  
  /*==============================
  
  *   HEADER INFO
  
  ==============================*/ 
  #front_header_wrapper {
  background-color:#000054;
  padding:20px 0 0 20px; 
  height:400px;
  border-radius:20px;
  color:white;
    webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
  }
  
  .broadcast_playback {
    opacity:0.5;
  }
  
    #front_header_wrapper .topbar,
    #header_wrapper .topbar {
      display: flex;
      flex-flow: row wrap;
      align-items: flex-start;
      position: relative;
      z-index: 100;
      position: inherit; }
    #front_header_wrapper #logo a,
    #header_wrapper #logo a {
      display: block;
      background: url(/wp-content/themes/rise/assets/img/static/LOGO_HEADER.svg) no-repeat;
      background-size: contain;
      min-width: 190px;
      height:39px;
      margin:15px 0 25px 0;}
    #front_header_wrapper nav .menu,
    #header_wrapper nav .menu {
      display: block;
      position: absolute;
      top: 20px;
      right: 0px;
      z-index: 9999;
      -webkit-user-select: none;
      user-select: none; }
      #front_header_wrapper nav .menu input,
      #header_wrapper nav .menu input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        left: -5px;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
        -webkit-touch-callout: none; }
        #front_header_wrapper nav .menu input:checked ~ span,
        #header_wrapper nav .menu input:checked ~ span {
          opacity: 1;
          transform: rotate(45deg) translate(-2px, -1px);
          background: #fff; }
          #front_header_wrapper nav .menu input:checked ~ span:nth-last-child(3),
          #header_wrapper nav .menu input:checked ~ span:nth-last-child(3) {
            opacity: 0;
            transform: rotate(0deg) scale(0.2, 0.2); }
          #front_header_wrapper nav .menu input:checked ~ span:nth-last-child(2),
          #header_wrapper nav .menu input:checked ~ span:nth-last-child(2) {
            opacity: 1;
            transform: rotate(-45deg) translate(0, -1px); }
        #front_header_wrapper nav .menu input:checked ~ ul,
        #header_wrapper nav .menu input:checked ~ ul {
          transform: scale(1, 1);
          opacity: 1; }
      #front_header_wrapper nav .menu span,
      #header_wrapper nav .menu span {
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: #0055FF;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease; }
        #front_header_wrapper nav .menu span:first-child,
        #header_wrapper nav .menu span:first-child {
          transform-origin: 0% 0%; }
        #front_header_wrapper nav .menu span:nth-last-child(2),
        #header_wrapper nav .menu span:nth-last-child(2) {
          transform-origin: 0% 100%; }
      #front_header_wrapper nav .menu .menu-content,
      #header_wrapper nav .menu .menu-content {
        box-sizing: content-box;
        position: absolute;
        width: 100vw;
        margin: -62px 0 0 0;
        padding: 50px;
        padding-top: 100px;
        right: -100px;
        height: 100vh;
        background: #0055FF;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0055FF', endColorstr='#FF0078',GradientType=1 );
        list-style-type: none;
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate(100%, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1); }
        #front_header_wrapper nav .menu .menu-content ul,
        #header_wrapper nav .menu .menu-content ul {
          list-style: none; }
        #front_header_wrapper nav .menu .menu-content .plusbutton,
        #header_wrapper nav .menu .menu-content .plusbutton {
          display: none; }
        #front_header_wrapper nav .menu .menu-content a,
        #header_wrapper nav .menu .menu-content a {
          color: #fff;
          text-transform: uppercase;
          font-family: 'BoldOblique', sans-serif;
          font-size: 2em;
          margin-left: 30px; }
        #front_header_wrapper nav .menu .menu-content li,
        #header_wrapper nav .menu .menu-content li {
          margin-bottom: 5px; }
    @media (min-width:900px) {
      #front_header_wrapper nav,
      #header_wrapper nav {
        margin-top: 15px; }
        #front_header_wrapper nav .menu,
        #header_wrapper nav .menu {
          display: block;
          position: inherit;
          right: 30px; }
          #front_header_wrapper nav .menu input,
          #header_wrapper nav .menu input {
            display: none; }
          #front_header_wrapper nav .menu span,
          #header_wrapper nav .menu span {
            display: none; }
          #front_header_wrapper nav .menu .menu-content,
          #header_wrapper nav .menu .menu-content {
            position: inherit;
            width: auto;
            margin: 0;
            padding: 0;
            padding-top: 0;
            height: auto;
            background: none;
            transform-origin: 0% 0%;
            transform: none;
            transition: none; }
            #front_header_wrapper nav .menu .menu-content .plusbutton,
            #header_wrapper nav .menu .menu-content .plusbutton {
              position: relative;
              z-index: 101;
              cursor: pointer;
              display: inherit;
              width: 22px;
              height: 22px;
              border-radius: 20px;
              background: url(/wp-content/themes/rise/assets/img/plus.svg) no-repeat center center;
              background-color: #0055FF;
              background-size: 10px;
              transition: .1s all ease-out; }
              #front_header_wrapper nav .menu .menu-content .plusbutton:hover,
              #header_wrapper nav .menu .menu-content .plusbutton:hover {
                background-color: #FF0078; }
            #front_header_wrapper nav .menu .menu-content .plusbutton.clickevent2,
            #header_wrapper nav .menu .menu-content .plusbutton.clickevent2 {
              background-color: #FF0078; }
            #front_header_wrapper nav .menu .menu-content a,
            #header_wrapper nav .menu .menu-content a {
              color: #0055FF;
              font-size: 1.45em;
              margin-left: 0;
              transition: .1s all ease-out; }
              #front_header_wrapper nav .menu .menu-content a:hover,
              #header_wrapper nav .menu .menu-content a:hover {
                color: #FF0078; }
            #front_header_wrapper nav .menu .menu-content li,
            #header_wrapper nav .menu .menu-content li {
              margin-bottom: 0; }
            #front_header_wrapper nav .menu .menu-content > li,
            #header_wrapper nav .menu .menu-content > li {
              display: inline-block;
              margin-left: 8px; }
              #front_header_wrapper nav .menu .menu-content > li:last-child,
              #header_wrapper nav .menu .menu-content > li:last-child {
                position: relative;
                text-align: center; }
            #front_header_wrapper nav .menu .menu-content #secondary-menu-container,
            #header_wrapper nav .menu .menu-content #secondary-menu-container {
              position: absolute;
              top: 0;
              left: 50%;
              margin-left:-90px;
              list-style: none;
              margin-top: 35px;
              z-index: 100;
              width: 180px; }
              #front_header_wrapper nav .menu .menu-content #secondary-menu-container #secondary-menu,
              #header_wrapper nav .menu .menu-content #secondary-menu-container #secondary-menu {
                display:none;
                position: relative;
                box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
                border-radius: 10px;
                background-color: #fff;
                padding: 10px 0px 10px 0px;}
                #front_header_wrapper nav .menu .menu-content #secondary-menu-container #secondary-menu li a,
                #header_wrapper nav .menu .menu-content #secondary-menu-container #secondary-menu li a {
                  font-family: 'Medium', sans-serif;
                  font-size: 1.2em; }
              #front_header_wrapper nav .menu .menu-content #secondary-menu-container #secondary-menu.clickevent1,
              #header_wrapper nav .menu .menu-content #secondary-menu-container #secondary-menu.clickevent1 {
                display:block;}
            #front_header_wrapper nav .menu .menu-content #secondary-menu-container.clickevent3,
            #header_wrapper nav .menu .menu-content #secondary-menu-container.clickevent3 {
              z-index: 100; } }
    #front_header_wrapper .current-show,
    #header_wrapper .current-show {
      font-family:'Medium', sans-serif;
      position: relative;
      margin: 0 auto;
      height: auto;
      padding-bottom: 30px;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none; }
    #front_header_wrapper .current-show .rightnow,
    #header_wrapper .current-show .rightnow {
      font-size: 1em;
      margin-top: 20px; }
      #front_header_wrapper .current-show .rightnow .show-time,
      #header_wrapper .current-show .rightnow .show-time {
        font-family:'BoldOblique', sans-serif;
        font-size: 1.1em;
        line-height: 0.8em; }
      #front_header_wrapper .current-show .show-name,
      #header_wrapper .current-show .show-name {
        margin: 15px 0 0px 0; }
        #front_header_wrapper .current-show .show-name img,
        #header_wrapper .current-show .show-name img {
          width: 100%;
          height: auto;
          max-width: 410px; }
      #front_header_wrapper .current-show .show-lowerbar,
      #header_wrapper .current-show .show-lowerbar {
        max-width: 410px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: baseline; }
        #front_header_wrapper .current-show .show-lowerbar .show-host,
        #header_wrapper .current-show .show-lowerbar .show-host {
          font-size: 1.1em;
          letter-spacing: 3px;
          text-transform: uppercase;
          margin:0 0 15px 0;}
      #front_header_wrapper .current-show .show-host-picture,
      #header_wrapper .current-show .show-host-picture {
        visibility: hidden; }
    #front_header_wrapper .front_playbar,
    #header_wrapper .front_playbar {
      margin-right: 0px;
      height: 30px;
      display: flex;
      flex-flow: row wrap;
      align-items: flex-end;
      /*justify-self: flex-end*/
      margin-left: auto; }
      #front_header_wrapper .front_playbar a,
      #header_wrapper .front_playbar a {
        display: block;
        cursor: pointer;
        outline: none;
        border: none;
        border-radius: 5px;
        position: relative;
        height: 42px;
        width: 42px; }
        #front_header_wrapper .front_playbar a i,
        #header_wrapper .front_playbar a i {
          background-size: auto;
          width: 30px;
          height: 20px;
          display: block;
          position: absolute;
          left: 6px;
          top: 11px; }
        #front_header_wrapper .front_playbar a span,
        #header_wrapper .front_playbar a span {
          display: none;
          color: #fff; }
    #front_header_wrapper .front_playbar #btn_listen,
        #header_wrapper .front_playbar #btn_listen {
          margin-left: 10px;
          background: #00FF9A;
          background: -moz-linear-gradient(45deg, #00FF9A 0%, rgb(0, 190, 114) 100%);
          background: -webkit-linear-gradient(45deg, #00FF9A 0%, rgb(0, 190, 114) 100%);
          background: linear-gradient(45deg, #00FF9A 0%, rgb(0, 190, 114) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FF9A', endColorstr='rgb(0, 190, 114)', GradientType=1); }
          #front_header_wrapper .front_playbar #btn_listen i,
          #header_wrapper .front_playbar #btn_listen i {
            background: url(/wp-content/themes/rise/assets/img/icon_play.svg) no-repeat center center; }
        #front_header_wrapper .front_playbar #btn_regarder,
        #header_wrapper .front_playbar #btn_regarder {
          background: #FF4C47;
          background: -moz-linear-gradient(45deg, #FF4C47 0%, rgb(197, 63, 59) 100%);
          background: -webkit-linear-gradient(45deg, #FF4C47 0%, rgb(197, 63, 59) 100%);
          background: linear-gradient(45deg, #FF4C47 0%, rgb(197, 63, 59) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4C47', endColorstr='rgb(197, 63, 59)', GradientType=1); }
          #front_header_wrapper .front_playbar #btn_regarder i,
          #header_wrapper .front_playbar #btn_regarder i {
            background: url(/wp-content/themes/rise/assets/img/icon_cam.svg) no-repeat center center; }
    @media (min-width:0px) {
          #front_header_wrapper .front_playbar .div_btn_listen,
    #header_wrapper .front_playbar .div_btn_listen {
      width: 150px; }
      #front_header_wrapper .front_playbar.div_btn_listen a,
      #header_wrapper .front_playbar .div_btn_listen a {
        width: 130px; }
        #front_header_wrapper .front_playbar .div_btn_listen a:hover,
        #header_wrapper .front_playbar .div_btn_listen a:hover {
          width: calc( 130px + 10px); }
    #front_header_wrapper .front_playbar a,
    #header_wrapper .front_playbar a {
      font-size: .85em;
      color: #fff;
      letter-spacing: 3px;
      padding: 8px 13px 8px 35px;
      position: relative;
      width: auto;
      height: auto; }
      #front_header_wrapper .front_playbar a span,
      #header_wrapper .front_playbar a span {
        display: inline; }
      #front_header_wrapper .front_playbar a i,
      #header_wrapper .front_playbar a i {
        left: 6px;
        top: 7px; }
    #front_header_wrapper .front_playbar #btn_listen,
    #header_wrapper .front_playbar #btn_listen {
      font-family:'Bold', sans-serif;
      margin-left: 0px;
      transition: .2s ease all; }
      #front_header_wrapper .front_playbar #btn_listen:hover,
      #header_wrapper .front_playbar #btn_listen:hover {
        padding-left: 45px;
        background-position: 38px; }
    #front_header_wrapper .front_playbar #btn_regarder,
    #header_wrapper .front_playbar #btn_regarder {
      font-family:'Bold', sans-serif;
      transition: .2s ease all; }
      #front_header_wrapper .front_playbar #btn_regarder:hover,
      #header_wrapper .front_playbar #btn_regarder:hover {
        padding-left: 45px;
        background-position: 38px; }
      #front_header_wrapper .front_playbar #btn_regarder i,
      #header_wrapper .front_playbar #btn_regarder i {
        background: url(/wp-content/themes/rise/assets/img/icon_cam.svg) no-repeat center center; }
}
    @media (min-width:700px) {
    #front_header_wrapper .current-show,
    #header_wrapper .current-show {
      padding-bottom: 0px;
      height: 300px; }
      #front_header_wrapper .current-show .info,
      #header_wrapper .current-show .info {
        display: flex;
        flex-flow: row nowrap; }
      #front_header_wrapper .current-show .rightnow,
      #header_wrapper .current-show .rightnow {
        font-size: 1.4em;
        margin-top: 10px; }
        #front_header_wrapper .current-show .rightnow .show-time,
        #header_wrapper .current-show .rightnow .show-time {
          font-size: 1em; }
      #front_header_wrapper .current-show .show-name,
      #header_wrapper .current-show .show-name {
        margin: 15px 0 0px 0; }
        #front_header_wrapper .current-show .show-name img,
        #header_wrapper .current-show .show-name img {
          width: 410px;
          height: 106px;
          pointer-events: none; }
      #front_header_wrapper .current-show .show-lowerbar .show-host,
      #header_wrapper .current-show .show-lowerbar .show-host {
        font-size: 1.4em; }
      #front_header_wrapper .current-show .show-host-picture,
      #header_wrapper .current-show .show-host-picture {
        visibility: visible;
        position: absolute;
        z-index: 6;
        top: -10px;
        left: 35%;
        width: 380px;
        height: 310px;
        display: block; }
      #front_header_wrapper .current-show .front_playbar .div_btn_listen,
      #header_wrapper .current-show .front_playbar .div_btn_listen {
        width: 190px; }
        #front_header_wrapper .current-show .front_playbar .div_btn_listen a,
        #header_wrapper .current-show .front_playbar .div_btn_listen a {
          width: 159px; }
          #front_header_wrapper .current-show .front_playbar .div_btn_listen a:hover,
          #header_wrapper .current-show .front_playbar .div_btn_listen a:hover {
            width: calc( 159px + 10px); }
      #front_header_wrapper .current-show .front_playbar a,
      #header_wrapper .current-show .front_playbar a {
        font-size: 1.2em; }
        #front_header_wrapper .current-show .front_playbar a i,
        #header_wrapper .current-show .front_playbar a i {
          top: 11px; } }
    @media (min-width:900px) {
      #front_header_wrapper .current-show,
      #header_wrapper .current-show {
        z-index: 10;
        /*! position: inherit; */ }
        #front_header_wrapper .current-show .show-host-picture,
        #header_wrapper .current-show .show-host-picture {
          visibility: visible;
          /*! position: relative; */
          z-index: 6;
          bottom:30px;
          right:30px;
          width: 380px;
          height: 310px;
          margin-left: 30px;
          display: block;
          opacity: 1; }
      #front_header_wrapper .broadcast_playback .playback_source,
      #header_wrapper .broadcast_playback .playback_source {
        display: inherit;
        z-index: 3;
        width: 520px;
        height: 400px;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: 20px; }
        #front_header_wrapper .broadcast_playback .playback_source video,
        #header_wrapper .broadcast_playback .playback_source video {
          width: 520px;
          height: 400px;
          object-fit: cover;
          font-family: 'object-fit: cover;';
          -webkit-transform-style: preserve-3d; }
      #front_header_wrapper .broadcast_playback .playback_mask,
      #header_wrapper .broadcast_playback .playback_mask {
        z-index: 4;
        width: 520px;
        height: 400px;
        position: absolute;
        top: 0;
        right: 20px;
        background-image: url(/wp-content/themes/rise/assets/img/tubemain2.svg);
        background-size: cover; } }
    @media (min-width:900px) {
      #front_header_wrapper .playback_funvisionplay,
      #header_wrapper .playback_funvisionplay {
        width: 525px;
        height: 400px;
        z-index: 99;
        position: absolute;
        top: 0;
        right: 0; }
        #front_header_wrapper .playback_funvisionplay a,
        #header_wrapper .playback_funvisionplay a {
          display: block;
          background: url(/wp-content/themes/rise/assets/img/fvplay.svg) no-repeat;
          width: 90px;
          height: 74px;
          position: absolute;
          left: 180px;
          top: 180px;
          transform: scale(1);
          transition: .1s all ease-in; }
          #front_header_wrapper .playback_funvisionplay a:hover,
          #header_wrapper .playback_funvisionplay a:hover {
            transform: scale(1.1); } }
  
  
  .module {
    overflow:hidden;
    background-color:white;
    padding:20px;
    border-radius:20px;
    margin-top:30px;
    webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
  }

  .module .loadmore, .moduleside .loadmore {
    text-align: center;
  }

  .module .loadmore a, .moduleside .loadmore a {
    font-family:'Medium', sans-serif;
    width:100%;
    display:block;
    text-transform: uppercase;
    color: #000054;
    border: solid 1px #000054;
    border-radius: 5px;
    padding: 5px 15px 3px 15px;
    background: #fff;
    transition: all .2s ease-out;}

  .module .loadmore a:hover, .moduleside .loadmore a:hover {
    color: #fff;
    border: solid 1px #ff4c47;
    background: #ff4c47; }

  .module-webradios header .webradios-illustration {
            width: calc(100% + 40px);
          height: 60px;
          margin: -20px -20px 0px -20px;
          background-color:white;
          background-image: url(/wp-content/themes/rise/assets/img/static/BANNER_MODULE_WEBRADIOS.png);
          background-repeat: no-repeat;
          background-size: auto 100%;
          background-position: center;
  }

  .module-replay header .replay-illustration {
            width: calc(100% + 40px);
          height: 60px;
          margin: -20px -20px 0px -20px;
          background-color:white;
          background-image: url(/wp-content/themes/rise/assets/img/static/BANNER_MODULE_PODCASTS.png);
          background-repeat: no-repeat;
          background-size: auto 100%;
          background-position: center;
  }

  .module-list header .list-illustration {
            width: calc(100% + 40px);
          height: 60px;
          margin: -20px -20px 0px -20px;
          background-color:white;
          background-image: url(/wp-content/themes/rise/assets/img/static/BANNER_MODULE_TITRESDIFFUSES.png);
          background-repeat: no-repeat;
          background-size: auto 100%;
          background-position: center;
  }

  .modcontent {
    display: flex;
    flex-wrap:wrap;
    gap:15px 0;
    justify-content:space-between;
    padding-top:15px;
  }
  
  /*
  Webradios
  */
  
  @media(min-width:550px) {
    .modcontent .webr-container {
        width:49%;
    }
  }

  @media(max-width:549px) {
    .modcontent .webr-container {
        width:100%;
    }
  }
  
  .modcontent .webr-container {
      position:relative;
      background-color:#000054;
      border-radius:20px;
      text-decoration:none;
  }

  .modcontent .webr-container.eventnone {
    pointer-events:none;
  }
  
  .webr-logo {
      height:100px;
      width:100px;
      margin:0 15px;
  }
  
  .webr-desc {
      font-family:'Medium', sans-serif;
      font-size:1.2em;
      line-height:20px;
      padding:0 20px 0 20px;
      color:white;
      overflow: hidden;
    text-overflow: ellipsis;
    height:40px;
  }
  
  .webr-ecouter {
      position:absolute;
      right:15px;
      top:15px;
      height:75px;
      width:75px;
      border-radius:150px;
      background-repeat:no-repeat;
      background-size:auto 100%;
      background-position:center;
      background-color:rgba(250,250,250,0.4);
  }
  
 .webr-ecouter img {
      height:20px;
      width:20px;
      fill:white;
  }
  
  .webr-ecouter .webr-play {
      margin:28.5px;    
  }
  
  .webr-ecouter .webr-stop {
      margin:27.5px 27px;    
  }
  
  #pwebr-clink {
      display:none;
      margin-top:15px;
  }
  
  .webr-container.playing .webr-play {
      display:none;
  }
  
  .webr-container.stopped .webr-stop {
      display:none;
  }
  
  .webr-rds {
      background-color:white;
      padding:12px 15px 12px 15px;
      border-radius:20px;
      margin:10px;
    font-size:15px;
    line-height:20px;
    min-height:60px;
  }
  
  .webr-title {
    font-family:'BoldOblique', sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
     text-overflow: ellipsis;
    text-transform:uppercase;
    color:#000054;
  }
  
  
  .webr-artist {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#2b2b2b;
    font-family:'Bold', sans-serif;
  }
  
  .webr-cover {
      float:left;
      height:40px;
      width:40px;
      margin-right:8px;
      /*border-radius:3px;*/
  }

.webradio-app {
  border-top:1px solid #f5f5f5;
  margin-top:12px;
  padding-top:12px;
}

.webradio-app h3 {
  text-align:center;
  font-size:16px;
}

.webradio-app-link {
  margin-top:5px;
  display:flex;
  justify-content:center;
  align-items:center;
  height:50px;
  gap:15px;
}
  
  @keyframes quiet {
    25%{
      transform: scaleY(.6);
    }
    50%{
      transform: scaleY(.4);
    }
    75%{
      transform: scaleY(.8);
    }
  }
  
  @keyframes normal {
    25%{
      transform: scaleY(1);
    }
    50%{
      transform: scaleY(.4);
    }
    75%{
      transform: scaleY(.6);
    }
  }
  @keyframes loud {
    25%{
      transform: scaleY(1);
    }
    50%{
      transform: scaleY(.4);
    }
    75%{
      transform: scaleY(1.2);
    }
  }
  
  .boxContainer{
    display: flex;
    justify-content: space-between;
    margin:13px 17px;
    height:50px;
    --boxSize: 5px;
    --gutter: 3px;
    width: calc((var(--boxSize) + var(--gutter)) * 5);
  }
  
  .box{
    transform: scaleY(.4);
    height: 100%;
    width: var(--boxSize);
    background:white;
    animation-duration: .8s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    border-radius: 5px;
  }
  
  .box1{
    animation-name: quiet;
  }
  
  .box2{
    animation-name: normal;
  }
  
  .box3{
    animation-name: quiet;
  }
  
  .box4{
    animation-name: loud;
  }
  
  .box5{
    animation-name: quiet;
  }
  
  /*
  CTKOI
  */
  
  .module-list .list-container ul {
    display: flex;
    list-style: none;
    flex-wrap:wrap;
    justify-content:space-between;
    margin:30px 0;
    padding:0;
  }
  
  @media(min-width:700px) {
    .module-list li {
      flex-basis:20%;
      max-width:180px;
    } 
  }
  
  .module-list li {
    width:50%;
    text-align:center;
  
  }
  
  .module-list p {margin:5px 0;}
  
   .module-list .list-item img {
          width:100px;
          height:100px;
          border-radius: 5px;
  }
  
   .module-list .list-item .list-hour {
          font-family:'Medium', sans-serif;
          letter-spacing: 1px;
          font-size: 0.8em;}
  .module-list .list-item .list-artist {
          font-family:'BoldOblique', sans-serif;
          min-width: 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: clip;
          font-size: 1em;
          text-transform: uppercase;
          color: #000054;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .module-list .list-item .list-title {
          font-family: 'Bold', sans-serif;
          font-size: 1em;
          width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
  
  /*
  Footer lien
  */
  
  .module footer {
    text-align:center;
  }
  
  .module footer a {
    text-decoration:none;
    border:2px solid #0060df;
    border-radius:20px;
    padding:10px 15px 9px 15px;
    line-height:30px;
    color:#0060df;
  }
  
  /*
  Podcasts
  */
  
  .module-replay .replay-feed-grid {
     display: flex;
    flex-wrap:wrap;
    justify-content:space-between; 
    margin-top:20px;
  }
  
  @media(min-width:600px) {
    .module-replay .replay-feed-grid .replay-feed-item {
      flex-basis:32%;
    } 
  }
  
    .module-replay .replay-feed-grid .replay-feed-item {
      width:100%;
      margin-bottom:20px;
    } 
  
  .module-replay .replay-feed-grid .replay-feed-item {
    text-align:center;
  }
  
  .module-replay .replay-feed-grid .replay-feed-item a {
          cursor: pointer; }
  .module-replay .replay-feed-grid .replay-feed-item a.play-image {
        display: block;
        background-size:100% auto;
        background-position:center center;
        position: relative;
        padding-bottom: 56.25%;}
  .module-replay .replay-feed-grid .replay-feed-item a.play-image img {
            border-radius: 8px;
            display: block;
            width: 100%; }
  .module-replay .replay-feed-grid .replay-feed-item h3.play-program {
          margin:0;      
          margin-top: 15px;
          font-size: 13px;
          letter-spacing: 1px;
          text-transform: uppercase;
          color:#000054; }
  .module-replay .replay-feed-grid .replay-feed-item h4.play-date {
          margin:0;  
          color: #888;
          font-size: 12px;
          font-family: 'Medium', sans-serif; }
  .module-replay .replay-feed-grid .replay-feed-item h2.play-title {
          margin:0;  
          color: #2b2b2b;
          cursor: pointer;
          display: block;
          font-size: 20px;
          font-family:'Bold', sans-serif;
          padding: 10px 0px 10px 0; }