/* Feuille de style spécifique, couleurs 2008 */

	/* = LAYOUT 2008 */

	html {
		background: #564c43 url(/global/images/2008/bgBody.gif);
		}

	body {
		background: transparent url(/global/images/2008/bgEtoile.png) no-repeat center top;
		}

	#page {
		background: transparent url(/global/images/2008/bgPage.jpg) no-repeat top left;
		}

	#header {
		background: url(/global/images/2008/bgHeader.jpg) no-repeat;
		}

	.uneCol #header {
		background: url(/global/images/2008/bgHeader-long.jpg) no-repeat;
		}

	#mainContent {
		background: #f6f1ee url(/global/images/2008/bgEditContent.gif) no-repeat bottom;
		}

	.uneCol #mainContent {
		background:  #f6f1ee url(/global/images/2008/bgEditContent-long.gif) no-repeat bottom;
		}

	#editContent {
		background: url(/global/images/2008/bgMainContent.jpg) no-repeat top left;
		}

	.uneCol #editContent {
		background: url(/global/images/2008/bgMainContent-long.jpg) no-repeat top left;
		}

	#altContent {
		background: url(/global/images/2008/bgAltContent.png) repeat-y top left;
		}
		
	
	/* = HEADER */

	#header p#logo {
		text-indent: -1500em; 
		font-size: 196%; 
		}

	#visuelPrint, .print {
		display: none;
		}

	#header p#logo a {
		width: 550px; 
		height: 200px; 
		display: block;
		}

	#header p#baseline {
		font-size: 116%; 
		text-indent: -1500em;
		}

	/* Divers éléments génériques */
	em {
		font-style: italic;
		}
	em strong { 
		font-weight: bold; 
		font-style: italic;
		}
	p.legendes {
		color: #666;
		font-size: 77%; 
		}
	a.link {
		background: #bd1027 url(/global/images/2008/puceNavLi.gif) no-repeat; 
		color: #fff; 
		text-decoration: none; 
		padding: 2px 5px 2px 10px;
		}

	#btOK {
		width: 20px; 
		height: 13px; 
		border: 0; 
		margin: 0 0 0 5px; 
		background: url(/global/images/2008/btOK.gif) no-repeat top left;
		}

	.bloc {
		float: left;
		margin: 0;
		padding: 0;
		}

	/* = NAVIGATION PRINCIPALE */

	/* Bouton de retour à l'accueil */

	#retourAccueil {
		background-color: #bd1027;
		}

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

	#retourAccueil a:hover {
		text-decoration: underline;
		}

	/* La navigation principale */
	#navigation {
		background: url(/global/images/2008/bgNav.png) no-repeat bottom left; 
		padding: 0 0 0 0;
		}
	ul#nav {}
	ul#nav li {
		padding: 7px 0 8px 0px; 
		background: url(/global/images/2008/separateurNav.gif) no-repeat bottom left;
		}
	ul#nav li a, ul#nav li span {
		font-weight: bold; 
		color: #fff; 
		text-decoration: none; 
		padding-left: 20px; 
		display: block; 
		background: url(/global/images/2008/puceNavLi.gif) no-repeat 10px 0px;
		}
	ul#nav li a:hover, 
	ul#nav li a:focus, 
	ul#nav li a:active {
	    text-decoration: underline;
	    }
	ul#nav .open a,
	ul#nav .open span {
		background-image: url(menu-item-enroule.png);
		}
	ul#nav ul.subMenu li {
		padding: 0 0 0 0px; 
		background: none;
		line-height: 1.3em;
		}
	ul#nav ul.subMenu li a {
		font-weight: normal;
		color: #fff;
		padding-left: 30px; 
		background: url(/global/images/2008/puceNavLi_niv2.gif) no-repeat 0px 5px;
		}
	ul#nav ul.subMenu li a:hover, ul#nav ul.subMenu li a.active {
		background: #cd1431 url(/global/images/2008/bgBouton.gif) repeat-x bottom left;
		text-decoration: none;
		}

	/*=  ---------------------------------------- */
	#lecteurFlash {
		width: 152px;
		}

	/* L'accès à mySpace, séparé du reste de la nav et donc traité séparément */

	ul#nav li#mySpace {
		height: 35px; 
		padding: 11px 0 0px 0px; 
		margin: 23px 0 17px 0; 
		background: url(/global/images/2008/separateurMySpace.gif) no-repeat top left;
		}

	/*= Bloc playlists et newsletter */

	#playlist,
	#newsletter {
		background: url(/global/images/2008/bgBloc-sidebar.gif) no-repeat top left; 
		padding-bottom: 15px;
		float: left;
		}
  
	#playlist h3,
	#newsletter h3,
	#partenaires h3 {
		color: #fff; 
		background: url(/global/images/2008/separateurNav.gif) no-repeat bottom left;
		margin-bottom: 10px;
		}
		
	#reservations h4 {
		}

	a#inscriptionNewsletter {
		width: 130px; 
		height: 15px; 
		display: block; 
		background: url(/global/images/2008/btNewsletter.gif) no-repeat top left; 
		text-indent: -1500em; 
		margin: 5px auto  ;
		}

	#editContent p a {
		color: #484848; 
		text-decoration: underline;
		}

	/*= Bloc partenaires */

	#partenaires {
		float: left;
		background: url(/global/images/2008/bgBloc-partenaires.png) no-repeat top left;
		}
	#partenaires p {
		}

	div#diaporama {
		width: 152px;
		height: 60px;
		float: left;
		background-color: transparent;
		overflow: hidden;
		text-align: center;	
		}

	#partenaires img {
		width: 152px;
		height: 60px;
		float: left;
		}
		
	/*= Bloc reseau */
	
	div#reseau {
		width: 152px;
		height: 80px;
		margin: 15px 0px 0px 0px;
		float: left;
	}
	div#reseau p {
		width: 152px;
		float: left;
		text-align: center;
	}

	/* barre de lien en bas du bloc partenaires */

	#partenaires #allPartners {
		float: left;
		width: 152px;
		margin-top: 2px; 
		background-color: #bd1027;
		}

	#partenaires #allPartners a {
		color: #fff; 
		text-decoration: none; 
		padding: 0 0 0 20px; 
		background: url(/global/images/2008/puceNavLi.gif) no-repeat 10px 0px;
		}

	#partenaires #allPartners a:hover {
		text-decoration: underline;
		}

	/* = CONTENU PRINCIPAL */
	#editContent {
		min-height: 540px;
		padding: 0 25px 45px 25px;
		}

	#editContent h2 {
		color: #301c1a !important; 
		font-weight: bold;
		font-size: 138.5%;
		margin: 0 0 25px 0; 
		border-bottom: 1px solid #301c1a;
		}

	#editContent h3 {
		color: #d7b40b;
		font-size: 123.1%;
		font-weight: bold;
		}
	#editContent h3 a {
		color:  #d7b40b;
		text-decoration: none;
		}
	#editContent h4 {
		font-size: 116%;
		color: #d7b40b;
		font-weight: bold;
		margin: 0 0 5px 0;	
		}
	#editContent h4 a {
		color: #d7b40b;
		text-decoration: none;
		}
	#editContent h5 {
		color: #301c1a !important; 
		font-size: 93% !important;
		font-weight: bold;
		}
	#editContent h5 a {
		color: #301c1a !important; 
		text-decoration: none;
		}
	#editContent p {
		margin: 0 0 5px 0;
		color: #301c1a;
		}

