/* Import Selecteurs */

@import url("selecteurs.css");

/* Styles */

/* General */

.clear {
	clear: both;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background: #171817 url(../img/common/bg_main.gif) repeat-x top left;
}

a{
	font-weight: bold;
	color: #CC5035;
	text-decoration: none; 
}

a:hover{
	text-decoration: underline;
	color: #821800;
}

a.alt{
	color: #821800;
}

a.alt:hover{
	color: #000;
}


#mainContainer{
	text-align: left;
	width: 770px;
	position: absolute;
	left: 50%;
	margin-left: -385px;
}

#header {
	width: 770px;
	height: 81px;
}

/* Menu */

#mainMenu{
	width: 770px;
	height: 20px;
	margin: 1px 0 0 0;
	background: url(../img/common/bg_menu.gif) no-repeat top left;
	text-align: center;
	padding-left: 130px;
	voice-family: "\"}\""; /*hack IE 5.x*/
	voice-family:inherit; /*hack IE 5.x*/
	width: 640px; /*IE 5.x capte pas cette ligne*/
}

html>body #mainMenu{ /*Pour Renard en Feu*/
	width: 640px;
}

#mainMenu li{
	display: inline;
}

#mainMenu li a, #mainMenu li.selected{
	float: left;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	border-left: solid 1px #171817;
	color: #CED6DE;
	text-decoration: none;
}

#mainMenu li.last a{
	border-right: solid 1px #171817;
}

#mainMenu li.lastselected{ 
     border-right: solid 1px #171817; 
     border-left: solid 1px #171817; 
     float: left; 
     height: 20px; 
     line-height: 20px; 
     padding: 0 10px; 
     color: #FFF; 
     background: #33373D; 
     text-decoration: none;
     font-weight: normal;
}

#mainMenu li a:hover, #mainMenu li.selected{
	color: #FFF;
	background: #33373D;
}

/* Structure generale */

#mainContent{
	width:770px;
	margin-top: 3px;
	background: url(../img/common/bg_main2.gif) repeat-y top left;
	/*background-color: #989FA9;*/
}

#mainContent h2{
	color: white;
	height: 38px;
	padding: 10px 0 0 186px;
	background: transparent url(../img/common/h2_background.gif) no-repeat;
	voice-family: "\"}\""; /*hack IE 5.x*/
	voice-family:inherit; /*hack IE 5.x*/
	height: 28px;
}

html>body #mainContent h2{
	height: 28px;
}

#mainContent h2 span, #mainContent h3 span{
	padding-left: 18px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	height: 28px;
}

#mainContent h2 span.releases{
	background: transparent url(../img/common/picto_releases.gif) no-repeat 0 4px;
}

#mainContent h3{
	color: white;
	height: 39px;
	padding: 10px 0 0 186px;
	background: transparent url(../img/common/h3_background.gif) no-repeat;
	voice-family: "\"}\""; /*hack IE 5.x*/
	voice-family:inherit; /*hack IE 5.x*/
	height: 29px;
}

html>body #mainContent h3{
	height: 29px;	
}

#mainContent h3 span.annee{
	background: url(../img/common/picto_annee.gif) no-repeat 0 6px;
}

#mainContent h3 span.reviews{
	background: url(../img/common/picto_reports.gif) no-repeat 0 4px;
}

#mainContent h3 span.disco{
	background: url(../img/common/picto_disco.gif) no-repeat 0 4px;
}

.chapo{
	width: 770px;
	padding: 20px 0 20px 0;
}

.chapo p{
	padding: 0 50px 0 185px;
}

.releases{
	background: #94A4B4 url(../img/common/bg_releases.jpg) no-repeat top left;	
}

.distrib{
	background: #94A4B4 url(../img/common/bg_distrib.jpg) no-repeat top left;	
}

.about{
	background: #94A4B4 url(../img/common/bg_about.jpg) no-repeat top left;	
}

.contact{
	background: #94A4B4 url(../img/common/bg_stelladrine.jpg) no-repeat top left;	
}

.releaseContainer{
	width: 770px;
	border-top: solid 1px #181818;
}

.avecFondAbout{
	background: transparent url(../img/common/bg_about.jpg) no-repeat top left;
	height: 370px;
}

.avecFondPhotos{
	background: transparent url(../img/common/bg_photos.jpg) no-repeat top left;
	height: 370px;
}

.avecFondDistrib{
	background: transparent url(../img/common/bg_distrib.jpg) no-repeat top left;
	height: 230px;
}

.avecFondNews{
	background: transparent url(../img/common/bg_news.jpg) no-repeat left top;
	height: 370px;
}

.avecFondContact{
	background: transparent url(../img/common/bg_contact.jpg) no-repeat left top;
	height: 350px;
}

.avecFondDistributors{
	background: transparent url(../img/common/bg_distributors.jpg) no-repeat left top;
	height: 350px;
}

.avecFondMedia{
	background: transparent url(../img/common/bg_media.jpg) no-repeat left top;
	height: 350px;
}

.avecFondLinks{
	background: transparent url(../img/common/bg_links.jpg) no-repeat left top;
	height: 350px;
}

.releaseCover{
	float: left;
	width: 163px;
	padding: 25px 0 25px 0;
	text-align: center;
	background-color: #989FA9;
}

.releaseCover.avecFondDistrib {
	padding-bottom: 40px;
}

.releaseTxt{
	float: left;
	width: 600px;
	padding: 25px 0 25px 0;
	background-color: #CBD1D9;
	border-left: 3px #1E1E1E solid;
}

.releaseTxt h1,
.releaseTxt h4 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 50px 0 25px;
	margin-bottom: 5px;
}

.releaseTxtSeparateur{
	width: 245px;
	height: 1px;
	line-height: 1px;
	margin: 0 0 5px 25px;
	padding: 0;
	border-bottom: solid 1px #4D5660;
}

.releaseTxtSeparateurLarge{
	width: 525px;
	height: 1px;
	line-height: 1px;
	margin: 0 0 5px 25px;
	padding: 0;
	border-bottom: solid 1px #4D5660;
}

.releaseTxt h1 span,
.releaseTxt h4 span {
	color: #4D5660;
}

.releaseTxt p{
	padding-left: 25px;
	padding-right: 50px;
}

ol.tracklist{
	list-style: decimal;
}

* html ol.tracklist{
	margin-left: 55px;
}

/* Structure Home */

#homeMainContent{
	width:770px;
	margin-top: 3px;
	padding-bottom: 20px;
	background: url(../img/common/bg_container_home.gif) repeat-y top left;
}

#homeColGauche, #homeColDroite{
	float: left;
	width: 163px;
}

#homeColGauche{
	text-align: center;
}

#homeColGauche p, #homeColDroite p{
	padding-left: 5px;
	padding-right:5px;
}

#homeColGauche h2, #homeColCentre h2, #homeColDroite h2{
	color: white;
	height: 28px;
	padding-top: 10px;
}

#homeColGauche h2{
	background: url(../img/common/home_h2_gauche.gif) no-repeat;
	padding-left: 5px;
}

#homeColCentre h2{
	background: url(../img/common/home_h2_centre.gif) no-repeat center left;
	padding-left: 20px;
}

html:first-child #homeColCentre h2{
	margin-bottom: 15px;	
}

#homeColDroite h2{
	background: url(../img/common/home_h2_droite.gif) no-repeat center left;
	padding-left: 45px;
}

#homeColGauche h2 span, #homeColCentre h2 span, #homeColDroite h2 span{
	padding-left: 18px;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	height: 28px;
}

#homeColCentre h2 span{
	background: url(../img/common/picto_releases.gif) no-repeat 0 4px;
}

#homeColGauche h2 span{
	background: url(../img/common/picto_additions.gif) no-repeat 0 4px;
}

#homeColDroite h2 span{
	background: url(../img/common/picto_reports.gif) no-repeat 0 4px;
}

#homeColGauche h3, #homeColDroite h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #2F353B;
}

#homeColCentre{
	float: left;
	width: 438px;
	margin: 0 3px 0 3px;
}

.homeColCentreRelease{
	width: 401px;
	margin: 15px 0 0 18px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #CAD2DA;
	border: solid 1px #4A525A;
}

.homeReleaseTxt{
	display: inline;
	float: right;
	width: 245px;
	margin-right: 20px;
}

.homeReleaseTxt h3{
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: solid 1px #4D5660;
}

.homeReleaseTxt h3 span{
	color: #4D5660;
}

.gris{
	color: #4D5660;
}

.blanc{
	color: white;
}

.homeColCentreReleaseFooter{
	width: 403px;
	height: 19px;
	margin: 0 0 0 18px;
	text-align: center;
	padding-top: 2px;
	color: #FFF;
	background: url(../img/common/bg_home_rel_footer.gif) no-repeat top left;
}

html:first-child .homeColCentreReleaseFooter{
	margin-bottom: 15px;
}

.homeNews {
	font-size: 10px;
	margin: 15px 0 0 4px;
	background: url(../img/common/bg_news.gif) no-repeat 0 5px;
}

#homeColDroite .homeNews h3{
	font-size: 10px;
	color: #000;
	font-weight: normal;
	padding-left: 20px;
	padding-bottom: 5px;
}

#homeColDroite .homeNews p{
	color: #FFF;
	padding-left: 20px;
	padding-right: 10px;
}

#homeColDroite .homeNews a{
	/*color:#CC5035;*/
	color: #EF8E79;
}

#homeColDroite .homeNews a:hover{
	color:#821800;
	text-decoration:underline;
}

/* Footer */

#footer{
	width: 770px;
	height: 20px;
	margin-top: 2px;
	padding-top: 2px;
	background: url(../img/common/bg_footer.gif) no-repeat top left;
}
#footer ul {
  margin-left: auto;
  margin-right: auto;
  width: 250px;
  text-align: center;
  list-style-type:none;
  padding-right: 0;
}

#footer ul li {
  float: left;
  font-size: 10px;
	color: #FFF;
}
#footer ul li div {
  margin-top: 1px;
}
#footer ul li img {
  margin-right: 5px;
  margin-top: 0px;
}

/* Images */

img.cadre{
	border: solid 1px black;
}

img.buyNow {
	vertical-align: -1px;
}

/* Formulaire mailorder */

#distribForm{
	margin-left: 25px;
	margin-bottom: 25px;
}

#distribForm fieldset{
	border: solid 1px #171817;
	color: #FFF;
	background: #4d5660;
	padding: 10px;
	width: 555px;
	voice-family: "\"}\""; /*hack IE 5.x*/
	voice-family:inherit; /*hack IE 5.x*/
	width: 535px; /*IE 5.x capte pas cette ligne*/
	voice-family: "\"}\""; /*hack IE 5.x*/
}

#distribForm label{
	float: left;
	width: 50px;
	padding-top: 2px;
}

#distribForm select{
	border: solid 1px black;
	margin-bottom: 5px;
	font-size: 11px;
}


.homeColCentreReleaseFooter form {
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 30px !important;
	margin-left: 20px;
	font-size: 1em;
}
.homeColCentreReleaseFooter input {
	margin: 0;
	padding: 0;
}

.homeColCentreReleaseFooter span {
	font-size: 1em;
	float: left;
}

.releaseBuyNow {
	text-align: center;
}

#recaptcha_widget_div {
  padding-top: 10px;
  padding-left: 25px;
}

.out-stock  {
	color: #821800;
	font-weight: bold;
}