/* Modèle son */

#objet_son {
	margin-right: auto;
	margin-left:auto;
	max-width: 550px;
	background-color: black;
	padding:0.8em;
	font-family: Lato, helvetica, sans-serif;
	color:white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.spip_son_titre { 	
	margin: 0 0 0.2em 0;
	font-size: 1.5rem; 
	font-weight: bold; 
	text-align: left;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	padding-bottom: 2px;
}

.spip_son_titre:before {
	  ncontent: "\f144";
  font-family: FontAwesome; /* or whatever */
  display: inline-block;
  nmargin-left: -1.2em; /*same as padding-left set on li*/
  margin-right: 0.2em;
  width: 1.2em; /*same as padding-left set on li*/
  list-style-type: none;
  color:#white;
}
 

.spip_son_descriptif { 
	text-align: left;
	font-size: 0.90em; 
	font-style: italic;
}

.spip_son_logo {
	float:right;
}

.objet_son_player {
	padding-top: 0.5em;
	clear:both;
	margin-right: auto;
	margin-left:auto;
}


.mejs-container {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background: #grey;
	font-family: Lato, Helvetica, Arial;
	text-align: left;
	vertical-align: top;
	text-indent: 0;
}

.mejs-container .mejs-controls{
	position:absolute;
	list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(background.png);
	background:rgba(0,0,0,.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,.7)),to(rgba(0,0,0,.7)));
	background:-webkit-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));
	background:-moz-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));
	background:-o-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));
	background:-ms-linear-gradient(top,rgba(50,50,50,.7),rgba(0,0,0,.7));
	background:linear-gradient(rgba(50,50,50,.7),rgba(0,0,0,.7));
	height:30px;
	width:100%
}


.mejs-controls .mejs-time-rail .mejs-time-loaded{
	background:#3caac8;
	background:rgba(60,170,200,.8);
	background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,.8)),to(rgba(78,183,212,.8)));
	background:-webkit-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));
	background:-moz-linear-gradient(top,rgba(203,149,24,.8),rgba(78,183,212,.8));
	background:-o-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));
	background:-ms-linear-gradient(top,rgba(44,124,145,.8),rgba(78,183,212,.8));
	background:linear-gradient(rgba(141,141,141,.8),rgba(233,233,233,.8));width:0}

.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.9)),to(rgba(200,200,200,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-moz-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-o-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:-ms-linear-gradient(top,rgba(255,255,255,.9),rgba(200,200,200,.8));background:linear-gradient(rgba(255,255,255,.9),rgba(200,200,200,.8));width:0}

.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}

.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}

.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}

.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}



.me-plugin {
	position: absolute;
}

.mejs-embed, .mejs-embed body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: black;
	overflow: hidden;

}