/* CSS Document */


body {font-family:Arial, Helvetica, sans-serif;font-size:11px;background-color: #5d5d5d;color:#FFFFFF}
a {outline: none;}
a img {border:0px}


/**************************************************  EN TETE - NAVIGUATION  ******************************************************/



#contenant {
	position:absolute;
	width:796px;
	left:50%;
	margin-left:-400px;
	top: 10px;
}

#entete {
	background:url(img/entete.jpg);
	position: relative;
	float:left;
	width:796px;
	height:98px;
}

#menu {	
	position: relative	;
	float:left;
	display:block;
	width:796px;
}

#menu1 {
	float:left;
	display:block;
	width:179px;
	height:42px;
}

#menu2 {
	float:left;
	display:block;
	width:156px;
	height:42px;
}

#menu3 {
	float:left;
	display:block;
	width:193px;
	height:42px;
}

#menu4 {
	float:left;
	display:block;
	width:268px;
	height:42px;
	background:url(img/btContactNul.jpg) no-repeat top left;
}

#menu4 select { width:200px;margin:5px 0px 0px 30px;color:#FFFFFF;border-color:#e4d3bd;background-color:#373737;}

/*******************  BANDEAUX FLASH   */

#bandeauxFlash {
	float:left;
	width:796px;
	height:139px;
	background-color: #484848;
}

/**************************************************  CORPS DU SITE  ************************************************/

#corps {
	height:auto;
	min-height:auto;
	background:url(img/fond.jpg) ;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px ;
	width:796px;
}

html>body #corps {
	height: auto;
	min-height: auto;
}

/**********************************************  PAGE ARTISTE, SCENES ET JEUNE PUBLIC  ********************************/



#artistesEtScene {
	
	display:block;
	width:796px;
	height:auto;	
	float:left;
}

#listingArtistesEtScene {
	width:538px;
	float:left;
	padding:0px;
}

#listingArtistesEtScene .categorie {
/**/
	background: url(img/fondTitreGenerique.jpg) top left no-repeat; 
	
	width: 527px;
	height: 20px;
	margin: 0px 0px 0px 3px;
	float:left;
	font-weight:bold;
	font-size:12px;
	padding: 6px 0px 0px 4px
	
}

#listingArtistesEtScene .encartAccueil {
	width:532px;
	background-color:#3d3d3e;
	margin: 0px 0px 2px 3px;
	padding: 1px 0px 0px 0px;
	float:left;
	left:0px;
}

#listingArtistesEtScene .encartAccueil p {margin:0px;}

.photos {
	border:0px;
	float:left;

	width:76px;
	height:76px;
	margin: 4px 0px 0px 5px;
	text-align:right;
}


.blocTexte {
	color:#FFFFFF;
	margin: 2px 0px 0px 10px;
	padding: 1px 0px 10px 0px;
	float:left;
	width:435px;

}

.blocTexte h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#bdcf93;
	font-size:15px;
}

.btEnSavoirPlus { 
	display:block;
	margin: 10px 0px 0px 0px;
	
}


/************************************ BLOC NEWS ET AGENDA  ****/

#newsAgenda{
	width:258px;
	float:left;
}

#newsAgenda a,a.link,a.visited {
	text-decoration:underline;
	color:#d1e6a0;
}

#newsAgenda a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}


/*******************  NEWS   */

#news {
	background: url(img/titreNews.jpg) top left no-repeat; 
	width: 258px;
	height: 37px;
	margin: 0px 0px 0px 0px;
}
#news span {display:none}

.contenuNews {
	padding: 0px 9px 0px 9px;
	margin: 0px 0px 10px 0px;
}

.dateNews {
	color:#e4d3bd;

}

.sujetNews {
	color:#FFFFFF;
	font-weight:bold;
}

.texteNews{
	color:#FFFFFF;
}

.contenuNews a {
	color:#ffcb2d;
}	

.contenuNews p {
	margin:0px
}

/*******************  AGENDA   */

#agenda {
	background: url(img/titreAgenda.jpg) top left no-repeat; 
	width: 258px;
	height: 37px;
	margin: 0px 0px 0px 0px;
}

