#wrapper {
	margin: 0 auto ;
	width: 982px;
	height:auto;
	background: url(img/2010-fond-maintable.png) top center repeat-y;
	text-align:left;
}
surtitre {  font-weight: normal; letter-spacing: 12px; word-spacing: 12pt; border-color: #000000 black black; border-top-width: thin}
a.surtitre {  font-style: normal; font-weight: bold; border-color: #000000 black black; border-top-width: thin; line-height: normal; text-transform: none; color: #000000; text-decoration: none}
pminititrehaut { font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #000000 }
.journal {  font-family: Georgia; font-size: 10pt; font-style: normal; font-weight: normal; text-align: justify}
.blanc {  font-family: Verdana; font-size: 8pt; color: #FFFFFF; text-decoration: none; font-weight: normal}
a.blanc {  font-family: Verdana; font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: none}
a.blanc:hover {  font-family: Verdana; font-size: 8pt; font-weight: bold; color: #FFFFFF; text-decoration: underline}
.petit {  font-family: Verdana; font-size: 9pt; color: #000000}
jermaine {  font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #660066}
a.jermaine {  font-family: Verdana; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #660066}
.jermaine {  font-family: Verdana; font-size: 8pt; color: #660066}
.jackson5 {  font-family: Verdana; font-size: 8pt; font-style: italic}
.michael {  font-family: Verdana; font-size: 8pt; color: #003366}
.jackie {  color: #003300}
.duree {  font-family: Verdana; font-size: 7pt; font-style: normal; font-weight: normal; font-variant: normal; letter-spacing: 1pt; text-align: right; color: #666666; white-space: nowrap}
.version {  font-family: "MS Sans Serif", "MS Serif"; font-size: 8pt; font-style: normal; font-weight: normal; font-variant: normal; color: #000000}
.tito {  color: #330000; font-family: Verdana; font-size: 8pt}
.lyrics {  font-family: Verdana; font-size: 8pt; text-transform: lowercase}

.newsdate{
	font: 10px Arial Narrow;
	letter-spacing: 3px;
}
.olympia {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #FFFFFF;
}

html {
  height: 100%;
  margin-bottom: 0px;
}

form {
	margin: 0;
	padding: 0;
	width: 170px;
	float: left;
}

img,table {
	border: none;
}

body {
	font-family: Trebuchet MS;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	background-color: #C5CBD6;
	text-align:center;

}

a:link {
	text-decoration: none;
	color: #374258;
}
a:visited {
	text-decoration: none;
	color: #374258;
}

a:hover {
	text-decoration: 9;
	color: #374258;
	font-family: "Trebuchet MS";
}

p {
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 1.1em;
	font-size: 12px;
}



#page_bg {
	padding: 0;
	background: #C5CBD6 url(img/degrad.jpg) repeat-x top center;
	background-attachment: fixed;
}
#diana40 {
	padding: 0;
	background: url(img/diana-40.png) no-repeat top left;
	background-attachment: fixed;
}
#liveforum {
	padding: 0;
	background: url(img/liveattheforum.png) no-repeat top left;
	background-attachment: fixed;
}
	
div.center {
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 982px;
}




#header {
	margin: 0 auto;
	width: 100%;
	
}

#image {
	background: url(img/logoessai.png) top center no-repeat;
	width: 982px;
	height: 133px;
	margin: 0 auto;
}

#headerbottom {
	background: url(img/2010-arrondi-up.png) top center no-repeat;
	margin: 0 auto;
	height: 40px;
	width: 982px;
	font-size: 0;
}



#logo {
	padding: 120px 0 0 90px;
	text-align: left;
	width: 550px;
}

#logo a, #logo a:link, #logo a:hover {
	font-weight: normal;
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size: 20px;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	color: #f0f0f0;
	text-decoration: none;
	outline: none;
	line-height: 20px;
}
#col-gauche{
            width: 435px;
	float: left;
	height: 450px;
	margin: 0px 5px 0 30px;
}
#accueil-google{
	width: 300px;
	float: left;
	height: 250px;
}

#col-dianarosspresents{
	width: 175px;
	float: left;
	height: 450px;
	background:  url(img/dianarosspresents.png) no-repeat;
}
#col2-droite{
	width: 290px;
	height: 450px;
	float: left;
	padding: 5px 10px;
	background: url(img/fond-alb-mois.png) repeat-x;

}


#footer{
	width: 982px;
	height: 180px;
	background: url(img/bas.png)  top center no-repeat;
	margin: 0 auto;

}
#foot{
	
	width: 800px;
	height: auto;
	float: left;
	margin: 0 0px 0px 90px;
	padding: 0px 0px 0px 0px;


}
table.news1{
	background-color: #D5DFF0;
}
.news1{

	line-height: 120%;
}
.legend{
	font-size: x-small;
	vertical-align: bottom;
	line-height: 120%;
	font-style: italic;
	color: #999;
}
#video{
	float: left;
	width: 480px;
	height: 450px;
	margin-left: 30px;
	margin-right: 10px;
	clear: both;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
}
#triptic{
	width: 350px;
	float: left;
	height: 450px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
}
#perle{
	height: 340px;
	width: 260px;
	float: left;
	clear: both;
	margin-left: 30px;
	margin-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
	background-image: url(img/div-fond.png);
	background-position: center;
}

