body {
	margin:0px 0px 0px 0px; 
	padding:0px;
	font-family: helvetica, arial, verdana, sans-serif;
	background:url('../images/bg-redpaint.jpg');
	background-color:#FFFFFF;    
}
html {overflow-x: auto;overflow-y: auto;} 
html, body {height: 100%;margin: 0 0 1px;padding: 0;}

h1 {margin: 0; padding: 5px 0 0 0 ;}
h3 {margin:0px; color: #666; font-size:1em; font-weight:normal; padding: 10px 0;}
p {margin:0px; color: #666;	font-size:12px; line-height:110%; padding-top: 5px;text-align: left;}

p.spacer01 {margin:0px; color: #666;font-size:1em; line-height:25%; padding-top: 5px;text-align: left;}

hr {color: #666; border: 1px solid #ccc;}

em{color:#E31E25;font-weight:normal;font-style:normal;}

/* we need this to make IE render <li> bullets */
ul, ol {
	margin:0;
	padding:0;
	list-style-type:square;
}

.semaine {
	position:relative;
	top: 23px;
	background: url("../images/saliere_icon.gif");
	background-repeat: no-repeat;
	min-width: 20px;
	min-height:30px
}

ul li, ol li {
	margin:0 0em 0 0.25em;
	margin-left: 5px;
	padding:0;
}

img {
	vertical-align: middle;
	border: 0;
}

/* links */
#content a:link {color: #E31E25; text-decoration: none; font-weight:bold;}
#content a:visited {color: #E31E25; text-decoration: none; font-weight:bold;}
#content a:hover {color: #E31E25; text-decoration: underline; font-weight:bold;} 
#content a:active {color: #E31E25; text-decoration: none; font-weight:bold;}

/* small menus in apropos */
a:link.menuSmall{font-size: x-small;color: #E31E25;}
a:hover.menuSmall{font-size: x-small;text-decoration: underline;}
a:visited.menuSmall{font-size: x-small;}
a:active.menuSmall{font-size: x-small;}

/* salle de presse */
a.presseLink {font-size: 12px;}
a:hover.presseLink {font-size: 12px;color: #333333;text-decoration: underline;}
a:visited.presseLink {font-size: 12px;}
a:active.presseLink {font-size: 12px;}

sup { vertical-align: baseline;position: relative;top: -0.4em;}

* html .byfloatedimage{float:left;} /* IE only hack */


/*----------------- DIVS-----------------------*/
#container-container {
	width: 802px;
	/*min-height: 1200px;*/
	margin: 0px auto;
	background-color:#E31E25;
	border: 1px dotted #666;
}

#container {
	width: 800px;
	/*height:100%;*/
	/*min-height: 1200px;*/
	margin: 0px auto;  
	background:url('../images/bg-container.jpg');
	background-repeat:no-repeat;
	background-color:#E31E25;
	border: 1px dotted #ccc;
}

#header {
	width: 800px;
	height: 262px;
	left: 0px;
	top: 0px;
	margin:0px;
	border: 0px solid #0ff;
	background: url('../images/bg-header.jpg');
}
#sirius {
	position: relative;
	border: 0px solid #0f0;
	width: 108px;
	height: 48px;
	top: 0px;
	left: 79px;
}
#catchline {
	position: relative;
	width: 264px;
	height: 69px;
	top: -60px;
	left: 0px;
	border: 0px solid #0f0;
	background: url('../images/catchline.jpg');
}

#pub_space {
	position: relative;
	width: 250px;
	height: 280px;
	top: 42px;
	left: 30px;
	border: 0px solid #0f0;
	z-index:1;
}

#main {
	width: 800px;
	min-height: 503px;/*363px;*/
	left: 0px;
	margin:0px;
	border: 0px solid #000;
}

#logo {
	position: relative;
	width: 780px;
	left: 20px;
	top: 0px;
	height: 150px;
	border: 0px solid #0f0;
	background-color: #E31E25;
	background: url('../images/bg-logos.jpg');
}

/* menu css */
#menu {
	float: left;
	width: 264px;
	top:220px;
	left: 0px;
	height: 360px;
	margin:0px 0px 0px 0px ;
	padding: 0;
	font-size:14px;
	text-align:left;
	border: 0px solid #09f;
	background: url('../images/bg-menu.jpg');
	background-repeat: no-repeat;
	z-index:1;
}
#menu ul {
	margin-top: -25px;
	margin-left: 40px;
	list-style:none;
}
#menu li {
	margin:0px;
	padding:3px 3px;
	color: #666;
	display:block;
}
#menu li a:link {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#menu li a:visited {
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

#menu li a:hover {
	color: #E31E25;
	font-weight: bold;
	text-decoration: none;
}

/* end of menu css */

