/*
 * DEFAULTS
 * Redefinition of standard margins and fonts
 *
 */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dd,dt { 
  margin: 0; 
  padding: 0; 
}
body, td {
  margin: 0;
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 19px;
  background-color: #fff;
}
a {
  color: #000;
  text-decoration: underline;
}
a.nounderline:link, a.nounderline:visited {
  text-decoration: none;
}
a.nounderline:hover, a.nounderline:active {
  text-decoration: underline;
}
a img,:link img,:visited img { 
  border: none; 
}
img {
  display: block;
}
img.inline {
  display: inline;
  vertical-align: middle;
}
ul {
  list-style-position: inside;
}
hr {
  background: #fff url(../images/hr.gif);
  height: 10px;
  border: 0 none;
  margin-top: 10px;
  margin-bottom: 10px;
}
div.hr {
  height: 10px;
  background: #fff url(../images/hr.gif);
  margin-top: 10px;
  margin-bottom: 10px;
}
div.hr hr {
  display: none;
}
hr.small, .alternate hr, hr.alternate {
  background: #fff url(../images/hr_small.gif);
  height: 8px;
  border: 0 none;
  margin-top: 8px;
  margin-bottom: 8px;
}
div.hr.small, .alternate div.hr, div.hr.alternate {
  background: #fff url(../images/hr_small.gif);
  height: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}

/*
 * LAYOUT
 *
 */
   
/* Background picture : size adapts to the size of the window */
#background_picture {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
#background_picture img  {
  width: 100%;
  height: 100%;
  display: block;
}

/* Navigation bar */
#navigation {
  position: fixed;
  left: 24px;
  top: 45px;
  width: 220px;
  background-color: #7db7c3;
  float: none;
  z-index: 20;
  overflow: hidden !important;
}
body.la_muse #navigation {
  background-color: #7db7c3;
}
body.concerts #navigation {
  background-color: #89b5dc;
}
body.pedagogie #navigation {
  background-color: #9b92c1;
}
body.residences #navigation {
  background-color: #ea6ea4;
}
body.productions #navigation {
  background-color: #ed7527;
}
body.concours #navigation {
  background-color: #b89d10;
}
body.studios #navigation {
  background-color: #7baa20;
}
body.recherche #navigation {
  background-color: #5c9d41;
}
body.presse #navigation {
  background-color: #977768;
}
body.liens #navigation {
  background-color: #bfaf98;
}

/* Wrapper for the contents boxes */
#wrapper {
  padding-top: 45px;
  padding-left: 268px;
  padding-right: 300px;
  margin-bottom: 20px;
  position: relative;
  min-height: 500px;
  min-width: 444px;
  overflow: hidden;
  z-index: 10;
}
* html body {
  overflow: hidden;
}

/* Boxes */
div.box {
  padding: 10px;
  background: white;
  float: left;
  position: relative;
}
div.oneblock {
  padding-bottom: 20010px !important;
  margin-bottom: -20000px;
}
div.multibox {
  padding: 0 10px 0 10px;
  background: none;
}

/* 1, 2 and 3 column-width boxes */
.box.single_column {
  width: 200px;
  margin-right: 24px;
}
.box.single_column.last {
  margin-right: -100%;
}
.oneblock_last {
  padding-bottom: 20010px !important;
  margin-bottom: -20000px;
  margin-left: -24px;
  border-left: 24px white solid;
  margin-right: -100% !important;
}
.box.double_column {
  min-width: 444px;
  width: 100%;
  min-height: 500px;
  margin-right: 24px;
}
.box.three_column {
  min-width: 688px;
  width: 100%;
  min-height: 500px;
}
.multibox .box {
  float: none;
  min-height: 0;
  margin-bottom: 10px;
  margin-right: -10px;
  margin-left: -10px;
}

/* Footer */
#footer {
  clear: both;
  height: 20px;
  position: relative;
  padding-top: 10px;
}
* html #footer-wrapper {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
  background: transparent; /*#fff;*/         /* Same as body 
                               background */
}

/*
 * TEXT STYLES 
 * 
 */

