@charset "utf-8";

/*Css gnral Festi Jazz*/
html,* html body
{
	margin:0;
}

*{
	margin:0;
}

img {
	border:none;
	border-width:0px;
}
/*Gnral*/

.clearboth{ clear:both; }

body{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/fond.jpg) center top no-repeat;
	background-color:#000;
	color:#FFF;
	width:100%;
}

#header{
	background:url(../images/header.gif) repeat-x;
	height:17px;
}

.wrapper{
	position:relative;
	width:845px;
	margin:auto;
}

#logo{
	position:relative;
	margin-top:15px;
	margin-left:28px;
	float:left;
}

#menu{
	position:relative;
	left:38px;
	top:25px;
	height:20px;
	width:532px;
	float:left;
	z-index:50000;
	background:url(../images/barreMenu.gif) no-repeat 0px 19px;
}

.menuP{
	font-size:13px;
	color:#FFF;
	text-decoration:none;
	position:relative;
	margin-left:7px;
	margin-right:7px;
	font-weight:bold;
}

.menuP:hover{
	color:#cc6633;
}

#boiteTexte{
	position:relative;
	width:410px;
	margin-top:60px;
	margin-right:79px;
	float:right;
}

.mtop175{ margin-top:-175px !important; *margin-top:70px !important; }

.titreTexte{
	font-size:20px;
	font-weight:bold;
	color:#fc6901;
	margin-bottom:10px;
	text-transform:uppercase;
}

.texte-prog-heure{
	font-size:14px;
	font-weight:bold;
	color:#f58233;
	margin-left:10px;
}

.texte-prog-groupe{
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	margin-left:10px;
	text-transform:uppercase;
}

.texte-prog-scene{
	font-size:14px;
	color:#ffffff;
	margin-left:10px;
		font-style:italic;
}

.texte-prog-scene2{
	font-size:14px;
	color:#ffffff;
		font-style:italic;
}

.texte-prog-comm{
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	color:#f58233;

}

.texteBlanc{
	font-size:12px;
}

#logoBas{
	margin-left:38px;
	float:left;
	clear:both;
	width:250px;
}

/* MODIFY-PART */
#home #logoBas 
	{ 
	display:none;
	}

#logoBas 
	{ 
	visibility:hidden;
	}
/* MODIFY-PART  - end*/

#presente{
	positon:relative;
	float:left;
	font-weight:bold;
	margin-top:-2px;
	margin-bottom:30px;
	clear:both;
}

.titreGros{
	font-weight:bold;
	clear:both;
	text-transform:uppercase;
}

#backgroundNoir{
	background:url(../images/fondNoir.png) -15px -10px no-repeat;
	width:295px;
	height:215px;
	position:relative;
	clear:both;
	float:left;
	margin-left:-20px;
}

#texteMargin{
	position:relative;
	margin-left:22px;
}

/* MODIFY-PART */
#home #texteMargin
	{ display:none;
	}
/* MODIFY-PART  end */
.titreOrdinaire{
	font-size:15px;
	margin-top:5px;
}

.titreOrdinaire1{
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
}

.titreOrdinaire2{
	font-size:15px;
	font-weight:bold;
	margin-top:5px;
}

#email{
	position:relative;
	margin-top:17px;
	margin-left:-2px;
}
#new_footer {
	position:absolute;
}

#footer{
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	height:192px;
	clear:both;
	width:100%;
	margin-top:50px;
	margin-bottom:5px;
	padding-top:88px;
	float:left;
}

#footerTitre{
	background-image:url(../images/footerTitre2011.png);
	width:420px;
	height:33px;
	position:relative;
	margin-top:-32px;
	margin-left:34px;
}

#footerTitre-eng{
	background-image:url(../images/footerTitre-eng.png);
	width:419px;
	height:34px;
	position:relative;
	margin-top:-27px;
	margin-left:27px;
}

.white_stripe
	{
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	height:184px;
	width:100%;
	height:184px;
	}
