*, html, body, p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
html {
	height: 100%;
}

body {
	background:#1a1a1a;
	text-align:left;
	color:#cccccc;
	width:800px;
	font-size:14px;
	font-family: 'Lucida Grande', Verdana, Arial;
	margin:0 auto;
	padding:0;
}

#hautpage {
	background-color:#333333;
	margin:15px 0 10px 0;
	padding:10px;
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;
	filter: alpha(opacity=85);
	opacity: .85;
}

#leaderboard_haut {
	background-color:#333333;
	width:800px;
}

#page {
	background-color:#333333;
	margin:10px 0 10px 0;
	padding:10px;
	filter: alpha(opacity=85);
	opacity: .85;
}

#leaderboard_bas {
	background-color:#333333;
	width:800px;
}

#baspage {
	background-color:#333333;
	margin:10px 0 30px 0;
	padding:10px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;
	filter: alpha(opacity=85);
	opacity: .85;
}
#baspage p {
	font-size:12px;
	text-align:center;
}

.table4colonnes {
	width:100%;
	border-collapse: collapse;
	margin:10px 0 10px 0;
}
.table4colonnes td {
	vertical-align:top;
	padding-top:5px;
	height:30px;
	width:25%;
}
.table4colonnesliste {
	width:100%;
	border-collapse: collapse;
	margin:10px 0 10px 0;
}
.table4colonnesliste td {
	vertical-align:top;
	height:50px;
	width:25%;
}
td.cellectable {
	height:14px;
}
.contactnom {
	padding-left:5px;
}
.contact:hover {
	background-color:#444444;
}
.ligne:hover {
	background-color:#444444;
}

h1 {
	margin:10px 0 10px 0;
	text-align:center;
	color:#96BF55;
}
h2 {
	margin:20px 0 10px 10px;
	color:#96BF55;
}

a, a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
}
a:hover, a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
}

a:focus {
	outline: none;
}

img {
border:none;
text-align:center;
}

ul, li{
padding: 0;
margin: 0;
list-style-type: none;
}

.panel {
position: fixed;
top: 40px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
filter: alpha(opacity=85);
opacity: .85;
width:250px;
height: auto;
padding: 15px;
}
.panel2 {
position: fixed;
top: 40px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
filter: alpha(opacity=85);
opacity: .85;
width:250px;
height: auto;
padding: 15px;
}
.panel3 {
position: fixed;
bottom: 0;
left: 10%;
text-align:center;
width:80%;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
filter: alpha(opacity=85);
opacity: .85;
height: 25px;
}
.panel3 #repertoire{
width:100%;
border-collapse: collapse;
}
.panel3 #repertoire td {
width:3.45%;
text-align: center;
line-height:25px;
font-weight:bold;
}
.panel3 #repertoire a:hover{
font-size:30px;
font-weight:bold;
display:block;
position:absolute;
bottom:0;
height:55px;
width:3.45%;
color:#D65624;
}

.panel p{
margin: 0;
padding: 0;
color: #cccccc;
}
.panel2 p{
margin: 0;
padding: 0;
color: #cccccc;
}
.panel3 p{
margin: 0;
padding: 0;
color: #cccccc;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 5px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(../images/plus.png) 90% 50% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
display: block;
}
a.trigger2{
position: fixed;
text-decoration: none;
top: 5px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(../images/plus.png) 10% 50% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
display: block;
}
a.trigger3{
position: fixed;
text-decoration: none;
bottom: 0;
left: 5px;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 5px 40px 0px 15px;
font-weight: 700;
background:#333333 url(../images/plus.png) 90% 50% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
display: block;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 5px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(../images/plus.png) 90% 50% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
display: block;
}
a.trigger2:hover{
position: fixed;
text-decoration: none;
top: 5px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(../images/plus.png) 10% 50% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
display: block;
}
a.trigger3:hover{
position: fixed;
text-decoration: none;
bottom: 0;
left: 5px;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 5px 40px 5px 15px;
font-weight: 700;
background:#222222 url(../images/plus.png) 90% 50% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
display: block;
}

a.active.trigger {
background:#222222 url(../images/minus.png) 50% 50% no-repeat;
font-size: 0px;
letter-spacing:-1px;
color:#fff;
padding: 15px 10px 15px 10px;
}
a.active.trigger2 {
background:#222222 url(../images/minus.png) 50% 50% no-repeat;
font-size: 0px;
letter-spacing:-1px;
color:#fff;
padding: 15px 10px 15px 10px;
}
a.active.trigger3 {
background:#222222 url(../images/minus.png) 50% 50% no-repeat;
font-size: 0px;
letter-spacing:-1px;
color:#fff;
padding: 10px 15px 10px 15px;
}



/*
	Paramètres du accordion
*/


ul.ui-accordion-container {
	background-color: #EE1D0sssssssss;
	margin: 0;
	margin:auto;
	padding: 0;
	list-style-type: none;
	width: 750px;
}
.ui-accordion-container-n2 {
	background-color: #ffffff;
	color: #444444;
	margin: 0;
	margin:auto;
	padding: 0;
	list-style-type: none;
	width: 600px;
}
.ui-accordion-container-n3 {
	background-color: #ffffff;
	color: #444444;
	margin: 0;
	margin:auto;
	padding: 0;
	list-style-type: none;
	width: 560px;
}
ul.ui-accordion-container h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}
ul.ui-accordion-container p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}
ul.ui-accordion-container li {
	margin: 0;
	padding: 0;
}
ul.ui-accordion-container li a.ui-accordion-link-n1 {
	display: block;
	height: 30px;
	width: 100%;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: underline;
	outline: none;
	font-size: 18px;
	cursor: pointer;
	margin: 0 0 0 0;
}
ul.ui-accordion-container li a.ui-accordion-link-n1:hover {
	display: block;
	height: 30px;
	width: 100%;
	background-color: #444444;
	padding: 0 10px 0 10px;
	line-height: 30px;
	font-weight: normal;
	text-decoration: underline;
	outline: none;
	font-size: 18px;
	cursor: pointer;
	margin: 0 0 0 0;
}


ul.ui-accordion-container li.selected {
}
ul.ui-accordion-container li a.ui-accordion-link-n1.selected {
	color: #ffffff;
}