/*----------------------*/
/*		STYLE			*/
/*----------------------*/
a.pics { 
	width:100px; 
	height:100px; 
	background:#CCFF66; 
	overflow:hidden; 
	display:block;
	float:left;
	margin-left: 5px; 
	margin-bottom : 5px;
}
a.pics:hover { background : #CCFF66; }
a.pics img { padding : 6px; }

a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #663366;
	
}
img {
	background-color: #FFFFFF;
}
.link-photo:hover {
	background-color: #FFFFFF;
}

a.alphabet {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	

	color: #660000;
}

a.alphabet:hover {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 14px;
	color: #FFFFFF;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	background-color: #F7F7F7;
	margin-top: 0px; 	
	margin-bottom: 0px; 	
	margin-left: 0px; 
	margin-right: 0px;
	height:800px; 
	width: 100%;
}
hr {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #660033;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #660033;
	margin-top: 5px;
	margin-bottom: 2px;
}
h1 a {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #660033;
	margin-top: 5px;
	margin-bottom: 2px;
}
h1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 18px;
}
h2 {
	background-image: url(images/site/cartouche.gif);
	background-position: left center;
	background-repeat: no-repeat;
	height : 29px;
	text-indent : 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	

	line-height : 27px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 13px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: bold;
}
h3 a {
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 14px;
	margin-bottom: 2px;
}
h3.vert {
	color: #77800D;
	font-size: 14px;
	margin-bottom: 2px;
}
h3.vert a {
	font-family: Arial, Helvetica, sans-serif;
	
	color: #77800D;
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: bold;	
}
h3.vert a:hover {
	font-family: Arial, Helvetica, sans-serif;
	
	color: #FFFFFF;
	font-size: 14px;
	margin-bottom: 2px;
	background-color: #77800D;
	font-weight: bold;	
}
h3.rouge {
	color: #CC0000;
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: bold;
}
h3.rouge a {
	font-family: Arial, Helvetica, sans-serif;
	
	color: #CC0000;
	font-size: 14px;
	margin-bottom: 2px;
	font-weight: bold;
}
h3.rouge a:hover {
	font-family: Arial, Helvetica, sans-serif;
	
	color: #FFFFFF;
	font-size: 14px;
	margin-bottom: 2px;
	background-color: #CC0000;
	font-weight: bold;
}
h3.gris{
	color:#4E4E4E;
	font-size: 14px;
	margin-bottom: 2px;
}
/*div {
	padding:0px;
	margin:0px;
}*/
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	color: #000000;	
}
form {
	display:inline;
}
select, input, textarea {
	background-color: #FBFBFB;
	border: 1px solid #663366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
}
.recherche {
	font-weight: bold;	
}
.ligne_gauche {
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #660033;
}
.soustitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 10px;
	color: #999999;
	margin-bottom: 20px;
}
p.centrer {
	text-align:center;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
li {
	list-style:none
}
div.taille_image {
	float:left;
	overflow:hidden; 
	height:125px;
	margin-right:10px;
}
div.divLeft {
	float:left;
}
div.img {
	width:160px;
}
/*----------------------*/
/*		HAUT			*/
/*----------------------*/
#banniere {
	width:1000px;
	height:75px;
	background-color: #FFFFFF;
	background-image: url(images/site/banniere.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#nav {
	width:1000px;
	height:25px;
	text-indent: 90px;
	background-image: url(images/site/nav2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	font-style: normal;
	color: #660033;
	margin-left: 10px;
	vertical-align: bottom;
}
a.nav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #660033;
}
.datemaj {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 11px;
	font-style: italic;
	color: #333333;
	margin-left: 15px;
	font-weight: bold;
}
/*----------------------*/
/*		Structure		*/
/*----------------------*/
#conteneur {
	background-color:#FFFFFF;
	width:1000px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F2F2F2;
	border-bottom-color: #F2F2F2;
}
#gauche {
	margin-left:10px;
	float:left;
	width: 166px;	
}
#centre {
	margin-left: 190px;
	margin-right: 195px;
}
#droite {
	margin-right: 10px;
	float:right;
	width: 166px;
}
#pied {
	clear:both;
	height: 70px;
	text-align: center;
}
/*----------------------*/
/*		accueil			*/
/*----------------------*/
#accueil-semaine {
	height:265px;
	width:166px;
	margin-bottom: 12px;

}
#accueil-semaine img.photo {
	padding-right:0px;

}
#accueil-semaine div.picto {
	padding-left:0px;
	padding-bottom:5px;
	width:90px;
	float:left;
	
}


