@import url(sidebar.css);
@import url(main.css);
@import url(carousel.css);
@import url(color.css);
@import url(menu.css);
@import url(tickbox.css);
@import url(css/moodalbox.css);
@import url(slower.css);

* {
	padding: 0;
	margin: 0;
}

body {
	font: normal 12px Arial, Helvetica, sans-serif;
	}

img {
border: 0;
}

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

a.blanc {
color: #fff;
}

div#wrapper {
	width: 1000px;
	margin: 0 auto;

}

#bandeau-haut {
width: 1000px;
height: 176px;
background:url(img/ban-index.jpg) no-repeat top center;
}


#ajax_loader {
position:absolute;
padding-top: 135px;
padding-left: 105px;
}

#lien {
width: 430px;
height: 176px;
cursor: hand;
float: left;
}

#search {
float: right;
margin-top: 108px;
padding-right: 11px;
}

#search a{
text-decoration: none;
font-size: 11px;
}

#search div#searchlien{
font-size: 11px;
padding-bottom: 3px;
padding-left: 10px;
}

#search div#gauche{
background:url(img/fond-search.jpg) no-repeat;
width: 161px;
height: 30px;
float: left;
display: block;
}

#search div#gauche input.txt{
border: 0px;
font-size: 15px;
width: 132px;
height: 23px;
line-height: 23px;
padding-left: 5px;
margin-left: 10px;
margin-top: 1px;
}

#search div#droit{
width: 79px;
height: 30px;
float: left;
display: block;
}

#titre .keyword {
font-size: 18px;
font-style:italic;
}


#tetiere {
padding-top: 2px;
width: 100%;

}

#tetiere div#bloc {
position: block;
background:url(img/ban-haut-bloc-fond.jpg) no-repeat;
width: 288px;
height: 209px;
text-align: center;
float: left;
}

#tetiere div#bloc.gauche {margin-right: 75px; height:209px;}
#tetiere div#bloc.centre {margin-right: 60px; height:209px; }
#tetiere div#bloc.droit {height:209px;}

div#bloc div#bloc_titre {
height: 32px;
}


div#bloc #titrebloc {
font-size: 16px; 
font-weight:bold; 
line-height: 32px; 
float: left;
display: block;
width: 172px;
height: 30px;
}

div#bloc #plusbloc {
float: right;
display: block;
background:url(img/fond-plusbloc.jpg) no-repeat;
width: 95px;
height: 28px;
margin-top: 1px;
margin-right: 1px;
padding-left: 20px;
padding-top: 3px;
}

div#bloc #plusbloc:hover {
background:url(img/fond-plusbloc-hover.jpg) no-repeat;
}

div#bloc #plusbloc a{
font-size: 11px;
text-decoration: none;
line-height: 12px;
}



div#bloc #ligne {height: 56px; border-top: 1px solid #FFFFFF; width: 286px;}
div#bloc #ligne:hover { background:#751443;} 

#ligne table{
width: 100%;
}

#ligne .cnt{
width: 40px;
height: 40px;
font-size:25px;
}

#ligne .vote{
font-size: 15px;
width: 54px;
height: 40px;
/*url(img/ban-haut-bloc-ligne.jpg) no-repeat center;*/
}

#vote {width: 48px;}
#plusun{float: left; }
#moinsun{float: right;}

#ligne .info{
font-size: 15px;
text-align:left;
padding-left:10px;
}

#ligne .info a{
text-decoration: none;
}

#ligne .artiste a{
font-weight: bold;
text-decoration: none;
}


/* Tags cloud
------------------------------------------ */
#tagcloud {
padding-top: 5px;
width: 286px;
border-top: 1px solid #FFFFFF;
line-height: 25px;

}

a.tag4 {
	font-family: arial;
	font-size:160%;
	line-height: 100%;
	text-decoration: none;
}

a.tag4:hover {
	font-family: arial;
	font-size:160%;
	line-height: 100%;
	text-decoration: none;
}

a.tag3 {
	font-family: arial;
	font-size:130%;
	line-height: 100%;
	text-decoration: none;
}

a.tag3:hover {
	font-family: arial;
	font-size:130%;
	line-height: 100%;
	text-decoration: none;
}

a.tag2 {
	font-family: arial;
	font-size:100%;
	line-height: 100%;
	text-decoration: none;
}

a.tag2:hover {
	font-family: arial;
	font-size:100%;
	line-height: 100%;
	text-decoration: none;
}

a.tag1 {
	font-family: arial;
	font-size:95%;
	line-height: 100%;
	text-decoration: none;

}

a.tag1:hover {
	font-family: arial;
	font-size:95%;
	line-height: 100%;
	text-decoration: none;
}



<!-- DATE -->
.date1 {
	float:left;
	width:40px;
	text-align:center;
	}
	
	.date1 .day {

	font-size:20px;
	font-weight:bold;
	line-height:20px;

	}
	
	.date1 .month {
	font-size:17px;
	line-height:14px;
	}
	
	.date1 .year {
	font-size:10px;
	font-weight:bold;
	line-height:9px;
	}
	
	