#editContent.blog p {
	width: 98%;
		}
	#editContent p a.link, #editContent div a.link {
		color: #fff;
		background-image: none;
		padding: 3px 2px;
		text-decoration: none;
		}
	#editContent p a.link:hover, 
	#editContent div a.link:hover {
		text-decoration: underline;
		}
	#editContent p.post_name, 
	#editContent span.post_date {
		display: none;
		}

	/* = ALT CONTENT, sidebar de droite */

	#altContent {
	/* positionnement par rapport au bouton retour accueil */
		margin: 160px 0 0 0;
		}

	/* = Les actus dans la sidebar */

	#listeActus {
		padding: 5px;
		}

	#listeActus .resumeActu h3 {
		color: #d7b40b;
		}

	#listeActus .resumeActu p {
		margin: 5px 0; 
		}

	#altContent #listeActus p {
		color: #fff;
		}

	#listeActus p a.link  {
		background: #bd1027 url(/global/images/2008/puceNavLi.gif) no-repeat; 
		color: #fff; 
		text-decoration: none; 
		padding: 2px 5px 2px 10px;
		}

	#listeActus p a.link:hover {
		text-decoration: underline;
		}

	#listeActus #linkBottom a {
		float: right;
		}

	a#participation {
		width: 210px; 
		height: 90px; 
		margin: 0px auto; 
		background: url(/global/images/2008/btParticulier.gif) no-repeat bottom left; 
		display: block; 
		text-indent: -1500em; 
		clear: both;
		}

	/* = LE FOOTER */

	#footer {
		margin: 0;
		}

	#footer p {
		color: #fff; 
		padding: 0 !important; 
		text-align: right; 
		margin-right: 230px;
		margin-top: 5px;
		}

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

	#footer p a:hover {
		text-decoration: underline;
		}

	#footer p input.textID {
		width: 55px; 
		height: 13px; 
		border: 0;
		}

	/* FICHE ARTISTE */

	#enPlus {  /* ce bloc sert à l'affichage des infos complémentaires de la fiche artiste */
		width: 100%; 
		float: left; 
		clear: both; 
		margin: 20px 0 0 0;
		}

	#reservations, 
	#artistesComplement {
		position: relative;
		width: 200px; 
		float: left; 
		padding: 5px 0px; 
		color: #484848;
		}

	#salleInfoSpectacle p.prix {
		color: #d7b40b; 
		font-size: 100%; 
		font-weight: bold;
		}

	.salleInfoSpectacle p.etatReservation {
		width: 115px;
		height:  60px;
		font-size: 100%; 
		font-weight: bold; 
		color: #bd1027;
		position: absolute;
		left: 25px;
		top: 10px;
		text-indent: -1500em;
		background: url(/global/images/2008/complet.gif);
		}

	#reservations h4,
	#artistesComplement h4 {
		float: left; 
		font-weight: bold; 
		text-align: left;		
		color: #d7b40b;

		}

	#reservations p,
	#artistesComplement ul li {
		margin: 2px 5px;
		}

	#artistesComplement {
		float: right; 
		width: 230px;
		}

	#reservations p.date {
		font-weight: bold;
		}

	.btRetour {
		width: 47px; 
		height: 15px; 
		float: left;
		clear: both;
		background: url(/global/images/2008/btBack.gif) no-repeat top left; 
		margin: 15px 0; 
		text-indent: -1500em;
		}

	#artistesComplement ul {
		text-decoration: none; 
		color: #484848; 
		margin: 0 0 0 25px;
		}

	#artistesComplement ul li a {
		text-decoration: none; 
		color: #484848;
		}

	#artisteComplement ul li a:hover {
	
		}

	/* Le dock */

	#portfolio {
		width: 475px; 
		height: 120px; 
		position: relative;
		text-align: center;
		float: left;	
		}

	#portfolio h3 {
		text-align: left;
		}

	/*= FORMULAIRE =*/

	form p {
		width: 95%; 
		float: left; 
		margin: 5px; 
		clear: both; 
		text-align: left;
		}

	label, .pseudoLabel {
		width: 195px; 
		text-align: right; 
		float: left; 
		margin: 0 5px 0 0;
		}

	label.float {
		width: auto !important;
		text-align: left;
		}

	label.floatlong {
		width: 100px !important;
		margin: 0 5px 0 0;
		text-align: left;
		}

	label.listPostes {
		width: 400px !important; 
		float: left;
		}

	label.float input {
		margin: 0 5px 0 5px;
		}

	.benevoles label, .benevoles span.pseudoLabel {
		width: 195px;
		}

	.benevoles textarea {
		width: 210px;
		}

	.benevoles textarea.remarques {
		float: left; 
		width: 415px; 
		height: 60px;
		}

	.benevoles h3 {
		float: left; 
		width: 480px; 
		font-weight: bold; 
		color: #d7b40b;
		}

	.benevoles h4, .benevoles label h4 {
		float: left; 
		width: 410px; 
		font-weight: bold; 
		color: #666; 
		text-align: left;
		}

	input.field_radio {
		float: left; 
		width: 10px; 
		border: none;
		margin: 0px 5px;
		}

	textarea {
	
		}

	p input.textfield {
		width: 150px; 
		float: left;
		}

	input#field6.textfield {
		width: 70px;
		}

	input.bouton {
		width: 80px !important;
		}

	div.benevoles {
		float: left; 
		margin-bottom: 25px; 
		overflow: hidden;
		width: 480px !important;
		}

	div.benevoles p {
		float: left; 
		margin: 5px 0; 
		text-align: left;
		}
	
	div.benevoles p.labelTitre {
		width: 240px;
		padding-left: 205px;
		}
	div.benevoles p.validation {
		width: 100%; 
		float: left; 
		margin: 5px 0; 
		text-align: center;
		}

	fieldset.disponibilites {
		width: 450px; 
		height: auto; 
		float: left; 
		background: url(/global/images/2008/bgDisponibilites.gif) no-repeat 200px 5px; 
		margin: 10px 0; 
		padding: 0 0 9px 0;
		}

	fieldset.date {
		width: 450px; 
		margin: 8px 0; 
		padding: 2px 0; 
		display: block; 
		float: left; 
		position: relative;
		}

	legend span.legendDispos {
		font-size: 115%; 
		line-height: 1.5em; 
		font-weight: bold; 
		text-align: left; 
		width: 440px; 
		display: block;
		}

	legend span.legendDate {
		width: 195px; 
		margin: 2px 0; 
		float: left; 
		text-align: right;
		}

	span.groupeCheckbox {
		width: 100px; 
		position: absolute; 
		top: 2px; 
		left: 205px; 
		z-index: 2;
		}

	span.groupeCheckbox input {
		margin: 0px 7px; 
		float: left;
		}

	legend {
		float: left;
		}

	/* = Captcha */

	#lbl_captcha span {
		float: left;
		margin-top: 8px;
		}
	p.field_line.captcha {}
	#input_captcha {margin-top: 8px}
	#lbl_captcha img {float: left}

	/* formulaire de recherche */
	.search_box {
	padding: 5px;
}
	#recherche {
		/*padding: 0 0 0 25px;
		background: url(/global/images/2008/bgRechercheGlobale.gif) no-repeat 5px 5px;*/
		float:left;
	}
	#recherche input.searchfield {
		float:left;
	}
	.FormResultRech button[type="submit"], #recherche button[type="submit"] {
		border: none; 
		height: 17px; 
		background: #bd1027 url(/global/images/2008/bgBouton.gif) repeat-x; 
		color: #fff; 
		margin: 1px 3px 0px 3px; 
		display: block;
		float:left; 
		padding: 1px 5px;
	}
	
	/* Resultat recherche site */
	
	
	form.FormResultRech {
		float: left;
		width:495px;
		padding: 5px 0;
		background: url(/global/images/2008/separateurNav.gif) repeat-x bottom left;
		}
	form.FormResultRech p input.chmpsRech {
		width: 325px!important
		}
	div.blocRechGauche {width: 390px; float: left;}
	div.blocRechDroit {width:100px; float: right;}
	form.FormResultRech p.field_line {float: left}
	form.FormResultRech p.pRech {width: 390px;}
	form.FormResultRech p.pMode {width: 390px;}
	form.FormResultRech p.pValid {width: 100px;}
	form.FormResultRech p label {width:auto!important}
	.tableResultRech {width: 495px;}
	.tableResultRech td a {
		text-decoration: none;
		}

	/* button submit */
	#validation {
		width: 460px; 
		float: left;
		margin: 10px 0;
		text-align: center;
		}

	#validation input[type="submit"] {
		border: none; 
		height: 23px; 
		background: #bd1027 url(/global/images/2008/bgBouton.gif) repeat-x; 
		color: #fff; 
		margin: 10px auto; 
		display: block; 
		padding: 1px 5px;
		}
	
	#recherche button[type="submit"], #validation input[type="submit"]:hover {
		cursor: pointer;
		}

	/* = LE PROGRAMME =*/
	
	/* = selecteur de type de programme */
	
	div.trieProgramme {
	float:  left;
	clear: both;
	margin-bottom: 10px;
	}

	p.intitleProgramme {
	float: left;
	margin-right: 10px;
	}

	ul.listeProgramme {
	position: relative;
	float: left;
	}

	ul.listeProgramme li {
	width: 50px;
	height:  30px;
	margin:  0 5px 0 0;
	display: inline;
	float: left;
}

	ul.listeProgramme li a {
	width: 50px;
	height: 30px;
	float: left;
	text-indent: -500em;
	position: relative;
	background:  url(/global/images/2008/selectTypeSpectacle.gif) no-repeat top left;
}
	ul.listeProgramme li#prog_it1 a {
	background-position: -2px -30px ;
}

