/* _organologie.css • emusicale */

/* FOND DE PAGE */

html{
	background-image:url(../../../IMPORTANT/_img/fond.jpg);
	/* ou background-image:url(fond-apersonaliser.jpg); */
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center; 
	height:100%;}
	
h3 {
	text-align:center;
	font-size:2em;
	color:red;}
h4 {
	text-align:center;
	font-size:1.2em;
	color:#3399cc;}

/* TABLEAU  */
		
table {
	width:700px;
	margin:auto;
	padding:10px;
	border-collapse:collapse;
	font-size:1em;}
	
td {text-align:center;
	text-indent:0;
	padding:10px 0;
	border:1px solid grey;}

td a{text-decoration:none;color:black;}
td a:hover{color:blue;}	

 tr:first-child{
	background:#3399cc;
	font-size:1.2em;
	font-weight:bold;
	color:white;}

	
	
/* LECTEUR */

#divPlayer {
	display:inline-block;
  	margin:10px;
  	padding:10px;
  	width:auto;
  	border:2px gradual #969696;
  	border-radius:10px;
  	box-shadow: 0 1px 3px #969696;
	background-color:white;
	text-align:center;}

#titreLecteur {
	display:inline-block;
  	font-size:0.8em;
  	padding:0 10px;}

button, input[type="button"], input[type="submit"] {
  	background-image:-webkit-linear-gradient(top, #FAFAFA, #F4F4F4 40%, #E5E5E5);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border:1px solid #AAAAAA;
  	border-radius:5px;
  	box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px 3px;
  	color:#444444;
  	cursor:pointer;
  	font-size:12px;
  	margin-bottom:0;
  	min-width:3em;
  	padding:3px 3px;}
  	
button:hover, input[type="button"]:hover, input[type="submit"]:hover {
  	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 1px 3px;
  	background-color:#EBEBEB;
  	background-image:-webkit-linear-gradient(top, #FEFEFE, #F8F8F8 40%, #E9E9E9);
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border-color:#999999;
  	color:#222222;}
  	
.control {
  	width:45px;}
  	
#progressBarControl {
  	border:1px solid #AAAAAA;
  	border-radius:5px;
  	box-shadow:rgba(0, 0, 0, 0.0980392) 0 1px 3px;
  	display:inline-block;
  	height:25px;
  	margin-bottom:5px;
  	width:80px;}
  	
#progressBar {
  	background-color:gold; /* #EBEBEB */
  	background-position:initial initial;
  	background-repeat:initial initial;
  	cursor:pointer;
  	font-size:0.8em;
  	font-family:arial;
  	height:25px;
  	color:#666666;
  	line-height:25px;
  	white-space:nowrap;
  	width:0;}
  	
#progressTime {
  	color:#666666;
  	font-size:0.8em;
  	font-weight:bold;
  	margin-left:8px;}
  
.volume {
  	display:inline-block;
	height:25px;
	position:relative;
	vertical-align:bottom;
	white-space:nowrap;
	width:45px;}
  
.volume a {
  	background-color:#EBEBEB;
  	background-position:initial initial;
  	background-repeat:initial initial;
  	border-left-color:#FFFFFF;
 	border-left-style:solid;
 	border-left-width:1px;
  	bottom:0;
  	cursor:pointer;
  	display:inline-block;
  	margin-left:0;
  	margin-right:0;
  	position:absolute;
  	vertical-align:bottom;
  	width:8px;}

.volume a:hover{
	background-color:#8D8C8C;}

.barre1 {
  	height:5px;
  	left:0;}
  	
.barre2 {
  	height:10px;
  	left:9px;}
  
.barre3 {
  	height:15px;
  	left:18px;}
  	
.barre4 {
  	height:20px;
  	left:27px;}
  	
.barre5 {
  	height:25px;
  	left:36px;}