/*=========[ Général ]========================================================================================= */
* {margin:0px; padding:0px}

html {
  background-image: url(../img/interface/fond_html.jpg);
  font:12px Arial, Helvetica, Verdana;
  width:100%;
  color:#fff;
  padding-bottom:40px;
  line-height:18px
}

#conteneur {
  width:972px;
  margin:0px auto;
  background-color:#000
}

.left {float:left}
.right {float:right}
.clear {clear:both}

.none {display:none !important}

.blanc {color:#fff !important}
.noir {color:#000 !important}
.jaune {color:#d0b031 !important}
.gris {color:#888}

.left10 {margin-left:10px}
.left5 {margin-left:5px}

.legende {font-size:11px!important}

a{text-decoration:none}
img {border:none}

p {text-align:justify}

h1,h2 {
  font-size:20px; 
  background-image: url(../img/interface/caniche_titre1.gif); 
  background-repeat:no-repeat; 
  background-position:0px 0px; 
  padding-left:30px;
  margin-bottom:10px
}
h2 {font-size:20px}
h2.nocaniche {background-image:none; padding-left:0px}
h3 {font-size:13px}


/*=========[ Structure generale ]========================================================================================= */
/* menu */
#menu li {display:inline; margin:0px !important; padding:0px !important;}
#menu ul {display:inline; margin:0px !important; padding:0px !important;}
#menu a {display:inline; margin:0px !important; padding:0px !important}
#menu img {display:inline; margin:0px !important; padding:0px !important;}

#contenu {padding:10px 20px 10px 20px}

#pied {width:930px; text-align:center; margin-top:40px}
#pied a {color:#4f4f4f; margin:0px 5px}
#pied a:hover {color:#f0f0f0}
#pied h3 {font-size:11px; display:inline; font-weight:normal; color:#534D50}

.fond1 {
  background-image: url(../img/interface/contenu_fond1_milieu.gif);
  background-repeat:repeat-y;
  width:892px;
  padding:10px 20px
}

.fond2 {
  background-image: url(../img/interface/contenu_fond2_milieu.gif);
  background-repeat:repeat-y;
  width:892px;
  padding:10px 20px
}

.fond1-bas {margin-bottom:20px}
.fond2-bas {margin-bottom:10px}

.cadran1 {background-color:#161515; border:1px #363234 solid; padding:10px; margin-bottom:10px}
.cadran1 h3 {color:#d0b031; margin-bottom:5px}
.cadran1 a {color:#fff; text-decoration:underline}
.cadran1 a:hover {color:#d0b031}

.titre {margin-bottom:10px}
.lire-suite {margin-top:10px}
.savoir-plus {margin-top:10px}

/*=========[ Accueil ]========================================================================================= */
.cadran-accueil {width:400px}
.cadran-accueil em {font-size:10px; color:#777}

.accueil-biographie {width:420px; text-align:center}

#accueil-droite {margin-left:20px; width:450px}
#accueil-droite p {margin-top:10px; text-align:center; width:450px; color:#d0b031}


/*=========[ Concerts ]========================================================================================= */
table#concerts td {padding:4px 5px}
.concerts1 {background-color:#1e1e1e}
.concerts2 {background-color:#d0b031}


/*=========[ Discographie ]========================================================================================= */
#discographie-titres {margin:10px 0px 10px 20px; width:620px}
#discographie-titres ul {margin-left:5px}
#discographie-titres li {list-style:none; margin-bottom:6px}

#disco-cd {margin-top:5px}
#disco-cd p {text-align:center; margin-top:2px}
.discographie-commander {margin:5px 20px 0px 0px}

#commander-p {display:block; margin:10px 0px; text-align:center}
#commander-p b {margin-bottom:5px}

/*=========[ Biographie ]========================================================================================= */
#biographie {width:592px; margin-right:20px; line-height:23px}
#biographie b {color:#d0b031}

.biographie-musiciens {margin-right:10px}
.biographie-musiciens p {text-align:center}


/*=========[ Videos ]========================================================================================= */
#videos img {margin:0px 9px 2px 9px}
#videos p {text-align:center}

.video1 {margin:0px 10px 0px 0px}
.video {margin:0px 10px 10px 0px}


/*=========[ Photos ]========================================================================================= */
#galerie-photos {
  margin:20px auto 0px auto; 
  border:1px #454143 solid;
  width:750px;
  height:450px; 
}


/*=========[ News ]========================================================================================= */
.news {margin-bottom:20px}
.news p {width:640px;}
.news img {margin:0px 5px 5px 0px}
.news h3 {margin-bottom:15px; width:620px}
p.news-date {display:block; width:150px; margin-right:9px; font-size:11px; color:#9f9f9f; text-align:right}
div > p.news-date {margin-right:8px}

a.news-savoir {display:block; width:100px; margin-top:15px}
#pagination a{color:#d0b031;}
#pagination a:hover{color:#d0b031; text-decoration:underline}

/*=========[ Pro ]========================================================================================= */
#pro {width:470px; background-color:#101010; padding:5px}

#technique,#partenaires {width:360px; margin-left:20px; background-color:#101010}
.partenaire-logo {margin:10px 10px 0px 0px}

#pro b,#technique b,#liens b,#liens2 b {display:block; margin:5px 0px 10px 5px}
#pro p,#technique p {margin:0px 0px 22px 5px}


#pro a,#liens a,#liens2 a {
  display:block;
  background-image: url(../img/interface/puce1.gif); 
  background-repeat:no-repeat;
  background-position:4px 7px;
  color:#d0b031;
  width:250px;
  margin-bottom:7px;
  list-style:none;
  padding:1px 0px 1px 17px;
  text-decoration:none;
}
#pro a:hover,#liens a:hover,#liens2 a:hover {background-color:#0a0a0a; color:#fff}

#photo-presse2 {margin-left:10px}

#presse-dl1 {margin-left:5px}
#presse-dl2 {margin-left:17px}
#presse-dl3 {margin-left:2px}

/*=========[ Liens ]========================================================================================= */
#liens {width:450px; background-color:#101010}
#liens a {width:430px}

#liens2 {width:380px; background-color:#101010; margin-left:10px}
#liens2 a {width:360px;}

#liens p,#liens2 p {margin:0px 0px 10px 5px}

#lien_annee a{background-image: url(../img/interface/lire_annee.gif); margin:3px 3px 3px 3px; padding:0px 3px 0px 3px;}

/*=========[ Contact ]========================================================================================= */
.contacts {width:420px}
.contacts a {color:#fff !important}
.contact-carte {margin:0px 0px 0px 60px}

label {width:120px; display:block; float:left; margin:5px 10px 20px 0px; text-align:right; font-weight:bold; color:#d0b031}
input {width:250px; background-color:#0a0a0a; border:1px #232323 solid; padding:4px 5px; color:#d9d9d9}
textarea {width:705px; background-color:#0a0a0a; border:1px #232323 solid; padding:10px; color:#d9d9d9; height:120px; overflow:auto}
fieldset {border:none}

#newsletter .puce {width:30px; margin-top:15px}
.newsletter-btn {width:273px !important; height:19px !important; padding-top:0px !important; margin:20px 0px 0px 80px; background-color:transparent !important; border:none !important}


#envoyer {width:145px; height:17px; padding:0px; border:none; margin:0px 15px 20px 0px}

.ok {display:block; width:250px; color:#17d320; border:1px #17d320 solid; padding:2px 5px; text-align:center; margin:5px 0px}
.error {display:block; width:230px; color:#ff0000; border:1px #ff0000 solid; padding:2px 0px; text-align:center; margin:5px 0px}

h3 {color:#d0b031}


/*=========[ jazz manouche ]========================================================================================= */
#manouche-liste {padding-left:20px}
#manouche-liste li{margin-bottom:10px}
a.manouche-lien {color:#d0b031}
a:hover.manouche-lien {text-decoration:underline}

/*=========[ Commander un CD ]========================================================================================= */
.commander-adresse {width:310px !important}