﻿/*******************************************
// Feuille de style CSS piano****
// Auteur      : Studio-BS
// Date        : Juin 2008
// Définition  : Feuille de style
// Version     : 1.0.0
*******************************************/
html{
	height:100%;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cccccc;
	background-image:url(/images/communs/bg1.jpg);
	background-repeat:repeat;
	background-position:0px 2px;
}
body{
	min-height:100%;
	margin:0px;
	padding:0px;
	background-image:url(/images/communs/bg2.jpg);
	background-repeat:repeat-x;
}
	#global{
		position:relative;
		width:975px;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		background-color:#000000;
	}
	#header{
		float:left;
		display:inline;
		position:relative;
		width:965px;
		height:234px;
		margin-right:5px;
		margin-left:5px;
		margin-bottom:5px;
		background-position:186px 0px;
		background-repeat:no-repeat;
	}
		#header.accueil{
			background-image:url(/images/entete/accueil.jpg);
		}
		#header.introduction{
			background-image:url(/images/entete/introduction.jpg);
		}
		#header.historique{
			background-image:url(/images/entete/historique.jpg);
		}
		#header.grandsmoments{
			background-image:url(/images/entete/grandsmoments.jpg);
		}
		#header.artistes{
			background-image:url(/images/entete/artistes.jpg);
		}
		#header.presentation{
			background-image:url(/images/entete/presentation.jpg);
		}
		#header.saisonprogramme{
			background-image:url(/images/entete/programme.jpg);
		}
		#header.reservation{
			background-image:url(/images/entete/reservation.jpg);
		}
		#header.presse{
			background-image:url(/images/entete/presse.jpg);
		}
		#header.infospratiques{
			background-image:url(/images/entete/infospratiques.jpg);
		}
		#header.contact{
			background-image:url(/images/entete/contact.jpg);
		}
		#header.entreprisesintroduction{
			background-image:url(/images/entete/entreprisesintroduction.jpg);
		}
		#header.entreprisespartenariat{
			background-image:url(/images/entete/entreprisespartenariat.jpg);
		}
		#header.entreprisesmecenat{
			background-image:url(/images/entete/entreprisesmecenat.jpg);
		}
		#header.lesamisdupiano{
			background-image:url(/images/entete/lesamisdupiano.jpg);
		}
		#header.recevoirleprogramme{
			background-image:url(/images/entete/recevoirleprogramme.jpg);
		}
		#header.newsletter{
			background-image:url(/images/entete/newsletter.jpg);
		}
		#header a.logo{
			float:left;
			display:inline;
			width:181px;
			height:234px;
		}
		#header #bgmenu{
			float:left;
			display:inline;
			width:779px;
			height:65px;
			margin-left:5px;
		}
			#header #menu{
				float:left;
				display:inline;
				width:779px;
				height:65px;
				background-image:url(/images/entete/bg.png);
				background-repeat:no-repeat;
			}
				#header	#menu .niveau1{
					float:left;
					display:inline;
					width:779px;
					height:37px;
				}		
				#header	#menu .niveau2{
					float:left;
					display:inline;
					width:752px;
					height:32px;
					padding-left:27px;
				}	
				#header	#menu span{
					float:left;
					display:inline;
				}	
					#header	#menu .niveau2 span{
						padding-right:13px;
						height:32px;
					}
					#header	#menu .niveau2 #artistes span{
						padding-right:0px;
					}
					#header	#menu .niveau2 form{
						float:left;
						display:inline;
						height:37px;
						width:auto;
						margin:0px;
						padding:0px;
						margin-left:10px;
					}
						#header	#menu .niveau2 form p{
							float:left;
							display:inline;
							height:37px;
							line-height:30px;
							width:auto;
							margin:0px;
							padding:0px;
							margin-right:10px;
							color:#df2f00;
						}
						#header	#menu .niveau2 form label{
							float:left;
							display:inline;
							height:37px;
							line-height:20px;
							margin:0px;
							padding:0px;
							margin-right:5px;
						}
						#header	#menu .niveau2 form select{
							float:left;
							display:inline;
							width:125px;
							height:19px;
							margin:0px;
							padding:0px;
							margin-right:10px;
							margin-top:2px;
						}
						#header	#menu .niveau2 form select option{
							padding:0px;
							margin:0px;
							padding-bottom:4px;
							font-family:Arial, Helvetica, sans-serif;
							font-size:12px;
						}
				
			#header #menu span a{
				float:left;
				display:inline;
				position:relative;
				margin-right:1px;
			}				
				
	#content{
		float:left;
		display:inline;
		position:relative;
		width:965px;
		margin-right:5px;
		margin-left:5px;
		margin-bottom:0px;
		background-repeat:repeat-y;
		background-position:left;
	}
				
	.unecol{
		background-image:url(/images/communs/bg_content.gif);
	}		
	.deuxcols{
		background-image:url(/images/communs/bg_content2col.gif);
	}
		#content #col1{
			float:left;
			display:inline;
			width:181px;
			margin:0px;
			padding:0px;
			margin-top:7px;
		}
			#content #ssmenu{
				float:left;
				display:inline;
				width:155px;
				margin:0px;
				padding:0px;
				margin-left:10px;
				margin-top:7px;
				padding-bottom:350px;
			}
				#content #ssmenu li{
					float:left;
					display:inline;
					width:155px;
					margin:0px;
					padding:0px;
					list-style:none;
				}

					#content #ssmenu li a{
						float:left;
						display:inline;
						position:relative;
					}					
						#content #ssmenu li a img.over {
							position:absolute;
							visibility:hidden;
							top:0px;
							left:0px;
						}
						#content #ssmenu li:hover a img.out {
							visibility:hidden;
						}
						#content #ssmenu li:hover a img.over {
							visibility:visible;
						}
			#content #newsletter{
				float:left;
				display:inline;
				width:171px;
				margin:0px;
				padding:0px;
				margin-left:10px;
				margin-top:10px;
			}
				#content #newsletter img{
					float:left;
					display:inline;
					margin:0px;
					padding:0px;
					margin-left:1px;
					margin-bottom:7px;
				}
				#content #newsletter input.texte{
					float:left;
					display:inline;
					width:132px;
					height:15px;
					margin:0px;
					padding:0px;
					padding-left:5px;
					border:none;
					font-size:11px;
					color:#ffffff;
					font-family:Arial, Helvetica, sans-serif;
					background-color:#e96e4d;
				}
				#content #newsletter input.bouton{
					float:left;
					display:inline;
					height:18px;
					margin:0px;
					padding:0px;
					margin-left:2px;
					margin-top:-2px;
					background-color:#df2f00;
					border:none;
					color:#ffffff;
					cursor:pointer;
				}
		#content img.deco{
			position:absolute;
			bottom:40px;
			left:35px;
		}
		#content #col2{
			float:left;
			display:inline;
			width:784px;
			margin:0px;
			padding:0px;
		}	
			#content #col2 .gauche{
				float:left;
				display:inline;
				width:181px;
				padding-left:5px;
			}
			#content #col2 .droite{
				float:left;
				display:inline;
				width:575px;
				padding-left:23px;
			}
	#footer{
		clear:both;
		width:936px;
		height:22px;
		line-height:22px;
		margin-right:5px;
		margin-left:5px;
		padding-right:29px;
		text-align:right;
		border-top:5px solid #000000;
		background-color:#333333;
	}
		#footer a{
			font-size:10px;
			color:#666666;
			text-decoration:none;
		}	
		#footer a:hover{
			text-decoration:underline;
		}	
		
