body {margin:0px;padding:0p;background-color:transparent;}



/* Up   = ff0000 */
/* Over = 00a8ff */



/* Lecteur audio */



@font-face {font-family: 'Material Icons';font-style:normal;font-weight:400;}
.fa{display:inline-block;font:normal normal normal 14px/1 Material Icons;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-play:before{content:"\e1c4"}
.fa-pause:before{content:"\e1a2"}
.fa-volume-up:before{content:"\e050"}
.fa-volume-off:before{content:"\e04e"}
.fa-backward:before{content:"\e020"}
.fa-forward:before{content:"\e01f"}

/*
*,*:before,*:after{outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
*/
input,button{outline:none;}
a,a:hover,a:visited{color:#ddd;text-decoration:none;}
.flex{display:-webkit-flex;display:flex;}
.flex-wrap{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-align{-webkit-align-items:center;align-items:center;}
.w-full{width:100%;}

#simp button,#simp input,#simp img{border:0;}
#simp{max-width:250px;font-size:13px;font-family:"Roboto",sans-serif;font-weight:400;text-align:initial;line-height:initial;background:transparent;margin:0 auto;padding-left:1px;border-radius:0px;overflow:hidden;}
#simp .simp-album{padding:0px;}
#simp .simp-album .simp-cover{font-size:0px;margin-right:0px;}
#simp .simp-album .simp-cover img{font-size:0px;max-width:0px;width:0;margin:0;padding:0;display:block;}
#simp .simp-album .simp-title{font-size:0px;}
#simp .simp-album .simp-artist{font-size:0px;}
#simp .simp-controls{padding:0px;}
#simp .simp-controls button {font-size:90px;width:85px;height:90px;background:none;color:#d3ab37;padding:0px;margin:0px;cursor:pointer;border:0;border-radius:0px;}
#simp .simp-controls button[disabled]{color:#d3ab37;cursor:initial;}
#simp .simp-controls button:not([disabled]):hover{background:none;color:#ffffff;}
#simp .simp-controls .simp-prev{font-size:40px;width:35px;height:40px;background:none;color:#d3ab37;padding:0px;margin:0px;cursor:pointer;border:0;border-radius:0px;}
#simp .simp-controls .simp-next{font-size:40px;width:35px;height:40px;background:none;color:#d3ab37;padding:0px;margin:0px;cursor:pointer;border:0;border-radius:0px;}
#simp .simp-controls .simp-volume{flex:1;margin-left:10px;position:relative;}
#simp .simp-controls .simp-time{font-size:10px;margin-left:176px;margin-top:-18px;color:rgba(255,255,255,.50);}
#simp .simp-controls .simp-tracker{flex:1;margin:0px;position:relative;width:249px;}
#simp .simp-controls .simp-buffer {position:absolute;top:50%;right:0;left:0;height:5px;margin-top:-2.5px;border-radius:100px;}
#simp .simp-controls .simp-loading .simp-buffer {-webkit-animation:audio-progress 1s linear infinite;animation:audio-progress 1s linear infinite;background-image: linear-gradient(-45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent;}
#simp .simp-controls .simp-others{font-size:0px;margin:0px;}
#simp .simp-controls .simp-volume{max-width:84px;}
#simp .simp-controls .simp-volume .simp-mute{font-size:18px;margin-right:5px;width:20px;height:20px;background:none;color:#d3ab37;padding:0px;cursor:pointer;border:0;border-radius:3px;}
#simp .simp-controls .simp-others .simp-active{font-size:0px;background:#ffffff;}
#simp .simp-controls .simp-others .simp-shide button{font-size:0px;padding:0;width:24px;height:14px;display:block;}
#simp .simp-controls input[type=range]{-webkit-appearance:none;background:transparent;height:19px;margin:0;width:100%;display:block;position:relative;z-index:2;}
#simp .simp-controls input[type=range]::-webkit-slider-runnable-track{background:rgba(255,255,255,.15);height:5px;border-radius:2.5px;transition:box-shadow .3s ease;position:relative;}
#simp .simp-controls input[type=range]::-moz-range-track{background:rgba(255,255,255,.15);height:5px;border-radius:2.5px;transition:box-shadow .3s ease;position:relative;}
#simp .simp-controls .simp-load .simp-progress::-webkit-slider-runnable-track{background:rgba(255,255,255,.15);}
#simp .simp-controls .simp-load .simp-progress::-moz-range-track{background:rgba(255,255,255,.15);}
#simp .simp-controls .simp-loading .simp-progress::-webkit-slider-runnable-track{background:rgba(255,255,255,.15);}
#simp .simp-controls .simp-loading .simp-progress::-moz-range-track{background:rgba(255,255,255,.15);}
#simp .simp-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#ffffff;height:13px;width:13px;margin-top:-4px;cursor:pointer;border-radius:50%;box-shadow:0 0px 0px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.5);}
#simp .simp-controls input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:#ffffff;height:13px;width:13px;cursor:pointer;border-radius:50%;box-shadow:0 0px 0px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.5);}
#simp .simp-footer{padding:10px 10px 12px;font-size:90%;text-align:center;opacity:.7;}
#simp .simp-display{overflow:hidden;max-height:650px;transition:max-height .5s ease-in-out;}
#simp .simp-hide{max-height:0;}

/* playlist */
#simp ul{margin:5px 0 0;padding:0;list-style:none;max-height:400px;}
#simp ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;padding:2px 18px;cursor:pointer;color:#000000;}
#simp ul li:last-child{padding-bottom:2px;}
#simp ul li:nth-child(odd){background:none;}
#simp ul li:hover{color:#ffffff;}
#simp ul li.simp-active{color:#d3ab37;background:url(../images/Puce.png) no-repeat;}
#simp ul li .simp-desc{font-size:90%;opacity:.5;margin-left:5px;}

/* playlist scrollbar */
#simp ul{overflow-y:auto;overflow-x:hidden;scrollbar-color:#73797f #2f3841;}
#simp ul::-webkit-scrollbar-track{background-color:#2f3841;}
#simp ul::-webkit-scrollbar{width:6px;background-color:#2f3841;}
#simp ul::-webkit-scrollbar-thumb{background-color:#73797f;}

/* progress animation */
@-webkit-keyframes audio-progress{to{background-position:25px 0;}}
@keyframes audio-progress{to{background-position:25px 0;}}