body {
	color: #fff;
	font: 10pt "Lucida Grande", 'Trebuchet MS', 'Helvetica Neue', 'Arial', Verdana, sans-serif;
	background-color: #000;
}

#page {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border: 1px solid #000;
	min-height: 800px;
	width: 825px;
	background: #1f1f1f url('images/fondcontenu.png') left top;
}

/* @group Menu */

#menu {
	list-style: none;
	  padding: 0;
	  margin: 0;
	  width: 774px;
	  height: 210px;
	  position: absolute;
	top: 0;
}

#menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}

#menu a:hover {
  background-position: left bottom;
}

#menu .accueil {
  width: 80px;
  height: 35px;
  background: url('images/btn_accueil.png') no-repeat;
  left: 30px;
  top: 201px;
}

#menu .media {
  width: 80px;
  height: 35px;
  background: url('images/btn_media.png') no-repeat;
  left: 124px;
  top: 179px;
}

#menu .forum {
  width: 80px;
  height: 35px;
  background: url('images/btn_forum.png') no-repeat;
  left: 184px;
  top: 219px;
}

#menu .contact {
  width: 80px;
  height: 35px;
  background: url('images/btn_contact.png') no-repeat;
  left: 158px;
  top: 258px;
}

#menu .groupe {
  width: 80px;
  height: 35px;
  background: url('images/btn_groupe.png') no-repeat;
  left: 62px;
  top: 248px;
}



/* @end */

/* @group Titre */

h1 {
	background-image: url('images/fondpage.jpg');
	width: 825px;
	height: 472px;
	display: block;
	margin: 0;
	padding: 0;
}

h1 span {
	display: none;
}

h2 {
	width: 604px;
	height: 74px;
	display: block;
	position: absolute;
	top: 367px;
}

h2 span {
	display: none;
}



/* @end */

/* @group Ruban */

#attentionleruban {
	background-image: url('images/transitionruban.png');
	height: 45px;
	width: 825px;
	margin: 0 auto;
	padding: 0;
	top: -1px;
	position: relative;
}

#attentionleruban span {
	display: none;
}

#ruban {
	background: url('images/rubanphotos.jpg') no-repeat -4000px top;
	height: 152px;
	padding: 0;
	width: 825px;
	margin: 0 auto;
}

#ruban span {
	display:  none;
}



/* @end */

p {
	margin-right: 90px;
	margin-left: 50px;
}

#figurine {
	width: 241px;
	height: 306px;
	display: block;
	float: right;
	padding-right: 60px;
}

#figurine span {
	display: none;
}

p.concerts {
	padding-left: 1em;
	padding-bottom: 0px;
}


p.news {
	padding-left: 1.3em;
}




span.titre-news {
	font-variant: small-caps;
	letter-spacing: 0;
	color: #FFFFFF;
	font-size: larger;
}

ul.concerts_passes {
	margin-left: 44px;
}

ul.concerts_passes li {
}

ul.concerts {
	list-style-image: none;
	text-transform: uppercase;
	font-weight: bold;
	/*letter-spacing: 1px;*/
	list-style-type: none;
	margin-left: 44px;
}

ul.concerts li {
	background: url('images/puce1.png') no-repeat 0 -1px;
	padding-left: 42px;
	height: 32px;
	padding-top: 8px;
	padding-bottom: 1px;
}

ul.concerts li:hover {
	background: url('images/puce2.png') no-repeat 0 -1px;
	padding-left: 42px;
	height: 32px;
	padding-top: 8px;
}


span#concertsline {
	font-weight: bold;
	font-size: larger;
}


a:link {
	color: #777777;
	text-decoration: none;
}

a:visited {
	color: #777777;
	text-decoration: none;
}

a:hover {
	color: white;
}


h3 {
	font-size: 10pt;
	margin-left: 50px;
	padding-left: 11px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 442px;
	height: 36px;
	text-transform: uppercase;
	background-image: url('images/bandeau.png');
	background-repeat: no-repeat;
}

h3 > span {
	position: relative;
	top: 10px;
}


input[type=text] {
	border: 1px solid #666666;
	background-color: #222222;
	padding: 2px;
	/*background-image: url('images/icon1.png');
	background-position-x: 1px;
	background-position-y: 2px;
	padding-left: 20px;
	background-repeat: no-repeat;*/
	color: white;
}

#copyright {
	color: #AEAEAE;
	text-transform: uppercase;
	text-align: center;
	font-size : 7pt;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 825px;
	margin: 0 auto;
}



.box + p.news {
	margin-top: 5px;
	margin-right: 60px;
	text-indent: 1em;
	text-align: justify;
	margin-bottom: 3em;
}

.box {
counter-increment: News;
	color: #DEDEDE;
}

.box2 {
	color: #FFFFFF;
}

.box, .box2 { 
  background: #252525; 
width: 440px;
margin-left: 70px;
margin-bottom:0px;
font-weight: bold;
letter-spacing: -0.1em;
text-transform: none;
}

.boxtop { 
  background: url(images/ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 8px; 
  background: url(images/nw.gif) no-repeat top left; 
}

.boxbottom { 
  background: url(images/se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 8px; 
  background: url(images/sw.gif) no-repeat bottom left; 
}
.boxcontent, .boxcontent2 {
  padding: 0px 8px 0px 8px;
}
.boxcontent:before {
	content: url("images/icon2.png") counter(News) ;
	padding-right: 5px;
	color: #888888;
}
.boxcontent2 {
	text-transform: uppercase;
}
/*
<p class="concerts">
	<span id="concertsline"><?php echo $result->numRows()." concert".($result->numRows()==1?"":"s"); ?> &agrave; venir</span></p>
	*/