/* général */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFFFFF;
 	font-family: Arial, Verdana;
        scrollbar-face-color:#64695A;
	scrollbar-highlight-color:#64695A;
	scrollbar-3dlight-color:#64695A;
	scrollbar-darkshadow-color:#64695A;
	scrollbar-shadow-color:#64695A;
	scrollbar-arrow-color:#FFFF00;
	scrollbar-track-color:#64695A;
	}

body.bio {
	background-color: #000000;
	scrollbar-face-color:#000000;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#000000;
	scrollbar-arrow-color:#FFFF00;
	scrollbar-track-color:#000000;
        }

img {
        border: none;
        z-index:2;
        }

img.boutique {
        padding-left: 20px;
        z-index: 2;
        }

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

a:hover {
	text-decoration: none;
	color: #FFFF00;
        }

a.index {
        font-size: 10px;
        color: #000000;
        }

a.index:hover{
        background-color: #FFFF00;
        color: #000000;
        }

a.site {
        color: #FFFF00;
        }

/* polices */

p {
	text-align:left;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 10px;
        padding-right: 10px;
        }

p.boutique {
        text-transform: uppercase;
        }

p.jaune {
	color: #FFFF00;
        font-weight:bold;
        }

p.lien {
	padding-left: 89px;
        }

p.right {
        text-align: right;
        }

p.rightup {
        text-align: right;
        text-transform: uppercase;
        }

p.center {
        text-align: center;
        }

h1.tit {
        font-size: 19px;
        color: #64695A;
        text-align: right;
        }

h1 {
	font-size: 13px;
	font-weight:bold;
	color: #FFFF00;
	padding-left: 10px;
        padding-right: 10px;
        }

h2 {
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 10px;
        }

h2.gras {
	font-weight:bold;
        }

h2.gras:hover {
        color: #FFFF00;
        }

h3 {
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	padding-left: 10px;
        }

h3:hover {
        color: #FFFF00;
        }

h2.up {
        text-transform: uppercase;
        }

h4 {
	font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	padding-left: 8px;
        text-transform: uppercase;
        line-height: 16px;
        }

h4:hover {
        color: #FFFF00;
        }

h6 {
	font-size: 18px;
	font-weight:bold;
	color: #FFFF00;
	padding-right: 10px;
        padding-left: 10px;
        text-align: right;
        }

h6.left {
        text-align: left;
        }
h6:hover {
        color: #FFFF00;
        }

hr {
        height: 2px;
        width: 362px;
        margin-bottom: 4px;
        margin-top: 4px;
        margin-left: 10px;
        }

hr.long {
        width: 565px;
        }

/* tableaux */

table.page {
        width: 600px;
        border-collapse: collapse;
        background-color: #000000;
        border-right: 0px solid white;
        border-left: 0px solid white;
        border-top: 2px solid white;
        border-bottom: 3px solid white;
        border-spacing: 0px;
        }

td.droite {
        height: 259px;
        width: 335px;
        background-color: #64695A;
        border-right: 0px solid white;
        border-left: 0px solid white;
        border-top: 0px solid white;
        border-bottom: 3px solid white;
        vertical-align: top;
        }

td.centre {
        height: 259px;
        width: 118px;
        background-color: #64695A;
        border-right: 3px solid white;
        border-left: 0px solid white;
        border-top: 3px solid white;
        border-bottom: 3px solid white;
        vertical-align: top;
        }

td.gauche {
        height: 259px;
        width: 141px;
        background-color: #64695A;
        border-right: 3px solid white;
        border-left: 0px solid white;
        border-top: 0px solid white;
        border-bottom: 3px solid white;
        vertical-align: top;
        }

td.ecoutedroite {
        text-align: right;
        vertical-align: middle;
        padding-right: 2px;
        height: 10px;
        font-size: 8pt;
	font-weight:bold;
	color: #FFFFFF;
        border-right: 0px solid white;
        border-left: 3px solid white;
        border-bottom: 3px solid white;
        }

td.ecoutecentre {
        height: 10px;
	color: #FFFFFF;
        border-right: 3px solid white;
        border-left: 3px solid white;
        border-bottom: 3px solid white;
        }

td.ecoutegauche {
        height: 10px;
        color: #FFFFFF;
        border-right: 3px solid white;
        border-left: 0px solid white;
        border-bottom: 3px solid white;
        vertical-align: top;
        }

td.gau {
        height: 259px;
        width: 402px;
        background-color: #64695A;
        border-right: 3px solid white;
        border-left: 0px solid white;
        border-top: 0px solid white;
        border-bottom: 3px solid white;
        vertical-align: top;
        }