img{
	border:0;
}
h1{
	font-size:12px;
	color:#999999;
	font-weight:normal;
}
h2{
	font-size:30px;
	color:#df2f00;
	font-weight:normal;
}
h3{
	font-size:12px;
	color:#f29400;
	font-weight:normal;
}
h4{
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
}

/*home*/
.concert{
	float:left;
	display:inline;
	position:relative;
	width:770px;
	padding-left:5px;
	padding-bottom:5px;
}
.fin{
	padding-bottom:0px;
}
	.concert img{
		float:left;
		display:inline;
		width:181px;
		padding-right:20px;
	}
	.concert h1{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		margin-top:10px;
		text-transform:uppercase;
	}
	.concert h2{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		margin-bottom:0px;
		text-transform:uppercase;
	}
	.concert h3{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.concert h4{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.concert p{
		float:left;
		display:inline;
		width:385px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		padding-right:30px;
		padding-bottom:5px;
		color:#DF2F00;
	}
		#content #col2 .concert a.select{
			color:#DF2F00;
			text-decoration:none;
		}
		#content #col2 .concert a.select:hover{
			color:#DF2F00;
			text-decoration:underline;
		}/**
		#content #col2 .concert p p a{
			color:#DF2F00;
			text-decoration:none;
		}
		#content #col2 .concert p p a:hover{
			color:#DF2F00;
			text-decoration:underline;
		}
		.concert p p{
			position:relative;
			float:none;
			margin:0px;
			padding:0px;
		}**/
	.concert .annexes{
		position:absolute;
		width:135px;
		height:110px;
		bottom:0px;
		right:0px;
		padding-left:10px;
		border-left:1px solid #333333;
	}
		.concert .annexes a{
			float:left;
			display:inline;
			width:115px;
			padding-left:10px;
			margin-bottom:2px;
			text-decoration:none;
			color:#999999;
			font-size:10px;
			background-image:url(/images/communs/fleche.jpg);
			background-position:0px 3px;
			background-repeat:no-repeat;
		}
		.concert .annexes a:hover{
			float:left;
			display:inline;
			text-decoration:none;
			color:#df2f00;
		}
		.concert .annexes a.lien2{
			font-size:12px;
			margin-bottom:0px;
		}
		.concert .annexes h5{
			float:left;
			display:inline;
			width:135px;
			font-size:10px;
			text-decoration:none;
			color:#df2f00;
			margin:0px;
			padding:0px;
			margin-top:2px;
			margin-bottom:2px;
		}
		.concert div.flash_mp3{
			float:left;
			display:inline;
			position:relative;
			width:134px;
			height:19px;
			padding-bottom:29px;
		}
