/*
 * 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: Arial, Verdana, sans-serif;
  font-size: 15px;
  line-height: 19px;
}
body {
  background-color: #e7e4dc;
  background-repeat: no-repeat;
}
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, img.usemap { 
  border: none; 
}
img {
  display: block;
}
img.inline {
  display: inline;
  vertical-align: middle;
}
img {
	behavior: url(/css/iepngfix.htc);
}
ul {
  list-style-position: inside;
}
hr {
  height: 1px;
  border: none;
  border-top: 1px solid #009ee0;
  margin-top: 7px;
  margin-bottom: 7px;
  display: block;
  padding: 0;
  _margin: 0px 0;
}
div.hr {
  height: 0px;
  border: none;
  border-top: 1px solid #009ee0;
  margin-top: 7px;
  margin-bottom: 7px;
}
div.hr hr {
  display: none;
}

/*
 * LAYOUT
 *
 */
html, body {
  height: 100%;
}
#outer_wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
#outer {
  height: 100%;
  width: 100%;
  display: table;
  vertical-align: middle;
  text-align: center;
}
#wrapper {
  position: relative;
  width: 955px;
  height: 600px;
  xposition: absolute;
  xtop: 50%;
  xleft: 50%;
  xmargin-left: -477px;
  xmargin-top: -300px;
  display: inline-block;
  text-align: left;
}
* html #outer_wrapper {
  position: relative;
}
* html #wrapper {
  position: absolute;
  top: expression( (document.body.clientHeight < 600) ? 300 : '50%');
  left: 50%;
  margin-left: -477px;
  margin-top: -300px;
  display: block;
}
* html #wrapper,
* html #outer_wrapper {
  zoom: 1;
}

   
#logo {
  position: fixed;
  top: 500px;
  left: 30px;
}
html * #logo {
  position: absolute;
}

/* 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 */
#nav {
  position: fixed;
  left: 20px;
  top: 30px;
  width: 140px;
  background-color: #fff;
  z-index: 20;
  overflow: hidden !important;
  border: 4px solid #009ee0;
}
html * #nav {
  position: absolute;
}
#nav ul {
  list-style-type: none;
  list-style-position: outside;
}
#nav li {
  border-bottom: 1px solid #777777;
  height: 28px;
  border-collapse: collapse;
  overflow: hidden;
  text-align: center;
  line-height: 28px;
  font-family: "Minimum AMedium", Arial;
  font-weight: bold;
  font-size: 15px;
  color: #777777;
  padding-left: 10px;
  padding-right: 10px;
	display: block;
}
#nav li a {
  color: #777777;
  text-decoration: none;
}
#nav li a:hover {
  color: #000;
  text-decoration: none;
}
#nav li.active a {
  color: #000;
}
#nav li img {
}
*+html #nav ul li, * html #nav ul li {
  display: inline;
}
#nav li.last {
  border-top: 4px solid #009ee0;
}
#nav.nav_discographie {
  background-color: #cb0a1d;
}
#nav.nav_qui_sommes_nous {
  background-color: #e0e6ea;
}
#nav.nav_medias {
  background-color: #fef4df;
}
#nav li.nav_item_actu_active,
#nav li.nav_item_actu:hover a {
  font-family: "Sans Serif Shaded";
}
#nav li.nav_item_actu_active a {
  color: #000;
}
#nav li.nav_item_who_are_we_active,
#nav li.nav_item_who_are_we:hover a {
  font-family: "Minimum AMedium";
}
#nav li.nav_item_who_are_we_active a {
  color: #000;
}
#nav li.nav_item_discographie_active,
#nav li.nav_item_discographie:hover a {
  font-family: "FuturaBlackSB-regular";
  font-size: 18px;
}
#nav li.nav_item_discographie_active a {
  color: #000;
}

/* Boxes */
div.error_msg {
  position: absolute;
  top: 88px;
  left: 190px;
  width: 380px;
  border: 1px solid #009ee0;
  background-color: #ffffff;
  padding: 10px;
}
div.error_msg h1 {
  color: #009ee0;
  line-height: auto;
  font-size: 17px;
}
div.error_msg h2 {
  color: #777777;
  font-size: 15px;
}

div.actu {
  position: absolute;
  top: 267px;
  left: 190px;
  width: 555px;
  border: 4px solid #009ee0;
  padding: 6px;
  padding-bottom: 0;
  background-color: #fff;
}
div.actu img {
  display: inline;
}
div.actu a:link, div.actu a:visited {
  text-decoration: none;
}
div.actu a:hover, div.actu a:active {
  text-decoration: underline;
}
div.actu .pager_nav {
  float: left;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 10px;
}
div.actu .pager_nav_btn {
  border-right: 3px solid #009ee0;
  padding-left: 0;
}
div.actu .gris {
  color: #777777;
}
div.actu .bleu_gras {
  color: #009ee0;
  font-weight: bold;
}

div.record {
  border: 1px solid #009ee0;
  background-color: #fff;
  width: 740px;
  padding-right: 0px;
  position: absolute;
  top: 90px;
  left: 190px;
  height: 450px;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}
div.record .description {
  float: left;
  margin-left: 100px;
  width: 270px;
  padding-top: 10px;
  padding-bottom: 20px;
  display: inline;
  overflow: hidden;
  position: relative;
}
div.record .buy_btn {
  position: absolute;
  top: 15px;
  left: 10px;
}
div.record .buy_itunes_btn {
  position: absolute;
  top: 60px;
  left: 10px;
}
div.record .description .introduction {
  font-weight: bold;
  color: #cb0a1d;
  font-size: 12px;
  line-height: 16px;
}
div.record .description {
  color: #777777;
  font-size: 12px;
  line-height: 16px;
}
div.record .description .credits {
  font-weight: normal;
  color: #009ee0;
}
div.record .description .press_review .title {
  color: #4a00cc;
  font-weight: bold;
}
div.record .description .press_review .author {
  font-weight: normal;
  color: #009ee0;
}
div.record .description .credits strong, div.record .description .credits b {
  color: #999999;
}
div.record .cover_tracks {
  float: left;
  margin-left: 10px;
  width: 340px;
  display: inline;
  overflow: hidden;
  position: relative;
}
div.record .cover_tracks .cover {
  border: 1px solid #009ee0;
  border-top: 0px none;
}
div.record .cover_tracks .tracklist {
  padding: 10px;
  background-color: #d7edf3;
  color: #cb0a1d;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
  min-height: 250px;
}
div.record .cover_tracks .tracklist h2 {
  margin-left: -10px;
  margin-bottom: 8px;
}
div.record .cover_tracks .tracklist a {
  color: #93891b;
  font-weight: bold;
  text-decoration: none;
}
div.record .cover_tracks .tracklist ol {
  list-style-position: outside;
  list-style-type: decimal;
}
div.record .cover_tracks .tracklist ol li {
  padding-left: 25px;
  margin-left: 20px;
  text-indent: 0px;
}
div.record .cover_tracks .edition {
  position: absolute;
  top: 75px;
  left: 132px;
  font-weight: bold;
  color: #999999;
  font-size: 11px;
}

div.record_list {
  position: absolute;
  top: 150px;
  left: 200px;
  width: 600px;
}
div.record_list .record_item {
  float: left;
  display: inline;
  margin-right: 10px;
  margin-bottom: 15px;
  width: 190px;
  height: 215px;
  font-weight: bold;
  font-size: 12px;
  color: #eb0a1d;
}
div.record_list .record_item a {
  color: #eb0a1d;
}
div.record_list .record_item a:link, div.record_list .record_item a:visited {
  text-decoration: none;
}
div.record_list .record_item a:hover, div.record_list .record_item a:active {
  text-decoration: underline;
}
div.record_list .record_item .cover {
  margin-bottom: 8px;
  height: 190px;
  width: 190px;
}
div.record_list .record_item .cover img {
  border: 1px solid #009ee0;
  display: block;
}
div.record_list .record_item .cover_empty {
  border: 1px solid #009ee0;
  margin-bottom: 8px;
  width: 190px;
  height: 190px;
}

div.record_news {
  position: absolute;
  left: 200px;
  top: 170px;
  width: 370px;
  padding-left: 200px;
}
div.record_news .record_item {
  margin-bottom: 10px;
  padding-top: 2em;
  position: relative;
  color: #ffffff;
  border-top: 3px dotted #009ee0;
  font-size: 12px;
  xfont-weight: bold;
}
div.record_news .edition {
  font-size: 10px;
}
div.record_news .record_item .cover {
  position: absolute;
  left: -200px;
  top: -2px;
  border: 4px solid #009ee0;
}
#record_list_search_bar {
  left: 200px;
}
#record_search_bar {
  left: 200px;
  top: 50px;
}
#record_search_bar li.composer ul,
#record_list_search_bar li.composer ul,
ul.search_bar li.program ul, 
ul.search_bar li.location ul {
  width: 265px;
}
#record_search_bar li.composer li,
#record_list_search_bar li.composer li,
ul.search_bar li.program li,
ul.search_bar li.location li {
  width: 120px;
}
ul.search_bar li.location ul {
  width: 400px;
}

