html { font-size:100%; }
body {
font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
color:#222222;
background:url(images/bkmA.jpg) fixed #390619;
font-size:0.8em;
margin:0px;
}
img, fieldset, h1, h2, h3, hr { margin:0;padding:0;border:none; }
h1 { color:#3c063c; font-weight:lighter; padding:6px; height:40px; text-align:center; }
h2 { padding:40px 0px 40px 0px; font-variant:small-caps; color:white; text-align:center; }
hr { background-color:#222222; width:100px; height:1px; margin:0px auto; margin-bottom:8px; }
a { color:#8a0101; text-decoration:none; }
a:hover { color:red; text-decoration:none; }

/* ---------------------------------- */
#page { width:984px; margin:auto; }
#lsbhead { vertical-align:top; padding:20px 0px 0px 180px; background:url(images/bk_top.png) no-repeat; height:140px; }
#content { display:block; padding:10px 50px 0px 50px; background:url(images/bk_main.png) repeat-y; }
#topp { width:100%; border:1px solid #cccccc; color:black; letter-spacing:20px; font-size:11px; text-align:right; font-variant:small-caps; margin-bottom:10px; border-radius:6px; -moz-border-radius:6px; }
#pied { clear:both; width:100%; padding:10px 0px 0px 0px; font-size:10px; background:url(images/bk_pied.png) top no-repeat; height:50px; text-align:center; }

/* -------------------------------------------------- styles du bandeau de navigation */
#nav { background:url(images/bk_nav.png) no-repeat; height:60px; text-align:center; }
#nav li { list-style:none; }
#nav a { display:inline-block; padding-top:4px; background:url(images/nav_bk.png) left top no-repeat; width:100px; height:56px; vertical-align:top; }
#nav a:hover { background:url(images/nav_bk.png) right top no-repeat; }

/* ---------------------------------------------------------------------------------- ACCUEIL */
/* -------------------------------------------------- styles du bandeau déroulant */
#bk_next { background:url(images/bk_next.png) center no-repeat; padding:0px 0px 10px 0px; margin:4px 0px 16px 0px; height:20px; }
.tickercontainer { background:transparent; width:747px; height:24px; margin-left:67px; padding:0;overflow:hidden; }
.tickercontainer .mask { position:relative; left:3px; top:7px; width:747px; overflow:hidden; }
ul.newsticker { position:relative; left:730px; font:bold 13px Verdana; color:white; list-style-type:none; margin:0; padding:0; }
ul.newsticker li { float:left; margin:0px; padding:0px; color:white; background:transparent; }
ul.newsticker span.d { color:#C78088; padding:0px 10px 0px 20px; }
ul.newsticker span.oth { padding:0px 0px 0px 10px; }
/* ---------------------------------------------------- */
#sdshow { width:640px; text-align:center; margin:0px auto; background:#222222; }
#sdshow div { width: 640px; height: 400px;  }
/* make sure each slide image is centered */
#sdshow div img { margin: auto; display: block }

#news_container {	width:630px; border:0; margin-bottom:10px; }
#news_container div.top { background:url(images/nstop.png) top no-repeat; height:10px; }
#news_container div.bot { background:url(images/nsbot.png) top no-repeat; height:10px; }
.news { background:url(images/nsmain.png) top repeat-y; padding:0px; }
.news div.date { font:11px Tahoma, Verdana, sans-serif; font-style:italic; color:#cccccc; background:url(images/bk_lin_top.jpg) top repeat-x; padding:4px; margin-bottom:0px; text-align:left; }
.news div.ntit { font-size:20px; font-variant:small-caps; margin:0px; padding-left:10px; text-decoration:underline overline; }
.news div.verb { padding:10px; text-align:justify; color:#222222; }

#icol { float:right; width:240px; }
#icol div.top { background:url(images/cdtop.png) top no-repeat; height:17px; font-size:10px; font-weight:bold; padding-left:10px; padding-top:6px; }
#icol div.main { background:url(images/cdmain.png) top repeat-y; text-align:center; padding:4px 0px 4px 0px; }
#icol div.lnk { text-align:right; font-size:10px; padding-right:8px; }
#icol div.bot { background:url(images/cdbot.png) top no-repeat; height:11px; }

#subpage { text-align:center; margin:0 auto; font-size:22px; font-weight:bold; }

/* -------------------------------------------------- CONCERTS */
.concert { width:700px; margin:0 auto; margin-top:10px; padding:10px 0px 20px 0px; overflow:visible; display:table; color:#333333; }
.concert div.top { background:url(images/crt_top.png) center no-repeat; height:12px; }
.concert div.main { background:url(images/crt_main.png) top repeat-y; text-align:center; }
.concert div.bot { background:url(images/crt_bot.png) center no-repeat; height:12px; }
.concert .cclhid{ position:absolute; width:550px; text-align:right; }
.concert div.cdate { font-size:18px; font-weight:bold; text-align:center; margin:0; }
.concert div.ctime { font-size:14px; text-align:center; margin:0; }
.concert div.clieu {	font-size:22px; font-variant:small-caps; font-weight:bold; text-align:center; margin:0px; }
.concert div.more { font-size:14px; font-style:italic; text-align:center; margin:0; }
.concert div.adr { padding:0px 10px 0px 10px; text-align:left; font-size:9px; font-weight:bold; width:590px; margin:0 auto; }
.concert span.url { float:right; }

h1.year { font-variant:small-caps; color:white; padding-right:80px; text-align:right; }
#cbk { background:url(images/bk_ct.png) center no-repeat; }

/* ------------------------------------------------------------------- GALERIES */
#gband { font-family:Arial, Tahoma, sans-serif; clear:both; font-size:10px; color:#555555; letter-spacing:8px; text-align:left; font-weight:bold; }
#gband .gnav form { background:url(images/bk_log.png); float:right; margin:0px; }

/* ---------------------------- mono */
.gnav { float:right; letter-spacing:1px; color:#cccccc; margin-bottom:6px; height:29px; }
.gnav a { padding:2px 4px 2px 4px; margin:0px 2px 0px 2px; border:1px #111111 solid; }
.gnav a:hover { border:1px #8B0101 solid; text-decoration:none; }
.gnav span { padding:2px 4px 2px 4px; margin:0px 2px 0px 2px; border:1px #333333 solid; }

/* ------------------------------ multi */
#mgnav { float:right; letter-spacing:1px; color:#222222; }
#mgnav div { display:inline-block; margin:0; padding:0; }
#mgnav div.left { text-align:right; float:left; background:url(images/mgal_left.png) no-repeat; width:30px; height:29px; }
#mgnav div.gmain { font-variant:small-caps; padding:6px 4px 0px 4px; background:url(images/mgal_main.png) repeat-x; height:23px; }
#mgnav ul { margin:0; padding:0; list-style:none; position:absolute; margin-top:22px; margin-left:-8px; }
#mgnav li { font-variant:normal; padding:2px 4px 4px 4px; margin-bottom:4px; }
#mgnav li.cl { background:url(images/bk_galst.png); cursor:pointer; }
#mgnav li.cl:hover { background:url(images/bk_galst_ov.png); color:white; }
#mgnav li.cu { background:url(images/bk_b30.png); color:#444444; }
#mgnav div.right { float:right; background:url(images/mgal_right.png) no-repeat; width:17px; height:29px; }
#mgnav span.but { display:inline-block; background:url(images/mgal_but.png) left no-repeat; width:19px; height:19px; vertical-align:middle; margin-left:10px; cursor:pointer; }
#mgnav span.but:hover { background:url(images/mgal_but.png) right no-repeat; }

#gband select { background:url(images/bk_log.png); border:none; font-size:10px; }
#gband option { background:#b87194; color:white; }

#gal { clear:both; width:800px; margin:0 auto; padding:10px 0px 10px 0px; overflow:visible; }
#gal div { text-align: center; }
#gal div.top {	background:url(images/gtop.png) no-repeat; height:12px; }
#gal div.main { background:url(images/gmain.png) repeat-y; }
#gal div.bot {	background:url(images/gbot.png) no-repeat; height:12px; }
#gal ul { margin:0px; padding:0px; }
#gal li { border:1px dotted #666666; display:inline-block; list-style:none; vertical-align:top; padding:20px; margin:10px 30px 10px 30px; font-size:10px; font-weight:bold; }
#gal li a { color:#666666; }
#gal li a:hover { color:#600660; }

/* ------------------------------------------------------------------------- ZICOS */
#zlt ul { margin:0px; padding:0px; }
#zlt li { border:1px solid #cccccc; background:#3c063c; color:#ededed; display:inline-block; list-style:none; text-align:center; width:120px; padding:4px 0px 4px 0px; margin:0; font-size:10px; font-weight:bold; cursor:pointer; -moz-border-radius:6px 6px 0px 0px; border-radius:6px 6px 0px 0px; }
#zlt li:hover { background:#ab06ab; }

.zbio { border:1px solid white; }
.zbio div.instru { font-size:10px; text-align:center; font-weight:bold; }

/* ------------------------------------------------------------------------ DISCOGRAPHIE */
#album { width:700px; padding:10px; background-image:url(images/bk_log.png); margin:0 auto; -moz-border-radius:6px; border-radius:6px; }
#album div.rd { background:url(images/bk_log.png); color:black; font-weight:bold; font-size:10px; margin-bottom:6px; text-align:center; }
#album div.ad { text-align:justify; font-size:14px; }

#txlst { float:left; width:200px; height:100%; border:1px solid #5b005b; padding-bottom:4px; text-align:center; margin-right:4px; -moz-border-radius:6px; border-radius:6px; }
#txlst h3 { background-color:#5b005b; font-size:12px; color:#efd6ef; }
#txlst div { margin:0; width:100%; padding:0; margin-top:4px; }
#txlst div:hover { background-color:#efd6ef; color:white; }
#txlst a { color:#330033; }
#txlst a:hover {	color:#550055; }

/* --------------------------------------------------------------------------- MP3 */
#mpr { width:550px; margin:0 auto; text-align:center; background:url(images/bkread.png) no-repeat; height:105px; color:#dddddd; font-size:11px; padding:10px 0px 4px 0px; }
#mpr h2 { color:white; font-style:italic; padding:0; margin:0; }

#mp3 { width:555px; margin:0 auto; }
#mp3 h3 { text-align:right; font-size:16px; font-weight:bold; margin-top:20px; }
#mp3 div.enec { width:545px; background:url(images/enec.png); padding-left:10px; padding-top:10px; height:28px; cursor:pointer; }
#mp3 div.enec:hover { background:url(images/enec_ov.png); color:#cc3300; }
#mp3 div.enecur { width:545px; background:url(images/enec_ov.png); padding-left:10px; padding-top:10px; height:28px; color:#cc3300; }

/* ------------------------------------------------------------------- PRESSE */
.press_band { float:left; width:240px; margin-top:10px; }

.press_slide { width:604px; float:right; }
.press_slide h3 { font-family:"Courier New", Courier, monospace; background:url(images/pr_top.png) no-repeat; font-size:11px; color:black; font-weight:bold; padding:3px 0px 0px 34px; text-align:left; margin:10px 0px 0px 0px; height:37px; clear:both; cursor:pointer; }
.press_slide div.tt { background:url(images/pr_main.png) center repeat-y; font-size:12px; color:black; padding:10px 58px 10px 58px; text-align:justify; }
.press_slide div.pd { width:100%; background:url(images/pr_bk.png) center no-repeat; height:18px; }
.press_slide div.adm { position:absolute; width:488px; text-align:right; }

/* ------------------------------------------------------------------- styles de la page texte */
#lyr { width:760px; background:url(images/bk_text.png) center no-repeat; height:599px; margin:0 auto; }

.stl { width:300px; padding-left:220px; text-align:left; font-size:11px; margin:0 auto; margin-top:20px; }
.stl span { display:inline-block; }
.stl p { padding:2px 10px 2px 10px; margin:0px; width:100%; height:100%; }
.stl p.t1 { background:url(images/bk_b30.png); }
.stl p.t2 { background:url(images/bk_log.png); }
.stl span.co1 { width:150px; text-align:left; }
.stl span.co2 { width:150px; text-align:right; }

#lyr div.tlst { float:left; width:200px; border:1px #111111 solid; margin:10px; background-image:url(images/bk_log.png); font-size:11px; }
#lyr h3.top { font:11px Tahoma, Verdana, sans-serif; background:url(images/bk_lin_top.jpg) top repeat-x; padding:3px 0px 4px 5px; text-align:left; height:12px; }
#lyr h3.bot { background:url(images/bk_lin_bot.jpg) top repeat-x; height:20px; }
#lyr p.tl { text-align:left; padding:2px 0px 2px 4px; color:#cccccc; margin:0px; cursor:pointer; }
#lyr p.tl:hover { background-color:#333333; color:white; }
#lyr p.tl img { vertical-align:middle; }

.txtc div.auth { font:10px Tahoma, Verdana, sans-serif; font-weight:bold; text-align:center; }

.just { text-align:justify; margin-right:10px; font-size:14px; color:white; }

/* ------------------------------------------------------------------- CONTACTS */
#cpro { width:702px; height:200px; background:url(images/bk_contact.png) no-repeat; margin:0px auto; padding-top:79px; text-align:center; }
#cpro div.lft { float:left; width:50% }
#cpro div.rgt { float:right; width:50% }

#cprk { width:540px; margin:0 auto; margin-top:10px; padding:0; background:#000000; font-size:10px; }
#cprk div { width:270px; text-align:center; }
#cprk div.lft { float:left; }
#cprk div.rgt { float:right; }

#contacts h3 { font:0.85em Tahoma, Verdana, sans-serif; height:14px; background:url(images/bk_lin_bot.jpg) top repeat-x; padding:2px 4px 4px 10px; margin-bottom:10px; text-align:left; letter-spacing:6px; }
#contacts .lat { float:left;width:250px; }
#contacts p { font-size:1.3em; }
#contacts .cm { float:right; text-align:center; width:500px; }

/* ------------------------------------------------------------------- LIENS */

#lnk div { text-align:center; padding:40px 0px 20px 0px; }

/* ----------------------------------------------- style du formulaire de login */
.ulog form {
	width: 500px;
	padding: 10px 20px;
	background: url(images/bk_log.png);
	border: 1px solid #5b2d45;
	margin: auto;
	-moz-border-radius: 6px;
}

.ulog form p {
	margin: 1em 0;
}

.ulog form p.db {
	overflow: hidden;
	width: 100%;
}

.ulog form p.db label {
	float: left;
	width: 200px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

.ulog form p.db label span.inf {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
} 

.ulog form p.db input {
	margin-left: 10px;
	background: url(images/bk_log.png);
	border: solid 1px #993336;
	padding: 2px 4px;
	font-size: .9em;
}

.ulog form p.sp {
	margin-left: 210px;
}

/* ---------------------------------------------- messages d'info ou d'avertissement */
.warn
{
	background-color: #fff8dc;
	border: 1px solid red;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: red;
	padding: 10px;
	text-align: center;
	margin: 10px auto;
	width: 500px;
}

.info
{
	background-color: #eeffee;
	border: 1px solid green;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: green;
	padding: 10px;
	text-align: center;
	margin: 10px auto;
	width: 500px;
}

/* ----------------------------------- styles pour les articles */

.quote {
 width: 80%;
 padding: 4px;
 border: 1px solid #555555;
 margin:4px auto;
 background-color: #333333;
 font-style: italic;
}