/* JPR hip hop */
body, #c1 {
   color:white;
   background: black url(img/bg_cont.gif) top left repeat-y;
}

#c1 {
   background: transparent url(img/bg.gif) top left no-repeat;
   padding-top:260px;
}

#sidemenu {
	width: 200px;
        position:absolute;
        top:260px;
        left:25px;
}
#sidemenu UL LI {
	margin: 0 5px;
	padding: 3px 0;
}
#sidemenu UL LI A {
	background-color: transparent;
	color: #fff;
	font-weight: bold;
	padding: 3px 4px;
	text-decoration: none;
	width: 155px;
}
#sidemenu UL LI A:hover {
	background-color: #cccccc;
	color: #000;
	padding: 2px 3px;
	border: solid 1px #000;
}

#selectionmenu {
	background-color: #cccccc;
	color: #c00;
	padding: 2px 3px;
	border: solid 1px #000;
}


#content {
	text-align: justify;
	font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;
	color: #eee;
	background-color: black;
	width: 600px;
	margin:0px 0 0 240px;
}

A {
	color: #cc0000;
}

A:hover {
	color: #cc6666;
}

h1 {
	font-size: 1.4em;
	color: #c00;
	background-color: transparent;
	padding-right: 5px;
	margin: 30px 50px 5px;

}
h2,h3 {
	color: #c00;
	margin: 7px 40px 0;
}
DIV.important {
	border: solid 1px #fff;
	background-color: #aa0000;
	color: #fff;
	padding: 10px;
	width: 330px;
	margin: 0 40px;
}
DIV.important A, DIV.important A:hover {
	color: #fff;
}
p, dl{
	margin: 0 40px 12px ;
}
P IMG {
	float: right;
	margin: 10px 10px 10px 30px;
	border: 1px solid #000;
}
P IMG.logo {
	border: none;
}
UL {
	margin: 12px 40px;
}

TABLE.judging {
	border: solid 1px #666;
	border-collapse: collapse;
	font-size: 0.9em;
	margin: 12px 40px;
}

TABLE.judging td, TABLE.judging th {
	vertical-align: top;
	padding: 4px;
}

TABLE.judging th {
	color: #000;
	background-color: transparent;
	border-bottom: solid 1px #666;
}

TABLE.judging td {
	border-bottom: dashed 1px #999999;
}

TABLE.judging td ul, TABLE.judging td ul LI{
	margin: 0;
	padding: 0 15px;
}

P.regbtn {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

p.regbtn a {
	border: solid 1px #000;
	padding: 5px;
	color: #f00;
	background-color: #fff;
	text-decoration: none;
}

p.regbtn a:hover {
	border: solid 1px #000;
	padding: 5px;
	color: #f00;
	background-color: #fcc;
	text-decoration: underline;
}

#footer {
	margin: 0;
	color: #999;
	text-align: left;
}
#footer P {
	padding: 50px 30px;
	margin: 0;
	font-size: 90%;
}

form#inscriptionBattle label {
display:block;
float:left;
width:40%;
text-align:right;
margin-right:0.5em;
font-style:italic;
}

form#inscriptionBattle label span {
color:red;
}

form#inscriptionBattle label.nonFloated {
display:block;
float:none;
width:auto;
text-align:left;
margin-right:0;
padding-top:1em;
}

ul#galerie {
list-style-type:none;
margin:0;
padding:0;
}

ul#galerie li {
text-align:center;
margin:0;
padding:0;
}
#infos {
background-color:black;
color:white;
padding-bottom:10px;
}
#infos:hover {background-color:#666}
#infos * {
 font-size:8pt;
}
#infos p {
 margin:2px;
}
#infos form {margin:0;}

.show, .act, .qitem {clear:both; padding-top:10px;}

.show img, .act img, .qitem img {padding-top:7px; margin:0 30px 7px 10px;}
.show h2, .act h2, .qitem h2 {
 border-top:2px dotted;
}
.show p.titre,.show p.dates, .qitem p.date, .qitem p.lieu {padding-top:0; padding-bottom:0; margin-bottom:0; margin-top:0;)
}
.show p.titre, .qitem p.lieu { font-weight:bold; font-size:1.2em;}

h1 {
 text-align:center;
 font-variant:small-caps;
}
#fd {
 background:transparent url(img/footer.gif) bottom left no-repeat;
 padding-bottom:180px;
}
#logofest {
 position:absolute;
 top:100px;
 left:680px;
 width:120px;
 height:140px;
}
#logofest a {
 display:block;
}
#changelang {
 position:absolute;
 top:200px;
 left:20px;
}
#changelang a {
 color:white;
 font-size:1.2em;
 font-style:italic;
 letter-spacing:.1em;
 text-decoration:none;
}