@import url("fonts/fonts.cdcd6c2143ba.css");
 @import url("discu.7cb25eb4ead1.css");
 @import url("scrollbar.1a2e732db35a.css");
 @import url("topbar.aaca435a1d56.css");
 @import url("bottombar.ad67db403da1.css");
 @import url("modal.a4ebb3cf8427.css");
 @import url("apropos.19910355058d.css");
 @import url("contribuer.0b6d13bcc089.css");


 body {
     font-family: 'SuisseIntlMono';
     /* font-family: 'PrestigeElite'; */
     font-weight: normal;
     font-size: 14px;
     -webkit-text-stroke: 0px;
     /* height: 100%; */
     overflow: hidden;
     /* width: 100%; */
     margin: 0;
     color: #4f65f7;
     /* scrollbar-color: #e137f4 #4f65f7; */
     /* scrollbar-color: #4f65f7 transparent; */
     /* scrollbar-width: 5px; */
     height: 100vh;
     width: 100vw;
 }

 .mobile {
     display: none;
 }

 body.night {
     background: black !important;
 }

 body.night .befa2ba5-78ab-469b-9703-450180aa3943,
 body.night #b6e545ca-6e0f-4682-84cc-6e0790ea2684 {
     fill: black !important;
 }

 body.night #nav {
     background: black !important;
 }

 #main {
     display: flex;
     height: 100%;
     width: 100%;
     flex-direction: column;
     overflow: hidden;
 }

 body.mixcloud-open #main {
     height: calc(100% - 60px);
 }

 [title="content"] {
     flex: 1;
     overflow-y: auto;
     border: none;
     height: 100%;
     width: 100%;
     position: relative;
 }


 [title="episode"] {
     position: absolute;
     top: 0;
     left: 50%;
     height: 100%;
     transform: translateX(-50%);
     border: 0;
     width: 550px;
     max-width: 100%;
     visibility: hidden;
     z-index: -2;
 }

 [title="episode"].actif {
     visibility: visible;
     z-index: 200;
 }


 iframe[title="episode"] {
     border-left: 2.5px solid;
     border-right: 2.5px solid;
 }

 .content {
     flex: 1;
     /* overflow-y: auto; */
     overflow-y: hidden;
     border: none;
     height: 100%;
     margin: 15px 35px;
 }

 .pagecontent-container {
     max-width: 850px;
     /* font-size: clamp(1.15vw, 16px, 4rem); */
     /* -webkit-text-stroke: 0.5px; */
 }

 .smallText {
     font-size: 14px;
 }

 /* Trying a border without SVG because it doesn't scale well when zooming */