div.qui_sommes_nous {
  position: absolute;
  top: 88px;
  left: 190px;
  width: 740px;
  height: 494px;
  border: 1px solid #009ee0;
  background-color: #ffffff;
  overflow: hidden;
}
div.qui_sommes_nous .leftcol {
  float: left;
  width: 380px;
  height: 494px;
  display: inline;
}
div.qui_sommes_nous .bio_text {
  overflow-y: auto;
  overflow-x: hidden;
  width: 362px;
  height: 474px;
  padding: 10px 10px 10px 8px;
  font-size: 12px;
  color: #777777;
  position: relative;
}
div.qui_sommes_nous .bio_text .more_btn {
  position: absolute;
  top: 15px;
  left: 270px;
}
div.qui_sommes_nous .bio_text p {
  line-height: 17px;
}
div.qui_sommes_nous .bio_text p.partenaires {
  line-height: 14px;
}
div.qui_sommes_nous .rightcol {
  float: left;
  width: 360px;
  height: 494px;
  display: inline;
  overflow: hidden;
}
div.ventsdusud {
  position: absolute;
  top: 88px;
  left: 190px;
  width: 740px;
  height: 494px;
  border: 1px solid #009ee0;
  background-color: #ffffff;
  overflow: hidden;
}
div.ventsdusud .leftcol {
  float: left;
  width: 380px;
  height: 494px;
  display: inline;
}
div.ventsdusud .text {
  overflow-y: auto;
  overflow-x: hidden;
  width: 362px;
  height: 474px;
  padding: 10px 10px 10px 8px;
  font-size: 12px;
  color: #777777;
  position: relative;
}
div.ventsdusud .text p {
  line-height: 17px;
}
div.ventsdusud .text p.partenaires {
  line-height: 14px;
}
div.ventsdusud .rightcol {
  float: left;
  width: 360px;
  height: 494px;
  display: inline;
  overflow: hidden;
}
div.ventsdusud .credits strong {
	color: #b30a33;
}
div.ventsdusud h1 {
	background: transparent url(../images/ventsdusud_h1_bg.gif) no-repeat top right;
	height: 60px;
	padding-top: 6px;
	margin-top: -8px;
}
div.ventsdusud h2 {
	font-weight: normal;
	color: #b30a33;
	font-size: 14px;
}
div.ventsdusud a {
	color: #777777;
}

