/*
layout.css
neveux

Created by Yannick Schall on 2006-10-23.
Copyright (c) 2006 __6 rue courat__. All rights reserved.
*/

/*----------------------------------------------------internet explorer hack*/
  @import url("cssie.css");
/*-------------------------------------------------------------------GENERAL*/


/* @group GENERIC */

html {
  min-width: 760px;
}

body {
  background-color: #929292;
  font: normal .7em/2 Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: center;  
}

body, ul, ol, dl, dd, dt, li{
  margin: 0;
  padding: 0;
}

.fir {
  text-indent: -10000px;
}

#wrapper {
  text-align: left;
  width: 757px;
  margin: 0 auto 20px;
}

/* @end */

.main {
  margin-bottom: 15px;
}

.main * .intro {
  color: #000;
  line-height: 1.5;
}

.content {
  float: left;
  width: 350px;

}

.side {
  float: right;
  width: 330px;
  /*background-color: #333;*/
  
}

.side .gutter {
  padding-left: 15px;
}
#home .side .gutter {
  padding: 15px;
}


/* @group CONTENT */

#column_left
{
  width: 334px;
  float: left;
}
#column_right
{
  width: 320px;
  float: right;
}

/* @end */


/* @group NEWS HOME */

#column_right.news_home {
  width: 305px;
  padding: 15px 10px 15px 15px;
  background: #333 url(/assets/images/corner_bot.gif) 0 100% no-repeat;
}

.news_home h3 {
  background: transparent url(/assets/images/news_title.gif) 0 50% no-repeat;
  text-indent: -5000px;
  margin: 0;
}

.news_home h4 a {
  color: #D6BD14;
}

.news_home p.desc {
  margin: 0 0 -3px 0;
}

.news_home p.desc em
{
  font-style: italic;
}
.news_home p.desc a {
  color: #FFF;
}

.news_home a.more  {
  text-decoration: none;
  display: block;
  color: #333;
}

.news_home a.more:hover{
  color: #929292;
  cursor: hand;
}

.news_home a.more span.read
{
  float: left;
}

.news_home a.more span.plus
{
  margin-left: 10px;
  color: #D6BD14;
  float: right;
}

/* @end */


/* @group NEWS LIST */

#column_left.news_list dt
{
  background: url(/assets/images/border.gif) repeat-x;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  line-height: 1.4em;
}

#column_left.news_list dt.first
{
  background: none;
}

#column_left.news_list dt a
{
  color: #D6BD14;
}

#column_left.news_list dt em
{
  color: #FFF;
}

#column_left.news_list dd
{
  padding: 0;
  margin: 0 0 15px 0;
  line-height: 1.6em;
  background: transparent url(/assets/images/square_bul.gif) no-repeat 0 .9em;
  text-indent: 1em;
}

#column_left.news_list dd a
{
  color: #FFF;
  text-decoration: underline;
}

/* @end */


/* @group NEWS DETAIL */

#column_right.news_detail dt
{
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}

#column_right.news_detail dt.first
{
  background: none;
}

#column_right.news_detail dt a
{
  color: #D6BD14;
}

#column_right.news_detail dt em
{
  color: #FFF;
}

#column_right.news_detail dd
{
  padding: 0;
  margin: 0 0 15px 0;
  line-height: 1.6em;
  background: transparent url(/assets/images/square_bul.gif) no-repeat 0 .9em;
  text-indent: 1em;
}

#column_right.news_detail dd a
{
  color: #FFF;
  text-decoration: underline;
}
#column_right.news_detail dd em
{
  font-style: italic;
}
/* @end */


/*-----------------------------------------------------------------------FIR*/

.content .fir, #contacts .side .fir {
  margin-bottom: 5px;
}
.content .movie .fir {
  background: transparent url(/assets/images/movie_title.gif) 0 50% no-repeat;
}