/* Navigation menu */
#navigation {
  padding: 10px 0 10px 0;
}
#navigation img {
  margin-bottom: 0;
}
#navigation h1 {
  padding: 0 10px 0 10px;
  margin: 0;
  text-transform: uppercase;
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
}
#navigation h1.selected {
  font-weight: bold;
  background-color: #fff;
  padding-top: 4px;
  border-top: 3px solid #7db7c3;
}
#navigation ul.selected {
  padding-bottom: 5px;
  border-bottom: 5px solid #7db7c3;  
}
#navigation ul {
  list-style-type: none;
  list-style-position: outside;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
}
#navigation ul li {
  font-size: 12px;
  line-height: 14px;
  height: 14px;
  overflow: hidden;
}
body.la_muse #navigation h1.selected {
  border-top-color: #7db7c3;
}
body.la_muse #navigation ul.selected {
  border-bottom-color: #7db7c3;
}
body.concerts #navigation h1.selected {
  border-top-color: #89b5dc;
}
body.concerts #navigation ul.selected {
  border-bottom-color: #89b5dc;
}
body.pedagogie #navigation h1.selected {
  border-top-color: #9b92c1;
}
body.pedagogie #navigation ul.selected {
  border-bottom-color: #9b92c1;
}
body.residences #navigation h1.selected {
  border-top-color: #ea6ea4;
}
body.residences #navigation ul.selected {
  border-bottom-color: #ea6ea4;
}
body.productions #navigation h1.selected {
  border-top-color: #ed7527;
}
body.productions #navigation ul.selected {
  border-bottom-color: #ed7527;
}
body.concours #navigation h1.selected {
  border-top-color: #b89d10;
}
body.concours #navigation ul.selected {
  border-bottom-color: #b89d10;
}
body.studios #navigation h1.selected {
  border-top-color: #7baa20;
}
body.studios #navigation ul.selected {
  border-bottom-color: #7baa20;
}
body.recherche #navigation h1.selected {
  border-top-color: #5c9d41;
}
body.recherche #navigation ul.selected {
  border-bottom-color: #5c9d41;
}
body.presse #navigation h1.selected {
  border-top-color: #977768;
}
body.presse #navigation ul.selected {
  border-bottom-color: #977768;
}
body.liens #navigation h1.selected {
  border-top-color: #bfaf98;
}
body.liens #navigation ul.selected {
  border-bottom-color: #bfaf98;
}

