/* 
beryl gondouin
*/
body {
margin: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
background:#FFF url(design/bg.gif) repeat-x;
/* 
centrage du cadre
*/
position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 830px;
}
p {margin-bottom:5px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
}

p A, p A:visited {
	padding: 0 2px 0 2px;
	color: #476389;
}
p A:hover {
	color: #2B2B28;
	text-decoration: none;
}
#header {
position: absolute;
left:0;
top:0;
width: 830px;
height: 123px;
background: #002BCB url(design/BG.gif) repeat-x; 
background-image:url(design/header.jpg);
color:#fff;

}
#header a{
color: #0064C8;
text-decoration: none;
}
#coordonnees {
	float: right;
	margin-top: 108px;
	text-align: right;
	margin-right: 15px;
	font-size: 11px;
	background-color:#fff;
	color: #0064C8;
}
#central {
	position: absolute;
	left:0;
	top: 123px;
	width: 830px;
	background-position:left;
	background-repeat:repeat-y;
	background-color:#fff;
	clear: both;

}
#footer {
float:left;
width: 830px;
height: 17px;
background-color: #D6D6D6;
color: #fff;
text-align: right;
font-size: 11px;
font-weight: bold;
clear: both;
}
#footer a {
text-decoration: none;
color: #fff;
}
#footer a:hover {
text-decoration: underline;
}



#menu {
float:left;
width: 150px;
height: 600px;
background-image:url(design/menu.jpg);
  background-repeat: no-repeat;
background-color:#fff;
font-size: 13px;
}
#menu a, #menu a:link, #menu a:visited {
display: block;
position: absolute;
left: 18px;
width: 110px;
height: 21px;
color: #fff;
text-decoration: none;
font-weight: bold;
}
#menu a:link {
background-image:url(design/menulink.gif);
color:#000;
}
#menu a:visited {
background-image:url(design/menulink.gif);
color:#000;
}
#menu a:hover {
background-image:url(design/menuhover.gif);
color:#000;
}
#menu a:active {
background-image:url(design/menuhover.gif);
color:#000;
}
#menu a:focus {
background-image:url(design/menuhover.gif);
color:#000;
}
#menu a#accueil {
top: 146px;
}
#menu a#presentation {
top: 168px;
}
#menu a#activites {
top: 190px;
}
#menu a#calendrier {
top: 212px;
}
#menu a#concerts {
top: 234px;
}
#menu a#presse {
top: 256px;
}
#menu a#photos {
top: 278px;
}
#menu a#discographie {
top: 300px;
}
#menu a#Videos {
top: 322px;
}
#menu a#liens {
top: 344px;
}
#menu a#partenaires {
top: 366px;
}
#menu a#contacts {
top: 388px;
}
#menu a#livre {
top: 410px;
}
#menu a#reserve {
top: 432px;
}
#contenup {
float:left;
display: block;
	width: 670px;
	 border: 5px solid #0064C8;


}
#contenu {
	position: relative;
	width: 670px;
	background-color:#FFFFFF;
	

}
#contenu td {
padding: 10px 5px 10px 5px;

}
#contenud {
	float: left;
	width: 450px;
	}
#pochette {
	float: right;
	width: 200px;
}

#agenda {
float:left;
width: 200px;
font-size: 13px;
}
#agenda2 {
float:right;
width: 450px;
font-size: 13px;
}

h1 {
background-color:#D6D6D6;
background-position: top left;
background-repeat:no-repeat;
text-indent: 25px;
font-size: 1.2em;
margin: 5px 0 10px 0;
}
h2 {
display: block;
	font-size: 12px;
	color: #476389;
	border-bottom: 1px #999999 solid;
	padding: 0px 0px 4px 0px;
	margin: 0px 25px 10px 25px;
}
h2 A, h2 A:visited {
	padding: 0px 0px 4px 0px;
	font-size: 12px;
	color: #476389;
	border-bottom: 1px #999999 solid;
	margin: 0px 25px 10px 25px;
}



/* 
Gallerie Photos
*/
#gallerie { width: 595px; margin: 0px auto; text-align: left; }

.albumthumb IMG { border: 0px; float: left; margin-right: 10px; }
.imagethumb IMG, .image IMG { border: 0px; margin: 0px; padding: 0px; }
.image { margin: 0px; padding: 0px; float: left; }
HR { clear: both; height: 0px; border: 0px; border-top: 1px solid #ccc; margin-top: 0px; padding: 0px; }
#gallerytitle H2 { font-size: 11pt; }
.imgnav { margin-bottom: 4px; font-size: 8pt; font-weight: bold; color: #CCC; }
#images { margin: 5px 0px 10px; clear: both; }
#albums { clear: both; margin: 5px 0px 10px; padding: 0px; }
.pagenav { margin: 5px 0px 5px; font-size: 8pt; font-weight: bold; color: #CCC; clear: both; }
.pagenav A:link, .pagenav A:visited { color: #333; text-decoration: none; }
.disabledlink { color: #ddd; cursor: default; }
#gallerytitle SPAN { font-weight: normal; color: #CCC; text-decoration: none; }
#gallerytitle A:link, #gallerytitle A:visited { text-decoration: underline; color: #999; }
.albumtitle H3 { margin: 0px; padding: 0px; }


UL.pagelist {
  padding: 0px;
  margin: 5px 0px 5px;
  list-style-type: none;
  height: 2em;
}
UL.pagelist LI { display: inline; font-weight: bold; }
UL.pagelist LI A, UL.pagelist LI span.disabledlink {
  display: block;
  float: left;
  padding: 2px 4px;
  background-color: #FFF6EC;
  text-decoration: none;
  color: #555;
}
UL.pagelist LI span.disabledlink { background-color: #fff; color: #ddd; cursor: default; }
UL.pagelist LI A:hover { background-color: #FFCC99; color: black; }
UL.pagelist LI.current A { background-color: #FF6600; color: #FFF; cursor: default; }

.commentcount { font-weight: normal; font-size: 11pt; margin-top: 10px; }

#comments {
  border: 1px solid #f0f0f0;
  padding: 15px 20px;
  margin: 15px 0px;
  width: 350px;
  display: block;
}
.comment {
  margin: 15px 0px;
  padding: 10px 10px;
  border: 1px solid #f0f0f0;
  background-color: #f8f8f8;
}
.commentmeta { color: #999; }
.commentauthor { font-weight: bold; }
.commentbody { margin: 5px 0px; line-height: 1.3em; }
.imgcommentform INPUT { margin-top: 4px; border: 1px solid #eee; background-color: #f8f8f8; }
.imgcommentform TEXTAREA { margin-top: 4px; font-family: Arial, helvetica, verdana, sans-serif; font-size: 10pt; border: 1px solid #eee;}
.error { color: #C33; font-weight: bold; }