body {
background: black;
padding:0;
margin:0;
font-family: verdana, arial, sans-serif;
font-size: 80%;
color: black;
}
#header {
position: absolute;
top:0;
left:0;
width: 950px;
height: 175px;
border: 0 none;
}

h1#titre {
position: absolute;
top: 180px;
right: 155px;
font-size: 1.4em;
font-variant: small-caps;
color: white;
padding:0;
margin:0;
background: none;
letter-spacing: 0.1em;
text-align: right;
border: 0 none;
}
#conteneur {
margin: 200px 155px 0 1em;
padding-top: 0.8em;
}
#contenu {
background: #E3DFE2 url(design/coin.jpg) top left no-repeat;
padding: 0.5em;
z-index: 0;
width: 99%;
}
#contenu p {
margin:0.5em 0;
}

#news {
float: left;
width: 20em;
border: 0px solid #C8BFC6;
border-right-width: 1px;
border-bottom-width: 1px;
text-align:justify;
background: #f5f5dc;
padding: 0.2em;
}

#disques {
margin-left: 21em;
}
#disques dl, #disques dt, #disques dd, #disques ul, #disques li {
margin: 0;
padding: 0;
list-style-type: none;
}
#disques dt {
font-weight: bold;
margin: 2em 0 1em 0;
border-top: 1px dashed #C8BFC6;
}
#disques dd a {
color: black;
text-decoration: none;
}
#disques .disque {
font-weight: bold;
color: red;
}
#disques .interligne {
margin-left: 2em;
line-height: 2em;
}
#artistes {
width: 99%;
border: 1px solid gray;
}
#artistes th {
font-size: 95%;
font-weight: bold;
background-color: #ccc;
}
#artistes td {
font-size: 85%;
vertical-align: top;
border-bottom: 1px dotted gray;
}
#artistes .fond {
background: #D8DBE0;
}
#artistes .single {
font-weight: bold;
color: #FF9900;
}
#artistes .album {
font-weight: bold;
color: red;
}
#artistes .or {
text-align: center;
font-weight: bold;
color: yellow;
}

#alphabet {
margin-top:1em;
}
#alphabet p {
text-align: left;
color: #fff;
margin-bottom:0.2em;
}

#alphabet ul {
margin:0 0 1em 0;
padding:0;
list-style: none;
height: 2em;
}

#alphabet li {
float: left;
margin:0;
padding:0;
height: 2em;
}
#alphabet li a {
display: block;
width: 1.3em;
height: 1.2em;
margin: 0 1px;
border: 1px solid #fff;
background: #658DA2;
color: white;
text-decoration: none;
text-align: center;
font-weight: bold;
}
#alphabet li a:visited {
border: 1px solid #fff;
background: #9AB5C2;
color: white;
}
#alphabet li a:hover {
border: 1px solid #658DA2;
background: white;
color: #658DA2;
}

#inter {
margin-left: 14%;
margin-right: 14%;
width: 70%;
border: 1px solid gray;
}
#inter th {
font-size: 95%;
font-weight: bold;
background-color: #ccc;
}
#inter td {
font-size: 85%;
vertical-align: top;
font-weight: bold;
border-bottom: 1px dotted gray;
}
#inter .fond {
background: #D8DBE0;
}

/* Styles du menu déroulant */
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 180px;
right: 15px;
width: 124px;
background: url(design/menufond.jpg) top left no-repeat;
padding-top: 30px;
z-index: 100;
}
#menu dt {
cursor: pointer;
height: 20px;
line-height: 20px;
margin: 2px 0;
padding-left: 5px;
text-align: center;
font-weight: bold;
background: url(design/itemfond.jpg) top left repeat-y;
}
#menu dd {
position: absolute;
left: -155px;
margin-top: -1.4em;
width: 13em;
background: #A9BFCB;
z-index: 300;
}
#menu dt#bas {
background: url(design/menufond.jpg) bottom left no-repeat;
height: 30px;
padding:0;
margin:0;
}
#menu ul {
background: url(design/fleche.gif) top right no-repeat;
padding: 2px 21px 0 0;
}
#menu li {
text-align: left;
padding: 2px;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
}
#menu li a {
margin-left: 2px;
}
#menu li a:hover {
text-decoration: underline;
}

/* Classes générales et typographie */
.droite {
float: right;
margin-left: 5px;
}
.gauche {
float: left;
margin-right: 5px;
}
a img {
border: 0 none;
}
h1, h2, h3 {
font-family: georgia, times, serif;
color: #3A5361;
}
h4, h5, h6 {
font-weight: bold;
color: black;
}
h1 {
font-size: 1.6em;
padding-left: 25px;
padding-bottom: 3px;
background: url(design/puce.jpg) center left no-repeat;
letter-spacing: 0.2em;
border-bottom: 1px solid #C8BFC6;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.1em;
}

a {
color: #3A5361;
text-decoration: underline;
}
a:visited {
color: gray;
text-decoration: underline;
}
a:hover {
color: #3A5361;
text-decoration: none;
}

a.commander {
display: block;
float: right;
margin-top: -1.5em;
width: 100px;
height: 30px;
background : url(images/commander_100x30_01.gif) top left no-repeat;
}
a.commander:hover {
background : url(images/commander_100x30_02.gif) top left no-repeat;
}

a.hp {
text-decoration: none;
color: black;
padding: 10px 5px 10px 40px;
line-height: 35px; 
background: url(images/hp.gif) top left no-repeat;
}
a.hp:hover {
background: #ccccff url(images/hp.gif) top left no-repeat;
}

.certif {
font-weight: bold;
color: yellow;
}

#adsense {
position: absolute;
top: 540px;
right: 15px;
width: 124px;
}

#adsense2 {
position: absolute;
top: 1200px;
right: 15px;
width: 124px;
}

#adsense3 {
position: absolute;
top: 1860px;
right: 15px;
width: 124px;
}

#adsensePlan {
position: absolute;
top: 190px;
right: 15px;
width: 124px;
}

#adsenseVid {
float: left;
width: 336px;
margin-right: 10px;
}