.content .news .fir {
  background: transparent url(/assets/images/news_title_blk.gif) 0 50% no-repeat;
}

.content .disco .fir {
  background: transparent url(/assets/images/disco_title.gif) 0 50% no-repeat;
}

.content .contacts .fir {
  background: transparent url(/assets/images/disco_title.gif) 0 50% no-repeat;
}


/* @group PLAYER */


/* @end */


/* @group TRACKLISTING */

#track_list
{
  clear: left;
}

#track_list h3
{
  margin: 0;
  padding: 4px 0 0 0;
}

#track_list ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  margin-bottom: 6px;
  background: url(/assets/images/border.gif) bottom left repeat-x;
}

#track_list ul li
{
  padding-left: 15px;
}

#track_list ul li.sound
{
  background: url(/assets/images/sound.gif) 0 4px no-repeat;
}

#track_list ul li.video
{
  background: url(/assets/images/video.gif) 0 6px no-repeat;
}

#track_list ul li a
{
  color: #FFF;
}
/* @end */



/* @group REFERENCE ITEM */

.reference_list h3
{
  background: transparent url(/assets/images/border.gif) bottom left repeat-x;
  padding-bottom: 5px;
  color: #FFF;
  font-weight: bold;
}

.reference_list dl dt
{
  line-height: 1.2em;
}

.reference_list dl dt a
{
  font-weight: bold;
  color: #D6BD14;
}

.reference_list dl dd
{
  padding-bottom: 14px;
  margin-bottom: 14px;
  background: transparent url(/assets/images/border.gif) bottom left repeat-x;
}

.reference_item h3
{
  background: url(/assets/images/border.gif) top left repeat-x;
  padding-top: 5px;
  margin: 0;
  font-weight: bold;
}

#reference_detail dt.title
{
  margin: 0;
}

#reference_detail dt.subtitle
{
  color: #FFF;
  margin: 0;
}

#reference_detail dt.comments
{
  margin: 0;
  color: #FFF;
}
/* @end */


/* @group PLAYER */

#flash_player {
  padding: 0 !important;
  float: right;
}

/* @end */

/*------------------------------------------------------------news NEWS page*/
.content  h3, .content dt, .side .contacts dt{
  background: transparent url(/assets/images/border.gif) 0 0 repeat-x;
  margin: 0;
  padding: 15px 0 0;
}

.content .news p{
  margin: 0 0 10px;
  padding: 0;
}

.content .news h3 em, .side .feature dl dt em{
  color: #fff;
  font: normal normal 100 .9em Verdana, Arial, Helvetica, sans-serif;
  padding-left: 1em;
}  


/*list bullet management*/

.content .news p, .content .disco dd{
  background: transparent url(/assets/images/square_bul.gif) no-repeat 0 .9em;
  text-indent: 1em;
}

.content .disco dd {
  background-position: 0 .7em;
}

/*end list bullet*/


.content .disco dl, .side .feature dl {
  padding-bottom: 15px;
}

.side .feature dl, #contacts #gallery h3 {
  margin-bottom: 5px;
  background: transparent url(/assets/images/border.gif) repeat-x  left bottom;
}
  
/*.side .feature dl dt {
    margin: 5px 0;
}*/

/*---------------------------------------------------------feature NEWS page*/
.side .feature {
}
/*---------------------------------------------------------------CINEMA page*/
.content dl {
  margin-bottom:10px;
}
/*---------------------------------------------------------DISCOGRAPHIE page*/

.side .feature dl { 
  position: relative;
}

#disco .side .feature dl { 
  padding-top: 155px;
}

.side .feature dl .cover{ 
  position: absolute;
  top:  0;
  height: 150px;
  width: 100%;
}

.side .feature dl .cover img{ 
  position: absolute;
  top:  0;
}
.side .feature dl .cover a{ 
/*  margin-left: 10px;
  margin-bottom: 4px;*/
  display:  inline;
  padding: 2px 8px;
  background-color: #CBB313;
  text-decoration: none;
  position: absolute;
  bottom:  0;
  left: 160px;
}

