/* CSS Document */

html, body {height: 780px;margin: 0;}

html {
	background:#a3b6c7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62,5%;
	color:#64829c;
}

a {color:#fff;	text-decoration:none;}

a:hover {text-decoration:underline;}

img {border:0;}

.note {
	color:#fff;
	font-size:0.7em;
	font-style:italic;

}

/*/// BLOC ///*/

div#global {
	min-height: 100%;
	height:750px;
	width: 990px;
	padding: 0 5px;
	margin: 0 auto;
	position: relative;
}
	
div#center {
	padding-bottom: 50px !important; 
	padding-bottom: 15px; 
	border-top:#fff 1px solid;
	height:610px;
	width:95%;
	margin: 0 20px;
	background:url('images/fond-bas.gif') no-repeat bottom left;
}

div#gauche {
	float: left;
	width: 38%;
	height:500px;
}
	
div#content {
	margin-top:0 !important;
	margin-top:20px;
	float: right;
	width: 62%;
	overflow:auto;
	height:500px !important;
	height:450px;
	color:#000;
}

/*/// HAUT DE LA PAGE ///*/

div#header {height:100px;position: relative;}

div#header ul {margin: 0;}

/*/// MENU ///*/

div#menu {
	float: left;
	width: 85%;
	margin-top:10px;
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

div#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left:250px;
}

ul#menu {width: 50%;}

ul#menu a {font-size:0.7em;}

#menu li {display: inline;text-align:left;}

	/*/// Lien Accueil ///*/
	#menu ul li a {	color:#fff;	padding:0 10px;}
	
	#menu ul li a:hover{color:#64829c;text-decoration:none;}
	
	#menu ul li#currenton a,  #menu ul li#currenton a {color:#ed6c2c;font-weight:bold;}
	
/*/// PICTOS DE DROITE ///*/

div#pictos {/*
	position:absolute;
	width: 15%;
	left:450px;
	top:5px;*/
	float:right;
	padding-right:50px;
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:2em;
}

a.pic_rss {
	background:url('images/pic_rss.gif') no-repeat top left;
	padding:0 0 5px 30px;
	text-decoration:none;
	color:#fff;
}

a.pic_contact {
	background:url('images/pic_contact.gif') no-repeat left center;
	padding:0 0 5px 30px;
	text-decoration:none;
	color:#fff;
}

a.pic_newsletter {
	background:url('images/pic_newsletter.gif') no-repeat left center;
	padding:0 0 5px 30px;
	text-decoration:none;
	color:#fff;
}

div#pictos a:hover {text-decoration:underline;}

/*/// PLAYER FLASH AUDIO ///*/

div#playeraudio {
	float: left;
	width: 70%;
	padding-left:150px;
}

/*/// BLOC DE CONTENU de la PAGE ARTICLE ///*/

#art_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#art_centre h1 {padding-left:30px;}

#art_centre h2 {
	font-family:"Trebuchet MS", "Lucida Grande CY";
	font-weight:bold;
	font-size:1em;
	padding-left:30px;
}

#art_centre p {
	font-size:0.9em;
	padding-right:5px;
	color:#fff;
	width:90%;
	padding-left:30px;
}

/*/// BLOC DE CONTENU de la PAGE D'ACCUEIL ///*/

div#acc_gauche {
	float: left;
	width:60%;
	padding:10px 0 0 10px;
}

	div#acc_gauche a {
		color:#fff;
		text-decoration:none;
		font-size:1.5em;
	}

	div#acc_gauche a:hover {text-decoration: underline;}

	div#acc_gauche h2 {
		color:#ed6c2c;
		font-family:"Trebuchet MS", "Lucida Grande CY";
		font-weight:bold;
		font-size:1em;
		padding-left:10px;
	}

	div#acc_gauche h3 {
		color:#fff;
		font-family:"Trebuchet MS", "Lucida Grande CY";
		font-weight:bold;
		font-size:0.9em;
		padding-left:10px;
	}
		
	div#acc_gauche p {font-size:0.7em;}
	
#acc_menu {width: 350px;}

#acc_menu div {width: 340px;}

#acc_menu div.title, #acc_menu div.title2 {cursor:pointer;}

	#acc_menu div.title:hover { background-color:#fff;}

	#acc_menu div.title2:hover { background-color:#ed6c2c;}

	#acc_menu div.artnews {border-bottom:#fff 1px solid;padding:10px 0;}

div#acc_droite {
	float: left;
	width:32%;
	padding-left:10px;
}
	
	div#acc_droite p {font-size:0.7em;padding-right:5px;}

/*/// BLOC DE CONTENU de la PAGE BIO ///*/

#bio_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#bio_centre .drapeaux {
	float:right;
	width: 30%;
	margin: 40px 20px 0 0;
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:2em;
}