#quizz{
	height: 340px;
	width: 260px;
	float: left;
	margin: 0px 5px 0px 5px;
	background-image: url(img/div-fond.png);
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0;
}

#bacs{
	height: 340px;
	width: 320px;
	float: left;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 0;

}
#page{
	width: auto;
	height: auto;
	margin: 0 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-align: left;
}
#helloworld{
	width: auto;
	height: 3500;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 10px;
	background-repeat: no-repeat;
	background-color: #FEB930;

}
.helloworld{
	line-height: 1.3em;
	font-size: 12px;
	color: Maroon;
}
a.helloworld:link {
	text-decoration: none;
	font-weight: bold;
	outline: none;
	color: Maroon;
}
a.helloworld:visited {
	text-decoration: none;
	font-weight: bold;
	outline: none;
	color: Maroon;
}

a.helloworld:hover {
	text-decoration: underline;
	font-weight: bold;
	color: Maroon;
}
#amazon{
	width: 800px;
	height: auto;
}
.megatitre{
	font-family: "Trebuchet MS";
	font-size: 30px;
	color: #374258;
	font-weight: bolder;
	line-height: 60px;
}

h1 {
	font-family: Georgia;
	font-size: 28px;
	font-weight: normal;
	color: Black;
	text-align: left;
	width: 100%;
	vertical-align: top;
	font-variant: small-caps;
}

h2 {
	font-family: Trebuchet MS;
	font-size: 28px;
	color: #5b4848;
	text-align: center;
	font-weight: bold;
}
h3 {
}


table.discography{
	background: #B6C3D9;
	padding: 2px;

}
.colonnepochettesingle{
	padding: 2px;
	width: 30px;
}
.colonnetitrealbum{
	width: 300px;
	font-family: "Trebuchet MS";
	font-size: 12px;
}
.datesortie{
	font-family: "Arial Narrow";
	letter-spacing: 1px;
	font-size: 10px;
	text-align: center;
	width: 80px;
}
.classement{
	font-family: "Arial Narrow";
	letter-spacing: 1px;
	font-size: 10px;
	text-align: center;
	width: 45px;
}
.colonnepochettealbum{
	padding: 3px;
	width: 60px;
	text-align: center;
}
.fondlp{
	background-color: White;
	padding: 0px;
	font-family: "Trebuchet MS";
	font-size: 11px;
}

h4 {
	font-family: Trebuchet MS;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	padding: 0px 0px 0px 0px;
}

h3 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	text-align: left;
	color: Black;
	padding: 0;
	font-weight: bold;
	margin-bottom: auto;
	letter-spacing: 0.6px;
}

.img{
	margin: 10px
}
.imggauche{
	margin: 0 10px 5px 0px;
}
.img-accueil{
	margin: 0 10px 0px 0px;
	border: 1px;
}









.clr{
	clear:both;
}


#albumcover{
	width: 370px;
	height: 280px;
	background: url("http://www.jackson5abc.com/img/ombre-albums.png") no-repeat;
	float: left;
	text-align: left;
	
}
#albumcover2{
	width: 370px;
	height: 280px;
	background: url("http://www.jackson5abc.com/img/ombre-albums2.png") no-repeat;
	float: left;
	text-align: left;


}
#albumcoverepic{
	width: 370px;
	height: 280px;
	background: url("http://www.jackson5abc.com/img/ombre-epic70.png") no-repeat;
	float: left;
	text-align: left;
}
#albumcoversansvinyl{
	width: 280px;
	height: 280px;
	background: url("http://www.jackson5abc.com/img/ombre-albums-sansvinyl.png") no-repeat;
	float: left;
	margin-left:  20px;
	text-align: left;
}
#albumdetails{
	width: 340px;
	height: auto;
	margin-left: 20px;
	float: left;
}
#albumreview{
	width: 700px;
	height: auto;
	float: left;
	text-align: justify;
	margin: 18px;
	overflow: hidden;
	font-family: Georgia;
}
#albumpressings{
	background: White;
	width: 738px;
	height: auto;
	padding: 0px 1px 0px 1px;
	float: left;
}
#singleintroversions{
	width: 410px;
	height: auto;
	float: left;
	padding: 5px;

}
#singleintro{
	width: 410px;
	height: auto;
	float: left;

}
#singleversions{
	width: 350px;
	height: auto;
	float: left;
	background: url(../../../../img/bg_global_versions.gif);
	padding: 5px;
	margin-top: 30px;
	margin-bottom: 10px;
	}