div.archives_brochures {
  padding: 10px;
  background-color: transparent;
}
div.archives_brochures .brochure_cover {
  float: left;
  width: 118px;
  height: 200px;
  margin-right: 40px;
  margin-bottom: 15px;
  margin-top: 0;
}
div.archives_brochures .brochure_cover img {
  margin-bottom: 10px;
}
div.press_reviews {
  border: none;
  background-color: #e0e6ea;
}
div.press_reviews_toc {
}
div.press_reviews_toc .press_review_item {
  float: left;
  display: inline;
  width: 170px;
  height: 123px;
  background-image: url(../images/div_backgrounds/revue_presse_item_bg.gif);
  padding: 17px 10px 0px 10px ;
  font-size: 11px;
  line-height: 14px;
  overflow: hidden;
}
div.press_reviews_toc .press_review_item_selected, div.press_reviews_toc .press_review_item_selected:hover {
  background-image: url(../images/div_backgrounds/revue_presse_item_selected_bg.gif) !important;
}
div.press_reviews_toc .press_review_item div {
  width: 170px;
  height: 80px;
  overflow: hidden;
}
div.press_reviews_toc .press_review_item:hover, div.press_reviews_toc .sfover {
  background-image: url(../images/div_backgrounds/revue_presse_item_rollover_bg.gif);
}
div.press_reviews .press_reviews_toc_right {
  background-image: url(../images/div_backgrounds/revue_presse_bg.gif);
}
div.press_reviews .press_review_details {
  padding-left: 90px;
  padding-top: 15px;
  width: 270px;
  background-image: url(../images/div_backgrounds/revue_presse_detail_bg.gif);
  font-size: 11px;
  line-height: 17px;
}
div.press_review_arrow {
  position: absolute;
  width: 89px;
  height: 82px;
  top: 68px;
  left: 570px;
  z-index: 10px;
  background-image: url(../images/presse_fleche.gif);
}
div.contact {
  font-size: 11px;
  color: #777777;
  line-height: 15px;
}
div.contact .leftcol {
  padding: 10px;
  width: 360px;
  background-image: url(../images/div_backgrounds/contact_gche_bg.jpg);
}
div.contact td {
  font-size: 11px;
  color: #777777;
  line-height: 15px;
}
div.contact .leftcol b {
  color: #ff40b3;
}
div.contact .leftcol a {
  color: #ff40b3;
}
div.contact .rightcol {
  background-image: url(../images/div_backgrounds/contact_bg.gif);
  width: 330px;
  height: 394px;
  padding: 100px 10px 0 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
div.contact_form_arrow {
  position: absolute;
  width: 190px;
  height: 205px;
  top: -10px;
  left: 660px;
  z-index: 10px;
}

div.concert {
  position: absolute;
  top: 88px;
  left: 190px;
  width: 740px;
  height: 483px;
  /*border: 3px dotted #e53389;
  background-color: #ffffff;*/
  background-image: url(../images/backgrounds/background_concert_detail.gif);
  overflow: hidden;
  padding: 3px;
}
div.concert .leftcol {
  float: left;
  width: 360px;
  height: 463px;
  padding: 10px;
  display: inline;
  overflow-y: auto;
  overflow-x: hidden;
  color: #777777;
  font-size: 12px;
}
div.concert .rightcol {
  float: left;
  width: 360px;
  height: 483px;
  display: inline;
  overflow-y: auto;
  overflow-x: hidden;
  background-position: fixed;
  font-color: #fff;
  font-size: 12px;
}
div.concert .leftcol hr {
  border-color: #e53389;
}
div.concert .leftcol h1 {
  font-size: 17px;
  margin-bottom: 8px;
}
div.concert .leftcol .time_genre_location img {
  display: inline;
  vertical-align: top;
}
div.concert .leftcol .credits {
  color: #e53389;
}
div.concert .leftcol .credits b, div.concert .leftcol .credits strong {
  color: #777777;
}
div.concert .rightcol .infos {
  color: #fff;
  background-color: #e53389;
  padding: 20px 10px 10px 10px;
  width: 340px;
  height: 70px;
}
div.concert .rightcol .infos a {
  color: #fff;
}
div.videos_text {
  position: absolute;
  top: 67px;
  left: 190px;
  width: 555px;
  height: 500px;
  border: 4px solid #009ee0;
  padding: 6px;
  padding-bottom: 0;
  background-color: #fff;
  overflow-y: auto;
}

div.concerts {
  position: absolute;
  top: 150px;
  left: 190px;
  width: 760px;
  height: 400px;
}
div.concerts .concert_item {
  float: left;
  display: inline;
  width: 346px;
  height: 76px;
  /*background-color: #fff;
  border: 3px dotted #219cd3;*/
  background-image: url(../images/div_backgrounds/concert_item_bg.gif);
	background-repeat: no-repeat;
  padding: 10px 10px 10px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: #777777;
  font-size: 12px;
}
div.concerts .concert_item .time_genre_location img {
  display: inline;
  vertical-align: top;
}


ul.search_bar {
  position: absolute;
  left: 190px;
  top: 110px;
  z-index: 100;
  color: #e53389;
  z-index: 100;
}
ul.search_bar, .search_bar ul {
	list-style: none;
	line-height: 1;
	padding: 0;
}
.search_bar li {
	xwidth: 100px; 
	height: 30px; 
	display: block;
	float: left;
	position: relative;
}
.search_bar li li {
	width: 215px;
	height: auto;
	padding: 3px 6px 3px 6px;
	border-bottom: 1px solid #009ee0;
	font-weight: normal;
	font-size: 11px;
}
.search_bar li.date li {
  width: 100px;
}
.search_bar li.genre li {
  width: 100px;
}
.search_bar li.location li {
  width: 180px;
}
.search_bar li li li {
  width: 213px;
}
.search_bar li a {
  color: #000;
	text-decoration: none;
}
.search_bar ul li a {
	display: block;
	xwidth: 327px;
	color: #777777;
}
.search_bar a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}
.search_bar li ul {
	position: absolute;
	left: -999em;
	top: 14px;
	height: auto;
	width: 227px;
	margin: 0;
	background-color: #fff;
	border: 3px solid #009ee0;
	margin-left: 0px;
	margin-top: 4px;
}
.search_bar li.date ul {
  width: 110px;
}
.search_bar li.genre ul {
  width: 110px;
}
.search_bar li.location ul {
  width: 190px;
}