.side .feature dl .cover a:link{ 
  color: #766C0B;
}

.side .feature dl .cover a:hover{ 
  color: #fff;
}
/*.side .feature dl .cd { 
  position: absolute;
  top:  0;
}

.side .feature dl .cd ul li {
  height: 150px;
  float:  left;
  list-style-type: none;
}

.side .feature dl .cd ul .cover {
  height: 150px;
}

.side .feature dl .cd ul .buy {

  margin-left: 10px;

}

.side .feature dl .cd ul .buy a {
  padding: 2px 5px;
  background-color: #CBB313;
  position: absolute;
  bottom: 0;
  text-decoration: none;
  display: block;
}

.side .feature dl .cd ul .buy a:link {
  color: #766C0B;
}

.side .feature dl .cd ul .buy a:hover {
  color: #fff;
}*/
/*--------------------------------------------------------------CONTACT page*/
#contacts .contacts dl dd a {
  display:block;
  margin-top: 1em;
  color: #fff;
  text-decoration: none;
}

#contacts .contacts dl dd a:hover {
  text-decoration: underline;
}

#contacts .main, #contacts .side {
  margin-bottom: 5em;
}

#contacts #gallery h3 {
  color: #333; 
  padding-bottom: 1em;
  width: 350px;
  margin-bottom: 1.3em;
}

/*--------------------------------------------------------------FLASH PLAYER*/
.side .flash {
  height: 100px;
  background: transparent url(/assets/images/flash_player.gif) no-repeat  left top;
  margin-top: 20px;
}

#movie .side .flash {
  height: 336px;
  background: transparent url(/assets/images/movie_player.jpg) no-repeat  left top;
  margin-top: 20px;
}
#disco .feature #track_list {
  padding-top: 0;
}
.side ol {
  list-style-position: inside;
}
.side ol li {
  padding-left:20px;
  background: transparent url(/assets/images/speaker.gif) left center no-repeat;
}
s

/*--------------------------------------------------------------OTHER LINKS */

.side a:link {
  text-decoration: none;
  color:#fff;
}

.side a:visited {
  text-decoration: none;
  color:#ccc;
}

.side a:hover {
  text-decoration: underline;
  color:#fff;
}

.side a:active {

}

/*----------------------------------------------------------------------typo*/
h1 {
  color: #000;
  padding-bottom: 20px ;
  margin-bottom: 8px;
}

h1, h2, h3, h4, h5, h6, dt {
  font-size: 1em;
  font-weight: lighter;
  letter-spacing: .1em;
  margin: 0;
  color: #D6BD14;
}

h3 {
  margin-bottom: 13px;
}

h4 {
  clear: left;
  font-size: 1em;
  margin-top: 13px;
  padding-top: 4px;
  background: transparent url(/assets/images/border.gif) 0 0 repeat-x;
}

.content p {
  margin: 5px 0 30px;
}

.content p strong {
  font: lighter 1.2em Verdana, Arial, Helvetica, sans-serif;

}

.side p {
  margin: 0;
  padding-right: 10px;
  line-height: 1.5;
}

 dd {
  line-height: 1.5;
}

* em {
  font-style: italic;
}

a:link, a:visited
{
  color: #000;
  text-decoration: none;
}

/* @group GALLERY */

#gallery {
  clear: both;
  margin-bottom: 20px;
  background: url(/assets/images/border.gif) top left repeat-x;
  padding-top: 6px;
}

#gallery h3
{
  margin: 0 0 10px 0;
}
#gallery_list {
  float: left;
  clear: both;
  border: 4px solid #D6BD14;
  border-top: 2px solid #D6BD14;
  border-bottom: 2px solid #D6BD14;
  background-color: #D6BD14;
}

#gallery a {
  float: left;
  height: 58px;
  margin: 2px 4px 2px 0;
}

#gallery a img {
  border: 1px solid #333;
}

/* @end */

/* @group HEADER */

#header {
  margin-bottom: 15px;
  border-bottom: 1px solid #333;
  position: relative;
}

#header h1 {
  float:  left;
  padding-top: 20px;
} 

#header h1 a {
  background: transparent url(/assets/images/logo.gif) no-repeat  0 0;
  display: block;
  height: 17px;
  width: 127px;
  text-indent: -5000px;
}

/*#header h1 a:hover{
  background-position:0 -19px;
}*/

#header a.shop {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 60px;
  height: 23px;
  display: block;
  background: url("../images/leshop.png") left top no-repeat;
  text-indent: -5000px;
} 

#header a.lng_select {
  float:  right;
  margin-top: 24px;
  width: 19px;
  height: 14px;
  text-indent: -5000px;
  display: block;
}
#header a#lng-en.lng_select {
  background: url("../images/1.png") left top no-repeat;
}
#header a#lng-fr.lng_select {
  background: url("../images/2.png") left top no-repeat;
}

#header ul {
  border-top: 1px solid #000;
  list-style-type: none;
  margin: 0;
  padding: 5px 0;  
  font-size: .9em;
  letter-spacing: .1em;
  clear: left;
  height: 1.8em;
}

#header ul li {
  text-align: center;
  border-left: 1px solid #000;
  padding: 0;  
  display: inline;
  float: left;
  width: 146px;
}

#header ul .first,
#header ul .first a {
  border: 0;
}

html>body #header ul li {
  height: 1em;
  position: relative;
  top: 20%;
}

html>body #header ul li a, html>body #header ul li em{
  position: relative;
  bottom: 60%;  
}

#header ul li.first  {
  text-align: left;
  width: 83px;
}

#header ul li.last  {
  text-align: right;
  width: 83px;
}
#header ul a {
  text-decoration: none;
  font-style: normal;
}

#header ul a:link {
  color: #000;
}

#header ul a:visited {
  color: #333;
}

#header ul a:hover {
  color: #fff;
}

#header ul a:active {
  color: #000;
}

/* @end */


/* @group PAGINATION */

#pager 
{
  width: 334px;
}
#pager li {
  display: inline;
  border-left: 1px solid #fff;
}

#pager li.first {
  border-left: none;
}

#pager li a {
  color:#fff;
  border:0;
  padding: 0 10px 0 10px;
}

#pager li a:hover,
#pager li a.cur {
  color:#D6BD14;
}

/* @end */

/* @group FOOTER */

#footer {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #333;
  text-align: center;
}
#footer ul {
  list-style-type: none;
  margin: 0;
  padding: 5px 0;  
  font-size: .9em;
  letter-spacing: .1em;
  clear: left;
}

#footer ul li {
  text-align: center;
  border-left: 1px solid #000;
  padding: 0;  
  display: inline;
}

#footer ul .first {
  border: 0;
}

#footer a {
  text-decoration: none;
  font-style: normal;
  color: #000;
  padding: 0 20px;
}
#footer a:hover {
  text-decoration: underline;  
}

/* @end */


/* @group Contact */
h2.contact
{
  color: #000;
  text-indent: -5000px;
  background: url(/assets/images/menu/contacts_title.gif) no-repeat;
}
.contact_group
{
  background: transparent url(/assets/images/border.gif) 0 0 repeat-x;
  width: 334px;
  padding-top: 16px;
  margin-bottom: 40px;
}
.contact_group.tv
{
  float: left;
}
.contact_group.movie
{
  float: right;
}
.contact_group dt
{
  font-weight: bold;
}
.contact_group a:link,
.contact_group visited
{
  float: left;
  margin-top: 10px;
  color: #FFF;
}
.contact_group h2 { font-weight: bold }
/* @end */