@charset "utf-8";

/*
================================================================================

                           Feuille de styles "Bad Reputation"

================================================================================
*/

* {
	padding:0;
	margin:0;
}

body {
	color:#fff;
	background-color:#000;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	padding-bottom:3em;
}


/*
================================================================================
                                                                          Titres
*/
h1, h2, h3, h4, h5, h6 {
	float:none;
	clear:both;
}

h1 {
	font-size:1.8em;
	color:#fff;
	margin-bottom:1em;
}
h1 .highlight {
	color:#ce0000;
	background-color:transparent;
}
h2 {
	color:#fff;
	font-size:1.4em;
	margin-top:2em;
	margin-bottom:1em;
}
h3 {
	color:#ce0000;
	font-size:1.2em;
	margin-top:0em;
	margin-bottom:1em;
}
h4 {
	color:#999;
}


/*
================================================================================
                                                                           Liens
*/
a {
	color:#fff;
}
a:link {
	color: #fff;
}
a:visited {
	color: #aaa;
}
a:focus, a:hover {
	color:#ce0000;
}
a:active {
	color:#fff;
}


/*
================================================================================
                                                                           Liens
*/
#cgv dl dt {
	color:#ce0000;
	font-weight:bold;
	margin-bottom:.4em;
}
#cgv dl dd ul {
	margin:0 0 1em 0;
}
#cgv dl dd li {
	list-style:inside;
	list-style-type:disc;
}


/*
================================================================================
                                                                          Images
*/
img {
	border:none;
}


/*
================================================================================
                                                                               p
*/
p {
	text-align:justify;
	line-height:1.4em;
	margin-bottom:1.4em;
}


/*
================================================================================
                                                                              hr
*/
hr {
	float:none;
	clear:left;
	margin:1em 0;
}


/*
================================================================================
                                                                     formulaires
*/
select {
	background-color:#fff;
}


/*
================================================================================

                                   Structure

================================================================================
*/
#col-1 {
	float:left;
	clear:none;
	width:300px;
	padding:0;
	margin:0 20px 3em 0;
}
#col-1 ul li {
	list-style-type:none;
	font-size:.8em;
	font-weight:bold;
	line-height:1.4em;
}

#col-2 {
	float:left;
	clear:none;
	width:395px;
	padding:0;
	margin:0 0 3em 0;
}
#col-2 p {
	font-size:.8em;
	font-weight:bold;
}


/*
================================================================================
                                                                          header
*/
#header {
	width:730px;
	height:116px;
	float:none;
	clear:both;
	margin:0 0 1.5em 0;
}
#header #logo {
	float:left;
	clear:none;
	margin-right:20px;
}
#header #logo img {
	padding:0;
	margin:0;
}
#header #pub {
	float:left;
	clear:none;
}


/*
================================================================================
                                                                            Menu
*/
#header #menu {
	float:left;
	clear:none;
	margin:0;
}
ul#menu {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:1em;
	line-height:1em;
	margin:0;
}
#menu li, ul#subnav li {
	display:inline;
	float:left;
	list-style:none;
	margin-bottom:0;
}
#menu li a {
	color:#fff;
	text-decoration:none;
}
#menu li a img {
	margin-bottom:0;
}

ul#subnav {
	font-family:Arial, Helvetica, sans-serif;
	width:280px;
	color:#fff;
	float:left;
	/*clear:both;*/
	font-size:1em;
	line-height:1em;
	margin-top:0px;
	margin-bottom:0;
}


form#lang-select {
	float:right;
	clear:none;
	padding:3px 0 0 0;
	margin:0 58px 0 0;
}
form#lang-select p {
	margin:0;
}
form#lang-select input {
	padding:0 3px;
}
form#lang-select select, form#lang-select option {
	background-color:#111;
	border:1px solid #999;
	color:#fff;
}
#lang-display {
	float:right;
	clear:none;
}
p#radio-badreputation {
	float:right;
	clear:none;
}


/*
================================================================================
                                                                         Content
*/
#content {
	float:none;
	clear:both;
	width:715px;
	margin-left:15px;
}
#content-popup {
	float:none;
	clear:both;
	width:535px;
	margin-left:15px;
}


/*
================================================================================
                                                                          footer
*/
#footer {
	font-size:.9em;
	color:#999;
	width:700px;
	float:none;
	clear:both;
	margin:3em 15px .5em 15px;
	text-align:left;
}
#footer a, #footer a:visited {
	color:#999;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}


/*
================================================================================
                                                                        Messages
*/
.message-ok, .message-error, .message-warning {
	padding:1em 1em 1.5em 1em;
	border:2px solid #000;
	background-color:#000;
	margin:1em 0 1.5em 0;
}
.message-ok p.title, .message-error p.title, .message-warning p.title {
	font-size:1.3em;
	margin-bottom:.4em;
}
.message-ok p.message, .message-error p.message, .message-warning p.message {
	margin-bottom:0;
}

.message-ok {
	color:#fff;
	border-color:#006800;
	background-color:#000900;
}
.message-ok p.title {
	color:#00ce00;
}
.message-ok p.message {
	color:#fff;
}

.message-error {
	color:#000;
	border-color:#680000;
	background-color:#090000;
}
.message-error p.title {
	color:#f00;
}
.message-error p.message {
	color:#fff;
}

.message-warning {
	color:#000;
	border-color:#924623;
	background-color:#090603;
}
.message-warning p.title {
	color:#f80;
}
.message-warning p.message {
	color:#fff;
}

.message-ok p.title, .message-error p.title, .message-warning p.title {
	font-weight:bold;
}


/*
================================================================================
                                                                     Form errors
*/
p.field-error-message {
	color:#111;
	font-weight:bold;
	font-size:1.2em;
	background-color:#ce0000;
	padding:0 0 0 .5em;
	margin-top:2em;
	margin-bottom:0em;
}
p.field-error {
	color:#fff;
	background-color:#0d0000;
	padding:.5em 0 1em .5em;
	border:2px dashed #ce0000;
	border-top:0;
	margin-top:0;
	margin-bottom:2em;
}


/*
================================================================================

                                   Pages

================================================================================
*/


/*
================================================================================
                                                                   Page Produits
*/
.liste-albums {
	float:none;
	overflow:auto;
	width:715px;
}
.liste-albums li.album {
	width:705px;
	background-color:#0e0e0e;
	list-style:none;
	display:block;
	overflow:auto;
	float:none;
	clear:both;
	padding:5px;
	margin:0 0 10px 0;
	line-height:1em;
}
.album p.cover {
	width:130px;
	float:left;
	padding:0;
	margin:0;
}
.album p.cover img {
	width:120px;
	display:block;
	background-color:#333;
	padding:4px;
	border:1px solid #000;
}
.album .details {
	width:540px;
	background-color:#333;
	float:left;
	clear:none;
	padding:5px 9px 5px 9px;
	margin:0 0 0 5px;
	border:1px solid #000;
}
.album .details .artiste a {
	font-size:1.2em;
	color:#f00;
	font-weight:bold;
	text-decoration:none;
}
.album .details p.artiste {
	margin-bottom:0;
}
.album .details .artiste a:hover {
	text-decoration:underline;
}
.album .details p.titre {
	margin-bottom:1em;
}
.album .details .titre a {
	font-size:1em;
	color:#b3b3b3;
	font-weight:bold;
	text-decoration:none;
}
.album .details .titre a:hover {
	text-decoration:underline;
}

.album .details p.description {
	font-size:.8em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.album .details p.description a:link, .album .details p.description a:visited {
	color:#ce0000;
}

.album .details p.etat {
	font-size:.8em;
	color:#f00;
	font-weight:bold;
	margin-bottom:.3em;
}
.album div.clr {
	clear:both;
	padding:0;
	border:0;
	margin:0;
}


/*
================================================================================
                                                                   Page Artistes
*/
#artistes h3 {
	margin:.5em 0 .2em 0;
}
#artistes #alpha {
	text-align:center;
	margin-bottom:2em;
}
#artistes #alpha li {
	display:inline;
	list-style:none;
}
#artistes #alpha a {
	color:#ce0000;
	margin-right:.5em;
	font-size:1.2em;
	font-weight:bold;
}
#artistes li {
	/*list-style:none;*/
}
#artistes dl {
	border-bottom:0px solid #222;
}
#artistes dt {
	float:left;
	color:#9e0000;
	height:20px;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	text-align:right;
	width:280px;
	padding:5px 20px 0px 0;
	border-top:1px solid #222;
	margin:20px 0 0 0;
}
#artistes dt.first {
	margin-top:0;
}
#artistes dd {
	font-size:1em;
	height:20px;
	line-height:1.2em;
	padding:0 0 0px 0;
	margin:0 0 0 300px;
}
#artistes dd.first {
	padding-top:5px;
	border-top:1px solid #222;
	margin:20px 0 0 300px;
}


/*
================================================================================
                                                                   Fiche Produit
*/
#fiche-produit p {
	display:block;
	float:none;
	clear:both;
}
#fiche-produit h1, #fiche-artiste h1 {
	padding-top:0;
	padding-bottom:10px;
	background-image:url(../images/layout/slashes.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#fiche-produit h1 a, #fiche-produit h1 a:visited {
	color:#fff;
	text-decoration:none;
}
#fiche-produit h1 a:hover {
	color:#ce0000;
}
#fiche-produit h2, #fiche-artiste h2 {
	font-size:1em;
	font-weight:bold;
	color:#ce0000;
	margin-top:0;
	margin-bottom:.3em;
}
#fiche-produit dl, #fiche-artiste dl {
	display:block;
	float:none;
	clear:both;
}
#fiche-produit dt, #fiche-artiste dt {
	display:inline;
	float:left;
	clear:left;
	color:#999;
	font-size:1em;
	font-weight:bold;
}
#fiche-produit dd, #fiche-artiste dd {
	padding-left:.3em;
	display:inline;
	float:left;
	clear:right;
	color:#fff;
	font-size:1em;
	margin-bottom:.5em;
}
.tracklist {
	width:300px;
	font-weight:bold;
	font-size:.9em;
	list-style:none;
	list-style-position:inside;
	padding:0;
	margin-bottom:1.5em;
}
.tracklist li {
	font-size:.9em;
	padding-left:10px;
	line-height:1.4em;
	text-transform:uppercase;
}
.artistes {
	width:300px;
	list-style:none;
	list-style-position:inside;
	padding:0;
	margin-bottom:1.5em;
}
.artistes li {
	padding-left:10px;
	line-height:1.4em;
}


/*
================================================================================
                                                                   Fiche Artiste
*//* Voir aussi Fiche Produit */
#artiste-albums {
	list-style:none;
}
#artiste-albums li {
	font-size:1em;
}
.photo-artiste {
	float:left;
	clear:none;
	width:300;
	line-height:0;
	padding:0;
	background-color:#000;
	margin:0;
}
p.legende-photo {
	color:#aaa;
	font-size:.8em;
	line-height:1em;
	font-weight:bold;
	margin:.5em 0 .5em 0;
}
p.credit-photo {
	color:#aaa;
	font-size:.8em;
	line-height:1em;
	font-weight:bold;
	margin:0em 0 .5em 0;
}
p.credit-photo .highlight {
	color:#fff;
}
#infos {
	float:none;
	clear:both;
	padding-top:1.5em;
	margin:0;
}

#infos-artiste {
	width:300px;
	float:left;
	clear:none;
}
#infos-albums {
	width:300px;
	float:left;
	clear:none;
	margin:1.5em 0 0 0;
}


/*
================================================================================
                                                                            News
*/
#news h3.date-news {
	color:#ce0000;
	font-size:1.2em;
	font-weight:bold;
	padding:.2em 0 .2em 0;
	margin:1em 0 0 0;
}
#news h4.news-titre {
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	padding:.2em 0;
	margin:0 0 .3em 0;
}
#news div.news {
	color:#fffcda;
	padding:.5em 1em .5em 10px;
	border-right:1px solid #333;
	border-left:1px solid #333;
	border-bottom:0px solid #333;
	margin-left:10px;
}
#news div.news p {
	margin-bottom:.5em;
	line-height:1.2em;
}
#news .news-highlight {
	color:#ce0000;
	font-weight:bold;
}
#news #pub1 {
	float:left;
	clear:left;
}
#news #pub2 {
	float:left;
	clear:right;
	padding-left:15px;
}
#news .pub-album {
	width:160px;
	float:left;
	margin-top:15px;
	margin-bottom:2em;
}
#news .pub-album img {
	padding:0 20px 0 20px;
}
#news .pub-album p {
	font-size:.8em;
	line-height:1.1em;
	text-align:center;
	font-weight:bold;
	margin-bottom:0;
}
#news .pub-album p.artiste a, #news .pub-album p.artiste a:visited {
	text-decoration:none;
	color:#fff;
}
#news .pub-album p.album a, #news .pub-album p.album a:visited {
	text-decoration:none;
	color:#ce0000;
}
#news .pub-album p.sortie {
	color:#999;
}


/*
================================================================================
                                                                        Concerts
*/
#concerts h2.titre-concert {
	text-align:center;
	color:#ce0000;
}
.concerts-dates p {
	color:#ccc;
	text-align:center;
	font-weight:bold;
}
#concerts .concert-highlight {
	color:#ce0000;
}


/*
================================================================================
                                                                         Contact
*/
#contact-info {
	float:left;
	clear:none;
	width:260px;
}
#contact-info dl {
	font-size:1em;
}
#contact-info dt {
	width:90px;
	float:left;
	clear:left;
	margin-right:10px;
	text-align:right;
	color:#999;
	font-weight:bold;
}
#contact-info dd {
	width:160px;
	float:left;
	clear:none;
	color:#fff;
	margin-bottom:1em;
}
#contact-form {
	float:left;
	clear:none;
	width:455px;
}
#contact-form label {
	color:#999;
	font-weight:bold;
}
#contact-form input.texte, #contact-form textarea {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#111;
	color:#fff;
	width:430px;
	padding:2px 3px;
	border:1px solid #999;
}


/*
================================================================================
                                                                           Liens
*/
#liens h2, #concerts h2, #newsletter h2, #cgv h2, #confirmation h2 {
	font-size:1.2em;
	color:#ce0000;
	background-color:#333;
	padding:1px 0 1px .3em;
	margin-top:2em;
	margin-bottom:1em;
}
#liens li {
	list-style:none;
	line-height:1.4em;
}
#liens li .nom, #liens li .nom a {
	color:#ce0000;
	font-weight:bold;
}


/*
================================================================================
                                                                      Newsletter
*/
#newsletter .texte {
	width:300px;
}

.texte {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#111;
	color:#fff;
	padding:2px 3px;
	border:1px solid #999;
}


/*
================================================================================
                                                                          Panier
*/
#mini-panier {
	float:right;
	clear:both;
	background-color:#000;
	font-size:.8em;
	padding:.5em;
	margin:1.5em 0 0 0;
}
#mini-panier p {
	margin-bottom:0;
	text-align:right;
}

table#tableau-panier-complet, #mini-panier table {
	color:inherit;
	background-color:#000;
	border:1px solid #666;
	border-collapse:collapse;
	margin-bottom:1.5em;
}
#mini-panier table {
	margin-bottom:.5em;
	width:300px;
}
#tableau-panier-complet caption, #mini-panier caption {
	text-align:center;
	color:#ddd;
	padding:.3em 0 .5em 0;
	font-weight:bold;
}
#tableau-panier-complet th, #mini-panier th {
	text-align:center;
	font-weight:bold;
	color:#ce0000;
	background-color:#000;
	padding:.3em .3em;
	border:1px solid #666;
}
#tableau-panier-complet tr, #mini-panier tr {
	border-collapse:separate;
	border:1px solid #aaa;
}
#tableau-panier-complet tr.light-bg, #mini-panier tr.light-bg {
	background-color:#111;
}
#tableau-panier-complet tr.dark-bg, #mini-panier tr.dark-bg {
	background-color:#050505;
}
#tableau-panier-complet td, #mini-panier td {
	text-align:left;
	padding:.4em .6em;
	border:1px solid #666;
	border-collapse:collapse;
	text-align:right;
}
#tableau-panier-complet td.intitule-article, #mini-panier td.intitule-article {
	font-weight:bold;
	text-align:left;
}
#tableau-panier-complet td a:visited, #mini-panier td a:visited {
	color:#fff;
}
#tableau-panier-complet td .highlight, #mini-panier td .highlight {
	color:#ce0000;
	font-weight:bold;
}
table#tableau-panier-complet .total {
	font-size:1.2em;
	font-weight:bold;
}
#panier-image {

}
#panier-article {
	width:300px;
}
#panier-prix {
	width:60px;
}
#panier-qte {
	width:60px;
}
#panier-total {
	width:60px;
}
#panier-action {
	width:70px;
}
a.ajouter-panier, a.ajouter-panier:visited  {
	color:#ce0000;
	font-weight:bold;
}
a.ajouter-panier:hover  {
	color:#f00;
}
ul#progression-achat {
	text-align:center;
}
ul#progression-achat li {
	background-color:#111;
	color:#fff;
	list-style:none;
	display:inline;
	width:100px;
	height:16px;
	padding:4px 6px;
	border:1px solid #999;
	margin:0;
}
ul#progression-achat li#etape-achat {
	background-color:#000;
	color:#ce0000;
	font-weight:bold;
}
#panier input.nb-articles {
	background-color:#fff;
	text-align:right;
	border:1px solid #999;
}


