#lecteur_accomp { position: relative;}
#lecteur_accomp button {cursor: pointer;}
#lecteur_accomp button:hover {background-color: #000000;}

button.btfullscreen {display: block; position: absolute; border: none; border-radius: 0 0 0.5em 0.5em; padding: 0.5em; background-color: #4363ff; color: #FFFFFF;}

#zSelecteur {
	position: relative;
	width: 19%;
	margin-right: 1%;
}

#zSelecteur h2 {
	margin: 0 0 0.5em 0;
	font-weight: normal;
	font-style: italic;
	padding: 0.25em 5% 0.25em 5%;
	border-bottom: 5px double #b2ab57;
}

div.zone_BtStyles {
	position: relative;
	margin: 0 0 0.5em 0;
	text-align: center;
	/*background-color: #a4fc8f;*/
}

div.zone_BtStyles button {
	font-size: 1.2em;
	background-color: #b2ab57;
	color: #FFFFFF;
	border: 1px solid #b2ab57;
	border-radius: 0.5em;
	margin: 2%;
	padding: 0.25em;
}

div.zone_BtStyles button:hover { background-color: #FFFFFF; color: #b2ab57;}
div.zone_BtStyles button.selected { background-color: #FFFFFF; color: #000000;}

#zone_CtntStyles {
	position: relative;
	padding: 0.5em 5% 0.5em 5%;
	/*background-color: #918ffc;*/
}

#zone_CtntStyles button {
	display: block;
	text-align: left;
	width: 100%;
	margin: 0 0 0.25em 0;
	border-radius: 0.5em;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;	
}
span.bt_titre {font-size: 1.15em; font-weight: bold; color: #95904a; }
span.bt_detail {font-size: 1em; color: #afaeaa;}

#zone_CtntStyles button:hover { background-color: #95904a;}
#zone_CtntStyles button:hover span { color: #FFFFFF;}

#zone_CtntStyles button.selected { background-color: #FFFFFF; border: 1px solid #b2ab57;}
#zone_CtntStyles button.selected span { color: #000000;}

#zAccomp {
	position: relative;
	width: 80%;
}



#zAudio {
	position: relative;
	display: flex;
	align-items: top;
	width: 40%;
	/*height: 9em;*/
	padding: 0.25em;
	margin: 0 0 1em 0;
	text-align: center;
	background-color: rgb(21,21,21);
	border-radius: 1em;
	overflow: hidden;
}
#zAudio.small {width: 100%; display: block; /*height: 15em;*/ border-radius: 0; border-bottom: 5px double #b2ab57; background: url('../01_Fond/godin.jpg') no-repeat top right, #000000; background-size: 100%;}
#cadreProgress {position: relative; height: 0.5em; margin: 0.5em 0 0.7em 0; background-color: #555655; border-radius: 0.25em; overflow: hidden;}
#progressBar {position: absolute; height: 1em; background-color: #4363ff; width: 0;}

div.zoneButtonDuree {position: relative; display: flex; justify-content: left; align-items: center; height: 2.5em;}
div.zbtPlayStop {position:relative; display: flex; justify-content: space-between; width: 30%;}

div.cadreDuree {display: block; width: 70%; height: 2.5em; margin-left: -5px; line-height: 2em; text-align: left; color: #FFFFFF; overflow: hidden;}
span#zoneDurees {display: inline-block;  padding: 0.25em 0.5em 0.25em 0; margin: 0 0 0 -100%; font-size: 1.4em; background-color: #000000; border-radius: 0 0.5em 0.5em 0; transition: 0.5s linear margin-left;}
span#infoProgress{display: inline-block; width: 4em; text-align: right;}

#audioCommand {
	width: 98%;
	/*background-color: #ed40fb;*/
	padding: 2%;
}

#audioCommand h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #FFFFFF;
	line-height: 1.5em;
	min-height: 3em;
	text-align: left;
	font-style: italic;
	border: none;
	text-shadow: 0.1em 0.1em 0.1em #000000;
}

#audioCommand p.songInfo{
	margin: 0;
	padding: 0 0 0 0.3em;
	color: #FFFFFF;
	text-align: left;
	font-size: 1.15em;
}

#zAudio button {
	display: block;
	width: 45%;
	height: 2em;
	font-size: 1.5em;
	border-radius: 0.5em;
	background-color: #4363ff;
	border: none;
	color: #FFFFFF;
	padding: 0.25em;
}

#zAudio button#btplay:hover {color: #000000; background-color:#2cfe2f;}

#zAudio button#btstop:hover {color: #000000; background-color:rgb(255,0,0);}

#zAudio button.CtrlPause {background-color: #fc8d09;}
#zAudio button.CtrlPlay {background-color: #2cfe2f; color: #000000;}

#zAudio img {
	display: block;
	margin: 0;
	padding: 0;
	height: 5em;
}

#zAudio audio {
	width: 100%;
	line-height: 50px;
	margin: auto;
	background: transparent;
}

#zGrille {
	position: relative;
	/*background-color: #e2fc05;*/
	padding: 1em 0 1em 0;
}

#zGrille {
	
}

h2.titre_accompagnement { text-align: center; margin-top: 1.5em; font-size: 3.2em; text-shadow: 0.075em 0.075em 0.2em #4363ff;  }
p.comHarmoni {font-weight: bold; font-size: 1.2em;}

h3.sstitreAccomp {
	text-align: center;
	width: 60%;
	margin: auto;
	font-size: 1.5em;
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #95904a;
}

#zGrille table.tabGrilleAccomp {
	position: relative;
	width: 90%;
	border: none;
	
	
}
#zGrille table.tabGrilleAccomp tr {

}

#zGrille table.tabGrilleAccomp td, #zGrille table.tabGrilleAccomp th { border: 1px solid #4363ff;}

#zGrille table.tabGrilleAccomp td {
	width: 20%;
	font-size: 3em;
	/*background-color: #95904a;*/	
}

#zGrille table.tabGrilleAccomp th {
	width: 20%;
	font-size: 1em;	
	color: #FFFFFF;
	background-color: #4363ff;
}


#zGrille table.tabGrilleAccomp td.selected {color: #FFFFFF; background-color: #000000;}

						
#zdetail {
	position: relative;

}

span.repetition {color: #000000; font-size: 1.5em;}