#accueil-sortie {
	width:166px;
	height:214px;
	margin-left: auto;
	margin-right: auto;	

}
#accueil-sortie img {
/*	float:left;*/
	float:left; width:70px; height:70px; margin:0;padding:5; overflow:hidden

}
div.ImageMea{
width:80px;height:80px;margin:0px;padding:0px;overflow:hidden;
}


#accueil-mise-en-avant {
	/*height:211px;*/
	/*background: red;*/
	width:607px;
	padding:0px;
}
#accueil-mise-en-avant img {
	
	float:left;
	margin:0;
	padding:0;
	margin-bottom:15px;
}
#accueil-news {
	width:525px;
/*	height:210px;*/
	margin-left:65px;
	margin-bottom:15px;
	
}
#accueil-news  p {
/*	padding-right: 10px;
	padding-left: 50px;*/
	margin:0;
}
#accueil-concerts {
	/*height:145px;*/
	width:525px;
	margin-left:65px;
	margin-bottom:15px;
}
#accueil-pub {
	/*height:145px;*/
	width:525px;
	margin-left:65px;

}

#accueil-chroniques {
	width:166px;
	height:450px;
	margin-bottom:10px;
	padding-bottom:10px;
/*	margin-left:auto;
	margin-right:auto;*/
}
#accueil-chroniques a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}
#accueil-chroniques a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}
/*
#accueil-chroniques li {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 7px;

}
#accueil-chroniques ul {
/*	background-color: #66FFFF;	*/
/*	padding: 0px;*/
/*}*/
#accueil-concerts p {
	padding-right: 10px;
	padding-left: 50px;
}


#accueil-tournees {
	height:200px;
	width:166px
}
/*----------------------*/
/*		chronique		*/
/*----------------------*/
#chronique {
	margin-left: 210px;
	margin-right: 210px;
	text-align: justify;
}
#gauche_chronique {
	margin-left:10px;
	float:left;
	width: 166px;
}
div#tracklist {
	color: #666666;
}
#droite_chronique {
	margin-right: 10px;
	float:right;
	width: 166px;
}
.voir_egalement {
	margin-bottom:5px;
	margin-left: auto;
	margin-right: auto;
	width: 160px; 
	border: 2px solid #CCFF66;
	background-color:#CCFF66;
	-moz-border-radius:10px;	
}
.voir_egalement ul {
	padding-left:2px;
	margin-left:2px;
	margin-top:5px;
	padding-top:5px;
	list-style-image: none;
	list-style-type: none;
}
.voir_egalement li {
	padding-left:2px;
	margin-bottom:2px;
	padding-bottom:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 11px;
	font-weight: normal;
	list-style:none;

}

.voir_egalement li a {
	padding-left:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style:none;	
	font-size: 11px;
	font-weight: normal;
	
}
.voir_egalement li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style:none;	
	font-size: 11px;
	color: #F4CCCA;
	font-weight: normal;
}


#droite_chronique img {
	margin-top: 3px;
	margin-bottom: 3px;

}