/* content css */
#content_box {
	position:relative;
	left: 10px;
	width:514px;
	min-height:605px; /* 433px */
	margin:0px;
	overflow: hidden;
	text-align: left;
	border: 0px solid #0f0;
	background: url('../images/bg-content.jpg');
	background-repeat: repeat-y;
}

#content {
	position:relative;
	left: 42px;
	width:425px;
	margin:0px;
	overflow: hidden;
	text-align: left;
	border: 0px solid #0f0;
}

#content ul{margin-left:10px;}

#content li{
	padding: 0px 0px 15px 0;
	font-size:10pt;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #333;
}

#content p {font-family: arial, verdana, helvetica, sans-serif;}

/* end of content css */


/* fiches */
#fiche_content {
	position:relative;
	left: 0px;
	width:422px;
	margin:0px;
	overflow: hidden;
	text-align: left;
	border: 0px solid #0f0;
}
#fiche_content img {
	vertical-align: middle;
}
#fiche_header {
	width: 422px;
	height: 142px;
	background: url('../images/fiche-header.gif');
	background-repeat: no-repeat;
	border: 0px solid #0f0;
}
#fiche_play_btn {
	position: relative;
	width:60px;
	height: 30px;
	left: 40px;
	top: 55px;
	border: 0px solid #f00;
	z-index: 2;
	background-color: #e2e3db;
}
#fiche_artiste_name_box {
	position:relative;
	left: 148px;
	top: -10px;
	width: 222px;
	border: 0px solid #f00;
}
#fiche_mp3_box {
	position:relative;
	left: 150px;
	top: -10px;
	width: 260px;
	border: 0px solid #f00;
}
.fiche_artiste_nom {
	font-family: helvetica, arial, verdana;
	margin-top: 0px;
	margin-left:0px; 
	color: #E31E25;
	font-weight: bold;
	font-size:20px;
	text-align: left;
	line-height: 100%;
}
.fiche_artiste_nom img {
	position: relative;
	vertical-align:middle;
	top: -1px;
}
.fiche_chanson_nom {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	top: -5px;
}
.text_fiche_artiste {
	margin-left:30px; 
	color: #333;
	font-size:9pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: justify;
}
.fiche_ecoute {
	font-family: helvetica, arial, verdana;
	margin-top: -5px;
	margin-left:0px; 
	color: #999;
	font-weight: normal;
	font-size:10px;
	text-align: left;
	line-height: 100%;
}

.fiche_credit_chanson {
	margin-left:0px; 
	color: #999;
	font-size: 10px;
	margin-top: -12px;
}

#previousBand {
	position: absolute;
	left: -10px;
	top:7px;
	border: 0px solid #f00;
	z-index: 2;
}
#previousBand img {
	width: 10px;
	height: 12px;
}
#nextBand {
	position: absolute;
	left: 60px;
	top:7px;
	border: 0px solid #f00;
	z-index: 2;
}
#nextBand img {
	width: 10px;
	height: 12px;
}

.artiste_photo {
	float: right;
	/*min-width: 180px;
	min-height: 180px;*/
	color: #666666;
	font-size: 9px;
	padding-top: 0px;
	padding-left: 10px;
	text-align: left;
	border: 0px solid #666;
}

a:link.artiste_photo{border: 0px solid #666;color:#ffffff;}
a:hover.artiste_photo{border: 0px solid #666;color:#ffffff;}
a:visited.artiste_photo{border: 0px solid #666;color:#ffffff;}
a:active.artiste_photo{border: 0px solid #666;color:#0000ff;}

/* artsited external links dans les fiches */
a.url_artiste{margin-left:30px; font-size: 14px;font-weight:bold;}
a:hover.url_artiste{color: #333333;text-decoration: underline;}

/*#close_btn {
	position: absolute;
	left: 600px;
	top:0px;
	border: 0px solid #f00;
}*/

.close_btn {
	position: absolute;
	left: 378px;
	top: 3px;
	z-index:1;
}
#bio {
	border: 0px solid #f00;
	width:350px;
	padding-right: 15px;
	min-height: 450px;
}
#ecoute {
	position: absolute;
	left: 410px;
	top:120px;
	width:200px;
	height: 300px;
	border: 0px solid #f00;	
}

/* end of fiche css */

#footer {
	position: relative;
	width: 800px;
	left: 0px;
	top: 0px;
	height: 30px;
	border: 0px solid #0f0;
	background: url('../images/bg-footer.jpg');
}
#foot-menu {
	min-height:5px;
	border-bottom:0px solid #000;
	background-color:#FFFFFF;
}

#tableaupresse {
	margin-left: 0px;
}

/* news with palmares divs */
#newsPalmares_wrapper {
	border: 0px solid #f00;
}
#newsText_box {
	border: 0px solid #00f;
	left:10px;
}

