html{
scrollbar-face-color: Black;
scrollbar-highlight-color: DimGray;
scrollbar-shadow-color: DimGray;
scrollbar-3dlight-color: Black;
scrollbar-arrow-color: DimGray;
scrollbar-track-color: Black;
scrollbar-darkshadow-color: Black;
}


body
{
	margin: 0;
	padding: 0 ;
	text-align: center ;
	color:red;
	font-family:courier;
	font-size:11px;
	background-color:black;
	background-position:top;
	background-image:url("/img/back.jpg");
	background-attachment:fixed;
	background-repeat:no-repeat;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */

#conteneur
{
	width: 766px;
	height:auto;
	margin: 0 auto;
	text-align: left;
	font-family:Verdana;
	font-size: 11px;
}

/* On définit la largeur de la division qui contient l'ensemble de la page à 766 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
/* Ne pas mettre de bordure à droite et à gauche #222222 mais les inclure dans le design du fond (compatibilité IE Mozilla) */

#header
{
	width:766px;
	height: 220px;
	margin:0;
	padding:0;
	background-image:url("/img/sleazy_logo_white.gif");
	background-repeat:no-repeat;
	background-position:center;
	filter: Alpha(Opacity=100) glow(color=#000000, strength=13);
	opacity: 0.8;
	-moz-opacity: 0.8;
   	-khtml-opacity: 0.8;
}

.ombre{
width:766px;
margin:0;
padding:0;
background-color:transparent;
background-image:url("/img/80.png");
}

#footer{
width:766px;
margin:0;
padding:0;
letter-spacing:1px;
font-size: 11px;
font-variant:small-caps;
color: WhiteSmoke;
}

#footer a {
text-decoration: none;
color: WhiteSmoke;
}

#footer a:hover{
text-decoration: underline;
color: #a80000;
}

#contenu{
width:766px;
background-color: none;
border-top: #333333 solid 1px;
border-bottom: #333333 solid 1px;
position:relative;
color: Gray;
font-weight:normal;
} 

#contenu a {
text-decoration: none;
color: WhiteSmoke;
}

#contenu a:hover{
text-decoration: underline;
color: #a80000;
}

#contenu a.lien{
color: DimGray;
}


#menu {
position:relative;
width: 766px;
height:20px;	/* pour firefox */
border-bottom: #333333 solid 1px;
text-align:center;
font-size: 13px;
letter-spacing: 1px;
text-align: center;
font-weight:bold;
font-variant:small-caps;
}


#menu a {
color: WhiteSmoke;
text-decoration: none;
padding:9px;
border: 0 none;
}

#menu a:hover {
color: #a80000;
}

#menu2 {
margin:0;
padding:0;
margin-left:1px;
font-size: 11px;
letter-spacing: 0px;
text-align: left;
font-weight:normal;
font-variant:small-caps;
list-style-type: none;
}


#menu2 a {
color: #a80000;
height:20px;
text-decoration: none;
margin:0;
padding-left: 5px;
padding-right: 5px;
background-color:Silver;
border-right:1px solid black;
border-top:1px solid black;
}

#menu2 a:hover {
color: Silver;
background-color:#a80000;
}

h2{
width:350px;
margin-left:30px;
padding-top:5px;
font-size: 14px;
color:WhiteSmoke;
letter-spacing: 1px;
text-align: left;
font-weight:bold;
font-variant:small-caps;
border-bottom:#a80000 solid 1px;
font-weight:bold;
vertical-align:top;
}

h3{
margin:0;
margin-left:30px;
margin-right:30px;
padding-bottom:2px;
font-size: 13px;
text-align: left;
font-weight:normal;
color:Silver;
font-variant:small-caps;
}

h4{
width:150px;
padding-left:0px;
padding-bottom:1px;
font-size: 12px;
text-align: left;
color:#a80000;
margin:0;
margin-left:30px;
font-weight:bold;
border-bottom:#a80000 solid 1px;
}


font.ki{
font-family: Symbol;
font-size: 30px;
font-weight:normal;
}

font.question{
color:#aaa;
}


p{
text-align: justify;
margin-left:30px;
margin-right:30px;
}


p.mail{
text-align: right;
}

p.blabla{
text-indent: 30px;
}

p.blabla:first-letter
{
font-size:15px;
}



p.title{
width:350px;
padding-top:5px;
font-size: 14px;
color:WhiteSmoke;
letter-spacing: 1px;
text-align: left;
font-weight:bold;
font-variant:small-caps;
border-bottom:#a80000 solid 1px;
vertical-align:top;
margin:0;
margin-left:30px;
}

p.credit{
width:350px;
padding-left:30px;
padding-top:3px;
font-size: 11px;
text-align: right;
font-weight:normal;
color:Silver;
margin:0;
font-variant:small-caps;
}

p.couplet{
padding-left:0px;
color:Gray;
}

p.couplet:first-letter
{
font-size:15px;
}


p.transi{
padding-left:30px;
color:DarkGray;
}

p.transi:first-letter
{
font-size:15px;
}

p.refrain{
padding-left:60px;
font-style:italic;
color:Silver;
}

p.refrain:first-letter
{
font-size:15px;
}

p.instru{
padding-left:0px;
color:#a80000;
}


p.mp3{
padding-left:60px;
}

p.photos{
padding-left:30px;
padding-right:30px;
text-align: left;
}

p.liens{
text-align: center;
}

p.detailconc{
margin:5px;
padding:0;
padding-left:90px;
margin-bottom:20px;
text-align: justify;
color:Gray
}

p.dateconcold{
padding-left:20px;
text-align: left;
color:DimGray;
}

p.titremes{
text-align: left;
margin-bottom:20px;
border-bottom: 1px solid #333333;
}

p.message{
text-align:justify;
margin-left:60px;
}

p.reponse{
padding:0;
color:Silver;
text-align:justify;
font-style:italic;
margin-top:20px;
margin-left:60px;
padding-left:10px;
padding-top:5px;
border-left:1px solid Silver;
border-top:1px solid Silver;
}

img{
border: #333333 solid 1px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 3px;
}

.imgright
{
   float: left;
}

.imgdroite
{
   float: right;
   margin-right: 0px;
   margin-left: 15px;
   margin-bottom: 5px;
   margin-top: 0px;
}


ul.carre
{
   padding-left:30px;
   list-style-type: square;
}

ul.carre2
{
   padding-left:40px;
   list-style-type: square;
}

label {
color : Silver;
}

label.pseudo {
color:Silver;
font-size:13px;
font-variant:small-caps;
}

label.date {
color:DimGray;
font-size:9px;
padding-left:10px;
float:right;
}

form.achat{
padding-right:135px;
}




input {
border:0;
border-bottom:1px solid #333333;
background-color:transparent;
font-size: 13px;
color:Gray;
}

input.bouton {
border:1px solid #222;
background-color:Silver;
font-family: Verdana;
font-variant:small-caps;
font-size: 13px;
color:#a80000;
cursor:pointer;
}

textarea {
width:660px;
height:100px;
margin-top:5px;
border:1px solid #333333;
background-color:transparent;
font-size: 13px;
color:Gray;
}

font.rq{
font-size:9px;
}

font.type1{
font-size:13px;
color:Silver;
font-variant:small-caps;
}

font.type2{
font-size:12px;
color:#a80000;
font-variant:small-caps;
}

font.small{
font-size:10px;
}

font.avec{
font-size:12px;
color:#a80000;
font-style:italic;
}

font.oldplace{
color:DarkGray;
}

table{
margin-left:30px;
margin-right:30px;
}

table.footer{
margin-left:5px;
margin-right:5px;
}