#bio_centre .pic_fr a {
	background:url('images/d_fr.jpg') no-repeat top left;
	padding:0 0 10px 25px;
	text-decoration:none;
	color:#fff;
}

#bio_centre .pic_de a {
	background:url('images/d_de.jpg') no-repeat top left;
	padding:0 0 10px 25px;
	text-decoration:none;
	color:#fff;
}

#bio_centre .pic_de a:hover, #bio_centre .pic_fr a:hover {text-decoration:underline;}

#bio_centre h1 {padding-left:30px;}

#bio_centrefr, #bio_centrede {float:left;width:95%;}

#bio_centrefr h2, #bio_centrede h2 {
	color:#fff;
	font-family:"Trebuchet MS", "Lucida Grande CY";
	font-weight:bold;
	font-size:1em;
	padding-left:30px;
}
	
div#bio_centrefr p, div#bio_centrede p {
	font-size:0.7em;
	padding-right:5px;
	width:90%;
	padding-left:30px;
}

.ifxBiode {
	background:#a3b6c7;
	position: absolute;
	left: 410px;
	top: 108px;
	width: 555px;
	max-width:557px;
	height: 500px;
	max-height: 520px;
	overflow: auto;
	padding:0;
	margin:0;
	display:none;
}

/*/// BLOC DE CONTENU de la PAGE ALBUM ///*/

#actu_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#actu_centre #drapeaux {
	float:right;
	width: 30%;
	margin: 40px 20px 0 0;
	font-size:0.6em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:2em;
}

#actu_centre .pic_fr a {
	background:url('images/d_fr.jpg') no-repeat top left;
	padding:0 0 10px 25px;
	text-decoration:none;
	color:#fff;
}

#actu_centre .pic_de a {
	background:url('images/d_de.jpg') no-repeat top left;
	padding:0 0 10px 25px;
	text-decoration:none;
	color:#fff;
}

#actu_centre .pic_de a:hover, #actu_centre .pic_fr a:hover {text-decoration:underline;}

#actu_gauche, #actu_gauchede {float: left;width:60%;}

#actu_gauche h1, #actu_gauchede h1 {padding-left:30px;}

#actu_gauche h2, #actu_gauchede h2 {
	color:#fff;
	font-family:"Trebuchet MS", "Lucida Grande CY";
	font-weight:bold;
	font-size:1em;
	padding-left:30px;
}
	
div#actu_gauche p, div#actu_gauchede p {
	font-size:0.7em;
	padding-right:5px;
	padding-left:30px;
}

#actu_droite, #actu_droitede {
	float: left;
	width:35%;
	padding-top:30px;
}

#actu_droite p, #actu_droitede p {font-size:0.7em;padding-left:20px;}

.ifxActude {
	background:#a3b6c7;
	position: absolute;
	left: 415px;
	top: 108px;
	width: 550px;
	max-width:552px;
	height: 500px;
	max-height: 520px;
	overflow: auto;
	padding:0;
	margin:0;
	display:none;
}

/*/// BLOC DE CONTENU de la PAGE BOUTIQUE ///*/

#bou_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#bou_centre h1 {padding-left:30px;}

#bou_centre h2 {
	color:#fff;
	font-family:"Trebuchet MS", "Lucida Grande CY";
	font-weight:bold;
	font-size:1em;
	padding-left:30px;
	padding-bottom:0px;
	margin-bottom:0px;
}

#bou_centre span.soustitre {
	color:#fff;
	font-family:"Trebuchet MS", "Lucida Grande CY";
	font-size:0.8em;
	padding-left:30px;
}
	
div#bou_centre p, div#bou_centre li {
	font-size:0.7em;
	padding-right:5px;
	width:50%;
	padding-left:30px;
}

	.discogauche {
		float:left;
		width:20%;	
		padding-top:20px;
		padding-left:20px;
		clear: both;
	}

	.discotext {float:left;width:75%;}
	
	.discotext li {list-style-type:none;}
		
	div.discotext span.date {color:#ed6c2c;font-weight:bold;}
	
a.panier {
	background:url('images/pic_commande.gif') no-repeat 0 25%;
	padding-left:20px;
	height:18px;
}
	
a.panier:hover {text-decoration:underline;}
	

/*/// BLOC DE CONTENU de la PAGE BACKSTAGE ///*/

div#back_gauche {
	float: left;
	width:25%;
	padding:110px 0 0 30px;
}

	div#back_gauche h1 {
		color:#64829c;
		font-family:"Trebuchet MS", "Lucida Grande CY";
		font-weight:bold;
		font-size:1em;
	}
	
	div#back_gauche span.date {color:#ed6c2c;font-weight:bold;}
	
	div#back_gauche p {
		font-size:0.7em;
		padding-right:5px;
		color:#ed6c2c;
	}

div#back_droite {
	float: left;
	width:60%;
	padding-left:10px;
}