#right_box {
	float: right;
	margin-left: 15px;
	border: 0px solid #0f0;
	text-align: right;
}
#palmares_box {
	border: 0px solid #639;
	width: 248px;
	min-height: 97px;
	text-align: right;
}
#palmares_header {
	border: 0px solid #f00;
	position:relative;
	width: 248px;
	height: 68px;
	background: url('../images/palmares-header.png'); 
	text-align: right;
}
#palmares_date {
	position: absolute;
	font-size: 11px;
	top: 35px;
	left: 30px;
	width: 150px;
	border: 0px solid #f00;
	text-align: right;
	color: #666;
}
#palmares_bands {
	position: relative;
	width: 170px;
	top:-15px;
	left:60px;
	font-size: 12px;
	border: 0px solid #f00;
}
#palmares_mid {
	border: 0px solid #f00;
	position:relative;
	width: 248px;
	background: url('../images/palmares-bg-loop.png');
	background-repeat: repeat-y;
	text-align: left;
}
#palmares_footer {
	position:relative;
	width: 248px;
	height: 11px;
	background: url('../images/palmares-footer.png');
	background-repeat: no-repeat;
}
#pict_box {
	margin-top:10px;
	width: 261px;
	height: 135px;
	border: 0px solid #f00;
	background: url('../images/photos-bg.png'); 
}
#credit_photo {
	position: relative;
	top: 27px;
	left: -30px;
	font-size: 11px;
	color: #666;
}
/* dans section a_propos */
.credit_photo {
	position:relative;
	top: -5px;
	left: 0px;
	font-size: 10px;
	color: #666;
}
.desc_photo {
	position:relative;
	top: 0px;
	left: 0px;
	font-size: 11px;
	color: #333;
}
.signature {
	font-style: italic;
	font-size: 14px;
	color: #666;
}
#photo_strip {
	position: relative;
	min-height: 60px;
	top: 30px;
	left: -20px;
	border: 0px solid #f00;
}
#photo_strip img {
	margin-right: 1px;
	padding-right: 10px;
	min-width: 60px;
	min-height: 60px;
	background-color: #000;
	border: 1px solid #000;
}
.cleared {
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}

#more_photos {
	position: relative;
	top: 35px;
	left: -20px;
	font-size: 10px;
}
.more_photo {
	text-align:right;
	color: #000;
	font-size: 10px;
	padding-top: 0px;
	padding-left: 0px;
	font-weight:bold;
}

/*others*/
#photo_float {
	float: right;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom:10px;
	margin-right: 0px;
	border: 0px solid #00f;
}
#photo_float_left {
	float: left;
	margin: 15px;
	border: 0px solid #00f;
}
#photo_med {
	border: 1px solid #000;
	margin:2px;
}
.photo_med {
	border: 1px solid #000;
	margin:2px;
	margin-left: auto;
	margin-right: auto;
}
.formulaire {display: inline;}

#photo_wrapper {
	display: inline;
	top:0px;
	min-height:300px;
	margin: 0px;
	border: 0px solid #E31E25;
}

#photoAlbumBox {
	width: 75%;
	margin:auto;
}

/*#contact {
	border: 0px solid #f00;
	background: url('../images/contactBG.png');
	background-repeat: no-repeat;
}*/


/* general content styles */
.title {
	font-family: helvetica, arial, verdana;
	margin-top: 0px;
	margin-left:0px; 
	color: #E31E25;
	font-weight: bold;
	font-size:16px;
	text-align: left;
	line-height: 100%;
}
.title img {
	position: relative;
	vertical-align:middle;
	top: -1px;
}
.title_centered {
	font-family: helvetica, arial, verdana;
	margin-top: 0px;
	margin-left:0px; 
	color: #333;
	font-weight: bold;
	font-size:16px;
	text-align: center;
	line-height: 100%;
}
.titleBIG {
	font-family: helvetica, arial, verdana;
	margin-top: 0px;
	margin-left:0px; 
	color: #E31E25;
	font-weight: bold;
	font-size:28px;
	text-align: left;
	line-height: 100%;
}

.titleBIG img{
	vertical-align:middle;
	top: -1px;
}

.headline_centered {
	font-family: helvetica, arial, verdana;
	margin-top: 0px;
	margin-left:0px; 
	color: #333;
	font-weight: normal;
	font-size:12px;
	text-align: center;
	line-height: 100%;
	font-style: italic;
}
.title_small {
	font-family: helvetica, arial, verdana;
	margin-top: 0px;
	margin-left:0px; 
	color: #E31E25;
	font-weight: bold;
	font-size:14px;
	text-align: right;
	line-height: 100%;
}
.title_small_left {
	font-family: helvetica, arial, verdana;
	margin-top: 0px;
	margin-left:0px; 
	color: #333;
	font-weight: bold;
	font-size:14px;
	text-align: left;
	line-height: 100%;
}