/*introduction*/
.introduction .gauche img{
	float:left;
	display:inline;
}
.introduction .gauche p{
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	padding-left:9px;
	padding-top:7px;
	color:#000000;	
}
.introduction h4{
	float:left;
	display:inline;
	width:575px;
	margin:0px;
	padding:0px;
	margin-top:16px;
	text-transform:uppercase;
}
.introduction h2{
	float:left;
	display:inline;
	width:575px;
	margin:0px;
	padding:0px;
	margin-bottom:4px;	
	text-transform:uppercase;
}
.introduction h3{
	float:left;
	display:inline;
	width:575px;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	text-transform:uppercase;
}
.introduction h5{
	float:left;
	display:inline;
	width:520px;
	margin:0px;
	padding:0px;
	color:#df2f00;
	font-size:12px;
	padding-top:10px;
	padding-left:15px;
	background-image:url(/images/communs/puce.jpg);
	background-repeat:no-repeat;
	background-position:0px 14px;
}
.introduction .droite p{
	float:left;
	display:inline;
	width:540px;
	padding:0px;
	margin:0px;
	text-align:justify;
	padding-top:5px;
	padding-bottom:5px;
}
/*historique*/
.historique .gauche img{
	float:left;
	display:inline;
}
.historique .gauche p{
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	padding-left:9px;
	padding-top:7px;
	color:#000000;	
}
.historique h4{
	float:left;
	display:inline;
	width:575px;
	margin:0px;
	padding:0px;
	margin-top:16px;
	text-transform:uppercase;
}
.historique h2{
	float:left;
	display:inline;
	width:575px;
	margin:0px;
	padding:0px;
	margin-bottom:4px;
	text-transform:uppercase;
}
.historique h3{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	border-bottom:1px solid #333333;
	text-transform:uppercase;
}
.historique h5{
	float:left;
	display:inline;
	width:520px;
	margin:0px;
	padding:0px;
	color:#df2f00;
	font-size:12px;
	padding-top:10px;
	padding-left:15px;
	background-image:url(/images/communs/puce.jpg);
	background-repeat:no-repeat;
	background-position:0px 14px;
}
.historique .droite p{
	float:left;
	display:inline;
	width:535px;
	padding:0px;
	margin:0px;
	text-align:justify;
	padding-right:40px;
	padding-top:5px;
	padding-bottom:30px;
}
/*grands_moments*/
.grands_moments .gauche img{
	float:left;
	display:inline;
}
.grands_moments .gauche p{
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	padding-left:9px;
	padding-top:7px;
	color:#000000;	
}
.grands_moments h4{
	float:left;
	display:inline;
	width:575px;
	margin:0px;
	padding:0px;
	margin-top:16px;
	text-transform:uppercase;
}
.grands_moments h2{
	float:left;
	display:inline;
	width:575px;
	margin:0px;
	padding:0px;
	margin-bottom:4px;
	text-transform:uppercase;
}
.grands_moments h3{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	border-bottom:1px solid #333333;
	text-transform:uppercase;
}
.grands_moments .droite form{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #333333;
}
	.grands_moments label{
		float:left;
		display:inline;
		width:160px;
		margin:0px;
		padding:0px;
		color:#cccccc;
		font-size:10px;
		font-weight:bold;
		padding-top:13px;
		padding-left:15px;
		background-image:url(/images/communs/puce2.jpg);
		background-repeat:no-repeat;
		background-position:0px 15px;
	}
	.grands_moments select{
		float:left;
		display:inline;
		width:140px;
		margin-top:8px;
		margin-bottom:8px;
		font-size:12px;
		color:#666666;
		font-family:Arial, Helvetica, sans-serif;
	}
