@import url("//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400");
#lecteur .container{position:relative;margin:0 auto;width:630px;}
#lecteur .column{width:inherit;}
#lecteur{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
#lecteur{line-height:1;}
#lecteur ul{list-style:none;}
#lecteur{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;color:black;font:20px/24px "Yanone Kaffeesatz", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;padding:5px 0;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
#lecteur h1, #lecteur h6,#lecteur p{color:#808080;font-weight:200;}
#lecteur h1{font-size:42px;line-height:44px;margin:20px 0 0;}
#lecteur h6{font-size:18px;line-height:20px;margin:4px 0 20px;}
#lecteur p{font-size:18px;line-height:20px;margin:0 0 2px;}
#lecteur a:hover,#lecteur a:focus{color:#bbb;}
#lecteur p a,#lecteur p a:visited{line-height:inherit;}
#lecteur .add-bottom{margin-bottom:20px !important;}
#lecteur .left{float:left;}
#lecteur .right{float:right;}
#lecteur .center{text-align:center;}
#lecteur audio{margin:0 15px 0 14px;width:600px;}

#mainwrap{box-shadow:0 0 6px 1px rgba(0,0,0,.25);}
#audiowrap{background-color:#fff;margin:0 auto;}
#plwrap{margin:0 auto;overflow-y:scroll;height:250px}
#tracks{position:relative;text-align:center;}
#nowPlay{display:inline;}
#npTitle{margin:0;padding:21px;text-align:right;}
#npAction{padding:21px;}
#plList{margin:0;    padding-left: 0px;}
#plList li{background-color:#fff;cursor:pointer;display:block;margin:0;padding:6px 0;}
#plList li:hover{background-color:beige;}
.plItem{position:relative;}
.plTitle{left:50px;overflow:hidden;position:absolute;right:65px;text-overflow:ellipsis;top:0;white-space:nowrap;}
.plNum{padding-left:12px;width:25px;}
.plLength{padding-left:21px;position:absolute;right:21px;top:0;}
.plSel,.plSel:hover{background-color:beige!important;cursor:default!important;}
a[id^="btn"]{background-color:#fff;color:#C8C7C8;cursor:pointer;display:inline-block;font-size:50px;margin:0;padding:21px 27px;text-decoration:none;}
a[id^="btn"]:last-child{margin-left:-4px;}
a[id^="btn"]:hover,a[id^="btn"]:active{background-color:#fff;}
a[id^="btn"]::-moz-focus-inner{border:0;padding:0;}
a {
    color: #563d7c;
}

@media only screen and (max-width:767px){
#lecteur .container{width:100%;}
#lecteur audio{width:100%;margin:0;}
#npAction{padding:8px;}
#npTitle{padding:8px;}
}