ul.listeProgramme li#prog_it2 a {
	background-position: -50px -30px ;
}

ul.listeProgramme li#prog_it3 a {
	background-position: -102px -30px ;
}

ul.listeProgramme li#prog_it4 a {
	background-position: -151px -30px ;
}

ul.listeProgramme li#prog_it5 a {
	background-position: -200px -30px ;
}

ul.listeProgramme li#prog_it6 a {
	background-position: -248px -30px ;
}

ul.listeProgramme li#prog_it1 a:hover {
	background-position: -2px 0px ;
}

ul.listeProgramme li#prog_it2 a:hover {
	background-position: -50px 0px ;
}

ul.listeProgramme li#prog_it3 a:hover {
	background-position: -102px 0px ;
}

ul.listeProgramme li#prog_it4 a:hover {
	background-position: -151px 0px ;
}

ul.listeProgramme li#prog_it5 a:hover {
	background-position: -200px 0px ;
}

ul.listeProgramme li#prog_it6 a:hover {
	background-position: -248px 0px ;
}

div#glincer div {
position:absolute;
top: 0;
left: 0;
}
	
table.leProgramme {
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	border:0;
	border-spacing:0;
	border-collapse: collapse;
	width: 725px;
	text-align: left;
	}


	table.leProgramme tr {
		padding: 0;
		/*float: left;*/
		margin: 0 0;
	}
	table.leProgramme tr.separateur {
		width: 100%;
		background: url(/global/images/2008/separateurProg.gif) repeat-x center left;
		}
	table.leProgramme tr.separateur td {
		padding: 3px 0;
		padding: 0;
		}
	table.leProgramme th {
		font-size: 93%;
		margin: 0;
		padding: 0;
		height: 30px;
		}
	table.leProgramme th.vide {
		margin: 0;
		padding: 0;
		width: 90px;
		text-align: center;
		}
	table.leProgramme th.jour {
		margin: 0;
		padding: 0;
		width: 129px;
		text-align: center;
		text-indent: -1500em;
		}

	th#mercredi.jour {
	background: url(/global/images/2008/mercredi-prog.gif) no-repeat center center;
	}

	th#jeudi.jour {
	background: url(/global/images/2008/jeudi-prog.gif) no-repeat center center;
	}

	th#vendredi.jour {
	background: url(/global/images/2008/vendredi-prog.gif) no-repeat center center;
	}

	th#samedi.jour {
	background: url(/global/images/2008/samedi-prog.gif) no-repeat center center;
	}

	th#dimanche.jour {
	background: url(/global/images/2008/dimanche-prog.gif) no-repeat center center;
	}

	/*=  ---------------------------------------- */
	table.leProgramme td {
		margin: 0;
		padding: 0px 8px 10px 8px;
		width: 112px;
		font-size: 93%;
		color: #003333;
		text-align: left;
		vertical-align: top;
	}
	
	table.leProgramme td.progImpair {
		background: url(/global/images/2008/bgCellule-impair.gif) no-repeat bottom center;
		}
	table.leProgramme td.vide {
		/*width: 96px;*/
		background: url(/global/images/2008/bgCellule.gif) no-repeat bottom center;
		}

	table.leProgramme td.progPair {
		background: url(/global/images/2008/bgCellule-pair.gif) no-repeat bottom center;
		}

	table.leProgramme td.sallePair {
		margin: 0;
		padding: 0 0 5px 0;
		width: 80px;
		}
		
	

	table.leProgramme td p.nomSalle {
		margin: 0;
		padding: 12px 0 12px 0;
		width: 80px;
		font-weight: bold;
		text-align: center;
		}

	table.leProgramme th span.salles {
		width: 80px;
		height: 30px;
		float: left;
		background: url(/global/images/2008/salles-prog.gif) no-repeat center center;
		text-indent: -1500em;
		}

	table.leProgramme td p.nomSalle a {
		text-decoration: none !important;
		color: #bd1027 !important;	
		}
	table.leProgramme td p.nomSalle a:hover {
		text-decoration: underline !important;
		}
	table.leProgramme td p.nomSalle {
		font-weight: bold;
		}
	table.leProgramme td.salleImpair {
		margin: 0;
		padding: 0 0 5px 0;
		width: 85px;
		}
	table.leProgramme td p.infosSpec {
		margin: 0 0 0px 0 !important;
		padding: 0;
		}

	#prog tbody tr td span.inactif ul.artistes {
		opacity: 0.3;
	}

	table.leProgramme td span.inactif p.infosSpec {
		opacity: 0.3;
	}

	table.leProgramme td span.horairesSpec {
		font-weight: bold;
		font-size: 93%; 
		width: 100px;
		position: relative;
		left: 1px;
		color: #fff !important; 
		text-decoration: none; 
		text-align: center;
		display: block;
		padding: 3px 5px 3px 6px;
		margin: 0px 0 0 0;
		background:  url(/global/images/2008/bg_dateProg.gif) repeat-x bottom right;
		}

		table.leProgramme td span.Installations span.horairesSpec {
		background:  url(/global/images/2008/bg_dateProg-installations.gif) repeat-x bottom right;
}

