body{
	margin: 0 auto 0 auto;
	width: 1012px;
	font-family: "Segoe UI";
	font-size: 1.5em;
	line-height: 20px;
	text-align: justify;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

#banner{
	height: 350px;
	background-image: url(galerie/choeur_mixte.png);
}

.tab, .tab_ok{
	color: black;
	height: 65px;
	line-height: 65px;
	font-size: 24px;
	font-weight: normal;
	width: 336px;
	float: left;
	margin: 286px 2px 0 0;
	background-color: #e6c398;
	text-align: center;
}

.tab:hover{
	background-color: #c99e66;
}

.tab_ok, .tab_ok:hover{
	background-color: white;
}

.tab_ok:nth-child(3),
.tab:nth-child(3){
	margin-right: 0;
}

#partitions{
	clear: both;
	position: relative;
	border: 0;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 1012px;
	height: 100%;
	overflow: visible;
}

*{
	box-sizing: border-box; 
	outline: none;
	background-repeat: no-repeat;
	text-decoration: none;
}
a:active{ outline:none;}

.fichiers{
	background-color: white;
	table-layout: fixed;
	width: 100%;
	border-spacing: 3px;
	border-collapse: separate;
	padding: 22px 0 50px 0;
	float: left;
}

.fichiers th{
	background-color: #1a71b4;
	color: white;
	height: 63px;
	line-height: 63px;
	font-size: 24px;
	font-weight: normal;
	text-indent: 20px;
}

.fichiers td{
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	border: solid #1a71b4 1px;
	text-indent: 10px;
	padding: 0;
}

.fichiers td i{
	display: inline-block;
	border: solid black 1px;
	width: 24px;
	height: 20px;
	line-height: 18px;
	font-style: normal;
	text-align: center;
	text-indent: 0;
	float: left;
	margin: 5px 0 5px 10px;
}

.fichiers tr td:first-child .demo{
	display: inline-block;
	border: solid black 1px;
	width: 24px;
	height: 20px;
	line-height: 18px;
	font-style: normal;
	text-align: center;
	text-indent: 0;
	float: left;
	margin: 5px 0 5px 10px;
	background-color: #1a71b4;
	color: white;
	border-radius: 4px;
}

.fichiers tr td:first-child .live{
	display: inline-block;
	border: 0;
	width: 50px;
	height: 30px;
	line-height: 30px;
	font-style: normal;
	text-align: center;
	text-indent: 0;
	float: left;
	margin: 0 0 0 0;
	background-color: #b41aae;
	color: white;
}

.fichiers td a{
	float:left;
	height: 30px;
	width: 100%;
	display: block;
	color: white;
	text-indent: 0;
	padding: 0;
	text-align: center;
	background-color: #1a71b4;
}

.fichiers td .record{
	float:left;
	height: 30px;
	width: 40px;
	display: block;
	padding: 0;
	margin-right: -10px;
	text-align: left;
	background-image: url(textures/record.png);
	background-size: auto 20px;
	background-position: center;
	background-color: white;
	color: black;
}

.fichiers td .record:hover{
	background-color: #dbdde0;
}

.fichiers .highlight{
	border: solid #1ab457 1px;
}

.fichiers .highlight a{
	background-color: #1ab457;
}

.fichiers th a{
	color: white;
	display: block;
	text-decoration: underline;
}

.fichiers .materiel{
	height: 63px;
	line-height: 63px;
}

.fichiers .materiel td{
	border: solid #1ab457 1px;
}

.fichiers .materiel td:first-child{
	border: 0;
}

.fichiers .materiel td a,
.fichiers .materiel td:first-child a{
	height: 63px;
	line-height: 63px;
	text-align: center;
	background-color: #1ab457;
	color: white;
}

#repertoire td a:hover,
.fichiers td a:hover,
.fichiers th a:hover{
	text-decoration: underline;
	background-color: #082e4f;
}

.fichiers .materiel td a:hover,
.fichiers .highlight a:hover{
	text-decoration: underline;
	background-color: #084f24;
}

#partitions .abreviation{
	height: 20px;
	line-height: 20px;
	font-size: 14px;
}


#partitions .abreviation span{
	display: inline-block;
	width: 40px;
	text-align: center;
}

#partitions .abreviation:nth-child(6) span{
	height: 20px;
	background-image: url(textures/record.png);
	background-repeat: no-repeat;
	background-size: auto 20px;
	background-position: center center;
	color: transparent;
	float: left;
}

.fichiers .vertical{
	height: 100px;
	text-align: left;
	line-height: 25px;
	text-indent: 0; 
	writing-mode: vertical-rl; 
	text-orientation: sideways; 
	transform: rotate(180deg);
	padding: 10px;
	background-color: #b41aae;
	border: solid #b41aae 1px;
	font-size: 14px;
}

.fichiers .demo{
	text-align: center; 
	text-indent: 0; 
	background-color: #1ab457;
	border: solid #1ab457 1px;
}

.fichiers .purple{
	border: solid #b41aae 1px; 
	text-align: center; 
	text-indent: 0;
}

.fichiers .purple a{
	background-color: #b41aae; 
}