div#back_droite a {font-size:0.7em;}

div.back_text {
	overflow: auto;
	width: 340px;
	border-bottom:#fff 1px solid;
	padding:10px 0;
}

	.back_text h2 {
		color:#ed6c2c;
		font-family:"Trebuchet MS", "Lucida Grande CY";
		font-weight:bold;
		font-size:1em;
		padding-left:10px;
	}
		
	.back_text p {font-size:0.7em;}


/*/// BLOC DE CONTENU de la PAGE ECHOS ///*/

#ech_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#ech_centre h1 {padding-left:20px;}

#ech_centre span.soustitre {
	color:#fff;
	font-family:"Trebuchet MS", "Lucida Grande CY";
	font-size:0.8em;
	padding-left:30px;
}
	
div#ech_centre p {font-size:0.7em;padding-right:5px;}

span a.echo_tv {font-size:0.7em;background:url('images/t_television.gif') no-repeat 0 -22px;}

span a.echo_radio {font-size:0.7em;background:url('images/t_radio.gif') no-repeat 0 -22px;}

span a.echo_presse {font-size:0.7em;background:url('images/t_presse.gif') no-repeat 0 -22px;}

span a.echo_presse :hover, span a.echo_radio :hover, span a.echo_tv :hover {background-position: 0 20px;text-decoration:none;}

span a.echo_presse i, span a.echo_radio i, span a.echo_tv i {visibility:hidden;}

.echos {position:relative;}

	.echogauche {
		float:left;
		width:30%;	
		padding-top:20px;
		padding-left:15px;
	}
	
	.echogauche a {color:#ed6c2c;}
	
	.echogauche a:hover {color:#fff;}

	.echodroite {float:left;width:66%;}

	.echodroite h2 {
		color:#ed6c2c;
		font-family:"Trebuchet MS", "Lucida Grande CY";
		font-weight:bold;
		font-size:1em;
		padding-left:15px;
		padding-bottom:0px;
		margin-bottom:0px;
		text-transform: uppercase;
	}
	
	.echodroite h3 {
		color:#fff;
		font-family:"Trebuchet MS", "Lucida Grande CY";
		font-weight:bold;
		font-size:0.9em;
		padding-bottom:0px;
		margin-bottom:0px;
	}

.echo_text {
	overflow: auto;
	width: 340px;
	border-bottom:#fff 1px solid;
	padding:10px 0;
}

.echo_text p, .echo_text h3 {padding-left:20px;}

.ifxechos {
	background:#a3b6c7;
	position: absolute;
	left: 600px;
	top: 260px !important;
	top: 160px;
	width: 320px;
	max-width:330px;
	height: 360px;
	max-height: 370px;
	overflow: hidden;
	display:none;
}

.ifxechos p, .ifxechos h3 {padding-left:10px;}

/*/// BLOC DE CONTENU de la PAGE FLUX RSS ///*/

#rss_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#rss_centre h1 {padding-left:10px;}

#rss_centre h2 {
	color:#fff;
	font-family:"Trebuchet MS", "Lucida Grande CY";
	font-weight:bold;
	font-size:1em;
	padding-left:30px;
	padding-bottom:0px;
	margin-bottom:0px;
}
	
div#rss_centre p, div#rss_centre li {
	font-size:0.8em;
	padding-right:5px;
	color:#000;
	width:90%;
	padding-left:30px;
}
	
div#rss_centre span.date {color:#ed6c2c;font-weight:bold;}

/*/// BLOC DE CONTENU de la PAGE MENTIONS LEGALES ///*/

#con_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#con_centre h1 {padding-left:10px;}

#con_centre span {color:#ed6c2c;font-weight:bold;}
	
div#con_centre p {
	font-size:0.7em;
	padding-right:5px;
	width:70%;
	padding-left:10px;
}

	.partenairesgauche {
		float:left;
		width:30%;	
		padding-top:20px;
		padding-left:20px;
		clear: left;
	}

	.partenairestext {float:right;width:65%;}
	

/*/// BLOC DE CONTENU de la PAGE NEWSLETTER ///*/

#new_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#new_centre h1 {padding-left:10px;}

#new_centre span {color:#ed6c2c;font-weight:bold;}
	
div#new_centre p {
	font-size:0.8em;
	padding-right:5px;
	padding-left:10px;
}

/*/// BLOC DE CONTENU de la PAGE MAIL CONTACT ///*/

#mail_centre {
	float: left;
	width:95%;
	padding-left:10px;
}

#mail_centre h1 {padding-left:10px;}

#mail_centre span {color:#ed6c2c;font-weight:bold;}
	
div#mail_centre p {
	font-size:0.8em;
	padding-right:5px;
	padding-left:10px;
}

/*/// FOOTER ///*/
	
div#galerie {
	border-top:#fff 1px solid;
	float: left;
	width:100%;
}
	
