/* 
	CSS for this example only 57616B
	*/
body{
	width:100%;
	margin:0px;
	padding:0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #57616B;
	font-size: 10px;
}

h1{
	font-size: 14px;
	font-style: italic;
	color: #d3e51a;
}

h2 {
	font-size: 12px;
	font-style: italic;
	color: #FF9900;
	padding:0px;
}

.ch2{
	font-size: 12px;
	font-style: italic;
	color: #d3e51a;
	padding:0px;
}

a:link {
	text-decoration: none;
	color: #57616B;
}
a:visited {
	text-decoration: none;
	color: #57616B;
}
a:active {
	text-decoration: none;
	color: #57616B;
}
a:hover {
	text-decoration: none;
	color: #FF9900;
}

.container{
width:950px;
}

.header{
	font-size: 10px;
	text-align:left;
	color: #FFF;
	/*background-color: #b3b8bd;*/
	background: url(../images/header.jpg) no-repeat left top;
	height: 50px;
}

.header a:link {
	text-decoration: none;
	color: #57616B;
}
.header a:visited {
	text-decoration: none;
	color: #57616B;
}
.header a:active {
	text-decoration: none;
	color: #57616B;
}
.header a:hover {
	text-decoration: none;
	color: #FFF;
}

.header_left{
width: 680px;
height:80px;
padding-left: 20px;
border-right: 1px solid #FFFFFF;
font-size: 10px;
letter-spacing: 3px;
}

.header_right{
padding-top: 2px;
padding-left: 5px;
font-size: 9px;
color: #57616B;
letter-spacing: 1px;
background-color: #D1CBBB;
}

.festivalocation{
	color: #FFFFFF;
	font-size: 30px;
	padding: 0px;
	letter-spacing: 8px;
}
.location{
	color: #000000;
	font-size: 30px;
	padding: 0px;
	letter-spacing: 8px;
}
.com{
color:#FF9900;
font-weight:bold;
font-size: 12px;
}



.main_menu {
	font-size: 12px;
	color: #57616B;
	/*background-color: #d3e51a;*/
	border-top: 1px solid #FFFFFF;
	text-align: left;
	height:20px;
}

.main_menu a:link {
	text-decoration: none;
	color: #FF9900;
}
.main_menu a:visited {
	text-decoration: none;
	color: #FF9900;
}
.main_menu a:active {
	text-decoration: none;
	color: #FF9900;
}
.main_menu a:hover {
	text-decoration: none;
	color: #FFF;
}

.navigation_ref
 {
	font-size: 9px;
	padding-left: 5px;
	color: #57616B;
	background-color : #c1bcb0;
	border-top: 2px solid #FFFFFF;
}

.navigation_menu
 {
	font-size: 9px;
	padding-left: 5px;
	color: #FFFFFF;
}


.navigation_menu a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.navigation_menu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.navigation_menu a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.navigation_menu a:hover {
	text-decoration: none;
	color: #57616B;
}

.navigation_menu a.nav_actif{
color:#FFFFFF;
text-decoration: underline;
}

select {
	background-color: #FFF;
	border: 1px solid #d3e51a;
	}
	
.form-input {
	background-color: #FFF;
	border: 1px solid #d3e51a;
	}


.footer{
	font-size: 10px;
	text-align:center;
	border-bottom: 2px solid #d3e51a;
}

.left_menu {
	background-color: #FFFFFF;
	text-align: right;
	width: 150px;
	vertical-align:top;
}
.left_menu_title{
	font-size: 13px;
	font-style: italic;
	padding: 0px 5px 0px 5px;
	border-bottom: 2px solid #d3e51a;
}
.left_menu_list{
	font-size: 10px;
	padding: 0px 5px 0px 5px;
}

a.actif{
	color: #FF9900;
	font-weight: bold;
}

.left_menu_list a.menu_actif{
color:#FF9900;
}

.right_menu {
	background-color: #FFFFFF;
	text-align: left;
	width: 250px;
	vertical-align:top;
}
.right_menu_title{
	font-size: 12px;
	font-style: italic;
	padding: 0px 5px 0px 5px;
	border-bottom: 2px solid #FF9900;
}

.right_menu_title_secteur{
	font-size: 12px;
	font-style: italic;
	padding: 0px 5px 0px 5px;
	border-bottom: 2px solid #d3e51a;
}

.right_menu_trouver{
	font-size: 13px;
	font-style: italic;
	padding: 0px 5px 0px 5px;
	font-weight: bold;
}

.reservez{
	color: #FF9900;
}