td.dro {
        height: 259px;
        width: 195px;
        background-color: #FFFF00;
        border-right: 0px solid white;
        border-left: 0px solid white;
        border-top: 0px solid white;
        border-bottom: 3px solid white;
        vertical-align: top;
        }

td.bas {
        text-align: right;
        vertical-align: middle;
        padding-right: 2px;
        height: 10px;
        font-size: 8pt;
	font-weight:bold;
	color: #FFFFFF;
        border-right: 0px solid white;
        border-left: 0px solid white;
        border-top: 3px solid white;
        border-bottom: 3px solid white;
        }

td.une {
        background-color: #64695A;
        text-align: left;
        vertical-align: top;
        height: 259px;
        }

/* boites */

#index {
        width: 113px;
        margin-top: 200px;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 10px;
        }

#index:hover {
        background-color: #FFFF00;
        }

#myspace {
        width: 113px;
        margin-top: 20px;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 10px;
        }

#blanc {
        width: 600px;
        background-color: #FFFFFF;
        height: 105px;
        margin: auto;
        }

#menu {
        height: 97px;
        width: 600px;
        background-color: #FFFF00;
        margin-left: auto;
        margin-right: auto;
        }

#titre {
        width: 600px;
        margin-top: -27px;
        text-align: right;
        z-index: 3;
        }

#tableau {
        width: 600px;
        height: 288px;
        background-color: #FFFFFF;
        margin-top: 3px;
        margin-left: auto;
        margin-right: auto;
        }

#gris:hover {
        background-color: rgb(116, 120, 107);
        z-index:3;
        }

#droitestilletos {
      	position: absolute;
        width: 335px;
      	height: 259px;
      	overflow: auto;
        padding-top: 8px;
        padding-bottom: 8px;
        }
        
#droitegamine, #droitebxrock7787, #droitestandards, #droitescarzello, #droitesitarsonic,
#droitepull, #droitebxrock06, #droitestrychnine, #droitebxrock88, #droitehotflowers, #droiteteenagerock07 {
      	position: absolute;
        width: 335px;
      	height: 259px;
      	overflow: auto;
        padding-top: 8px;
        visibility: hidden;
        padding-bottom: 8px;
        }

#centre {
      	width: 100%;
      	height: 100%;
      	overflow: auto;
        padding-top: 8px;
        padding-bottom: 8px;
        }

#gauche {
        width: 100%;
        height: 100%;
        margin-top: 34px;
        padding-bottom: 8px;
        }

#stilletos {
        position: absolute;
        vertical-align: top;
        }

#gamine, #bxrock7787, #standards, #scarzello, #sitarsonic, #pull, #bxrock06, #strychnine,#bxrock88, #hotflowers, #teenagerock07 {
        position: absolute;
        vertical-align: top;
        visibility: hidden;
        }

#refstilletos {
        width: 141px;
        height: 11px;
        font-size: 11px;
        position: absolute;
        text-align: center;
        vertical-align: top;
        }

#refgamine, #refbxrock7787, #refstandards, #refscarzello, #refsitarsonic,
#refpull, #refbxrock06, #refstrychnine, #refbxrock88, #refhotflowers, #refteenagerock07 {
        width: 141px;
        height: 11px;
        font-size: 11px;
        position: absolute;
        text-align: center;
        vertical-align: top;
        visibility: hidden;
        }

#news {
        width: 100%;
        height: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        overflow: auto;
        }

#imagedroite {
        width: 100%;
        height: 275px;
        }

#livre  {
        position: absolute;
        width: 402px;
      	height: 275px;
      	overflow: auto;
        padding-top: 8px;
        }

#link {
        width: 600px;
        height: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
        overflow: auto;
        }

#batterie {
        width: 520px;
        height: 231px;
        padding-left: 80px;
        }

#mail {
        width: 100%;
        height: 44px;
        text-align: right;
        }

#inline {
        height: 71px;
        padding-left: 101px;
        margin-top: -71px;
        }

#article {
      	width: 100%;
      	height: 100%;
        padding-top: 8px;
        padding-left: 2px;
        text-align: center;
        vertical-align: top;
        }

#artiste {
      	width: 297px;
      	height: 17px;
        text-align: right;
        background-color: #FFFF00;
        color: black;
        font-size: 15px;
	font-weight: bold;
        padding-right: 3px;
        text-transform: uppercase;
        }

#site {
        height: 16px;
        margin-top: -18px;
        font-size: 11px;
        padding-left: 10px;
        vertical-align: top;
        }

#bio {
        width: 300px;
      	height: 100px;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 8px;
        overflow: auto;
        }