.border2 {
    position: fixed;
     height: 100vh;
     display: flex;
     justify-content: space-between;
     /* padding: 0px 20px; */
     z-index: 5;
     background-image: -webkit-linear-gradient(top, #e649ff, #4f65f7);
     background-image: -moz-linear-gradient(top, #e649ff, #4f65f7);
     background-image: -ms-linear-gradient(top, #e649ff, #4f65f7);
     background-image: -o-linear-gradient(top, #e649ff, #4f65f7);
     background-image: linear-gradient(to bottom, #e649ff, #4f65f7);
     width: 2px;
     height: 100vh;
}

.border2.left {
    left: 20px;
}

.border2.right
{
    right: 20px;
}

 .border {
     position: fixed;
     height: 100vh;
     display: flex;
     justify-content: space-between;
     padding: 0px 20px;
     z-index: 5;
 }

 .border svg {
     stroke-width: 3px;
     z-index: 3;
     fill: none;
     stroke: url(#my-cool-gradient) #447799;
     stroke-linejoin: round;
     height: 100%;
 }

 .border_inner {
     height: 100%;
     display: flex;
     justify-content: space-between;
     /* padding: 0px 20px; */
     z-index: 0;
     background-image: -webkit-linear-gradient(top, #e649ff, #4f65f7);
     background-image: -moz-linear-gradient(top, #e649ff, #4f65f7);
     background-image: -ms-linear-gradient(top, #e649ff, #4f65f7);
     background-image: -o-linear-gradient(top, #e649ff, #4f65f7);
     background-image: linear-gradient(to bottom, #e649ff, #4f65f7);
     width: 2px;
}

.bordervertical {
    background-image: -webkit-linear-gradient(top, #e649ff, #4f65f7);
    background-image: -moz-linear-gradient(top, #e649ff, #4f65f7);
    background-image: -ms-linear-gradient(top, #e649ff, #4f65f7);
    background-image: -o-linear-gradient(top, #e649ff, #4f65f7);
    background-image: linear-gradient(to bottom, #e649ff, #4f65f7);
    height: 100%;
    width: 2px;
}

 .borderhorizontal {
     background-image: -webkit-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -moz-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -ms-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -o-linear-gradient(left, #e649ff, #4f65f7);
     background-image: linear-gradient(to right, #e649ff, #4f65f7);
     width: 100vw;
     height: 2px;
     z-index: 9;
 }

 .borderhorizontal.top {
     z-index: 0;
 }

 .borderhorizontal.inner {
  margin-left: -30px;
  margin-right: -60px;
  z-index: 0;
  width: 200%;
 }


 #nav_inner a:not(.actif),
 #nav_inner button:not(.actif, :hover),
 #titrelecture>:first-child,
 h2,
 .title,
 .titleBlock,
 .chatInfo .shoutbox-username,
 .more_from_playlist>a,
 .isNotDirect,
 body:not(.menu) #mobilemenu span {
     color: #e649ff;
     background-image: -webkit-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -moz-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -ms-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -o-linear-gradient(left, #e649ff, #4f65f7);
     background-image: linear-gradient(to right, #e649ff, #4f65f7);
     color: transparent;
     -webkit-background-clip: text;
     background-clip: text;
     /* -webkit-text-fill-color: transparent; */
     -webkit-text-stroke: 1px;
 }

 .rose,
 h3 {
     color: #e137f4;
 }

a.actif {
     color: white !important;
     background-image: -webkit-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -moz-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -ms-linear-gradient(left, #e649ff, #4f65f7);
     background-image: -o-linear-gradient(left, #e649ff, #4f65f7);
     background-image: linear-gradient(to right, #e649ff, #4f65f7);
     /* color: transparent; */
     -webkit-background-clip: text;
     background-clip: text;
     /* -webkit-text-fill-color: unset; */
     -webkit-text-stroke: 1px;
 }

 .smallText a {
     text-decoration: underline !important;
 }

.time {
    font-size: 14px;
    margin-bottom: 20px;
    -webkit-text-stroke: 0px;
}

 #nav_inner a,
 #nav_inner button,
 .isNotDirect,
 .isDirect,
 #titrelecture>:first-child {
     text-decoration: none;
     font-family: 'PrestigeElite';
     font-size: 18px;
     position: relative;
     -webkit-text-stroke: 1.0px ;
     border: none;
 }

 button.actif svg,
 a.actif svg {
     display: block !important;
     z-index: -1;
 }


 body a:hover svg path.transparent-fill {
    fill: transparent !important;
}

 .socials a:hover svg path:not(.colored),
 button:hover svg path:not(.colored),
 a:hover svg path:not(.colored) {
     fill: white !important;
 }

 body.night .socials a:hover svg path:not(.colored),
 body.night  button:hover svg path:not(.colored),
 body.night  a:hover svg path:not(.colored) {
     fill: black !important;
 }

 button.actif svg path,
 #nav_inner button:hover svg path,
 a.actif svg path,
 #nav_inner a.actif svg path,
 #nav_inner a:hover svg path,
 .socials a:hover svg path.colored,
 a:hover svg path.colored {
     fill: url(#my-cool-gradient) #447799;
 }




 body.night .socials a:hover svg path:not(.colored),
 body.night button:hover svg path:not(.colored),
 body.night a:hover svg path:not(.colored)
 {
     fill: black;
 }

 #nav_inner .socials a.mail svg path {
    stroke-width: 1.5px !important;
 }




 h2 {
     font-family: 'PrestigeElite';
     margin: 0;
     padding: 0;
     font-size: 18px;
     /* font-size: clamp(1.15vw, 16px, 4rem); */
     -webkit-text-stroke: 1.0px;
     font-weight: normal;
 }

 h3 {
     padding: 0;
     margin: 0;
     /* font-size: 1em; */
     font-size: 16px;
     font-family: 'PrestigeElite' !important;
     -webkit-text-stroke: 1.0px;
     font-weight: normal;
 }

 .suisseType {
     font-family: 'SuisseIntlMono';
     -webkit-text-stroke: 0px;
 }

 .pagecontent a {
     /* font-family: 'PrestigeElite'; */
     /* -webkit-text-stroke: 0.5px; */
     text-decoration: none;
     color: inherit;
 }

div.morelink {
    grid-column: 1/-1;
    font-family: 'PrestigeElite';
    -webkit-text-stroke: 0.6px;
}

 .pagecontent .cont {
     max-width: 850px;
 }

 .befa2ba5-78ab-469b-9703-450180aa3943 {
     fill: #fff;
     stroke-width: 2px;
 }

 .e1571fcf-c624-4acc-ac7b-34ab0a0cbc90 {
     stroke: url(#my-cool-gradient) !important;
     stroke-width: 2px !important;
 }

 .befa2ba5-78ab-469b-9703-450180aa3943,
 .a486f7db-babe-4af7-9556-dbb0b9dd39eb,
 #nav_inner a svg {
     fill: #fff;
     stroke-width: 2px;
     stroke: url(#my-cool-gradient) #447799 !important;
 }


.mobileonly {
    display: none;
}

 @media screen and (max-width: 980px) {
    .desktoponly {
        display: none;
    }

    .border_inner {
        display: none;
   }

    .mobileonly {
        display: unset;
    }

    body.popup-open #topnav {
        display: none;
    }

    body.popup-open .pagecontent {
        height:100%;
        overflow: hidden !important;
    }

     .border {
         padding: 0px 6px;
         top: 0px;
     }

    .border2.left {
        left: 6px;
    }

    .border2.right
    {
        right: 6px;
    }

     svg.mobile {
         width: 100%;
         transform: scale(1.05);
     }

     body,
     #main,
     .border {
         height: 100vh;
         /* Fallback for browsers that do not support Custom Properties */
         height: calc(var(--vh, 1vh) * 100);
         max-height: 100vh;
     }

     .a486f7db-babe-4af7-9556-dbb0b9dd39eb,
     .befa2ba5-78ab-469b-9703-450180aa3943 {
         stroke-width: 5px !important;

     }

     body.menu [title="content"],
     {
         display: none;
     }

     #acf6f3e7-30d9-467f-b30b-aef8189949e2 .befa2ba5-78ab-469b-9703-450180aa3943 {
         display: none;
     }

     .befa2ba5-78ab-469b-9703-450180aa3943 {
         fill: transparent !important;
     }

     .mobile .befa2ba5-78ab-469b-9703-450180aa3943 {
         stroke-miterlimit: 0;
         stroke-dasharray: none;
         stroke-dasharray: none;
     }

     .content {
         /* padding-bottom: calc(7.5vw + 20px); */
         padding-bottom: 20px;
     }

     a:hover svg:not(.draw) path,
     #nav_inner button:hover svg path,
     button:hover svg path {
         animation: none;
     }

     body #nav,
     body.night #nav {
         box-shadow: unset !important;
     }

     body.night .discu {
         background: black !important;

     }


     @keyframes dash {
         to {
             stroke-dashoffset: 0;
         }
     }

     @keyframes glow {
         0% {
             visibility: hidden;
         }

         100% {
             visibility: visible;
         }
     }



     @keyframes openMenu {
         to {
             transform: translateY(0%);
         }
     }
}




#f93175b5-2cb2-4b52-8939-a1c124ba0414 {
	padding-top: 30px;
}

#f93175b5-2cb2-4b52-8939-a1c124ba0414 path {
		stroke-width: 2px;

}



.allsearch {
	display: flex;
	height: 100%;
	overflow-y: hidden;
	padding-left: 23px;
	flex: 1;
}

.allsearch .b026fb91-7f08-4621-a46b-f5776a945c35 {
	height: calc(100% + 2px);
		margin-top: -2px;

}

.progsearch, .emisearch, .eventsearch {
	flex: 1;
	     display: flex;
    flex-direction: column;
}

.search h2, .search .block {
	padding: 15px;
}

.search {
	padding: 15px 35px;
	padding-top: 3px;
}

.search .bar input[type="search"] {
	color: #4f65f7;
	width: calc(100% - 55px);
    -webkit-text-stroke: 0.0px;
    -webkit-text-fill-color: unset;
}

.search  .bar button {
    position: absolute;
    width: 20px;
    right: 10px;
    height: 100%;
    padding: 0;
    background: none;
    border: none;
    margin: 0;
    cursor: pointer;
}

.search .bar svg {
}
.search .bar svg path {
    transform: scale(0.8);
    stroke-width: 4px;



}

.search  .bar:focus-within {
	border: 2px solid #e137f4 !important;
	outline: none;
}

.search  .bar button:hover svg path {
	stroke: #e137f4 !important;
}

.search  .bar button:focus svg {
	width: 15px;
}

.b8a0e03c-02b9-48f7-8fee-41ea34d4b472 {
                         stroke: url(#my-cool-gradient) #447799 !important;
}

.progsearch .length {
	display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  grid-gap: 15px;
	  padding: 0px 15px;
}

.progsearch .block {
	padding: 0px;
}

.search h2 {
	padding: 0px !important;
	padding-top: 10px !important;
}

    @media screen and (max-width: 980px) {

    	.content {
    		padding: 0;
    	}

.progsearch .length {
	display: block;
	padding: 0px;

}

.progsearch, .emisearch, .eventsearch {
	padding: 20px;
}

.eventsearch {
	padding-bottom: 50px;
}


    	#f93175b5-2cb2-4b52-8939-a1c124ba0414 path {
		stroke-width: 6px;
}

.allsearch {
	display: block;
	padding: 0px;
	overflow-y: auto;
}

.search {
	padding-top: 13px;
}

.allsearch .b026fb91-7f08-4621-a46b-f5776a945c35 {
height: 2px;
width: 100%;
		margin-top: 0px;
	}

	h2, {
		padding: 10px !important;
	}

	.block {
		padding-bottom: 104px;
	}


}