* {	margin: 0; padding: 0;  }

html { height: 100%; }

body { 
height:auto; 
margin: 0px 0; 
padding: 0; 
font-size: 11px; 
font-family: Arial, Helvetica, sans-serif; 
background-image: url(images/fond.jpg);
text-align:justify; }


/* @group Conteneurs */

#conteneur {	
margin-top:20px;
width: 800px; 
height:100%; 
padding-left:20px; 
padding-right: 20px; 
margin: 0 auto;	
background: #000000; 
overflow: hidden; 
}

#conteneurGauche { 
width: 500px; 
height: 100%; 
display: block; 
float: left; 
border-right:0px solid #C0C4D0; 
padding-right:10px; 
color:#ffffff;
}

#conteneurGauche h1 {
color: #F7931E; 
font-size: 2em; 
font-weight: bold; 
margin-bottom:10px; 
padding-bottom:10px; 
text-align:left;
border-bottom: solid 1px #ccc;
}


#conteneurDroite { 
width: 275px; 
height: 100%; 
display: block; 
float: left; 
margin-left:10px;  
}

#conteneurDroite h1 {
color: #C1B534; 
font-size: 1.8em; 
font-weight: bold; 
margin-bottom:10px; 
text-align:left;
border-bottom: solid 1px #999;
padding-bottom:10px;
}

#conteneurDroite dl {
color:#ffffff;
margin-bottom:10px;
text-align:left;
}

#conteneurDroite dt {
font-size:1.2em;
font-weight:bold;
}

#conteneurDroite dd {
color:#ffffff;
}

/* @group FOCUS */

#focus { 
margin-bottom:40px;
}


#focus h1 {
color: #F7931E; 
font-size: 2em; 
font-weight: bold; 
margin-bottom:5px; 
text-align:left;
}

#focus h2 {
color: #FFFFFF; 
font-size: 1.2em; 
font-weight: bold; 
margin-bottom:5px; 
text-align:left;
}
#concerts {

}


.ligne_concert {
width:500px;
margin-bottom:5px;

}
.ligne_concert ul {
padding-bottom:5px;
}

.ligne_concert li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float:left;
color:#ffffff;
}

.ligne_concert li.artiste {
width:150px;
}

.ligne_concert li.date {
width:100px;
}

.ligne_concert li.lieu {
width:150px;
}

/* @group ARTISTES */

#fiche_artiste {

}
#fiche_artiste h1 {
color:#ffffff;
font-size:2em;
margin-bottom:20px;
}

#fiche_artiste p {
color:#ffffff;
margin-bottom:20px;
}


/* @group Header */
#header {
width: 800px; 
height: 35px; 
background-color:#333333; 
  }
#haut_page { width:800px; float:left; background:#1a1a1a; }
#header p {font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; color:#7E7F88; margin-bottom:10px; }
#header form.artistes select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#7E7F88; margin-top:5px; }
#header form.artistes input.bouton {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#7E7F88; margin-top:5px; }
#header p.artisteheader {font-family: Arial, Helvetica, sans-serif; font-weight:bold; line-height: 16px; font-size: 11px; color:#FFFFFF; margin-top:5px; margin-left:5px; }
#header1 { float: left; width: 510px ; padding: 0; }
#header2 { float: left; width: 290px ; padding: 0; }
#header_1 { float: left; width: 150px ; padding: 0; }
#header_3 { float: left; width: 800px; padding: 0; background-color:#F7931E; height:20px; }
#header_top { margin: 0 auto; width:800px; margin-top:20px; height: 100px; background-color: #1A1A1A; padding: 0; border-top: 1px solid #404040; border-bottom: 1px solid #404040;}
#header_top1 { margin: 0 auto; width:200px; float: left; }
#header_top2 { margin: 0 auto; width:600px; float: left; }
#header_top p.texteTop { margin-left: 10px; font-size: 11px; color:#FFFFFF; text-align: right; padding-top:5px;}
#header_top span.textegris { margin-left: 10px; font-size: 11px; color:#CCCCCC; text-align: right; padding-top:5px;}

/* groupe Menu */
ul#menu { 
height: 30px; 
list-style-type: none ; 
line-height: 30px ; 
font-size: 14px ; 
margin-bottom:20px;}

ul#menu li { 
width:90px; 
height: 35px; 
float: left; 
text-align: center;
border-left: 1px solid #505050; 
border-right: 1px solid #1A1A1A; 
font-weight:bold;
color:#E59A21;

}
ul#menu li a:hover { 
width:90px; 
height: 35px; 
float: left; 
text-align: center;
border-left: 1px solid #505050; 
border-right: 1px solid #1A1A1A; 
color:#FFFFFF;
font-weight:bold;
background-color:#C1B534;


 }
div.conteneurMain {	
margin-top:20px;
width: 800px; 
height:100%; 
padding-left:20px; 
padding-right: 20px; 
margin: 0 auto;	
border-right: 1px solid #1F2122; 
border-left: 1px solid #1F2122; 
border-top: 0px solid #1F2122;	
background: #000000; 
overflow: hidden; }




/* @group Colonne Artiste */
#conteneurDroite p {font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; color:#7E7F88; margin-bottom:10px; text-align: left; }
#conteneurDroite p.news {font-family: Arial, Helvetica, sans-serif; text-align:left; line-height: 16px; font-size: 11px; color:#7E7F88; margin-bottom:10px; }
#conteneurDroite p.spacer {height:20px;}
#conteneurDroite p.spacer-mini {height:10px;}
#conteneurDroite p.soustitre {color: #C1B534; font-size: 20px; font-weight: bold; margin-bottom:10px; line-height: 26px; text-align:left;}
#conteneurDroite span.discographie {font-size: 11px; font-weight: bold; color:#FFFFFF; text-align: left; }
#conteneurDroite span.concert {font-weight: normal; font-size: 11px; color: #7E7F88; text-align: left; }
#conteneurDroite span.date_concert {font-weight: bold; font-size: 11px; color: #FFFFFF; text-align: left; }
#conteneurDroite span.date_news {font-weight: bold; font-size: 11px; color: #FFFFFF; text-align: left; }
#conteneurDroite span.texte {font-weight: normal; font-size: 11px; color: #7E7F88; text-align: left; }
#conteneurDroite span.artiste {font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; color:#FFFFFF; margin-bottom:10px; font-weight:bold;}
#conteneurDroite td {height:30px; border-bottom: 1px solid #1F2122; }
#conteneurDroite DIV.previewConcert { }
#conteneurDroite DIV.concert a {
	height: 25px; font-size: 11px; color:#FFFFFF; font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; padding-top:10px; PADDING-BOTTOM: 5px; color:#7E7F88; TEXT-DECORATION: none; border-bottom: 1px solid #1F2122; 
}
#conteneurDroite DIV.concert a:hover {
	COLOR: #000000; BACKGROUND-COLOR: #1A1A1A; TEXT-DECORATION: none; border-bottom: 1px solid #C1B534; 
}


#conteneurDroite DIV.discographie {
margin-bottom:40px;
}
#conteneurDroite DIV.discographie a {
	height: 80px; margin-top:10px; font-size: 11px; color:#FFFFFF; font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-TOP: 5px; PADDING-BOTTOM: 5px; color:#7E7F88; PADDING-TOP: 5px; TEXT-DECORATION: none; border-bottom: 1px solid #1F2122; 
}
#conteneurDroite DIV.discographie a:hover {
	COLOR: #000000; BACKGROUND-COLOR: #1A1A1A; TEXT-DECORATION: none; border-bottom: 1px solid #C1B534; 
}
/* @group Colonne Contenu */
#contenu h1 {font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; height: 30px; width: 500px; background-color:#7E7F88; margin-bottom:10px; }
#contenu p {font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; color:#7E7F88; margin-bottom:10px; }
#contenu p.spacer {height:20px;}
#contenu td {height:30px; border-bottom: 1px solid #1F2122; }
#contenu p.nom_artiste {color: #FFFFFF; font-size: 30px; font-weight: bold; margin-bottom:5px; line-height: 26px; text-align:left;}

#contenu p.chapo {font-family: verdana; color: #FFFFFF; font-size: 12px; font-weight: bold; margin-bottom:5px; text-align:justify;}
#contenu p.soustitre {color: #C1B534; font-size: 20px; font-weight: bold; margin-bottom:20px; line-height: 26px; text-align:left;}
#contenu span.artiste {font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; color:#FFFFFF; margin-bottom:10px; }
#contenu span.artiste-big {font-family: Arial, Helvetica, sans-serif; line-height: 20px; font-size: 20px; color:#FFFFFF; margin-bottom:10px; }
#contenu span.dateconcert {font-size: 11px; color:#FFFFFF; text-align: left; }
#contenu span.discographie {font-size: 11px; color:#FFFFFF; text-align: left; }
#contenu span.website {font-family: Verdana; font-size: 11px; color:#7E7F88; }
#contenu span.concert {font-weight: normal; font-size: 11px; color: #7E7F88; text-align: left; width:150px; }
DIV.affiche {width: 160px; display: block; float: left; height:350px; }
#contenu DIV.previewConcert { }
#contenu DIV.previewConcert a {
	height: 30px; margin-top:10px; font-size: 11px; font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; color:#7E7F88; PADDING-TOP: 2px; TEXT-DECORATION: none; border-bottom: 1px solid #1F2122; 
}
#contenu DIV.previewConcert a:hover {
	COLOR: #000000; BACKGROUND-COLOR: #1A1A1A; TEXT-DECORATION: none; border-right: 5px solid #C1B534;
}
#contenu DIV.concerthome a {
	height: 62px; padding-top:10px; font-size: 11px; color:#FFFFFF; font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 5px; PADDING-TOP: 10px; color:#7E7F88; TEXT-DECORATION: none; border-bottom: 1px solid #1F2122; 
}
#contenu DIV.concerthome a:hover {
	COLOR: #000000; BACKGROUND-COLOR: #1A1A1A; TEXT-DECORATION: none; border-bottom: 1px solid #C1B534; 
}
#contenu DIV.artiste a {
	height: 150px; padding-top:10px; font-size: 11px; color:#FFFFFF; font-weight: normal; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 20px; PADDING-TOP: 20px; color:#7E7F88; TEXT-DECORATION: none; border-bottom: 1px solid #1F2122; 
}
#contenu DIV.artiste a:hover {
	COLOR: #000000; BACKGROUND-COLOR: #1A1A1A; TEXT-DECORATION: none; border-bottom: 1px solid #C1B534; 
}

/* @group Images */
img.img_illustGauche {float:left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_pochette {width: 75px; height: 75px; float:left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_evenement {width: 500px; margin-bottom:10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_pub {float:right; margin-top:15px; margin-right:15px; border-right: 1px solid #000000; border-left: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
img.img_artiste { width:500px; margin-bottom: 20px;}
img.img_vignette {float:left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;}
img.img_artistehome { float:left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px; height: 125px; }
img.icone { border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px;  }
img.img_afficheSmall { float:left; margin-right: 10px; border-top:0px; border-right: 0px; border-left: 0px; border-bottom: 0px; height: 125px;  }


/* @group Liens */
a, a:link, a:active, a:visited {text-decoration: none; color: #F7931E;}
a.none, a.none:visited {text-decoration: none;  }
a.header, a.headertop:visited {color: #FFFFFF; }
a.menuartiste, a.menuartiste:visited {text-decoration: none; color: #FFFFFF;}
a.tableconcert, a.tableconcert:visited {font-weight: bold; color: #FFFFFF;}
a.tableconcert:hover {font-weight: bold; color: #FFFFFF; text-decoration:underline;}
a.headertop, a.headertop:visited {color: #FFFFFF; text-decoration: none; }
a.headertop:hover { text-decoration:underline; color: #FFFFFF; background-color:C1B534;}

/* @group Admin */
#admin p {font-family: Arial, Helvetica, sans-serif; line-height: 16px; font-size: 11px; color:#7E7F88; margin-bottom:10px; }

/* @group Footer */
#footer { margin:auto; width:840px;  }
#footer1 { margin-bottom:20px; padding:20px; display:block; width:800px; float: left; background:#333333; border-bottom: 1px solid #FFFFFF;}
#footer p.footer { text-align: center; font-weight: bold; font-family: Verdana; line-height: 16px; font-size: 10px; color:#7E7F88; }

/* PUBLICITE */
#publicite { float:left; width:800px; margin-bottom:20px; }
#publicite img { border:none; }

#contenu{ float:left; width:800px; }
#formulaire { margin-top:20px; float:right; width:400px; margin-bottom:20px; color:#fff; font-size:1.2em;  }
#formulaire table { margin-bottom:20px; }
#pub_latino { margin:auto; width:400px; margin-bottom:20px;  }
#pub_latino form { text-align:center; }