table.leProgramme td span.Cine span.horairesSpec {
		background:  url(/global/images/2008/bg_dateProg-cine.gif) repeat-x bottom right;
}

table.leProgramme td span.Performances span.horairesSpec {
		background:  url(/global/images/2008/bg_dateProg-performances.gif) repeat-x bottom right;
}

table.leProgramme td span.Arts span.horairesSpec {
		background:  url(/global/images/2008/bg_dateProg-arts.gif) repeat-x bottom right;
}

table.leProgramme td span.Musiques span.horairesSpec {
		background:  url(/global/images/2008/bg_dateProg-musiques.gif) repeat-x bottom right;
}

table.leProgramme td span.Enfants span.horairesSpec {
		background:  url(/global/images/2008/bg_dateProg-enfants.gif) repeat-x bottom right;
}
		
	/*= détail artises ---------------------------------------- */
	.detailArtisteSoiree {
		width: 485px;
		clear: both;
		float: left;	
		}
	table.leProgramme td span.horairesSpec a {
		color: #fff !important;
		text-decoration: none !important;
		}
		
	table.leProgramme td span.nomSpec {
		clear: both;
		display: block;
		margin: 5px 0;
		padding: 0 0 0 5px;
		font-family: Helvetica,Verdana,Arial,sans-serif;
		font-size: 93%;
		color: #fff;
		font-weight: bold;
	}
	table.leProgramme td ul.artistes {
		clear: both;
		padding: 0 0 10px 0;
	}

	table.leProgramme td ul.artistes li {
		margin: 0 0 0 5px;
		padding: 0;
		font-size: 93%;
		color: #003333;
		list-style: none;
	}

	table.leProgramme td ul.artistes li a {
		display: block;
		margin: 2px 0 0 0;
		padding: 0 0 0 7px;
		width: 99px;
		/*color: #d7b40b;*/
		color: #fff;
		text-decoration: none;
		text-align: left;
		background: url(/global/images/2008/puceListeArtistes-prog.gif) no-repeat 0 4px ;
	}


	table.leProgramme td ul.artistes li a:hover {
		color: #d7b40b;
		text-decoration: underline;
		}

	table.leProgramme td ul.artistes li span.annule {
		display: block;
		margin: 0;
		padding: 0 0 0 7px;
		width: 77px;
		font-family: Helvetica,Verdana,Arial,sans-serif;
		font-size: 77% !important;
		color: #666666;
		font-weight: normal;
	}

	/*=-------------------------------- Bouton de réservation programme / rajout loic 26/06/08 */
	a.resa_programme {
		text-indent: -1000em;
		position: absolute;
		right: 260px; top: 220px;
		z-index: 1000;
		display: block;
		width: 153px; height: 42px;
		background: transparent url('/global/images/2008/bt_reserver_billet.gif') no-repeat;
		}

	span.gratuit {
		text-indent: -1000em;
		position: absolute;
		right: 260px; top: 220px;
		z-index: 1000;
		display: block;
		width: 153px; height: 42px;
		background: transparent url('/global/images/2008/bt_gratuit.gif') no-repeat;
		}
	
	/*--------------------- BT_ProgrammePdf*/
	.BT_ProgrammePdf a {
		float:right;
		position:relative; top:15px;
		font-size:85%;
		background: transparent url('/global/images/2008/bt_Programme.gif') no-repeat;
		padding:2px 0 0 20px;
		color:#D12926; text-decoration:none;
	}
	.BT_ProgrammePdf a:hover{
		background: transparent url('/global/images/2008/bt_ProgrammeHover.gif') no-repeat;
	}

	/*--------------------- Trie programme*/
	#Trie_Programme{

		background:#786B62;
	}
	#Trie_Programme label{
		margin:0 0; padding:5px;
		color:#fff; width:auto;
	}
	#Trie_Programme select{
		margin:3px; 
		border:1px #fff solid;
	}
	#Trie_Programme select option{
		padding:3px 0;
	}
	#Trie_Programme select option.c1{background-color:red;}
	#Trie_Programme select option.c2{background-color:yellow;}
	#Trie_Programme select option.c3{background-color:blue;}
	#Trie_Programme select option.c4{background-color:pink;}
	#Trie_Programme select option.c5{background-color:green;}
	#Trie_Programme select option.c6{background-color:purple;}
	#Trie_Programme input{
		border:1px #fff solid;
		background:#786B62;
		color:#fff;
		padding:0px 0 0 0 ;
		cursor:pointer;
	}
	/*= ACTUALITES */


	/*= FICHE ARTISTES */

	.salleDate {
		width: 98%;
		float: left;
		margin: 10px 0 15px 0 ;
		}

	.salleInfoSpectacle {
		width:  330px;
		float: left;
		position: relative;
		}
	
	.listeArtiste {
		width: 130px;
		padding: 0px 0px 0px 20px;
		float: right;
		}
	.listeArtiste h4 {
		float: left; 
		font-weight: bold; 
		text-align: left;		
		color: #d7b40b;
		}

	.listeArtiste ul{
		clear: both;
		margin: 0;
		padding: 0;
		}

	.listeArtiste ul li {
		margin: 0;
		padding: 0;
		font-size: 93%;
		color: #003333;
		list-style: none;
		}

	.listeArtiste ul li a {
		display: block;
		margin: 2px 0 0 0;
		padding: 0 0 0 7px;
		width: 77px;
		color: #6a5e54;
		text-decoration: none;
		text-align: left;
		background: url(/global/images/2008/puceListeArtistes.gif) no-repeat 0 4px ;
		}

	.listeArtiste ul li a:hover {
		text-decoration: underline;
		}
	
	.salleInfoSpectacle p.date {
		border-bottom: 1px solid #bd1027;
		}
	.salleInfoSpectacle p.date a {
		text-decoration: none !important;
		padding-right: 10px ;
		font-weight: bold; 
		color: #bd1027 !important;
		}

	.salleInfoSpectacle p.date a:hover {
		text-decoration: underline;
		}

	.salleInfoSpectacle p.date span.horaires {
		}

	.salleDescriptionSpectacle {
		width: 300px;
		float: left;
		clear: both;
		}
	.salleDescriptionSpectacle p {
		font-size: 85%;
		color: #484848;
	}

	#video, .videoComment {
		margin: 15px 0;
		width: 475px;
		text-align: center;
	}

	#homepage #video {
		width: 210px !important;
	}

	