.right_ref_nav{
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

.right_menu_list{
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	width:200px;
}

.right_menu_list_a{
	font-size: 10px;
	padding: 0px 5px 0px 5px;
	width:200px;
	color:#FF9900;
}

.search_option{
	font-size: 9px;
	padding: 0px;
}

.main {
	vertical-align:top;
	font-size: 10px;
	margin: 10px;
	padding: 0px;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
}

.page {
	vertical-align:top;
	font-size: 10px;
	margin: 10px;
	padding: 0px;
	text-align: left;
}



.main_tab{
	font-size: 11px;
	color: #000000;
	background-color: #9BD9E8;
	border: 0px solid #d3e51a;
}

.mid_tab{
	background-color: #FFFFFF;
}

.menu_on {
color:#FF9900; font-weight:bold;
}
.menu_on a {
color:#FF9900; font-weight:bold;
}



.menu_last{
	border-top: 1px solid #d3e51a;
}










	#mainContainer{
		width:760px;
		border-left:1px solid #000;
		border-right:1px solid #000;
		background-color:#FFF;
		margin: 0 auto;

		text-align:left;
		padding-left:10px;
		padding-right:10px;
	}

	/* End example CSS */
	
	/* Docking bar CSS */
	#dockingBar{
		background-color:#f1f1ec;	/* Background color */
		border-bottom:2px solid #A5A397;	/* Bottom border of docking bar - to get the simulated 3D effect */

		
		left:0px;	
		top:0px;
		z-index:100;
		position:absolute;
		width:100%;
			
		overflow: hidden;
		text-align:left;
		
		height: 45px;	/* IE 5.x  - 2 pixels more than other browsers, height + border bottom*/
		height/* */:/**/43px;	/* Other browsers */
		height: /**/43px;
				
	}
	/* Inner DIV where the buttons are added */
	#dockingBarImageHolder{
		margin-left:5px;
		height:50px;
	
	}
	#dockingBarImageHolder img{
		cursor:pointer;
	}
	.spacer{	/* 3D inset spacer */
		border-top:1px solid #D8D2BD;
		border-bottom:1px solid #FFF;
		height:0px;
	}
	
	body > div#dockingBar{	/* Firefox rule */
		position:fixed;
	}
	/* Spacer  - Same height as toolbar - This element pushes the content on the page down below the toolbar */
	#dockingBarSpacer{
		height: 45px;	/* IE 5.x */
		height/* */:/**/43px;	/* Other browsers */
		height: /**/43px;
				
	}
	





#dhtmlgoodies_tabView1{
	background-color:#E2EBED;
	text-align: center;
	width: 100%;
}

	.dhtmlgoodies_tabPane{
		height:21px;	/* Height of tabs */
		border-bottom:1px solid #919b9c;
	}
	.dhtmlgoodies_aTab{
		background-color:#FFFFFF;
		border-left:1px solid #919b9c;
		border-right:1px solid #919b9c;
		border-bottom:1px solid #919b9c;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		padding:5px;		
		
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane .tabActive{
		background-image:url('../img/tab_left_active.gif');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background-image:url('../img/tab_left_inactive.gif');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
	}

	.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('../img/tab_left_over.gif');
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
	
	.dhtmlgoodies_tabPane img{
		float:left;
	}





.inputHighlighted{	/* Highlighting style */
		background-color:#d3e51a;
	}


	
/* Style for invalid input */
.invalidInput{
	border:1px solid #F00;
}

/* Style for valid input */
.validInput{
	border: 0px solid #d3e51a;
}



table thead tr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #d3e51a;
	font-weight: bold;	
}

table thead td{
		font-weight:bold;
		cursor:pointer;
		text-align: center;
		FONT-SIZE: 12px;
	}

.tr_actif{
	background-color: #d3e51a;
	color: #FFFFFF;
	font-weight: bold;
}	

.tr_pair{
	background-color: #FFFFFF;
}	

.label {
	background-color: #d3e51a;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #d3e51a;
	}
	
.maintab {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #d3e51a;
}



.maintab_bleu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #E2EBED;
	border: 0px solid #d3e51a;
}