.black_stripe
	{
/*	background-color:#FFFFFF;
	background-repeat:no-repeat; */
	height:94px;
	width:100%;
	}
	
#sponsor_container {
	margin-left:auto;
	margin-right:auto;
	padding-left:25px;
	width:807px;
}
.email{
	font-size:17px;
	font-weight:bold;
	color:#000;
}

.email:hover{
	color:#FFF;
}

.texteInterieurFooter{
	font-size:18px;
	color:#FFF;
	position:relative;
	margin-left:32px;
	margin-top:10px;
}

.footerPetit{
	font-size:15px;
	color:#FFF;
	margin-left:32px;
	margin-top:13px;
}


#conception{
	float:right;
	font-size:12px;
	margin-top:-84px;
}

.lienBlanc{
	color:#FFF;
	text-decoration:none;
}

.lienBlanc:hover{
	color:#F90;
}


#pancarte{
	position:relative;
	clear:both;
	float:left;
	width:659px;
	background-image:url(../images/panneau.png);
	height:472px;
	margin-top:-245px;
	margin-left:250px;
	margin-bottom:-138px;
}

.lienOrange{
	color:#e4701e;
	text-decoration:underline;
}

.lienOrange:hover{
	color:#FFF;
}
#slideshow_div{
	position:relative;
	clear:both;
	float:left;
	width:835px;
	height:321px;
	margin-left:37px;
}
/*#slideshow_div{
	position:relative;
	clear:both;
	float:left;
	width:835px;
	height:321px;
	margin-top:-245px;
	margin-left:250px;
	margin-bottom:-138px;
}*/
#shade_div{
	clear:both;
	float:left;
	width:835px;
	height:274px;
	background-image:url(../images/shade_of_slideshow.png);
	background-repeat:no-repeat;
	position:absolute;
	left:0px;
	top:1px;
	z-index:30;

}
/*
#shade_div{
	clear:both;
	float:left;
	width:835px;
	height:274px;
	margin-top:-245px;
	margin-left:250px;
	margin-bottom:-138px;
	background-image:url('../images/shade_of_slideshow.png');
	background-repeat:no-repeat;
	position:relative;
	top:246px;
	left:-249px;
	z-index:30;
}*/

#nav a {
	background: url('../images/bouton_select.png') no-repeat left top;
	text-indent:-5000px;
	float:left;
	display:block;
	width:12px;
	height:12px;
	position:relative;
	z-index:5;

}

#nav a.activeSlide{
	background: url('../images/bouton_on.png') no-repeat left top;
	text-indent:-5000px;
	float:left;
	display:block;
	width:12px;
	height:12px;
	position:relative;
	z-index:5;
}
.left_padding_image {
	width:260px;
	height:274px;
	background:#e4701e;
	color:#FFFFFF;
}

#images{
	position:relative;
	width:835px;
	height:274px;
	border-style:solid; 
	border-color:#000; 
	border-width:1px;

}

.slideShowWriting {
	position:absolute;
	bottom:12px;
	text-align:right;
	padding-right:14px;
}

.slideShowTitle {
	font-family:Arial, "Times New Roman", Georgia;
	font-size:32.61px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:31px;
}

.slideShowDescription {
	font-family:Arial, "Times New Roman", Georgia;
	font-size:20.61px;
	font-weight:bold;	
	text-align:right;	
	line-height:19px;
}	

.reserve{
	font-size:16px;
	text-transform:uppercase;
	color:#e37125;
}

.reserveLien{
	text-decoration:none;
	color:#e37125;
}

.reserveLien:hover{
	color:#FFF;
}

.titreScene{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	margin-top:17px;
}

.capitalize{
	text-transform:uppercase;
}

.petitTitre{
	font-size:12px;
}

.sceneDetail{
	font-size:12px;
	font-weight:normal;
	margin-bottom:2px;
}

#scene1{
	position:relative;
	left:29px;
	float:right;
	margin-top:60px;
	margin-left:-22px;
	clear:both;
	width:400px;
}

#scene2{
	position:relative;
	left:29px;
	float:left;
	margin-top:10px;
	margin-left:-20px;
	clear:both;
	width:400px;
}

#scene2Form{
	position:relative;
	left:29px;
	float:left;
	margin-top:0px;
	margin-left:-20px;
	clear:both;
	width:400px;
}
#scene3{
	position:relative;
	left:470px;
	float:left;
	margin-top:-178px;
	margin-left:7px;
	clear:both;
	width:400px;
}

#scene4{
	position:relative;
	left:29px;
	float:left;
	margin-top:-430px;
	clear:both;
	width:400px;
	margin-left:-20px;
}

#scene7{
	position:relative;
	left:-350px;
	float:left;
	clear:both;
	margin-top:600px;
	width:600px;
}



.scene_jazz_grill{ 	

	position:relative;	z-index:99999;
	left:470px;
	float:left;
	margin-top:-320px;
	margin-left:7px;
	clear:both; 
	width:400px;
}

.scene_jazz_grill div{ 	
	position:relative;
	z-index:99999;
}


.img_place_de_la_gare{ 	

	position:relative;	z-index:99999;
	left:470px;
	float:left;
	margin-top:-170px;
	margin-left:7px;
	clear:both;
	width:400px;
}

.img_place_de_la_gare div{ 	
	position:relative;
	z-index:99999;
}



.boxHaut{
	background:url(../images/boxHaut.png) no-repeat;
	width:424px;
	height:22px;
}

.boxMilieu{
	background:url(../images/boxMilieu.png) repeat-y;
	width:425px;
}

.boxBas{
	background:url(../images/boxBas.png) no-repeat;
	width:425px;
	height:42px;
}

.artiste1{
	position:relative;
	z-index:5000;
	margin-top:18px;
}

.floatLeft{
	float:left;
	margin-left:-25px;
	margin-right:20px;
}

.detailArtiste{
	position:relative;
	font-size:12px;
	font-weight:normal;
}

.nomArtiste{
	font-size:12px;
	font-weight:bold;
}

.date{
	font-size:12px;
	font-weight:normal;
}

.texteInfo{
	font-size:12px;
	font-weight:normal;
	margin-top:10px;
}

.grosTitre{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
}

.petiteListe{
	text-transform:uppercase;
	font-size:12px;
}

.liste1{
	float:left;
	margin-top:10px;
}

.liste2{
	float:right;
	margin-top:10px;
	margin-right:105px;
}

#texteBasMap{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	font-size:12px;
}

#texte2M{
	margin-top:14px;
}

.titreForm{
	font-size:14px;
	font-weight:bold;
	color:#807e7a;
	position:relative;
	margin-bottom:-5px;
	margin-left:25px;
}

.inputStyle{
	width:500px;
	float:left;
	margin-left:-140px;
	font-size:12px;
	height:25px;
}

.boutonInput{
	width:500px;
	float:left;
	margin-left:-140px;
	font-size:12px;
	height:25px;
}

.boutonInput input{
	width:80px;
	background-color:#000;
	border:1px solid black;
	margin-left:10px;
	color:#FFF;
}

.inputStyle input{
	width:250px;
	background-color:#000;
	border:1px solid black;
	margin-left:10px;
	color:#FFF;
}

.inputStyle select{
	background-color:#000;
	border:1px solid black;
	color:#FFF;
}

.boutonReserve{
	float:left;
	margin-top:-32px;
	margin-left:333px;
}
/* MODIFY-PART : Ceci est pour cacher temporairement en attendant la programmation*/


#scene2 {
		display:none;
}
#scene3 {
		display:none;
}
#scene4 {
		display:none;
}
#scene_jazz_grill{
		display:none;
}
.to_hide
{
		display:none;
}



/*****         Page Programmation         *****/
/***** Modification CSS Faite par Mélanie *****/

.sectionGauche{
	float:left;
	margin-top:221px;
	margin-left:-354px;
}

.sectionDroite{
	float:right;	
	margin-top:13px;
	margin-right:-137px;
}

#slideshow {
    position:relative;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}