@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; background: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; }  #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; }  .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; }