#agenda span {display:none}


.contenuAgenda {
	padding: 0px 9px 0px 9px;
	margin: 0px 0px 10px 0px;	
	
}

.dateAgenda {
	color:#e4d3bd;
}

.sujetAgenda {
	color:#d1e6a0;
	font-weight:normal;
}

.lieuAgenda{
	color:#ffffff;
}

.contenuAgenda p {
	margin:0px
}






/***************************************************  PAGE FICHE ARTISTE   ************************************************/

#ficheArtiste {
	display:block;
	width:796px;
	height:auto;	
	float:left;
}

/******************** BLOC FICHE ARTISTE, CONCERTS ET PRESSE */

#infosArtiste {
	display:block;
	width:538px;
	height:auto;
	float:left;
}

/******************** FICHE ARTISTE */


#titreInformations {
	background: url(img/titreInformations.jpg) top left no-repeat;
	width: 532px;
	height:28px;
	margin: 0px 0px 0px 3px;
}

#encartInformations {
	background-color:#3d3d3e;
	width: 532px;
	margin: 0px 0px 0px 3px;
}

#encartInformations p {
	margin:0px;
}

.photosInformations {
	border:0px;
	display:block;
	float:left;
	width:130px;
	height:130px;
	margin: 4px 0px 0px 5px;
	text-align:right;
}


.blocTexteInformations {
	display:block;
	color:#FFFFFF;
	width:388px;
	margin: 2px 0px 0px 140px;
	padding: 1px 0px 10px 0px;
	min-height: 130px;
}



.blocTexteInformations h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#bdcf93;
	font-size:15px;
}

.blocTexteInformationsLiens { 
	display:block;
	margin: 10px 0px 10px 0px;
	line-height:150%;
}


.blocTexteInformations a,a.link,a.visited {
	text-decoration:underline;
	color:#bdcf93;
}

.blocTexteInformations a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}	

/******************** CONCERTS */

#titreConcerts {
	background: url(img/titreConcerts.jpg) top left no-repeat;
	width: 532px;
	height:28px;
	margin: 0px 0px 0px 3px;
}

#titreConcerts span {display:none}

#contenuConcerts {
	width: 515px;
	margin: 0px 0px 0px 13px;
	padding:0px 0px 20px 0px;
}

.mois {
	color:#e4d3bd;
	font-weight:bold;
}

.jour {
	color:#ffffff;
}

.heure {
	color:#ffffff;
}

.ville {
	color:#ffffff;
}

.salle {
	color:#979797;
}



/******************** PRESSE */

#titrePresse {
	background: url(img/titrePresse.jpg) top left no-repeat;
	width: 532px;
	height:28px;
	margin: 0px 0px 10px 3px;
}

#titrePresse span {display:none}

#contenuPresse {
	width: 520px;
	margin: 0px 0px 0px 3px;
	padding:0px 0px 20px 10px;

}

.commentaire {
color:#FFFFFF;
}

.auteur {
color:#e4d3bd;
font-style: italic;
}

#contenuPresse p {
margin:0px;
}

/****************************************** BLOC MEDIA DE L'ARTISTE */

#mediaArtiste {
	display:block;
	width:258px;
	float:left;
}

/******************** VIDEOS */

.titreVideos {
	background: url(img/titreVideos.jpg) top left no-repeat; 
	width: 258px;
	height: 37px;
}

.titreVideos span {display:none}

.contenuVideos {
	display:block;
	padding: 0px 0px 0px 8px;
}

.flecheVideos {
	background: url(img/puceVideos.jpg) top left no-repeat;
	width: 13px;
	height: 13px;
	padding: 0px 0px 5px 0px;
	width: 235px;
}

.lienVideos {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	height: auto;
}

.lienVideos a,a.link,a.visited {
	text-decoration:underline;
	color:#bdcf93;
}

.lienVideos a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}	

/******************** ECOUTES */


.titreEcoutes {
	background: url(img/titreEcoutes.jpg) top left no-repeat; 
	width: 258px;
	height: 37px;
	margin: 40px 0px 0px 0px;
}

.titreEcoutes span {display:none}

