* {
  font-family: arial,helvetica,sans-serif;
  padding: 0px;
  margin: 0px;
}

html {
  overflow-y: scroll;
}

body {
  background-color: #000000;
  text-align: center;
}


#container001{
background: url(/images/bg01.jpg);

} 

#container002{
background: url(/images/bg02.jpg);

}  

#container003{
background: url(/images/bg03.jpg);

}  

#container004{
background: url(/images/bg04.jpg);

}  

#container001,#container002,#container003,#container004 {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: #b90000;
  position: relative;
  width: 712px;
  margin: 0px auto 0px auto;
  text-align: left;
}

 

/* ---------- Bandeau ---------- */

#header {
  height: 145px;
  margin: 0px 0px 0px 0px;
  position: relative;
}


/* ---------- Logo ---------- */

#logo {
  position: absolute;
  left: 23px;
  top: 24px;
  z-index: 10;
}

#logo img {
  border: none;
  float: left;
}

#header a {
  color: #fff;
  text-decoration: none;
}

#header h1 {
	float: left;
	padding: 4px 0 0 20px;
	font-size: 38px;
}

#header h2 {
	float: left;
	padding: 0px 0 0 20px;
	font-size: 18px;
}

#header .rubriques {
	float: left;
	padding: 0px 0 0 20px;
	font-size: 14px;
}

/* ---------- Navigation ---------- */

#menu {
  float: left;
  width: 110px;
  margin: 10px 0px 0px 30px;
}

#menu a {
  color: #ff9257;
  text-decoration: none;
  font-size: 10px;
  
}


a.fleche {
  background-image: url(/images/fleche_lien.gif);
  background-position: 0px 1px;
  background-repeat: no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 14px;
}

#menu ul {
  margin: 10px 0px 10px 0px;
}

#menu ul.artistes {
  border-top: 1px solid #710503;
  border-bottom: 1px solid #710503;
  margin: 10px 0px 10px 0px;
}

#menu li {
  color: #ffffff;
  font-size: 12px;
  list-style-type: none;
  list-style-position: inside;
  margin: 15px 0px 15px 0px;
}

#menu li a {
font-size: 12px;
  background-image: url(/images/fleche_menu_off.gif);
  background-position: 0px center;
  background-repeat: no-repeat;
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 0px 0px 14px;
}

#menu li a:hover {
  background-image: url(/images/fleche_menu_on.gif);
  color: #000000;
}

#menu li a.here {
  background-image: url(/images/fleche_menu_on.gif);
  color: #000000;
}

#menu hr {
color: #000000;
background-color: #000000;
height: 1px;
border: 0;
}


/* ---------- Corps ---------- */

#corps {
	float: left;
	margin: 40px 0px 0px 25px;
	min-height: 420px;
	_height: 420px;
	text-align: left;
	width: 515px;
	font-size: 12px;
}

#corps h1 {
  margin: 5px 0px 5px 0px;
  font-size: 30px;
  font-weight: normal;
  color: #ffffff;
}

#corps h2 {
  color: #ffffff;
  font-size: 24px;
  font-weight: normal;
  margin: 5px 0px 5px 0px;
}

#corps h3 {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin: 5px 0px 0px 0px;
}

#corps p {
  color: #ffffff;
  margin: 5px 0px 5px 0px;
  line-height: 1.4em;
}

#corps a {
  color: #ff9257;
  text-decoration: none;
}

#corps a:hover {
  text-decoration: underline;
}

#corps hr {
color: #000000;
background-color: #000000;
height: 1px;
border: 0;
}


#corps li {
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  }
  
  #corps ul {
  color: #ffffff;
  margin: 0px 0px 0px 12px;
  }



/* ---------- style ---------- */


.melon{
  color: #ff9257;
}

.blanc{
  color: #ffffff;
}
.sz30 {
  font-size: 30px;
}
.sz18 {
  font-size: 18px;
}
.sz14 {
  font-size: 14px;
}

.sz12{
  font-size: 12px;
}

.sz11{
  font-size: 10px;
}


.sz10{
  font-size: 10px;
}


/* ---------- Div + Bordure ---------- */
#bordure div {
  border-top: 1px solid #710503;
  clear: both;
  margin: 20px 0px 0px 0px;
}

/* ---------- Liste home---------- */

#liste-home div.barre {
  border-top: 1px solid #710503;
  clear: both;
  margin: 20px 0px 0px 0px;
}



#liste-home div img {
border: none;
  float: left;
  margin: 3px 20px 20px 0px;
}

#liste-home h2 {
font-weight: normal;
  font-size: 24px;
  margin:  0px;
  
}
#liste-home h1{
  margin:  0px;
  font-size: 30px;
  font-weight: normal;
  color: #ff9257;
}

#liste-home div.avec h2,
#liste-home div.avec p {
  margin-left: 140px;
}

#liste-home div a {
  background-image: url(/images/fleche_lien.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 14px;
}

.petite-fleche{
  background-image: url(/images/petite_fleche.gif);
  background-position: 0px 5px;
  background-repeat: no-repeat;
  text-decoration: none; 
  padding: 0px 0px 0px 10px;
}

#liste-home div a.none {
  background-image: none;
  padding: 0px 0px 0px 0px;
}

/* ---------- Liste artistes ---------- */

#liste-artistes div {
  border-top: 1px solid #710503;
  clear: both;
  margin: 20px 0px 0px 0px;
}

#liste-artistes div img {
border: none;
  float: left;
  margin: 15px 20px 20px 0px;
}

#liste-artistes h2.mtp {
margin-top: 12px;
}

#liste-artistes h2 {
font-weight: normal;
  font-size: 24px;
}

#liste-artistes div.avec h2,
#liste-artistes div.avec p {
  margin-left: 140px;
}

#liste-artistes div a {
  background-image: url(/images/fleche_lien.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 14px;
}

.petite-fleche{
  background-image: url(/images/petite_fleche.gif);
  background-position: 0px 5px;
  background-repeat: no-repeat;
  text-decoration: none;
  padding: 0px 0px 0px 10px;
}

#liste-artistes div a.none {
  background-image: none;
  padding: 0px 0px 0px 0px;
}

/* ------ Contact ----- */
#contact-form p div{
  border:none;
}

/* ---------- Albums ---------- */

#album {

}

#album h2 {
  font-size: 18px;
}

#album h1.mel {
  color: #ff9257;
}



#album #gauche {
  float: left;
  max-width: 180px;
  margin: 0px 0px 0px 0px;
}

#album #gauche img{
  border: none;
  padding: 5px 0px 10px 0px;
  
}

#album #gauche div {
  background-color: #950101;
  margin: 0px 0px 0px 0px;
  padding: 1px 0px 1px 0px;
  width: 174px;
}

#album #gauche div p {

  margin: 10px 10px 10px 10px;
}


#album #droite {
  margin: 0px 20px 10px 195px;
}

#album #droite div {
  border-top: 1px solid #710503;
}

#album #droitesans {
  margin: 0px 20px 10px 0px;
}

#album #droitesans div {
  border-top: 1px solid #710503;
}



/* ---------- Footer ---------- */

#footer {
  border-top: 1px solid #c01a1a;
  clear: both;
  position: relative;
  width: 712px;
  height:98px;
}

#footer p.left {
  color: #ffffff;
  float: left;
  margin: 20px 25px 10px 25px;
  text-align: left;
  font-size: 12px;
}

#footer p.right {
  color: #ffffff;
  float: right;
  margin: 20px 25px 10px 25px;
  text-align: right;
  font-size: 10px;
}


#footer a {
  color: #000000;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}