div.colArtiste ul li {
	padding: 0 0 0 7px;
	margin: 5px 0;
	background: url(/global/images/2008/puceListeArtistes.gif) no-repeat 0 4px ;
	}

div.colArtiste ul li a {
	text-decoration: none;
	color: #484848;
	}

div.colArtiste ul li a:hover {
	color: #bd1027;
	text-decoration: none;
	}

div.colArtiste {
	width: 30%;
	margin: 0 3% 0 0;
	float: left;
	}

div.colArtiste .plus {
	background: #5a4942;
	padding: 5px;
	}

#editContent div.colArtiste .plus h3 {
margin: 0;
padding: 5px 0 0 0;
	}
div.colArtiste .plus li {
	padding: 0 0 0 10px;
	background: url(/global/images/2008/puceNavLi.gif) no-repeat 0px 0px;
	}

div.colArtiste .plus li a {
	color: #fff;
	}

div.colArtiste ul ul {
	width: 90%;
	}
/*= LA FRICHE NUMERIQUES */

.fricheDescriptionSpectacle {
	width: 30%;
	float: left;
	margin-right: 2%;
	}

#editContent h3.date {
		background: url(/global/images/2008/separateurNav.gif) repeat-x bottom left;
	}
#editContent .fricheDescriptionSpectacle h4 {
	font-size: 100%;
	color: #bd1027;
	}