.maintab_blanc {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 0px solid #d3e51a;
}


	.erreur {
	background-color: #FF0000;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}


.form {
	COLOR: #1E668C;
	TEXT-ALIGN: left;
	border: 1px solid #d3e51a;
	}

.formtxt {
	FONT-SIZE: 11px;
	COLOR: #1E668C;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: right;
	}

.formfld{
	TEXT-ALIGN: left;
	}
		
.boutonform {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #d3e51a;
	border: 2px outset #FFFFFF;

}

.periodes_mois{
font-size: 9px;
color: #FFFFFF;
background-color: #b3b8bd;
text-align:left;
vertical-align:top;
width:30px;
height:30px;
padding-left:3px;
border: 1px solid #FF9900;
}

.periodes_july{
font-size: 9px;
color: #FFFFFF;
background-color: #b3b8bd;
text-align:center;
vertical-align:top;
padding-left:3px;
border: 1px solid #FF9900;
}
.periodes_semaine{
font-size: 8px;
color: #FFFFFF;
background-color: #b3b8bd;
width: 40px;
text-align:left;
vertical-align:bottom;
padding-left:2px;
border-top: 1px solid #FF9900;
border-right: 1px solid #FF9900;
}

.periodes_semaine_deb {
font-size: 9px;
color: #FFFFFF;
background-color: #b3b8bd;
text-align:left;
vertical-align:top;
font-weight:bold;
}

.periodes_tarif{
font-size: 11px;
color: #978989;
background-color: #FFF;
text-align:center;
border-right: 1px solid #FF9900;
padding-top:2px;
vertical-align:bottom;
border-bottom: 1px solid #d3e51a;
}

.periode_new_line{
	border-left: 1px solid #FF9900;
}

.periodes_tarif_0{
font-size: 11px;
color: #d3e51a;
background-color: #FFF;
text-align:center;
border-right: 1px solid #FF9900;
padding-top:2px;
vertical-align:bottom;
border-bottom: 1px solid #d3e51a;
}

.periodes_tarif_1{
font-size: 11px;
color: #d3e51a;
background-color: #FFF;
text-align:center;
border-right: 1px solid #FF9900;
padding-top:2px;
vertical-align:bottom;
border-bottom: 1px solid #d3e51a;
}

.periodes_tarif_2{
font-size: 11px;
color: #FF9900;
background-color: #FFF;
text-align:center;
border-right: 1px solid #FF9900;
padding-top:2px;
vertical-align:bottom;
border-bottom: 1px solid #d3e51a;
}

.periodes_tarif_3{
font-size: 11px;
color: #FF0000;
background-color: #FFF;
text-align:center;
border-right: 1px solid #FF9900;
padding-top:2px;
vertical-align:bottom;
border-bottom: 1px solid #d3e51a;
}

.periodes_semaine_aumois{
font-size: 11px;
color: #FFFFFF;
background-color: #b3b8bd;
text-align:center;
vertical-align:top;
border-top: 1px solid #FF9900;
border-right: 1px solid #FF9900;
min-width:160px;
}

.periodes_tarif_aumois{
font-size: 11px;
color: #978989;
background-color: #FFF;
text-align:center;
padding-top:2px;
vertical-align:bottom;
border-right: 1px solid #FF9900;
border-bottom: 1px solid #d3e51a;
}

.calendrier{
border: 0px solid #FF9900;

}

.boutons{
font-size: 9px;
}

.imageSlideshowHolder{
		margin:0px;	/* "Air" */
		float:right; /* Floating gallery at the right side of other web page content */		
		width:400px;	/* Image width */
		height:300px;	/* Image height */
		padding: 0px;
		position:relative;	/* Don't remove this line */
		
		background: url(../images/diaporama/DIAPORAMA_0.jpg) no-repeat left top;
		background-color: #FFFFFF;
		border-top: 1px solid #FFFFFF;
		
	}
.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}

	.statut_0 {
	background-color: #FFF;
	}

	.statut_1 {
	background-color: #d3e51a;
	}

	.statut_2 {
	background-color: #ff9900;
	}

	.statut_3 {
	background-color: #FF0000;
	}

	.legende{
	font-size: 10px;
	color: #978989;
	text-align:left;
	vertical-align:middle;
	padding-left: 5px;
	height:5px;
	}
	
.form_required{
	font-weight:bold;
}


#popup_header {
margin: 0px;
height: 40px;
background-color: #d3e51a;
color: #FFFFFF;
text-transform:uppercase;
font-size: 18px;
letter-spacing: 2px;
padding-top: 10px;
padding-left: 10px;
}

#popup_ref {
margin: 0px;
height: 40px;
font-size: 18px;
letter-spacing: 2px;
padding-top: 10px;
padding-left: 10px;
}



.marqueecontainer{

position: relative;

overflow: hidden;

height: 80px;

width: 150px;

margin-top: 10px;

margin-bottom: 10px;

border: 0px solid #000000;

margin: 0px;

text-align: left;

}


#vmarquee{

position: absolute; 

width: 100%;

margin: 0px;

}


div.bloc_alerte{
	vertical-align:top;
	font-size: 10px;
	padding: 15px 0px 5px 0px;
	text-align: left;
	border-bottom : 1px solid #CCCCCC;
}

a.link_alert,a.link_alert:visited{
	color : #F29E48;
}
a.link_alert:hover{
	text-decoration : underline;
}