#singlecoversingledetails{
	float: left;
	height: auto;
	width:300px;	
}
#singlecover{
	width: 310px
	height: auto;
}
#singledetails{
	width: 310px
	height: auto;
}
.singletitres{
	font-family: "Trebuchet MS";
	font-weight: bold;
	color: #374258;
	letter-spacing: 2px;
}
#lyrics{
	width: 550px;
	height:auto;
	margin-top: 20px;
	text-align: left;
	float:left;
}


table.ecoute{
	
}
.colonnetitreecoute{
	
}
.lignetitreecoute{
	height: 20px;
	vertical-align: middle;
}
input{
	font-family: "trebuchet ms";
	font-size: 10px;
	color: #374258;
	height: 16px;
	vertical-align: top;
}
input[type=submit]{
	border: 1px solid white;
	background-color: #374258;
	font-family: "trebuchet ms";
	font-size: 10px;
	color: White;
	font-weight: bold;
}
#search{
	float:left;
	height:25px;
	width: 170px;
}

#pubhaut{
	float:left;
}
#trad{
	float:left;
	margin-left:10px;
}
#jermaine-alb{
	float:right;
	width:280px;
	height:auto;
	margin-left:5px;
}
#jermaine-accueil{
	float:left;
	width:100%;
	height:auto;
}
table.tracklist{
	height: auto;
	width: auto;
	text-align: left;
	border-spacing: 2px;

}
.tracklist-titre{
	width: 300px;
	
}
.tracklist-dureealbum{
	width: 70px;
	font-family: Verdana; 
	font-size: 7pt;
	letter-spacing: 1pt; 
	text-align: left; 
	color: #666666; 


		
}
.tracklist-dureelongue{
	width: 70px;
		font-family: Verdana; 
	font-size: 7pt;
	letter-spacing: 1pt; 
	text-align: left; 
	color: #666666; 

	
}
.typeversion{
	font-family: Verdana;
	font-size: 6pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 1pt;
	color: Gray;
}
.typeversionhw{
	font-family: Verdana;
	font-size: 6pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	letter-spacing: 1pt;
	color: Black;
}
.padding5{
	padding: 2px 2px;
}
.padding0{
	padding: 0px 0px 0px 0px;
}
.dernieresorties{
	font-family: "Trebuchet MS";
	font-size: 10px;
}
.foot{

	}
a.foot:link {
	text-decoration: none;
	font-weight: bold;
	outline: none;

}
a.foot:visited {
	text-decoration: none;
	font-weight: bold;
	outline: none;

}

a.foot:hover {
	text-decoration: underline;
	font-weight: bold;

}

#footerLinks {
    padding: 8px 0 0 0;
    margin: 0 0 25px 0;
    list-style-type: none;
}
#footerLinks * {
    margin: 0;
    padding: 0;
}

#footerLinks a {
    color: #000;
}

#footerLinks li {
    display: block;
    float: left;
    width: 25%;
    _width: 24%;
}

#footerLinks dt {
    width: 177px;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
    margin-left: 15px;
}

#footerLinks dd {
    margin-bottom: 0.2em;
    margin-left: 15px;
}
#newsheader{
	width: 230px;
	height: 96px;
	float: left;
	margin-left: 5px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
}
.news{
	font-family: "Trebuchet MS";

	font: normal;
	color: White;
	line-height: 99%;
	letter-spacing: 0.2px;
}
a.news{
	font-family: "Trebuchet MS";

	color: White;
		font-weight: normal;
}
a.news:link{
		font-family: "Trebuchet MS";

		font-weight: normal;
	color: White;
}
a.news:hover{
	font-family: "Trebuchet MS";

	color: White;
		font-weight: normal;
	text-decoration: underline;
}