#editContent .fricheDescriptionSpectacle ul li a {
	padding: 0 0 0 8px;
	background: url(/global/images/2008/puceListeArtistes.gif) no-repeat 0 4px ;
}	

#editContent .fricheDescriptionSpectacle ul li a {
	color: #484848;
	text-decoration: none;
	}

#editContent .fricheDescriptionSpectacle ul li a:hover {
 	color: #bd1027;
	text-decoration: underline;
	}
	
	
	/*= LES EDITIONS PRECEDENTES */

	.edition {
	width: 495px;
	float: left;
	}

	div.editionDescription {
	width: 340px;
	float: right;
	}

	.contentEdition img {
	float: left;
	margin: 0 10px 3px 0px;
	}

	.lesArtistes {
	width:  480px;
	margin: 10px 0px;
	float: left;
	clear: both;
	}

	.lesArtistes h4 {
	margin-bottom: 4px;

	}

	.lesArtistes p {
	width: 480px;
	font-size: 93%; 
	text-transform: uppercase;
	}

	.edition h3 {
	color: #301c1a !important; 
	padding-bottom: 5px;
	background: url(/global/images/2008/filet_rouge-croix.gif) repeat-x bottom left;
	}

	.contentEdition {float: left}
	
	#editContent .contentEdition p, 
	.contentEdition h4 {
		float: left;
	}

	/*= PAGE GOOGLE MAP */

	.carteGoogle { width: 500px; height: 360px; }

	/*=PLAN DU SITE */

	ul.siteMap2 li,
	ul.siteMap3 li {
		font-family: "Trebuchet MS";	
		}
	ul.siteMap1 li a,
	ul.siteMap2 li a,
	ul.siteMap3 li a {
	text-decoration: none;
		}

	ul.siteMap1 li a:hover,
	ul.siteMap2 li a:hover,
	ul.siteMap3 li a:hover {
	text-decoration: underline;
		}	
	ul.siteMap1 li{
		font-family: "Trebuchet MS";	
		margin: 5px 0 0 5px;
		padding: 21px 0 0px 40px;
		list-style: none;
		background: url(/global/images/2008/fleursSiteMap.gif) no-repeat top left;
	}
	ul.siteMap1 li a {
		color: #bd1027;
		font-weight: bold;
		font-size: 116%;
	}
	ul.siteMap2 li a {
		color: #7d7d7d;
		font-size: 108% !important;
		font-weight: bold;
	}
	ul.siteMap2 li {
		background: url(/global/images/2008/siteMapN2.gif) no-repeat 3px 1px;
		list-style: none;
		margin-left: 5px;
		padding: 0px 0 0 18px;
	}
	ul.siteMap3 li {
		background:  url(/global/images/2008/siteMapN3.gif) no-repeat 3px 1px;
		list-style: none;
		margin-left: 5px;
		padding:  0px 0 0 18px;
		}
	ul.siteMap3 li a {
		color: #7d7d7d;
		font-size: 100%;
		font-weight: normal;
	}

	ul.siteMap4 li {
		background: url(/global/images/siteMapN4.gif) no-repeat top left;
		list-style: none;
		margin-left: 5px;
		padding-left: 18px;
		}
	ul.siteMap4 li a {
		color: #7d7d7d;
		font-size: 1.2em;
		font-weight: normal;
	}

	/*=COMMENTAIRES DU BLOG */