.item {
	margin-left:30px; 
	color: #366;
	font-size:16px;
	font-weight: bold;
	padding-top: 5px;
}

.contact_title {
	margin-left:10px; 
	color: #666;
	font-size:14px;
	font-weight: bold;
	padding-top: 5px;
}

.section_title {
	margin-left:0px; 
	color: #666;
	font-size:14px;
	font-weight: bold;
	padding-top: 5px;
}

.date_event {
	margin-left:0px; 
	color: #366;
	font-size:16px;
	font-weight: bold;
	padding-top: 5px;
}
.item_revele {
	margin-left:0px; 
	color: #366; /*#0088AA 660099 388E8E*/
	font-weight: bold;
	font-size:10pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}
.headline {
	margin-left:0px; 
	color: #666;
	font-size:16px;
	font-weight: normal;
	text-align: left;
	font-style: italic;
}
.headline_centered {
	margin-left:22px; 
	color: #666;
	font-weight: normal;
	font-size:11pt;
	padding-top: 0px;
	padding-left: 5px;
	text-align: center;
}
.band_revele {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #639;
}
.editions {
	margin-left:0px; 
	color: #666;
	font-size:10pt;
	padding-top: 10px;
	padding-left: 0px;
	text-align: left;
}
.band_editions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
}
.text {
	margin-left:0px; 
	color: #999;
	font-size:10pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}
.text {
	margin-left:0px; 
	color: #999;
	font-size:10pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}
.participants {
	margin-left:20px; 
	color: #999;
	font-size:10pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}
.participantsNews {
	margin-left:0px; 
	color: #999;
	font-size:12pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}
.text_citation {
	margin-left:0px; 
	color: #666;
	font-size:8pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
	font-style: italic;
}

/* palmares class */
.text_palmares_odd {
	margin-left:30px;
	line-height:150%;
	color: #333;
	font-size:9pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
	font-weight: bold;
}
.text_palmares_even {
	margin-left:30px;
	line-height:150%;
	color: #333;
	font-size:9pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
	font-weight: bold;
	/*background-color:#9C3;*/
}
.text_palmares_gray {
	margin-left:30px;
	line-height:150%;
	color: #666;
	font-size:9pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
	font-weight: normal;
}

/*palmares links */
#palmares_box a:link.palmares_odd {color: #333; }
#palmares_box a:hover.palmares_odd {color: #366;}
#palmares_box a:link.palmares_even {color: #333;text-decoration: none;}
#palmares_box a:hover.palmares_even {color: #666;}

/*other class */
.media_item {
	margin-left:10px; 
	margin-top: 10px;
	color: #333;
	font-size:12px;
	border: 1px solid #f00;
}
#media_item {
	color: #333;
	font-size:12px;
	max-width:250px;
	border: 0px solid #f00;
}
.media_desc {
	margin-left:0px; 
	color: #333;
	font-size:12px;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}

.news_text {
	margin-left: 1px; 
	color: #333;
	font-size:10pt;
	padding-right: 5px;
	text-align: left;
}
.text_justify {
	margin-left:1px; 
	color: #333;
	font-size:10pt;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}
.text_not_justify {
	margin-left:1px; 
	color: #333;
	font-size:10pt;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.text_justify_smaller {
	margin-left:1px; 
	color: #333;
	font-size:9pt;
	padding: 0px 0px 0px 0px;
	text-align: justify;
}
.desc {
	margin-left:0px; 
	color: #333;
	font-size:10pt;
	padding: 10px 10px 10px 10px;
	padding-left: 0px;
	text-align: justify;
}
.question_text {
	margin-left:0px; 
	color: #333;
	font-size:10pt;
	padding: 10px 0px 0px 0px;
	text-align: justify;
	font-weight: bold;
}
.text_bold_italic {
	margin-left:0px; 
	color: #333;
	font-size:12px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 10px;
	text-align: left;
	font-style:italic;
	font-weight: bold;
}
.note {
	margin-left:0px; 
	color: #999;
	font-size:9pt;
	padding-top: 0px;
	padding-left: 0px;
	text-align: left;
}
#date_de_passage {
	position:absolute;
	margin-left:20px; 
	color: #366;
	font-size:10pt;
	padding-top: 0px;
	padding-left: 10px;
	text-align: left;
	top:460px;
}
.note_centered {
	margin-left:20px; 
	color: #999;
	font-size:9pt;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
.presse {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
.red_dot {
	font-size: 16px;
	color: #E31E25;
}

/* clearfix hack-------------http://positioniseverything.net*/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */