


ul,audio {
	border:0;
	font:inherit;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}

ul { list-style:none;}


/* Misc.
================================================== */
.left { float:left; }
.right { float:right; }
.center { text-align:center; }


/* Custom Styles
================================================== */

/* CSS Transitions */
* {
-moz-transition:all 100ms ease;
-o-transition:all 100ms ease;
-webkit-transition:all 100ms ease;
transition:all 100ms ease;
}

/* Highlight Styles */
::selection { background-color:#262223; color:#444; }
::-moz-selection { background-color:#262223; color:#444; }


/* Audio Player Styles
================================================== */

/* Default / Desktop / Firefox */
#mainwrap {/* add box-shadow or other styles here */}
#nowPlay { display:inline-block;width:100%;}
#audiowrap { background-color:#ffffff; margin:0 auto; }
#plwrap { margin:0 auto; }
/* regroupe forward/backward : hauteur et relatif a la  */
#tracks { min-height:25px; position:relative; text-align:center; text-decoration:none; top:2px; }

#illusplayer{
	height:auto;
	float:left;
	width:100%;
}
#illusplayer img{width:100%;}

li.liaudio{margin:0;padding:0;background-color:transparent;font-size:0.8rem;border: 1px solid #ABABAB;margin-bottom:5px;}
li.liaudio:hover{margin:0;padding:0;background-color:transparent;font-size:0.8rem;border: 1px solid #747474;margin-bottom:5px;box-shadow: 1px 4px 3px #161616;cursor:pointer!important;}

.plItem { position:relative; }
.plTitle { left:50px; overflow:hidden; position:absolute; right:65px; text-overflow:ellipsis; top:0; white-space:nowrap; }
.plNum { padding-left:21px; width:25px; }
.plLength { padding-left:21px; position:absolute; right:21px; top:0; }
.plSel,.plSel:hover { background-color:#C9D298!important; cursor:default!important; }
a[id^="btn"] { background-color:#231F20; color:#C8C7C8; cursor:pointer; font-size:20px; margin:0; padding:0 27px 5px; text-decoration:none; }
a[id^="btn"]:last-child { margin-left:-4px; }
a[id^="btn"]:hover,a[id^="btn"]:active { background-color:#272727; }
a[id^="btn"]::-moz-focus-inner { border:0; padding:0; }

/* IE 9 */
html[data-useragent*="MSIE 9.0"] #audiowrap { background-color:#000; line-height:1.1rem;}
html[data-useragent*="MSIE 9.0"] #tracks { min-height:25px; top:5px; }
html[data-useragent*="MSIE 9.0"] a[id^="btn"] { background-color:#000; }
html[data-useragent*="MSIE 9.0"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="MSIE 9.0"] #plList li { background-color:#141414; }
html[data-useragent*="MSIE 9.0"] #plList li:hover { background-color:#272727; }
html[data-useragent*="MSIE 9.0"] .plSel,
html[data-useragent*="MSIE 9.0"] .plSel:hover { background-color:#C9D298!important; }

/* IE 10 */
html[data-useragent*="MSIE 10.0"] #audiowrap { background-color:#000; line-height:1.1rem;}
html[data-useragent*="MSIE 10.0"] #tracks { min-height:23px; top:8px; }
html[data-useragent*="MSIE 10.0"] a[id^="btn"] { background-color:#000; }
html[data-useragent*="MSIE 10.0"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="MSIE 10.0"] #plList li { background-color:#141414; }
html[data-useragent*="MSIE 10.0"] #plList li:hover { background-color:#272727; }
html[data-useragent*="MSIE 10.0"] .plSel,
html[data-useragent*="MSIE 10.0"] .plSel:hover { background-color:#C9D298!important; }

/* IE 11 */
html[data-useragent*="rv:11.0"] #audiowrap { background-color:#000; line-height:1.1rem;}
html[data-useragent*="rv:11.0"] #tracks { min-height:23px; top:8px; }
html[data-useragent*="rv:11.0"] a[id^="btn"] { background-color:#000; }
html[data-useragent*="rv:11.0"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="rv:11.0"] #plList li { background-color:#141414; }
html[data-useragent*="rv:11.0"] #plList li:hover { background-color:#272727; }
html[data-useragent*="rv:11.0"] .plSel,
html[data-useragent*="rv:11.0"] .plSel:hover { background-color:#C9D298!important; }

/* All Apple Products */
html[data-useragent*="Apple"] #audiowrap { background-color:#000; line-height:1.1rem;}
html[data-useragent*="Apple"] #tracks { min-height:25px; top:12px; }
html[data-useragent*="Apple"] a[id^="btn"] { background-color:#000; }
html[data-useragent*="Apple"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="Apple"] #plList li { background-color:#141414; }
html[data-useragent*="Apple"] #plList li:hover { background-color:#272727; }
html[data-useragent*="Apple"] .plSel,
html[data-useragent*="Apple"] .plSel:hover { background-color:#C9D298!important; }

/* IOS 7 */
html[data-useragent*="OS 7"] body { color:#373837; }
html[data-useragent*="OS 7"] #audiowrap { background-color:#e6e6e6; line-height:1.1rem;}
html[data-useragent*="OS 7"] #tracks { min-height:27px; top:23px; }
html[data-useragent*="OS 7"] a[id^="btn"] { background-color:#e6e6e6; color:#373837; }
html[data-useragent*="OS 7"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="OS 7"] #plList li { background-color:#141414; }
html[data-useragent*="OS 7"] #plList li:hover { background-color:#272727; }
html[data-useragent*="OS 7"] .plSel,
html[data-useragent*="OS 7"] .plSel:hover { background-color:#C9D298!important; }

/* IOS 8 */
html[data-useragent*="OS 8"] body { color:#373837; }
html[data-useragent*="OS 8"] #audiowrap { background-color:#e4e4e4; line-height:1.1rem;}
html[data-useragent*="OS 8"] #tracks { min-height:27px; top:23px; }
html[data-useragent*="OS 8"] a[id^="btn"] { background-color:#e4e4e4; color:#373837; }
html[data-useragent*="OS 8"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="OS 8"] #plList li { background-color:#141414; }
html[data-useragent*="OS 8"] #plList li:hover { background-color:#272727; }
html[data-useragent*="OS 8"] .plSel,
html[data-useragent*="OS 8"] .plSel:hover { background-color:#C9D298!important; }

/* IOS 9 */
html[data-useragent*="OS 9"] body { color:#373837; }
html[data-useragent*="OS 9"] #audiowrap { background-color:#d5d5d5; line-height:1.1rem;}
html[data-useragent*="OS 9"] #tracks { min-height:27px; top:23px; }
html[data-useragent*="OS 9"] a[id^="btn"] { background-color:#d5d5d5; color:#373837; }
html[data-useragent*="OS 9"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="OS 9"] #plList li { background-color:#141414; }
html[data-useragent*="OS 9"] #plList li:hover { background-color:#272727; }
html[data-useragent*="OS 9"] .plSel,
html[data-useragent*="OS 9"] .plSel:hover { background-color:#C9D298!important; }

/* Chrome */
html[data-useragent*="Chrome"] #audiowrap { background-color:#141414; line-height:1.1rem;}
html[data-useragent*="Chrome"] #tracks { min-height:64px; top:12px; }
html[data-useragent*="Chrome"] a[id^="btn"] { background-color:#141414; }
html[data-useragent*="Chrome"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="Chrome"] #plList li { background-color:#141414; }
html[data-useragent*="Chrome"] #plList li:hover { background-color:#272727; }
html[data-useragent*="Chrome"] .plSel,
html[data-useragent*="Chrome"] .plSel:hover { background-color:#C9D298!important; }

/* Chrome / Android / Tablet */
html[data-useragent*="Chrome"][data-useragent*="Android"] body { color:#373837; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #audiowrap { background-color:#fafafa; line-height:1.1rem;}
html[data-useragent*="Chrome"][data-useragent*="Android"] #tracks { min-height:27px; top:23px; }
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"] { background-color:#fafafa; color:#373837; }
html[data-useragent*="Chrome"][data-useragent*="Android"] a[id^="btn"]:hover { background-color:#272727; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li { background-color:#141414; }
html[data-useragent*="Chrome"][data-useragent*="Android"] #plList li:hover { background-color:#272727; }
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel,
html[data-useragent*="Chrome"][data-useragent*="Android"] .plSel:hover { background-color:#C9D298!important; }
