body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}



div#DivMain {
	width:548px;
	margin:0px;
	padding:0px;
	position:absolute;
	float:left;
	margin-top:35vh;
	transform:translateY(-35%);
}
table#TableMain {
	width:548px;
	text-align:left;
}



.Nom{
	text-align:center;
	margin:0px;
	padding-top:50px;
	opacity:50%;
}
.Ligne1 {
	margin:25px 0px 15px 0px;
	padding:0px;
	height:2px;
	border:none;
	background-color:#ffffff;
	opacity:0.15;
}
.Texte1{
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	font-size:34px;
	line-height:34px;
	margin:0px;
	padding:0px;
	color:#ffffff;
	font-weight:700;
}
.Ligne2 {
	margin:15px 0px 20px 0px;
	padding:0px;
	height:2px;
	border:none;
	background-color:#ffffff;
	opacity:0.15;
}
.Texte2{
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	font-size:16px;
	line-height:16px;
	margin:0px;
	padding:0px;
	color:#909090;
	font-weight:700;
}
.Texte3{
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	font-size:34px;
	line-height:34px;
	margin:0px;
	padding-top:3px;
	padding-bottom:20px;
	color:#909090;
	font-weight:700;
}
.Texte4{
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	font-size:16px;
	line-height:16px;
	margin:0px;
	padding:0px;
	color:#909090;
	font-weight:700;
}
.Texte5{
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	font-size:30px;
	line-height:30px;
	margin:0px;
	padding-top:4px;
	color:#909090;
	font-weight:700;
}



a:link {color: #000000;text-decoration: none;}
a:visited {color: #000000;text-decoration: none;}
a:hover {color: #ffffff;text-decoration: none;}
a:active {color: #000000;text-decoration: none;}






<!-- Lecteur audio -->

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

*,*: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:14px;font-family:"Montserrat",sans-serif;font-weight:500;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;font-weight:bold;}
#simp .simp-album .simp-artist{font-size:0px;}
#simp .simp-controls{padding:0px;}
#simp .simp-controls button{font-size:90px;width:90px;height:90px;background:none;color:#ffffff;padding:0px;margin-left:5px;cursor:pointer;border:0;border-radius:3px;}
#simp .simp-controls button[disabled]{color:#ffffff;cursor:initial;}
#simp .simp-controls button:not([disabled]):hover{background:none;color:#777777;}
#simp .simp-controls .simp-prev{font-size:25px;width:25px;height:25px;background:none;color:#ffffff;padding:0px;margin:0px;cursor:pointer;border:0;border-radius:3px;}
#simp .simp-controls .simp-next{font-size:25px;width:25px;height:25px;background:none;color:#ffffff;padding:0px;margin-left:5px;cursor:pointer;border:0;border-radius:3px;}
#simp .simp-controls .simp-volume{flex:1;margin-left:10px;position:relative;}
#simp .simp-controls .simp-time{font-size:10px;margin-left:178px;margin-top:-18px;color:#909090;}
#simp .simp-controls .simp-tracker{flex:1;margin:0px;position:relative;width:250px;}
#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:110px;}
#simp .simp-controls .simp-volume .simp-mute{font-size:18px;margin-right:5px;width:20px;height:20px;background:none;color:#ffffff;padding:0px;cursor:pointer;border:0;border-radius:3px;}
#simp .simp-controls .simp-others .simp-active{font-size:0px;background:#cccccc;}
#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:#fff;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,.3);}
#simp .simp-controls input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:#fff;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,.3);}
#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{font-size:16px;font-weight:700;margin:5px 0 0;padding:0;list-style:none;max-height:245px;}
#simp ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;padding:5px 0px 0px 18px;cursor:pointer;color:#909090;}
#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:#ffffff;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;}}

/* mobile */
/*
@media screen and (max-width:480px) {
#simp .simp-controls .simp-volume,#simp .simp-controls .simp-others{display:none;}
#simp .simp-controls .simp-time{margin-right:10px;}
}
@media screen and (max-width:370px) {
#simp .simp-time .simp-slash,#simp .simp-time .end-time{display:none;}
}
*/