/* CLASSES PERSO */ /*------------------------------------------------------------------------------------------------------*/ .fl_droite{float:right;} .fl_gauche{float:left;} .invisible{display:none;} .centreur{text-align:center;} .fl_droite_moitie{float:right; width:50%;} .fl_gauche_moitie{float:left;width:50%;} /**********************************/ .petit{font-size:11px;} /**********************************/ .clear { clear:both; overflow:hidden; height:0 !important; height /**/:1px; } .clearboth { clear:both; overflow:hidden; height:0 !important; height /**/:1px; } .clearleft { clear:left; overflow:hidden; height:0 !important; height /**/:1px; } .clearright { clear:right; overflow:hidden; height:0 !important; height /**/:1px; } /**********************************/ .WRAPPER{padding:0 15px;} .WRAPPER_GAUCHE{padding:0 0 0 15px;} /**********************************/ .DOUBLE_WRAPPER{padding:0 20px 0 40px;} /**********************************/ .SPACER{margin:20px 0 0 0 ; display:block;} /**********************************/ .SEPARATEUR{margin:5px 0 ; display:block; border-bottom:2px solid #0c0c0c;} /**********************************/ .BIG{font-size:24px; background:transparent; line-height:24pt; text-decoration:none;} /* ELEMENT HTML */ /*------------------------------------------------------------------------------------------------------*/ body{text-align:center;background:#000; font: 100%/120% 'lucida grande','lucida sans unicode',Verdana, Arial, Helvetica, sans-serif;} /**********************************/ *{margin:0; padding:0;} /**********************************/ a{outline:0; color:#000000; text-decoration:none; } a:hover{outline:0; color:#ff0000; } a:focus,a:selected{border:0; outline:0;} a img{border:0;} img{border:0;} /**********************************/ input , textarea {margin:3px 0;border:1px solid #ccc;font-size:100%;background:#FFFFEF;font-family:inherit;vertical-align:middle;line-height:inherit;padding:3px 0;width:100%;} input.BOUTON{color:#efefef;background:#000;border:0;font-size:100%;font-family:inherit;line-height:inherit;padding:3px;width:inherit;} label{font-size:11px; color:#7F7400; padding:0 0 0px;} label.error{ display:block;border:1px solid #7F7400;background:#FFFFbF; font-size:11px; color:#7F7400; padding:2px; margin:0 0 3px 0;} /**********************************/ td{vertical-align:center;} /**********************************/ ul{list-style:none;} ol{list-style-position:inside;} /**********************************/ h1{line-height:160%; color:#EBE700; font-size:140%;} h2{line-height:160%; color:#EBE700; font-size:120%; margin:0 0 10px 0;} /**********************************/ /* DIV de STRUCTURE */ /*------------------------------------------------------------------------------------------------------*/ #GLOBAL{margin:0 auto 25px auto; width:1000px; text-align:left;background:#000; } /**********************************/ #TOP{ display:block; background:url(../img/logo_sarkotusors.gif) no-repeat center top; height:314px;} #TOP span{ display:none;} /**********************************/ #CENTRE{border:3px solid #0c0c0c; border-top:0px; padding:20px 0 ; } /**********************************/ #GAUCHE{width:62.5%; float:left; } /**********************************/ #DROITE{width:37.5%; float:left; } /**********************************/ #PIED {background:#0b0b0b;padding:50px 50px;} #PIED .WRAPPER{} #PIED .GAUCHE{width:62.5%;float:left;} #PIED .DROITE{width:37.5%; float:left; } #PIED dl{color:#eee; } #PIED dt{font-size:12px; margin:10px 0 0 0;} #PIED dd {margin:0px 50px 0 30px ; padding:10px 0; border-bottom:1px solid #232323; } #PIED dd a{padding:0px 0px ; margin:0px 0px; display:block; } #PIED a{color:#999;} #PIED a:hover{color:#f6f6bc;} #PIED p{color:#686868; line-height:18pt; font-size:14px; padding:10px 0;} #PIED code{color:#686868; line-height:14pt; font-size:12px; } #PIED .du-code{padding:0px 0 0 15px; border-left:5px solid #222;margin:0 0 0 10px;} #PIED .surbrillance{color:#fff; } /**********************************/ #PIED_SITE { color:#7F7400;background:#0F0F0A url(../img/texture_pixel_pied.gif) repeat-x left top;padding:25px; border-top:1px solid black; font-size:11px; letter-spacing:.1em;} #PIED_SITE ul{padding:15px; width:450px; margin:0 auto;} #PIED_SITE li {float:left;padding:0 10px; border-right:1px solid #1F1C00; } #PIED_SITE li.fin { border-right:0px solid #222; } #PIED_SITE a{color:#7F7400; font-size:11px; letter-spacing:.1em;} #PIED_SITE a:hover{color:#f6f6bc;} /**********************************/ /* ID & CLASSES SPECIFIQUES */ /*------------------------------------------------------------------------------------------------------*/ tr.ligne_bi_color{background:#ebe700;} tr.ligne_color{background:#ffff00;} .artiste{color:#3c3b00;} .FRISE{background:#ffff00 url(../img/texture_pixel.gif) repeat-x left top; margin:20px; height:16px; display:block; } #feedback_ecriture{color:#EBE700; padding:15px; font-size:14px; text-align:center;} /**********************************/ #THUMBS {} #THUMBS table{margin:0 0 0 5px;} #THUMBS td{padding:2px;} #THUMBS a img{border:1px solid #333; padding:2px;} #THUMBS a:hover img{border:1px solid red;} /**********************************/ #PLAYLISTE { padding:3px;background:#ffff00; font-size:12px;} #PLAYLISTE td{padding:2px; } #PLAYLISTE .petit{color:#7F7D00;font-size:10px; font-weight:normal} /**********************************/ tr.chapeau_playliste th{padding:10px} tr.chapeau_playliste th .BIG{font-size:16px; color:#7F7D00; font-weight:normal;} tr.entete_playliste{background:white; height:40px; } tr.entete_playliste th{padding:0 2px; } /**********************************/ #TELECHARGER { color:#000;padding:3px;background:#ffff00; font-size:12px; text-align:left} #INFOS {width:370px; margin:0 auto 15px auto; border:1px solid #ebe700; padding:5px 0 0 0} #INFOS .style{font-weight:bold;background:#bcb900; padding:5px; display:block;} .TRACK_DETAIL{background:#ebe700; padding:5px;margin:1px 0 0 0; font-size:11px; color:#3C3B00;} .TRACK_DETAIL li {float:left; padding:0 10px; border-right:1px solid #FFFF00; } .BOUTON_DL{background:#fff url(../img/BTN_telecharger_BIG.gif) no-repeat center center;width:225px; margin:0 auto; display:block; height:35px} a:hover.BOUTON_DL{background:red url(../img/BTN_telecharger_BIG.gif) no-repeat center center;} .DETAILS{padding:0 20px; display:block; margin:0 0 20px 0;} /**********************************/ #vox_popu {background:#0C0C0C; color:#fff;padding:10px; font-size:14px;line-height:16pt;} #vox_popu table {background:#7F7400; padding:3px;font-size:12px; margin:10px 0 0 0;} #vox_popu td{padding:2px 2px 2px 5px; color:#000000;} #vox_popu p{font-size:12px;} #vox_popu .petit{color:#7F7D00;font-size:10px; font-weight:normal} /**********************************/ #NL {background:#0C0C0C; color:#efefef;padding:10px; font-size:12px;line-height:16pt;} /* P I C T O S & P U C E S */ /*------------------------------------------------------------------------------------------------------*/ .BTN_telecharger{text-decoration:none; width:100px; height:16px;background:white url(../img/BTN_telecharger.gif) no-repeat left top;display:block;} a:hover.BTN_telecharger{background-position:left -17px;} /**********************************/ a.puce_site{text-decoration:none; width:9px; height:9px;background: url(../img/puce_site.gif) no-repeat left top;display:block;} a:hover.puce_site{background-position:left -9px;} /**********************************/ a span.puce_site{text-decoration:none; padding:0 0 0 15px; background: url(../img/puce_site_simple.gif) no-repeat left top;display:block;} /**********************************/ .BTN_podcast{ border:2px solid #ebe700;text-decoration:none; width:65px; height:15px;background:white url(../img/BTN_podcast.gif) no-repeat left top;display:block;} a:hover.BTN_podcast{background-position:left -15px;} /**********************************/