/* Common text */
h1 {
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 35px;
  margin-bottom: 15px;
  line-height: 35px;
}
h1 a {
  text-decoration: none;
}
h1 strong {
  font-weight: normal;
}
h3 strong {
  font-weight: normal;
}
body.la_muse h1 strong, body.la_muse h3 strong {
  color: #7db7c3;
}
body.concerts h1 strong, body.concerts h3 strong {
  color: #89b5dc;
}
body.pedagogie h1 strong, body.pedagogie h3 strong {
  color: #9b92c1;
}
body.residences h1 strong, body.residences h3 strong {
  color: #ea6ea4;
}
body.productions h1 strong, body.productions h3 strong {
  color: #ed7527;
}
body.concours h1 strong, body.concours h3 strong {
  color: #b89d10;
}
body.studios h1 strong, body.studios h3 strong {
  color: #7baa20;
}
body.recherche h1 strong, body.recherche h3 strong {
  color: #5c9d41;
}
body.presse h1 strong, body.presse h3 strong {
  color: #977768;
}
body.liens h1 strong, body.liens h3 strong {
  color: #bfaf98;
}
h1.short {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 2px;
}
h2, .alternate h1, h1.alternate {
  font-family: "Arial Black", Arial, Verdana, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 4px;
  line-height: 14px;
}
h2 a {
  text-decoration: none;
}
h3 {
  font-family: Impact, Arial, Helvetica, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 3px;
}
h3 a {
  text-decoration: none;
}
.alternate {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
}
.alternate .big, .alternate.big, .alternate_big {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
body.la_muse .colored, body.la_muse .colored a, body.la_muse a.colored {
  color: #7db7c3;
  text-decoration: none !important;
}
body.concerts .colored, body.concerts .colored a, body.concerts a.colored {
  color: #89b5dc;
  text-decoration: none !important;
}
body.pedagogie .colored, body.pedagogie .colored a, body.pedagogie a.colored {
  color: #9b92c1;
  text-decoration: none !important;
}
body.residences .colored, body.residences .colored a, body.residences a.colored {
  color: #ea6ea4;
  text-decoration: none !important;
}
body.productions .colored, body.productions .colored a, body.productions a.colored {
  color: #ed7527;
  text-decoration: none !important;
}
body.concours .colored, body.concours .colored a, body.concours a.colored {
  color: #b89d10;
  text-decoration: none !important;
}
body.studios .colored, body.studios .colored a, body.studios a.colored {
  color: #7baa20;
  text-decoration: none !important;
}
body.recherche .colored, body.recherche .colored a, body.recherche a.colored {
  color: #5c9d41;
  text-decoration: none !important;
}
body.presse .colored, body.presse .colored a, body.presse a.colored {
  color: #977768;
  text-decoration: none !important;
}
body.liens .colored, body.liens .colored a, body.liens a.colored {
  color: #bfaf98;
  text-decoration: none !important;
}
.intro {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #89b5dc;
}
body.la_muse .intro {
  color: #7db7c3;
}
body.concerts .intro {
  color: #89b5dc;
}
body.pedagogie .intro {
  color: #9b92c1;
}
body.residences .intro {
  color: #ea6ea4;
}
body.productions .intro {
  color: #ed7527;
}
body.concours .intro {
  color: #b89d10;
}
body.studios .intro {
  color: #7baa20;
}
body.recherche .intro {
  color: #5c9d41;
}
body.presse .intro {
  color: #977768;
}
body.liens .intro {
  color: #bfaf98;
}
body.la_muse a.hover_color {
  text-decoration: none !important;
}
body.la_muse a.hover_color:hover, body.la_muse a.hover_color:active {
  color: #7db7c3;
}
body.concerts a.hover_color:hover, body.concerts a.hover_color:active {
  color: #89b5dc;
}
body.concerts a.hover_color {
  text-decoration: none !important;
}
body.pedagogie a.hover_color:hover, body.pedagogie a.hover_color:active {
  color: #9b92c1;
}
body.pedagogie a.hover_color {
  text-decoration: none !important;
}
body.residences a.hover_color:hover, body.residences a.hover_color:active {
  color: #ea6ea4;
}
body.residences a.hover_color {
  text-decoration: none !important;
}
body.productions a.hover_color:hover, body.productions a.hover_color:active {
  color: #ed7527;
}
body.productions a.hover_color {
  text-decoration: none !important;
}
body.concours a.hover_color:hover, body.concours a.hover_color:active {
  color: #b89d10;
}
body.concours a.hover_color {
  text-decoration: none !important;
}
body.studios a.hover_color:hover, body.studios a.hover_color:active {
  color: #7baa20;
}
body.studios a.hover_color {
  text-decoration: none !important;
}
body.recherche a.hover_color:hover, body.recherche a.hover_color:active {
  color: #5c9d41;
}
body.recherche a.hover_color {
  text-decoration: none !important;
}
body.presse a.hover_color:hover, body.presse a.hover_color:active {
  color: #977768;
}
body.presse a.hover_color {
  text-decoration: none !important;
}
body.liens a.hover_color:hover, body.liens a.hover_color:active {
  color: #bfaf98;
}
body.liens a.hover_color {
  text-decoration: none !important;
}

.dates {
  font-family: "Arial Black", Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 3px;
  /*text-transform: uppercase;*/
}
.lieus {
  /*text-transform: uppercase;*/
}
.sponsor_partenaire {
  background-color: #000;
  color: #fff;
  display: block;
  float: right;
}
.sponsor_muse {
  background-color: #7db7c3;
  color: #000;
  display: block;
  float: right;
}
body.la_muse .sponsor_muse {
  background-color: #7db7c3;
}
body.concerts .sponsor_muse {
  background-color: #89b5dc;
}
body.pedagogie .sponsor_muse {
  background-color: #9b92c1;
}
body.residences .sponsor_muse {
  background-color: #ea6ea4;
}
body.productions .sponsor_muse {
  background-color: #ed7527;
}
body.concours .sponsor_muse {
  background-color: #b89d10;
}
body.studios .sponsor_muse {
  background-color: #7baa20;
}
body.recherche .sponsor_muse {
  background-color: #5c9d41;
}
body.presse .sponsor_muse {
  background-color: #977768;
}
body.liens .sponsor_muse {
  background-color: #bfaf98;
}

/* "More..." links */
a.more {
  font-family: "Arial Black", Arial, Verdana, sans-serif;
  text-decoration: none;
}

/* Pictures */
.box img {
  margin-bottom: 10px;
}
.box div.legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  margin-top: -10px;
  margin-bottom: 10px;
}
.box .record_cover {
  float: left; 
  margin-right: 20px; 
  margin-bottom: 20px; 
  width: 100px; 
  height: 100px;
}

/* Forms */
.box form ul {
  list-style-position: outside;
  list-style-type: none;
}
.box.single_column li {
  margin-bottom: 4px;
}
.box.single_column .textfield {
  width: 194px;
  xmargin-bottom: 4px;
}

/* Home page */
#penserclasser_btn {
  margin-left: -10px;
  margin-right: -10px;
}
#museletter_btn {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
}

/* Pager navigation */
div.pager_navigation a {
  text-transform: uppercase;
  font-family: "Arial Black", Arial, Verdana, sans-serif;
  text-decoration: none;
  font-size: 11px;
  line-height: 13px;
  color: #89b5dd;
}
div.pager_navigation .prev {
  float: left;
}
div.pager_navigation .next {
  float: right;
}

/* IE 6 hacks */
* html body {
  background-image: url(../images/backgrounds/background_concerts.jpg);
  background-attachment: fixed;
}
* html #background_picture {
  position: absolute;  
  display: none;
}
* html #navigation {
  position: absolute;
}
* html #navigation li {
  display: inline;
}
* html .double_column {
  width: 100%;
  height: auto;
  overflow-x: hidden;
}
* html .three_column {
  width: 100%;
  height: auto;
}
* html .last, * html .oneblock_last {
  overflow-x: hidden;
}
/* IE 7 hack */
*+html #navigation li {
  display: inline;
}