#panier #moyens-de-paiement * {
	border:0px solid #f80;
}
#panier #moyens-de-paiement li {
	list-style:none;
	float:left;
}
#panier li.retour-fr {
	background-image:url(../images/layout/poursuivre-achats-fr.png);
	background-repeat:no-repeat;
	width:208px;
	height:52px;
}
#panier li.retour-en {
	background-image:url(../images/layout/poursuivre-achats-en.png);
	background-repeat:no-repeat;
	width:208px;
	height:52px;
}
#panier li.retour-fr a, #panier li.retour-en a {
	display:block;
  width:100%;
  height:100%;
	text-indent:-1000em;	
}

#panier li.payer-paypal input {
	width:507px;
	height:52px;
}

#panier li.payer-cheque-fr {
	background-image:url(../images/layout/payer-par-cheque-fr.png);
	background-repeat:no-repeat;
	background-position:208px;
	width:507px;
	height:52px;
	padding-left:208px;
}
#panier li.payer-cheque-en {
	background-image:url(../images/layout/payer-par-cheque-en.png);
	background-repeat:no-repeat;
	background-position:208px;
	width:507px;
	height:52px;
	padding-left:208px;
}
#panier li.payer-cheque-fr a, #panier li.payer-cheque-en a {
	display:block;
  width:100%;
  height:100%;
	text-indent:-1000em;	
}

#panier-imprimer #content {
	width:100%;
}
#panier-imprimer p input {
	color:#ce0000;
	font-size:1.2em;
	font-weight:bold;
	padding:2px 5px;
}
.imprimer {
	background-image:url(../images/ui/imprimer.png);
	background-repeat:no-repeat;
	padding-top:4px;
	padding-bottom:5px;
	padding-left:30px;
}

/*
================================================================================
                                                                         Classes
*/
.rouge {
	color:#f00;
}
.highlight {
	color:#ce0000;
}
.light-bg {
	background-color:#0a0a0a;
}
.dark-bg {
	/*background-color:#0a0a0a;*/
}
.libelle {
	color:#999;
	font-size:1em;
	font-weight:bold;
}
.slashes {
	height:10px;
	font-size:1px; /* bug IE Win semble ajouter un élément textuel dans une DIV vide*/
	line-height:1px; /* bug IE Win semble ajouter un élément textuel dans une DIV vide*/
	background-image:url(../images/layout/slashes.png);
	background-repeat:no-repeat;
}
.fond-slashes {
	background-image:url(../images/layout/slashes.png);
	background-repeat:no-repeat;
}
p.indisponible {
	color:#ce0000;
	font-weight:bold;
	font-style:italic;
}


/*
================================================================================
                                                        tableau-tarifs-livraison
*/
table#tableau-tarifs-livraison {
	color:inherit;
	background-color:#000;
	border:1px solid #666;
	border-collapse:collapse;
	margin-bottom:1.5em;
}
#tableau-tarifs-livraison caption {
	text-align:center;
	color:#ddd;
	padding:.3em 0 .5em 0;
	font-weight:bold;
}
#tableau-tarifs-livraison th {
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#111;
	padding:.3em .3em;
	border:1px solid #666;
}
#tableau-tarifs-livraison tr {
	border-collapse:separate;
	border:1px solid #aaa;
}
#tableau-tarifs-livraison td {
	text-align:left;
	padding:.4em 1em;
	border:1px solid #666;
	border-collapse:collapse;
	text-align:right;
}


/*
================================================================================
                                                                         Classes
*/
#commande form label {
	display:block;
	float:left;
	width:120px;
	text-align:right;
	padding-right:10px;
}
#commande form label.label_checkbox {
	width:400px;
	text-align:left;
}
#commande form h3 {
	margin-top:1.5em;
}
#commande form p {
	overflow:auto;
	/*margin-bottom:.5em;*/
	float:none;
	clear:both;
}
#commande form #infos_paiement_identiques {
	float:left;
	width:30px;
}
#commande input.texte {
	width:380px;
	float:left;
	padding:2px 3px;
}

#commande input.desactive {
	background-color:#ccc;
	color:#666;
}
#commande .highlight {
	color:#ce0000;
	font-weight:bold;
}