div#footer {
	float:right;
	height:120px;
	width:60%;
	color:#fff;
	font-size:0.7em;
	background:url('images/footer.gif') no-repeat bottom right;
}

a.mentions {
	background:url('images/pic_mentions.gif') no-repeat top left;
	padding:0 0 5px 18px;
	height:17px;
	text-decoration:none;
	color:#fff;
}

a.favoris {
	background:url('images/pic_favoris.gif') no-repeat top left;
	padding:0 0 5px 18px;
	height:17px;
	text-decoration:none;
	color:#fff;
}

a.envoiami {
	background:url('images/pic_envoiami.gif') no-repeat top left;
	padding:0 0 5px 18px;
	height:17px;
	text-decoration:none;
	color:#fff;
}

a.prive {
	background:url('images/pic_prive.gif') no-repeat top left;
	padding:0 0 5px 18px;
	height:17px;
	text-decoration:none;
	color:#fff;
}
	
div#footer a:hover {text-decoration:underline;}
	
div#footer p {text-align:right;padding-right:150px;}

#galeries {float:left;width:45%;}

#tabs {
	list-style: none;
	line-height: 15px;
	position: absolute;
	top:620px !important;
	top:650px;
	left: 300px;
	width: 320px;
	font-size:0.8em;
}
#tabs ul {width: 50%;height: 1.1em;}

#tabs li {float: left;padding-right: 10px;}

#tabs li i {visibility:hidden;width:100px;}

#tabs li a {
	display: block;
	float: left;
	line-height: 15px;
	padding: 0 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	margin:0;
	padding:0;
	height:20px;
}

#tabs a:hover {text-decoration:none;}
	
	/*/// Lien Menu Photos ///*/
	#tabs li.menuphot a {background: #a3b6c7 url('images/t_photos.gif') no-repeat top left;width:70px;}
	
	/*/// Lien Menu Clips ///*/
	#tabs li.menuclip a {background: #a3b6c7 url('images/t_clips.gif') no-repeat top left;width:52px;}
	
	/*/// Lien Menu Concerts ///*/
	#tabs li.menuconc a {background: #a3b6c7 url('images/t_concerts.gif') no-repeat top left;width:82px;}
	
.tabContent {
	position: absolute;
	top: 610px;
	left: 10px;
	width: 350px;
	display: none;
	padding: 10px;
}

/* Slider */

.fl {float: left; display: inline;}

.news_slider {
	position: relative;
	width: 315px; 
	margin: 0 0 10px 10px;
}

.news_slider .prev, .news_slider .next {position: absolute; top: 55%; display: none;}
.news_slider .prev {left: -10px;}
.news_slider .next {right: 0;}

.news_slider .news_items {
	position: relative; 
	width: 300px; 
	left: 0; 
	overflow: hidden;
}

.news_slider .news_items .view_all {
	padding: 5px; 
	margin: 0 0 2px 0; 
	text-align: center;
}

.news_slider .news_items .container {
	position: relative; 
	top: 0; 
	left: 0; 
	width: 100px;
}

.news_slider .news_items .container .item {width: 90px;margin: 0 5px 0 10px;}
.news_slider .news_items .container .item div {width: 90px;margin: 2px 0;}
.news_slider .news_items .container .item img {padding: 2px;}

/*/// FORMULAIRE ///*/

#news {
	position: relative;
	width: 55%;
	margin: 0 auto;
	text-align: left;
}

#mails {
	position: relative;
	width: 85%;
	margin: 0 auto;
	text-align: left;
}

/* formz */

fieldset {
	margin-bottom: 1em;
	border: 0;
	width: auto;
	margin: 0.5em;
}

fieldset p {
	padding: 0 0 0.75em 0.5em !important;
	padding: 0 0 0.35em 0.5em;
	clear: both;

}

legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #ed6c2c;
}

label.text {
	display: block;
	float: left;
	width: 40%;
	text-align: right; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #fff;
	color:#ed6c2c;
	font-weight:bold;
}

.radioCheck {margin: 0 1em 0 0.25em;}

input.text, textarea {
	width: 40%;
	background-color: #fff;
	border: 0;
	margin-right: 0.25em;	

}

.envoy {margin: 1em 0;text-align: left;}

.envoy input {
	border: 1px solid #ed6c2c;
	background-color:#a3b6c7;
	color:#fff;
}

.envoy label {border-bottom: 0;}

button {
	border: 1px solid #ed6c2c;
	background-color:#a3b6c7;
	color:#fff;
}

hr {visibility: hidden;clear: both;}

span.note {font-size: 0.75em;}

span.warning {
	font-weight: bold;
	font-size: 1.3em;
	color: #fff;
}

.nobr {white-space: nowrap;}

#divToUpdate {opacity: 0.9999;display: block;}