.grands_moments .droite div{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	padding-top:10px;
}
.grands_moments h5{
	float:left;
	display:inline;
	width:520px;
	margin:0px;
	padding:0px;
	color:#df2f00;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	background-image:url(/images/communs/puce.jpg);
	background-repeat:no-repeat;
	background-position:0px 14px;
}
.grands_moments .droite p{
	float:none;
	position:relative;
	width:auto;
	margin:0px;
	padding:0px;
	text-align:justify;
	padding-right:20px;
	padding-bottom:20px;
}
.grands_moments .droite img{
	float:left;
	display:inline;
	padding:0px;
	margin:0px;
	text-align:justify;
	padding-bottom:20px;
	padding-right:20px;
}
/*presentation*/
.presentation h2{
	float:left;
	display:inline;
	width:575px;
	margin:0px;
	padding:0px;
	margin-top:23px;
	margin-bottom:4px;
	text-transform:uppercase;
}
.presentation h3{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	text-transform:uppercase;
}
.presentation .droite p{
	float:left;
	display:inline;
	width:535px;
	padding:0px;
	margin:0px;
	text-align:justify;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:10px;
}
/*calendrier*/
.calendrier_item{
	float:left;
	display:inline;
	position:relative;
	width:770px;
	padding-left:5px;
}
	.calendrier_item img{
		float:left;
		display:inline;
		width:181px;
		padding-right:20px;
		border-bottom:5px solid #000000;
	}
	.calendrier_item h1{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		margin-top:10px;
		color:#ffffff;
		text-transform:uppercase;
	}
	.calendrier_item h2{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.calendrier_item h3{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.calendrier_item h4{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.calendrier_item p{
		float:left;
		display:inline;
		width:385px;
		line-height:18px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		padding-right:30px;
	}
	.calendrier_item .annexes{
		position:absolute;
		width:135px;
		height:84px;
		bottom:0px;
		right:0px;
		padding-left:10px;
		border-left:1px solid #333333;
	}
		.calendrier_item .annexes a{
			float:left;
			display:inline;
			width:115px;
			padding-left:10px;
			margin-bottom:2px;
			text-decoration:none;
			color:#999999;
			font-size:10px;
			background-image:url(/images/communs/fleche.jpg);
			background-position:0px 3px;
			background-repeat:no-repeat;
		}
		.calendrier_item .annexes a:hover{
			float:left;
			display:inline;
			text-decoration:none;
			color:#df2f00;
		}
		.calendrier_item .annexes a.lien2{
			font-size:12px;
			margin-bottom:0px;
		}
		.calendrier_item .annexes h5{
			float:left;
			display:inline;
			width:135px;
			font-size:10px;
			text-decoration:none;
			color:#df2f00;
			margin:0px;
			padding:0px;
			margin-top:2px;
			margin-bottom:2px;
		}
		.calendrier_item .flash_mp3{
			float:left;
			display:inline;
			width:134px;
			height:19px;
			margin-bottom:5px;
		}
/*fiche_concert*/
.fiche_concert .gauche img{
	float:left;
	display:inline;
	border-bottom:5px solid #000000;
}
	.fiche_concert h1{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		margin-top:10px;
		color:#ffffff;
		text-transform:uppercase;
	}
	.fiche_concert h2{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.fiche_concert h3{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.fiche_concert h4{
		float:left;
		display:inline;
		width:385px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.fiche_concert p{
		float:left;
		display:inline;
		width:385px;
		line-height:18px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		padding-right:30px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.fiche_concert div.intro{
		float:left;
		display:inline;
		width:385px;
		color:#DF2F00;
		margin:0px;
		padding:0px;
		margin-top:0px;
	}
	.fiche_concert p strong{
		color:#f29400;
	}
	.fiche_concert p a{
		color:#ffffff;
		text-decoration:underline;
	}
	.fiche_concert p a:hover{
		color:#ffffff;
		text-decoration:none;
	}
	.fiche_concert .annexes{
		position:absolute;
		width:135px;
		height:117px;
		top:50px;
		right:0px;
		padding-left:10px;
		border-left:1px solid #333333;
	}
		.fiche_concert .annexes a{
			float:left;
			display:inline;
			width:115px;
			padding-left:10px;
			margin-bottom:2px;
			text-decoration:none;
			color:#999999;
			font-size:10px;
			cursor:pointer;
			background-image:url(/images/communs/fleche.jpg);
			background-position:0px 3px;
			background-repeat:no-repeat;
		}
		.fiche_concert .annexes a:hover{
			float:left;
			display:inline;
			text-decoration:none;
			color:#df2f00;
		}
		.fiche_concert .annexes a.lien2{
			font-size:12px;
			margin-bottom:0px;
		}
		.fiche_concert .annexes h5{
			float:left;
			display:inline;
			width:135px;
			font-size:10px;
			text-decoration:none;
			color:#df2f00;
			margin:0px;
			padding:0px;
			margin-top:2px;
			margin-bottom:2px;
			text-transform:uppercase;
		}
		.fiche_concert .flash_mp3{
			float:left;
			display:inline;
			width:134px;
			height:19px;
			margin-bottom:25px;
		}

	.fiche_concert .annexes2{
		position:absolute;
		width:135px;
		top:300px;
		right:0px;
		padding-left:10px;
		border-left:1px solid #333333;
	}
		.fiche_concert .annexes2 a{
			float:left;
			display:inline;
			width:135px;
			margin-bottom:2px;
			text-decoration:none;
			color:#999999;
			font-size:10px;
		}
		.fiche_concert .annexes2 a:hover{
			float:left;
			display:inline;
			text-decoration:none;
			color:#df2f00;
		}
		.fiche_concert .annexes2 a.lien3{
			font-size:12px;
			margin-bottom:0px;
		}
		.fiche_concert .annexes2 h5{
			float:left;
			display:inline;
			width:135px;
			font-size:10px;
			text-decoration:none;
			color:#df2f00;
			margin:0px;
			padding:0px;
			margin-top:2px;
			margin-bottom:2px;
			text-transform:uppercase;
		}
/*fiche_artiste*/
.fiche_artiste .gauche ul{
	float:left;
	display:inline;
	width:181px;
	margin:0px;
	padding:0px;
	margin-top:12px;
}
	.fiche_artiste .gauche li{
		float:left;
		display:inline;
		width:169px;
		list-style:none;
		margin:0px;
		padding:0px;
		margin-left:12px;
		margin-bottom:3px;
	}
		.fiche_artiste .gauche li a{
			color:#ffffff;
			text-decoration:none;
		}
		.fiche_artiste .gauche li a:hover{
			color:#df2f00;
		}
.fiche_artiste img.photo{
	float:left;
	display:inline;
	width:407px;
	height:240px;
	margin:0px;
	padding:0px;
	margin-left:-18px;
}
.fiche_artiste .annexes{
	float:left;
	display:inline;
	width:180px;
	height:240px;
	margin:0px;
	padding:0px;
	margin-left:5px;
	color:#ffffff;
	background-color:#df2f00;
}
	.fiche_artiste .annexes .copyright{
		float:left;
		display:inline;
		width:160px;
		font-size:10px;
		margin:0px;
		padding:0px;
		padding-top:8px;
		padding-left:8px;
	}
	.fiche_artiste .annexes .lienvideo{
		float:left;
		display:inline;
		width:160px;
		height:19px;
		line-height:19px;
		font-size:10px;
		margin:0px;
		padding:0px;
		padding-top:8px;
		padding-left:8px;
	}
		.fiche_artiste .annexes .lienvideo img{
			float:left;
			display:inline;
			margin-right:5px;
		}
		.fiche_artiste .annexes .lienvideo a{
			float:left;
			display:inline;	
			color:#ffffff;
			text-decoration:none;
			font-size:10px;	
		}
		.fiche_artiste .annexes .lienvideo a:hover{
			text-decoration:underline;
		}
	.fiche_artiste .annexes p{
		float:left;
		display:inline;
		width:160px;
		text-align:left;
		margin:0px;
		padding:0px;
		margin-left:10px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.fiche_artiste .annexes .flash_mp3{
		float:left;
		display:inline;
		width:134px;
		height:19px;
		margin-left:10px;
	}
.fiche_artiste .annexes2{
	float:right;
	display:inline;
	width:170px;
	margin:0px;
	padding:0px;
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	border-left:1px solid #333333;
}
	.fiche_artiste .annexes2 h5{
		float:left;
		display:inline;
		width:170px;
		font-size:10px;
		color:#df2f00;
		margin:0px;
		padding:0px;
	}
	.fiche_artiste .annexes2 a{
		float:left;
		display:inline;
		width:170px;
		text-decoration:none;
		color:#666666;
		font-size:12px;
		margin-top:5px;
	}
	.fiche_artiste .annexes2 a:hover{
		text-decoration:none;
		color:#df2f00;
	}

	.fiche_artiste h1{
		float:left;
		display:inline;
		width:390px;
		margin:0px;
		padding:0px;
		margin-top:20px;
		color:#ffffff;
		text-transform:uppercase;
	}
	.fiche_artiste h2{
		float:left;
		display:inline;
		width:390px;
		margin:0px;
		padding:0px;
		text-transform:uppercase;
	}
	.fiche_artiste p{
		float:left;
		display:inline;
		width:540px;
		line-height:18px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		padding-right:30px;
		margin-top:10px;
		margin-bottom:10px;
		text-align:justify;
	}
	.fiche_artiste p a{
		color:#ffffff;
		text-decoration:underline;
	}
	.fiche_artiste p a:hover{
		color:#ffffff;
		text-decoration:none;
	}
/*presse*/

.presse h1{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	margin-bottom:22px;
	padding-top:12px;
	padding-bottom:8px;
	font-size:30px;
	color:#df2f00;
	font-weight:normal;
	border-bottom:1px solid #333333;
	text-transform:uppercase;
}
.presse h2{
	float:left;
	display:inline;
	width:540px;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#cccccc;
	font-weight:normal;
	text-transform:uppercase;
}
.presse h3{
	float:left;
	display:inline;
	width:540px;
	margin:0px;
	padding:0px;
	font-size:20px;
	color:#df2f00;
	font-weight:normal;
	text-transform:uppercase;
}
.presse h4{
	float:left;
	display:inline;
	width:540px;
	margin:0px;
	padding:0px;
	font-size:12px;
	color:#f29400;
	font-weight:normal;
	text-transform:uppercase;
}
.presse .droite a{
	float:left;
	display:inline;
	margin:0px;
	font-size:12px;
	color:#cccccc;
	padding-left:15px;
	padding-bottom:10px;
	padding-right:15px;
	padding-top:5px;
	margin-bottom:10px;
	text-decoration:none;
	background-image:url(/images/communs/puce.jpg);
	background-repeat:no-repeat;
	background-position:0px 10px;
	border-bottom:1px solid #333333;
}
.presse .droite a:hover{
	color:#df2f00;
}
/*amis*/
.amis .h2{
	float:left;
	display:inline;
	width:529px;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	margin-top:17px;
	margin-bottom:15px;
	padding-right:36px;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
}
.amis .droite p{
	float:left;
	display:inline;
	width:535px;
	padding:0px;
	margin:0px;
	text-align:justify;
	padding-right:40px;
	padding-top:5px;
	padding-bottom:15px;
}
.amis .droite p strong{
	color:#f29400;
}
.amis .droite p a{
	color:#cccccc;
	text-decoration:none;
}
.amis .droite p a:hover{
	text-decoration:underline;
}

/*entreprises*/
.entreprises .gauche ul{
	float:left;
	display:inline;
	width:181px;
	margin:0px;
	padding:0px;
	margin-top:12px;
}
	.entreprises .gauche li{
		float:left;
		display:inline;
		width:169px;
		list-style:none;
		margin:0px;
		padding:0px;
		margin-left:12px;
		margin-bottom:3px;
	}
		.entreprises .gauche li a{
			float:left;
			display:inline;
			width:154px;
			padding-left:15px;
			color:#ffffff;
			text-decoration:none;
			background-image:url(/images/communs/puce3.jpg);
			background-repeat:no-repeat;
			background-position:0px -15px;
		}
		.entreprises .gauche li a:hover{
			color:#df2f00;
			background-position:0px 3px;
		}
.entreprises .h2, .entreprises .h2_2{
	float:left;
	display:inline;
	width:476px;
	margin:0px;
	padding:0px;
	padding-right:89px;
	padding-bottom:15px;
	margin-top:17px;
	margin-bottom:15px;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
}
.entreprises .h2_2{
	width:561px;
	margin-top:13px;
	padding-bottom:11px;
	padding-right:0px;
}
.entreprises .droite p{
	float:left;
	display:inline;
	width:535px;
	padding:0px;
	margin:0px;
	text-align:justify;
	padding-right:40px;
	padding-top:5px;
	padding-bottom:15px;
}
.entreprises .droite p strong{
	color:#f29400;
}
.entreprises .droite p .strong{
	font-weight:bold;
}
/*contact*/
.contact h2{
	float:left;
	display:inline;
	width:550px;
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	margin-top:17px;
	margin-bottom:15px;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
}
.contact h3{
	float:left;
	display:inline;
	width:550px;
	margin:0px;
	padding:0px;
	padding-left:15px;
	text-transform:uppercase;
	background-image:url(/images/communs/puce.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
.contact h2 img{
	margin-left:7px;
}
.contact .droite p{
	float:left;
	display:inline;
	width:535px;
	padding:0px;
	margin:0px;
	text-align:justify;
	padding-right:40px;
	padding-top:5px;
	padding-bottom:20px;
	line-height:18px;
}
.contact .droite p a{
	color:#cccccc;
	text-decoration:unederline;
}
.contact .droite p a:hover{
	text-decoration:none;
}
/*infos_pratiques*/
.infos_pratiques h2{
	float:left;
	display:inline;
	width:550px;
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	margin-left:210px;
	margin-top:11px;
	margin-bottom:15px;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
}
.infos_pratiques div{
	float:left;
	display:inline;
	position:relative;
	width:774px;
	margin-left:5px;
}
	.infos_pratiques #col2 div{
		float:left;
		display:inline;
		padding-bottom:29px;
	}
	.infos_pratiques #col2 img{
		float:left;
		display:inline;
		border-top:5px solid #000000;
		border-bottom:5px solid #000000;
	}
	.infos_pratiques h3{
		float:left;
		display:inline;
		width:360px;
		margin:0px;
		padding:0px;
		margin-left:29px;
		padding-left:15px;
		text-transform:uppercase;
		background-image:url(/images/communs/puce.jpg);
		background-repeat:no-repeat;
		background-position:0px 2px;
	}
	.infos_pratiques p{
		float:left;
		display:inline;
		width:360px;
		padding:0px;
		margin:0px;
		text-align:justify;
		margin-left:29px;
		padding-right:40px;
		padding-top:5px;
		padding-bottom:20px;
		padding-left:15px;
		line-height:18px;
	}
	.infos_pratiques #col2 a{
		position:absolute;
		right:20px;
		top:0px;
		color:#cccccc;
		text-decoration:none;
		font-size:10px;
		padding-left:10px;
		margin-right:20px;
		margin-top:10px;
		background-image:url(/images/communs/puce4.jpg);
		background-repeat:no-repeat;
		background-position:0px 3px;
	}
	.infos_pratiques #col2 a.acces{
		top:15px;
		right:94px;
	}
	.infos_pratiques #col2 a:hover{
		text-decoration:none;
		color:#df2f00;
	}
/*programme*/
.programme h4{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	margin-top:16px;
	text-transform:uppercase;
}
.programme h2{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	margin-bottom:4px;
	text-transform:uppercase;
}
.programme h3{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	padding-bottom:10px;
	border-bottom:1px solid #333333;
	text-transform:uppercase;
}
.programme .droite form{
	float:left;
	display:inline;
	width:571px;
	margin:0px;
	padding:0px;
	margin-left:-18px;
	padding-left:22px;
}
	.programme label{
		float:left;
		display:inline;
		width:110px;
		height:17px;
		margin:0px;
		padding:0px;
		color:#cccccc;
		font-size:12px;
	}
	.programme input.texte{
		float:left;
		display:inline;
		width:300px;
		height:17px;
		margin:0px;
		padding:0px;
		margin-bottom:1px;
		margin-right:100px;
		font-size:12px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#333333;
		border:none;
	}
	.programme input.texte2, .programme input#cp, .programme input#ville{
		float:left;
		display:inline;
		width:128px;
		height:17px;
		margin:0px;
		padding:0px;
		margin-bottom:1px;
		margin-right:220px;
		padding-left:2px;
		font-size:12px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#333333;
		border:none;
	}
	.programme textarea{
		float:left;
		display:inline;
		width:300px;
		height:91px;
		margin:0px;
		padding:0px;
		margin-bottom:1px;
		margin-right:100px;
		font-size:12px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#333333;
		border:none;
	}
	.programme span{
		float:left;
		display:inline;
		width:400px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.programme div.valider{
		float:left;
		display:inline;
		width:593px;
		height:23px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:-22px;
		background-color:#df2f00;
	}
		.programme div.valider input{
			float:right;
			display:inline;
			height:23px;
			width:140px;
			padding-left:5px;
			background-color:#df2f00;
			border:none;
			font-size:10px;
			text-align:left;
			border-left:1px solid #000000;
			cursor:pointer;
		}
	.programme form p{
		float:left;
		display:inline;
		width:500px;
		margin:0px;
		padding:0px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.programme form p.asterisque{
		font-size:10px;
		margin:0px;
		padding:0px;
	}
/*reservation*/
.reservation h2{
	float:left;
	display:inline;
	width:560px;
	margin:0px;
	padding:0px;
	margin-top:16px;
	text-transform:uppercase;
}
.reservation .h3{
	float:left;
	display:inline;
	margin:0px;
	padding:0px;
	margin-left:5px;
	padding-bottom:16px;
}
.reservation .titre_etape1{
	float:left;
	display:inline;
	width:593px;
	height:23px;
	line-height:23px;
	margin-left:-18px;
	background-color:#f29400;
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
	.reservation .titre_etape1 span{
		float:left;
		display:inline;
		margin:0px;
		padding:0px;
	}
		.reservation .titre_etape1 span.categories{
			width:80px;
			padding-left:280px;
		}
		.reservation .titre_etape1 span.prixunitaire{
			width:40px;
			padding-left:10px;
		}
		.reservation .titre_etape1 span.nbplaces{
			width:117px;
			padding-left:15px;
		}
		.reservation .titre_etape1 span.prix{
			width:40px;
			padding-left:0px;
		}
.reservation .titre_etape2{
	float:left;
	display:inline;
	width:571px;
	height:23px;
	line-height:23px;
	margin-bottom:10px;
	margin-left:-18px;
	padding-left:22px;
	background-color:#f29400;
	color:#000000;
	font-size:11px;
	font-weight:bold;
}

.reservation p.vide{
	float:left;
	display:inline;
	width:571px;
	margin-left:5px;
}
.reservation .droite form, .reservation .droite .form{
	float:left;
	display:inline;
	width:571px;
	margin:0px;
	padding:0px;
	margin-left:-18px;
	padding-left:22px;
}
	.reservation .droite form .article, .reservation .droite .form .article{
		float:left;
		display:inline;
		width:593px;
		margin:0px;
		padding:0px;
		margin-left:-22px;
		border-bottom:1px solid #f29400;
	}
		.reservation .droite form .article img, .reservation .droite .form .article img{
			float:left;
			display:inline;
			width:110px;
			margin:0px;
			padding:0px;
			margin-top:5px;
			margin-bottom:5px;
		}
		.reservation .droite form .article p.description, .reservation .droite .form .article p.description{
			float:left;
			display:inline;
			width:150px;
			line-height:18px;
			margin:0px;
			padding:0px;
			margin-top:5px;
			padding-top:5px;
			padding-bottom:10px;
			padding-left:10px;
			padding-right:10px;
		}
			.reservation .droite form .article p.description em, .reservation .droite .form .article p.description em{
				color:#f29400;
				font-style:normal;
			}
		.reservation .droite div.colnbplaces{
			float:left;
			display:inline;
			width:220px;
			margin:0px;
			padding:0px;
		}
			.reservation .droite div.nbplaces{
				float:left;
				display:inline;
				width:220px;
				margin:0px;
				padding:0px;
			}
				.reservation .droite div.nbplaces label{
					float:left;
					display:inline;
					width:138px;
					height:28px;
					margin:0px;
					padding:0px;
				}
					.reservation .droite div.nbplaces label span{
						float:left;
						display:inline;
						width:68px;
						height:28px;
						line-height:28px;
						margin:0px;
						padding:0px;
						margin-right:1px;
						text-align:center;
						background-color:#2b2a2c;
					}
				.reservation .droite div.nbplaces select{
					float:left;
					display:inline;
					width:42px;
					height:20px;
					margin:0px;
					padding:0px;
					margin-left:20px;
					margin-top:5px;
					border:1px solid #a5acb2;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
				}
				.reservation .droite div.nbplaces div{
					float:left;
					display:inline;
					width:42px;
					height:20px;
					margin:0px;
					padding:0px;
					margin-left:40px;
					margin-top:5px;
				}
		.reservation .droite form .article p.prix, .reservation .droite .form .article p.prix{
			float:left;
			display:inline;
			width:55px;
			margin:0px;
			padding:0px;
			margin-top:35px;
			margin-bottom:5px;
			margin-left:36px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:left;
		}
	.reservation label{
		float:left;
		display:inline;
		width:110px;
		height:17px;
		margin:0px;
		padding:0px;
		color:#cccccc;
		font-size:12px;
	}
	.reservation input.texte{
		float:left;
		display:inline;
		width:298px;
		height:17px;
		margin:0px;
		padding:0px;
		margin-bottom:1px;
		margin-right:100px;
		padding-left:2px;
		font-size:12px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#333333;
		border:none;
	}
	.reservation input#cp, .reservation input#ville{
		float:left;
		display:inline;
		width:128px;
		height:17px;
		margin:0px;
		padding:0px;
		margin-bottom:1px;
		margin-right:280px;
		padding-left:2px;
		font-size:12px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#333333;
		border:none;
	}
	.reservation textarea{
		float:left;
		display:inline;
		width:300px;
		height:91px;
		margin:0px;
		padding:0px;
		margin-bottom:1px;
		margin-right:100px;
		font-size:12px;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#333333;
		border:none;
	}

	.reservation .fraisgestion{
		float:left;
		display:inline;
		width:588px;
		height:23px;
		line-height:23px;
		margin-left:-22px;
		padding-left:5px;
		font-size:11px;
		font-weight:bold;
	}
		.reservation .fraisgestion .titre{
			float:left;
			display:inline;
		}
		.reservation .fraisgestion .coutfraisgestion{
			float:left;
			display:inline;
			width:50px;
			margin-left:360px;
			text-align:right;
		}
	.reservation .total{
		float:left;
		display:inline;
		width:588px;
		height:23px;
		line-height:23px;
		margin-left:-22px;
		padding-left:5px;
		background-color:#f29400;
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
		.reservation .total .titre{
			float:left;
			display:inline;
		}
		.reservation .total .couttotal{
			float:left;
			display:inline;
			width:60px;
			margin-left:490px;
			text-align:right;
		}
	.reservation div.valider1{
		float:left;
		display:inline;
		width:593px;
		height:23px;
		margin-top:1px;
		margin-bottom:10px;
		margin-left:-22px;
		background-color:#df2f00;
	}
			.reservation div.valider1 input{
				float:right;
				display:inline;
				height:23px;
				width:176px;
				padding-left:5px;
				margin-right:5px;
				background-color:#df2f00;
				border:none;
				font-size:12px;
				text-align:left;
				border-left:1px solid #000000;
				cursor:pointer;
				font-family:Arial, Helvetica, sans-serif;
			}
			.reservation div.valider1 a{
				float:right;
				display:inline;
				height:23px;
				line-height:25px;
				padding-left:5px;
				margin-right:5px;
				background-color:#df2f00;
				border:none;
				font-size:12px;
				text-align:left;
				border-left:1px solid #000000;
				cursor:pointer;
				color:#000000;
				text-decoration:none;
			}
			.reservation div.valider1 a.recalculer{
				width:85px;
			}
			.reservation div.valider1 a.continuer{
				width:155px;
			}

	.reservation div.valider2{
		float:left;
		display:inline;
		width:593px;
		height:23px;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:-22px;
		background-color:#df2f00;
	}
		.reservation div.valider2 input{
			float:right;
			display:inline;
			height:23px;
			width:140px;
			padding-left:5px;
			margin-right:20px;
			background-color:#df2f00;
			border:none;
			font-size:12px;
			text-align:left;
			border-left:1px solid #000000;
			cursor:pointer;
			font-family:Arial, Helvetica, sans-serif;
		}
		.reservation div.valider2 a{
			float:right;
			display:inline;
			height:23px;
			line-height:25px;
			width:140px;
			padding-left:5px;
			margin-right:20px;
			background-color:#df2f00;
			border:none;
			font-size:12px;
			text-align:left;
			border-left:1px solid #000000;
			cursor:pointer;
			color:#000000;
			text-decoration:none;
		}

	.reservation div.valider3{
		float:left;
		display:inline;
		width:593px;
		height:23px;
		margin-top:1px;
		margin-bottom:10px;
		margin-left:-22px;
		background-color:#df2f00;
	}
		.reservation div.valider3 a{
			float:right;
			display:inline;
			height:23px;
			line-height:25px;
			width:55px;
			padding-left:5px;
			margin-right:5px;
			background-color:#df2f00;
			border:none;
			font-size:12px;
			text-align:left;
			border-left:1px solid #000000;
			cursor:pointer;
			color:#000000;
			text-decoration:none;
		}
	.reservation form p.asterisque, .reservation .form p.asterisque{
		float:left;
		display:inline;
		width:500px;
		margin:0px;
		padding:0px;
		font-size:10px;
	}
	.reservation .coordonnees{
		float:left;
		display:inline;
		width:593px;
		margin-top:1px;
		margin-bottom:10px;
		margin-left:-22px;
	}
		.reservation .coordonnees div.coordgauche{
			float:left;
			display:inline;
			width:150px;
			margin-left:27px;
			margin-bottom:2px;
			font-weight:bold;		
		}
		.reservation .coordonnees div.coorddroite{
			float:left;
			display:inline;
			width:410px;
			margin-bottom:2px;
		}