#content {
width: 1000px;
}

#left {
display: block;
float: left;
width: 70%;
margin-top:25px;
}

#right {
display: block;
float: right;
width: 25%;
margin-top:15px;
}
	
	
/* SCROLL */
.contentScroll{
	position:absolute; 
	left:0px;
	top:0px; 
	z-Scroll:1; 
	width: 330px;	
}

#wn1Scroll{
	float:left;
	position:absolute; 
	width:330px;
	height:237px; 
	clip:rect(0px, 330px, 237px, 0px); 
	overflow:hidden;	
	z-Scroll:2;
}


.contentScroll2{
	position:absolute; 
	left:0px;
	top:0px; 
	z-Scroll:1; 
	width: 330px;	
}

#wn1Scroll2{
	float:left;
	position:absolute; 
	width:330px;
	height:237px; 
	clip:rect(0px, 330px, 237px, 0px); 
	overflow:hidden;	
	z-Scroll:2;
}

#scrollScroll{
margin-top: 242px;
padding-left:5px;
}
	
	
#footer {
padding-top: 40px;
width: 100%;
clear:both;

}

#footer div#haut {
background: url(img/fond-footer-haut.jpg);
height: 32px;
text-align: center;

}

#footer div#haut a{
line-height: 32px;
}

#footer div#milieu {
background:#36393e;
height: 450px;
padding: 20px;
}

#footer div#milieu #titrebloc {
font-size: 15px;
font-weight: bold;
color:#FFFFFF;
height: 35px;
}



#footer div#milieu div#milieu_gauche {
float:left;
width: 33%;
}


#footer div#milieu div#milieu_gauche div#ligne {
width: 300px;
height: 40px;
border-bottom: 1px solid #3576b8;
}

#footer div#milieu div#milieu_gauche div#ligne:hover { background:#3576b8;} 

#footer div#milieu div#milieu_gauche div#ligne table{
width: 100%;
}

#footer div#milieu div#milieu_gauche div#ligne .info{
font-size: 12px;
text-align:left;
padding-left:5px;
}

#footer div#milieu div#milieu_gauche div#ligne .info a{
text-decoration: none;
}

#footer div#milieu div#milieu_gauche div#ligne .artiste a{
font-weight: bold;
text-decoration: none;
}


#footer div#milieu div#milieu_gauche div#ligne .date1 {
	float:left;
	width:40px;
	text-align:center;
	color: #fff;
	}
	
#footer div#milieu div#milieu_gauche div#ligne .date1 .day {

	font-size:15px;
	font-weight:bold;
	line-height:16px;

	}
	
#footer div#milieu div#milieu_gauche div#ligne .date1 .month {
	font-size:13px;
	line-height:13px;
	}
	
#footer div#milieu div#milieu_gauche div#ligne .date1 .year {
	font-size:9px;
	font-weight:bold;
	line-height:9px;
	}

#footer div#milieu div#milieu_gauche div#tagcloud {
margin-top: 15px;
width: 100%;
border-top: 1px solid #3576b8;
text-align:center;
line-height: 25px;
}

#footer div#milieu div#milieu_gauche div#tagcloud_btn {
margin-top: 15px;
width: 180px;
background: #3576b8;
border: 1px solid #000000;
text-align:center;
line-height: 25px;
position: relative;
margin-left: auto;
margin-right: auto;
}

#footer div#milieu div#milieu_gauche div#tagcloud_btn a {
color: #000;
font-size: 115%;
}

#footer div#milieu div#milieu_gauche div#tagcloud_btn:hover {
background: #000;
}

#footer div#milieu div#milieu_gauche div#tagcloud_btn a:hover {
color: #fff;
}


#footer div#milieu div#milieu_gauche a.tag4 {
	font-family: arial;
	font-size:180%;
	line-height: 100%;
	text-decoration: none;
}

#footer div#milieu div#milieu_gauche a.tag4:hover {
	font-family: arial;
	font-size:180%;
	line-height: 100%;
	text-decoration: none;
}

#footer div#milieu div#milieu_gauche a.tag3 {
	font-family: arial;
	font-size:160%;
	line-height: 100%;
	text-decoration: none;
}

#footer div#milieu div#milieu_gauche a.tag3:hover {
	font-family: arial;
	font-size:160%;
	line-height: 100%;
	text-decoration: none;
}

#footer div#milieu div#milieu_gauche a.tag2 {
	font-family: arial;
	font-size:140%;
	line-height: 100%;
	text-decoration: none;
}

#footer div#milieu div#milieu_gauche a.tag2:hover {
	font-family: arial;
	font-size:140%;
	line-height: 100%;
	text-decoration: none;
}

#footer div#milieu div#milieu_gauche a.tag1 {
	font-family: arial;
	font-size:110%;
	line-height: 100%;
	text-decoration: none;
}

#footer div#milieu div#milieu_gauche a.tag1:hover {
	font-family: arial;
	font-size:110%;
	line-height: 100%;
	text-decoration: none;
}


#footer div#bas {
background: url(img/fond-footer-bas.jpg);
height: 32px;
line-height: 32px;
text-align:center;
}