/* Colors: 044: texte (turquoise) */
/* c63: lien et menu (orange) */
/* fc0: hover interne (jaune) */
/* f40: hover externe (rouge) */

/* TAG STYLES */

html {
  background-color: #cff;
}

body {
  color: #044;
  font-size: 0.8em;
  font-family: "Trebuchet MS", sans-serif;
}

img {
  border: 0px;
}

img.photo {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

a {
  color: #c63;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #fc0;
}

a:focus { 
  color: #fc0;
}

a:hover[target="_blank"] {
  color: #f40;
  text-decoration: underline;
}

a.link {
  display: block;
}


/* BLOCK STYLES */


/* LEFTED */

p {
  text-align: left;
  padding: 0px;
  margin: 0px;
}

p.en_tete {
  font-size: 1.2em;
  padding: 0px;
  margin: 0px;
  margin-top: 1.5em;
}

p.titre {
  font-size: 1.1em;
  padding: 0px;
  margin: 0px;
  padding-left: 0em;
  padding-bottom:  0.66em;
  text-indent: 0em;
}

p.texte-indent {
  font-size: 1em;
  text-align: justify;
  text-indent: 1.5em;
  padding-bottom:  1em;
}

p.texte {
  font-size: 1em;
  text-align: justify;
  padding-bottom:  1em;
}


p.saison {
  font-size: 1.2em;
  padding: 0px;
  margin: 0px;
  margin-top: 1em;
  margin-bottom: -0.25em;
}

p.concert_type {
  font-size: 1.05em;
  padding: 0px;
  margin: 0px;
  margin-top: 1.5em;
  margin-bottom: -0.25em;
}

p.titre_concert {
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  margin-top: 1em;
  margin-bottom: 0.25em;
  padding-left: 1em;
  text-indent: -1em;
}

p.infos_concert {
  font-size: 0.85em;
  padding: 0px;
  margin: 0px;
  padding-left: 0.85em;
  text-indent: -0.85em;
}

ul.liste-centre {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  text-indent: 0px;
}

ul.liste {
  list-style-type: none;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin-left: 0px;
  padding-left: 2em; /* 20px; */
}

ul.liste li {
  padding: 0px;
  margin: 0px;
}

/* CENTERED */

p.message {
  font-size: 1.25em;
  text-align:  center;
  padding-top: 1em;
}

p.en_tete-centre {
  text-align: center;
  font-size: 1.1em;
  padding: 0px;
  margin: 0px;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

p.titre_concert-centre {
  text-align: center;
  font-size: 1.33em;
  padding: 0px;
  margin: 0px;
  margin-top: 0.66em;
  margin-bottom: 0.5em;
}

p.infos_concert-centre {
  text-align: center;
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  padding-bottom: 0.25em;
}

p.interprete {
  text-align: center;
  font-size: 0.9em;
  padding: 0px;
  margin: 0px;
  margin-left: 5%;
  margin-right: 5%;
}

p.compositeur {
  text-align: center;
  font-size: 1.1em;
  padding: 0px;
  margin: 0px;
  margin-top: 1.75em;
  margin-bottom: 0.25em;
}

p.oeuvre {
  text-align: center;
  font-size: 1em;
  padding: 0px;
  margin: 0px;
  margin-top: 0.66em;
}

p.instruments {
  text-align: center;
  font-size: 0.80em;
  padding: 0px;
  margin: 0px;
  margin-bottom: 0.5em;
  font-style: italic;
}

p.mouvement {
  text-align: center;
  font-size: 0.85em;
  padding: 0px;
  margin: 0px;
}

ul.menu {
  list-style-type: none;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

ul.menu li {
  padding: 0px;
  margin: 0px;
  padding-top: 5px;
}

table.tableau {
  border: 0px none black;
  padding: 0px;
  margin: 0px;
  margin-left: 2em;
}

dl {
  margin: 0;
  margin-left: 2em;
  width: 250px;
  overflow: hidden;
}

dl dt, dl dd {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0;
  margin-top: 10px;
}

dl dt {
  width: 205px;
}

dl dd {
  width: 40px;
  margin-left: 5px;
}

/* CHARACTER STYLES */

.menu_item {
  font-size: 1em;
}

.cr_menu_item {
  font-size: 1em;
  font-weight: bold;
}

.interface {
  font-size: 0.75em;
}

.compositeur_date {
  font-size: 0.75em;
  font-style: italic;
}

.invisible {
  display: none;
}


/* DIV STYLES */

div.spacer {
  border: 0px dotted blue;
  padding: 0em;
  margin: 0em;
  height: 2em;
}

div.center-box {
  border: 0px dotted #F00;
  padding: 1em;
  margin-top: 1em;
  text-align:  center;
}

div.concert-box {
  border: 1px dotted #099;
  padding: 1em;
  margin-top: 1em;
  margin-left: 20%;
  margin-right: 20%;
}

div.info-box {
  border: 1px dotted #099;
  padding: 1em;
  margin-top: 1em;
  margin-left: 10%;
  margin-right: 10%;
}

div.photo-box {
  border: 1px dotted #099;
  padding: 1em;
  margin-top: 1em;
  margin-left: 10%;
  margin-right: 10%;
  min-height:  240px;
}

div.photo-box {
  /* Pour IE */
  height:  240px;
  overflow:  hidden;
}

html>body div.photo-box {
  /* Pour tous sauf IE */
  height:  auto;
}


#main {
  position: absolute;
  width: 100%;
  min-width: 500px;
  top: 0px;
  left: 0px;
  background-image: url("img/jmfr_right_repeating.jpg");
  background-repeat: repeat-y;
  background-position: 100% 314px;
  border: 0px dotted olive;
}

#content {
  position: relative;
  margin-left: 175px;
  margin-right: 100px;
  margin-top: 25px;
  padding-bottom: 33px;  /* = margin-top + 8 */
  min-height: 642px; /* = 700 - padding-bottom - margin-top */
  background-image: url("img/jmfr_bottom_repeating.jpg");
  background-repeat: repeat-x;
  background-position: bottom left;
  z-index: 3;
  border: 0px dotted blue;
}

#content {
  /* Pour IE */
  height: 642px; /* = content.min-height */
  overflow: visible;
}