.search_bar li ul ul {
  float: left;
	padding: 0 20px 1em 0;
	background-color: #fff;
	margin: -14px 0 0 290px;
	width: 213px;
}

.search_bar li:hover, .search_bar li.sfhover {
	color: #fff;
}
.search_bar li:hover li, .search_bar li.sfhover li {
	color: #e53389;
}
.search_bar li:hover ul ul, .search_bar li:hover ul ul ul, .search_bar li.sfhover ul ul, .search_bar li.sfhover ul ul ul {
	left: -999em;
}

.search_bar li:hover ul, .search_bar li li:hover ul, .search_bar li li li:hover ul, .search_bar li.sfhover ul, .search_bar li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

.search_bar li li:hover, .search_bar li li.sfhover {
	color: #e53389;
	background: #009ee0;
}
.search_bar li li a:hover {
  color: #fff;
	background: #009ee0;
}
.search_bar li li li:hover, .search_bar li li li.sfhover {
	color: #e53389;
  background: none;
}

#show_toc_search_bar {
  left: 190px;
  top: 120px;
  color: #e53389;
}
#show_search_bar {
  left: 190px;
  top: 50px;
  z-index: 100;
  color: #e53389;
}

.medias_menu_item {
  position: absolute;
  border: 3px solid #661035;
  xwidth: 120px;
  height: 25px;
  background-color: #fef4df;
}
.medias_menu_item:hover, medias_menu_item.sfhover {
  background-color: #ffffff;
  border-color: #009ee0;
}
#item_photos {
  left: 275px;
  top: 204px;
}
#item_videos {
  left: 582px;
  top: 205px;
}
#item_audio {
  left: 416px;
  top: 386px;
}

.photos {
  position: absolute;
  top: 90px;
  left: 190px;
  width: 600px;
  height: 470px;
}
.photos .media_thumbnail {
  float: left;
  display: inline;
  margin-left: 12px;
  margin-bottom: 20px;
  width: 188px;
  height: 134px;
}
.photos .media_thumbnail img, .photos .legend img {
  border: 0 none;
}
.photos img {
  border: 1px solid #009ee0;
}
.photos .legend {
  position: absolute;
  top: 0px;
  left: 564px;
  padding: 10px 10px 70px 10px;
  width: 150px;
  background-color: #fef4df;
  border: 1px solid #009ee0;
  font-size: 11px;
  color: #777777;
  line-height: 15px;
}
.photos .legend .copyright {
  color: #661035;
  font-size: 9px;
}
#media_search_bar {
  left: 760px;
  top: 60px;
}

#video_player {
  position: absolute;
  top: 84px;
  left: 274px;
  background-image: url(../images/div_backgrounds/video_player_bg.gif);
  background-repeat: no-repeat;
  width: 400px;
  height: 474px;
}
#video_player .legend {
  position: absolute;
  top: 308px;
  left: 40px; 
  width: 320px;
  height: 50px;
  font-size: 11px;
  color: #777777;
  line-height: 15px;
}
#video_player .legend a {
	color: #777777;
}
#video_player .legend .copyright {
  color: #661035;
  font-size: 9px;
}

#audio_player {
  position: absolute;
  top: 127px;
  left: 260px;
  width: 470px;
}
#audio_player .legend {
  position: absolute;
  top: 350px;
  left: 30px; 
  width: 377px;
  padding: 7px;
  font-size: 11px;
  color: #777777;
  line-height: 15px;
  border: 1px solid #009ee0;
  background-color: #fef4df;
}
#audio_player .legend .copyright {
  color: #661035;
  font-size: 9px;
}

/*
 * TEXT STYLES 
 * 
 */

/* Navigation menu */

/* Common text */
img.title {
  padding-bottom: 5px;
  border-bottom: 1px solid #009ee0;
  margin-bottom: 20px;
}

/* Forms */
#wrapper form ul {
  list-style-position: outside;
  list-style-type: none;
}
#wrapper form li {
  margin-bottom: 4px;
  clear: left;
}
#wrapper form li label {
  width: 70px;
  display: block;
  float: left;
}
#wrapper .textfield {
  width: 220px;
  border: none;
  height: 13px;
}
#wrapper form .optional {
  font-weight: bold;
  color: #009ee0;
}

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