.contenuEcoutes {
	display:block;
	padding: 0px 0px 0px 8px;
}


.iconeEcoutes {
	background: url(img/puceEcoutes.jpg) top left no-repeat;
	width: 13px;
	height: 13px;
	padding: 0px 0px 5px 0px;
	width: 235px;
}

.lienEcoutes {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	height: auto;
}

	
.lienEcoutes a,a.link,a.visited {
	text-decoration:underline;
	color:#bdcf93;
}

.lienEcoutes a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}	

/******************** PHOTOS */

.titrePhotos {
	background: url(img/titrePhotos.jpg) top left no-repeat; 
	width: 258px;
	height: 37px;
	margin: 40px 0px 0px 0px;
}

.titrePhotos span {display:none}

.contenuPhotos {
	display:block;
	padding: 0px 0px 0px 8px;
}


/***************************************************  PAGE FAR PROD  ************************************************/



#pageFarprod {
	display:block;
	float:left;
	width:796px;
	height:600px;
	
}

#titreFarprod {
	background: url(img/titreFarProd.jpg) top left no-repeat;
	width: 791px;
	height:28px;
	margin: 0px 0px 0px 3px;
}

#contenuFarprod {
	width:510px;
	height:auto;	
	background-color:#2e2e2e;
	margin: 0px 0px 0px 5px;
	padding: 9px 9px 9px 9px;
	float:left;

}

#texteFarprod{
}

#titreContactGauche {
	background: url(img/titreContactGauche.jpg) top left no-repeat;
	padding: 0px 0px 0px 0px;
	width: 250px;
	height: 37px;
	margin: 0px 0px 0px 5px;
	float:left;
	
}

#listeContact {
	float:left;
	margin: 0px 0px 0px 8px;
	
}
#Contact {
	padding: 0px 0px 0px 10px;
	
}

.fonctionContact {
	color:#b7aa9a;
}

.nomContact {
	color:#FFFFFF;
}

.mailContact {
	color:#bdcf93;
}

.mailContact a,a.link,a.visited {
	text-decoration:underline;
	color:#bdcf93;
}

.mailContact a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}	


/***************************************************  PAGE LA PROGRAMMATION  ************************************************/


#titreProgrammation {
	background: url(img/titreProgrammation.jpg) top left no-repeat;
	width: 791px;
	height:28px;
	margin: 0px 0px 0px 3px;
}

#titreProgrammation span {display:none}

#contenuProgrammation {
	width: 780px;
	margin: 0px 0px 0px 13px;
	padding:10px 0px 20px 0px;
	background-color:#353535;
}

#contenuProgrammation table {width:750px; }
#contenuProgrammation td {padding:4px }

#contenuProgrammation .nomArtiste {
	color:#ffcb2d;
	font-weight:normal;
}

#contenuProgrammation .nomArtiste a,a.link,a.visited {
	text-decoration:underline;
	color:#bdcf93;
}

#contenuProgrammation .nomArtiste a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}	

#contenuProgrammation .mois {
	color:#e4d3bd;
	font-weight:bold;
}

#contenuProgrammation .jour {
	color:#ffffff;
}

#contenuProgrammation .heure {
	color:#ffffff;
}

#contenuProgrammation .ville {
	color:#ffffff;
}

#contenuProgrammation .salle {
	color:#979797;
}

/***************************************************  PIED    ************************************************/

#pied {
	width:796px;
	height:86px;	
	background:url(img/pied.jpg) ;
	float:left;
	margin: 0px 0px 20px 0px;
}
#pied div {margin:30px 0px 0px 650px}
#pied img {width:140px;height:30px}
#pied span {display:none}

.separateur {border-bottom:1px solid #515743;height:1px;}

/* PLAYER */

#player {background:url(img/player/imgFond.jpg) no-repeat top left;width:300px;height:233px;padding:20px 0px 0px 0px}
#player .titre {color:#bdcf93;width:180px;height:20px;background:url(img/player/fondTitre.jpg) no-repeat top left;padding:0px 0px 0px 4px;margin:10px 0px 0px 0px }
#player table {height:190px;font-size:10px;font-weight:normal}
#player img {margin:0px 0px 0px 10px }