html>body #content { 
  /* Pour tous sauf IE */
  height: auto;
  overflow: hidden; /* IEMac & Omniweb Hack - doesn't affect other browsers*/
}

#min-height {
  float: left;
  height: 642px;
  width: 1px;
  border: 0px dotted olive;
}

#logo {
  position: absolute;
  width: 131px;
  height: 133px;
  top: 0px;
  left: 0px;
  background-image: url("img/jmfr_logo.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  z-index: 2;
  border: 0px dashed red;
}

#menu {
  position: absolute;
  top: 125px; //133px;
  left: 0px;
  width: 131px;
  height: 175px; /* 128px; */
  padding-top: 5px;
  overflow: hidden;
  z-index: 2;
  border: 0px dotted purple;
}

#left {
  position: absolute;
  width: 187px;
  height: 426px;
  bottom: 8px;
  left: 0px;
  background-image: url("img/jmfr_left.jpg");
  background-repeat: no-repeat;
  z-index: 1;
  border: 0px dashed purple;
}

#bottom-left {
  position: absolute;
  width: 187px;
  height: 8px;
  bottom: 0px;
  left: 0px;
  background-image: url("img/jmfr_bottom_left.jpg");
  background-repeat: no-repeat;
  background-position: bottom left;
  z-index: 4;
  border: 0px dashed purple;
}

#top-right {
  position: absolute;
  width: 102px;
  height: 314px;
  top: 0px;
  right: 0px;
  background-image: url("img/jmfr_top_right.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  z-index: 1;
  border: 0px dashed purple;
}

#bottom-right {
  position: absolute;
  width: 102px;
  height: 8px;
  bottom: 0px;
  right: 0px;
  background-image: url("img/jmfr_bottom_right.jpg");
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 4;
  border: 0px dashed purple;
}

#locker {
  position: absolute;
  width: 32px;
  height: 44px;
  bottom: 5px;
  right: 5px;
  background-image: url("img/locker.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  z-index: 5;
  border: 0px dashed purple;
}

#invisible {
  display: none;
}

.direction_icon {
  margin-left: 5px;
}

.column_label {
  margin-left: 5px;
  margin-right: 5px;
}

/* MAILING LIST */

.centerer {
  position: relative;
  width: 100%;
}

#subscription_box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 10px;
  overflow: hidden;
  text-align: center;
  width: 250px;
  border: 1px dotted #099;
}

#subscription_box p {
  text-align: center;
  margin-bottom: 5px;
}

#subscription_box label {
  width: 50px;
}

#subscription_box input#email {
  width: 150px;
}

#subscription_box input#submit {
  margin-top: 5px;
}