.encadre {
	margin-top:2px;
	background-color: #FEFEFE;/*#F9F7F9;*/
	border: 1px solid #CCCCCC;
	-moz-border-radius:10px;	
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.encadre  a {
	line-height: 16px;
	font-weight: normal;	
}
.encadre ul {
	padding-left:10px; 
	margin-left:5px;
	margin-top:2px;
	padding-top:2px;
	
}

.texte-encadtre {
	height:100%;
	margin-top:2px;
	background-color: #FBFBFB;
	border: 2px dashed #F2F2F2;
}
.liste-encadre {
	height:120px;
	margin-top:2px;
	margin-bottom:5px;
	
	background-color: #FEFEFE;/*#F9F7F9;*/
	border: 1px solid #CCCCCC;
	-moz-border-radius:10px;	
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.liste-encadre  a {
	font-weight: normal;	
}


.cadre-commentaire {
	background-color: #FFFFFF;
	border: 2px solid #E0E0E0;
	margin-bottom: 10px;
	padding: 3px;
	-moz-border-radius:10px;	
}
/*-----------------------*/
/*	Liste chronique		*/
/*-----------------------*/
.liste-encadre p  {
	text-align: right;
	margin-top: 27px;
}
/*-----------------------*/
/*	news			*/
/*-----------------------*/
#news-tracklist {
	width:400px;
	margin-left:60px;
	padding-top:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 10px;
	color: #999999;

}
/*-----------------------*/
/*	biographie			*/
/*-----------------------*/
div.tshirt-vert {
	width:85px;
	height:50px;
	background-image: url(images/site/T-shirt_vert.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 18px;
	color: #000000;
	display: table-cell;
	vertical-align: bottom;
	font-weight: bold;
	text-align: right;
	float:left;
	margin-bottom: 30px;
}
div.tshirt-rose {
	width:85px;
	height:50px;
	background-image: url(images/site/T-shirt_rose.gif);
	background-repeat: no-repeat;
	background-position: left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	display: table-cell;
	vertical-align: bottom;
	font-weight: bold;
	text-align: right;
	float:left;	
	margin-bottom: 30px;
}
div.tshirt-orange {
	width:85px;
	height:50px;
	background-image: url(images/site/T-shirt_orange.gif);
	background-repeat: no-repeat;
	background-position: left;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	display: table-cell;
	vertical-align: bottom;
	font-weight: bold;
	text-align: right;
	float:left;	
	margin-bottom: 30px;
}
ul.liste-artiste {
	padding-bottom: 5px;
	width: 450px;
/*	background-color: #F7FDEA;*/
	background-color: #F7F7F7;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #660033;
	margin-top: 0px;
	margin-bottom: 60px;
	margin-left:100px;
}
ul.liste-artiste li {
	list-style-image: none;
	list-style-type: none;
	list-style:none;
	margin-bottom: 1px;
	
}
ul.lastbio {
padding:0;
margin:0;
	
}
ul.lastbio li {
	list-style-image: none;
	list-style-type: none;	
	list-style:none;	
}
/*-----------------------*/
/*	tournee				 */
/*-----------------------*/
ul.liste-tournee {
	padding-bottom: 5px;
	width: 520px;
	background-color: #FBFBFB;
	padding-left:0px;
	
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #660033;
	margin-top: 0px;
	margin-bottom: 60px;
	margin-left:40px;
}
div.liste-tournee-contenu {
	height:200px;
	overflow:auto;
	
	
}
ul.liste-tournee li {
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 5px;
	margin-left:0px;
	padding-left:0px;
	list-style:none;
		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 10px;
	color: #333333;
}



/*-----------------------*/
/*	Photos				 */
/*-----------------------*/
#photos {
	height:550px;
	width:100%;
	overflow:auto;
	background-color: #FEFEFE;/*#F9F7F9;*/
	border: 1px solid #CCCCCC;
}
#photos a:hover {
	background-color: #F7F7F7;
	
}

/*-----------------------*/
/*	OLD					*/
/*-----------------------*/
.bleu_clair {
	background-color: #E0F8FF;
}
.orange_clair {
	background-color: #FFECD9;
}

.texte_jaune {
	background-color: #FFCC00;
	color: #CC0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	font-weight: bold;
}
/*---------------------------*/
/*	Info Bulle 				*/
/*---------------------------*/
a.infobulle {

}
a:hover.infobulle {
	background-color: #F7F7F7;
}

div.infobulle {

}
div:hover.infobulle {
	background-color: #F7F7F7;
}

a.info {
  position:relative;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
  text-decoration: none; 
  background: none;
}
a.info div {
	display: none;
}
a:hover.info div {
	display: block;
	position:absolute;
	top:5px;
	left:5px;
	z-index: 1000;
	color: #000000;
	border:2px solid #660000;
	width:200px;
	font-weight:normal;
	font-size: 12px;
	padding:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	background-color: #F9F2F2;
}
/*span.sousbulle {
	padding:3px;
	position:relative;
	display:block;
}*/

div.introduction {
	font-size: 11px;
	padding: 3px;
	border:1px solid #CCCC00;
	color:#000000;
	background-color:#CCFF00;
	visibility: hidden;
	position: absolute;
	z-index: 1000; 
	width:220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

div.bloc_bas {
	width : 166px;
	background-image : url(images/site/bloc_bas.gif);
	background-position : left bottom;
	background-repeat : no-repeat;	
}
div.bloc_centre {
	width : 166px;
	margin-bottom : 10px;
	margin-left:auto;
	margin-right:auto;
		
	background-image : url(images/site/bloc_centre.gif);
	background-position : left;
	background-repeat : repeat-y;
}
#banniere-pub {
	position:absolute;
	left:525px;
	top:3px;
	width:463px;
	height:63px;
	z-index:2;
}


