/* 
	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;
}

.pending {
  font-size: 11px;
  color: #ff0000;
  background-color: #fff;
  text-align: left;
  padding-top: 2px;
  vertical-align: bottom;
  font-style: italic;
}

.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;
}

.hide {
  display: none;
  visibility: hidden;
}

.page_img-banner img {
  width: initial;
  max-width: 500px;
  height: initial;
}