a.news:visited{
	font-family: "Trebuchet MS";

	color: White;
	font-weight: normal;
}
.newsheaderh1{
	font-family: "Trebuchet MS";
	font-size: 10pt;
	color: White;
	font-weight: bold;
}
#headergoogle{
	width: 150px;
	height: 120px;
	margin-top: 5px;
	margin-right: 0px;
	float: left;
	margin-left: 685px;
	overflow: auto;
	text-align: left;
}
ul {
	list-style-image: url("http://www.jackson5abc.com/img/puce-bleue.gif");
	margin-left: 0;
	padding-left: 1em;
	line-height: 95%;
	text-align: left;
}
li{
	line-height: 95%;
	text-align: left;
}

.newsh1{
	font-size: 25px;
	color: Black;
	text-decoration: none;
	font-family: Georgia;
}

.newspostpar{
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1.4px;
}
#newsdiv{
	background-image: url(dossiers/concerts/fondarticles.png);
	background-repeat: repeat;
	width:700px;
	float: left;
	padding: 5px 5px 5px 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}
#newscomment{
	background-color: White;
}
.newstitre{
	
}
ul.newstitre li{
	line-height: 8px;
	text-align: left;
}
ul.newstitre{
	line-height: 8px;
	text-align: left;
}
a.newstitre{
	font: normal;
}
a.newstitre:hover{
	font: normal;
}
.newstitredate{
	text-align: left;
	font-size: 9px;
}



#marge-globale{
	width:auto;
		margin: 0 0px 0px 17px;
	
}
#navig-a{
	width: 170px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-right:5px;
}
#navig-centre{
	width: 475px;
	padding: 0px 10px 0px 0px;
	margin-left: 0px;
	float: left;
	text-align: left;
}
#centre-content{
	width: 450px;
	float:left;
	padding: 10px 10px 5px 5px;
	text-align: left;
}
#navig-b{
	width: 250px;
	float: left;
	padding: 0px 0px 0px 5px;
	text-align: left;
	

}
#news-head{
	width: 170px;
	height: 28px;
	float: left;
	background: url("http://www.jackson5abc.com/img/news-bordeaux.pn") no-repeat;
	padding: 0px 5px 0px 5px;
}
.newsheadh1{
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-size: 20px;
}
#news-content{
	width: 170px;
	height: auto;
	float: left;
	background: url("http://www.jackson5abc.com/img/fond-navig-a.pn") repeat-y;
	padding: 0px 5px 0px 5px;
}
#news-bas{
	width: 170px;
	height: 12px;
	float: left;
	background: url("http://www.jackson5abc.com/img/navig-rond-bas.pn") no-repeat top;
	padding: 0px 5px 0px 5px;
}
#contenu{
	text-align: left;
}
#content {
	width: 946px;
	padding: 0px;
	overflow: hidden;
	text-align:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 18px;
	height: auto;
	padding-top: 10px;
}
.spacer{
	clear:both;
}

#content-head{
	width: 470px;
	height: 35px;
	float: left;
	padding-left:10px;
	padding-bottom: 10px;
	background: url("http://www.jackson5abc.com/img/centre-content-title.png") no-repeat;
}
#content-head-marge{
	width: 470px;
	height: 35px;
	float: left;
	margin-top: 5px;
	padding-left:10px;
	padding-bottom: 5px;
	background: url("http://www.jackson5abc.com/img/centre-content-title.png") no-repeat;
}

#content-content{
	width: 470px;
	height: auto;
	float: left;
	background: url("http://www.jackson5abc.com/img/centre-content-content.png") repeat-y;
}
#content-bas{
	width: 470px;
	height: 21px;
	float: left;
	background: url("http://www.jackson5abc.com/img/centre-content-foot.png") no-repeat top;
}
#page_bg #wrapper #content #twitter-list {
	width: 300px;
	height: 400px;
	float: left;
	padding-top: 5px;
	padding-left: 5px;
}
#news {
	width: 190px;
	float: left;
	padding-left: 5px;
	height: 250px;
}

#bienvenue {
	height: 550px;
	width: 450px;
	float: left;
}
#youtube {
	height: 385px;
	width: 480px;
	float: left;
}
#news2 {
	width: 185px;
	float: left;
	height: 400px;
	margin-left: 5px;
}
.newstitre {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#google2 {
	height: 100px;
	width: 450px;
	float: left;
	padding-top: 5px;
}
#secondpart {
	float: left;
	height: 450px;
	width: 940px;
}