.resumeActu {
width: 98%;
}

.selected_group_title h3 {
		float: left;
		text-align: left;
	}
	.selected_group_title h3 a {
		color: #301C1A !important;
		text-decoration: none;
	}
	.commentaires label {
	width: 130px;
	}
	.commentaires input.input , .commentaires textarea.textarea {
	width: 220px;
	}

	span.imageCommentaire {
	margin: 10px;
	float: left;
	padding: 0px 10px 10px 0px;
	background: url(/global/images/2008/bgImages-commentaires.gif) no-repeat bottom right;
	}

	span.imageCommentaire img {
	border: 5px solid #fff;
	float: left;

	}

	td.comment_text {
	padding: 5px;
	}

	td.comment_title {
	padding: 5px;
	}
	
	#blocCommentaires {
	clear: both;
	}
	
	span.comment_title {
	font-weight: bold;
	}
	.leCommentaire {
	border-bottom: 1px solid #999;
	padding: 10px 0 ;
	}

	#nouveauCommentaire {
	margin: 0;
	padding: 0px 10px;
	}

	table.captcha {
	background: #fff;
	padding: 5px;
	border: 1px solid #999;
	margin: 0 auto;
	}
	table.captcha h5 {
	padding:  0 5px;
	}
	table.captcha img {
	margin: 5px;
}
	table.captcha input {
	margin: 0px 5px;
	}
	#nouveauCommentaire h5 {
	margin:  0;
	}

span.comment_title {
	font-weight: bold;
}
	/* PLAYLIST */

	body#popUp {
		text-align: center;
		float: left;
		background: url(/global/images/2008/bgPlayerPopup.jpg) no-repeat top left;
	}
	
	#playlist.popUp {
		width: 230px;
		margin: 16px 10px 0 10px;
		background: none;
	}
	
	#playlist.popUp h1 {
		text-align: left;
		font-weight: bold;
		font-size: 93%; /* 12px */
		padding: 5px 0 5px 10px;
		color: #fff; 
		background: url(/global/images/2008/separateurNav.gif) repeat-x bottom left;
		margin-bottom: 10px;
	}