* {
margin: 0px;
padding: 0px;
border: 0px;
}

body {
text-align: center;
background-color: #860;
background: url(images/fondhtml.jpg);
font-family: arial, Arial, Helvetica, sans-serif;
font-size: 13px;
color : #EDB41A;
}

				/***BALISES NATIVES****/

ul {
padding-top: 5px;
list-style-image: url(images/puce.jpg); 
}

ul.inventaire{
padding-top: 5px;
margin-left: 40px;
list-style-type: disc; 
list-style-image: none; 
}

li {
margin-left:30px;
margin-bottom:10px;
}

h1{
color: #FFF;
font-size: 14px;
text-transform: uppercase;
text-align:center;
font-family: Palatino Linotype, Helvetica, sans-serif ; 
}

h2{
font-size: 14px ;
color: #9BE857;
text-transform: uppercase;
font-family: Palatino Linotype, Helvetica, sans-serif ; 
}

h3{ 
display:inline;
color: #9BE857;
font-size: 14px;
font-family: Palatino Linotype, Helvetica, sans-serif ; 
}

h4{
font-family: Palatino Linotype, Helvetica, sans-serif ; 
color: white;
display:inline;
font-size: 14px;
margin-left: 10px;
}

h5{
font: 12px normal Palatino Linotype, Helvetica, sans-serif; 
color: white;
display:inline;
}


hr{
width:100%;
border: 1px solid #D39D00;
text-decoration: underline;
}

input, select {
height:18px;
background-color: #282828;
color : #EDB41A;
border: 1px solid #D39D00;
}

.pro textarea{
height:50px;
background-color: #282828;
color : #EDB41A;
border: 1px solid #D39D00;
}

a {
color: #8AB6EC;
font: 12px italic Arial, Helvetica, sans-serif  ;
}

a:visited { 
color: white; 
} 
a:hover { 
color: white; 
}
a:active { 
color: white; 
}

p {
margin-bottom:10px;
text-align: justify;
}

.lettrine {
float: left; 
font-size: 3em; 
font-family: Georgia, Times New Roman, Times, serif;
color: #D44700;
border: 1px solid #878787; 
background: url(images/lettrine.jpg); 
margin: 10px 1px;
line-height: 1em;
}

.lettrinetitre {
font-size: 2em; 
font-family: Georgia, Times New Roman, Times, serif;
color: #D44700;
border: 1px solid #878787; 
background: url(images/lettrine.jpg); 
margin: 1px;
line-height: 1em;
}

.ident {
text-indent: 30px;
}

th {
font-weight:bold;
height:24px;
text-align:center;
color:#000;
background-image:url('images/forum/narayanaback.gif');
white-space: nowrap;
}

.savoirplus {
float:right;
margin: 10px 5px 10px;
font-weight : bold ; 
}

#conteneur {
position:relative;
margin-left: auto;
margin-right: auto;
margin-top:2px;
width: 800px;
background: url(images/repeteteur.jpg) repeat-y;
text-align: left;
}	
			
#header{
width: 800px;
height:134px;
background: right top url(images/header.jpg) no-repeat;
}

#langue{
position:absolute;
left:314px;
top:28px;
}

#centre {
padding-top:20px;
margin-left:32px;
margin-right:34px;
background: url(images/header2.jpg) right top no-repeat   ;
height: 500px;
z-index: 1;
}

html>body #centre {
height: auto;
min-height: 500px;
}

#pied {
clear: both;
height: 45px;
width: 800px;
background: url(images/pied.jpg);
}

.cleaner {
clear: both;
}

.img{
margin: 0px 2px;
padding: 0px;
border:none;
}
.imgL {
float:left;
border:none;
}

.imgF {
float:right;
}

.imgLC {
float:left;
padding:5px;
}

.imgFC {
float:right;
padding:5px;
}

#log {
position:absolute;
top:50px;
left:530px;
color: white;
font-size:12px;
text-align:right;
}

/** MENU **/
#menu dl,#menu dt, #menu dd, #menu ul, #menu li {
list-style-type: none;
margin: 0;
padding: 0;
}

#menu {
position : absolute;
left:32px;
top:100px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
height:23px;
padding-top:10px;
color: #FFF;
}

#menu dl {
float: left;
width:105px;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
font-style: normal; 
cursor: pointer;
text-align: center;
font-weight: bold;
height:23px;
padding-top:10px;
color: #FFF;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
position: absolute;
top:42px;
display: none;
font-size:13px;
}
#smenu1{
left:142px;
width:350px;
}
#smenu2{
left:220px;
width:550px;
}
#smenu3{
left:380px;
width:250px;
}
#smenu4{
left:400px;
width:550px;
}

#smenu5{
left:560px;
width:200px;
}

#menu li a {
padding:5px;
border: 1px solid white;
background: #860000;
}
#menu li a:hover, #menu dt a:hover {
color: #D39D00;
}
#menu dd a:hover{
color: #FFF;
background: #B85A10;
}

				/****PIED DE PAGE****/
#complement {
float:left;
margin: 10px 10px;
width: 400px;
height:120px;
overflow: auto;
border: dashed 3px #000;
background: url(images/fonpied.jpg) repeat-y;
}
				/****CADRE****/
.cadre {
padding:5px;
float:left;
margin: 20px 0 0 10px;
border: dashed 3px #000;
}

.cadreD {
float: left;
margin:100px 0 0 40px;
border: dashed 3px #000;
}
				/****ACCUEIL****/
.accueil{
width:270px; 
height:406px;
background: url(images/fonpied.jpg);
}

.accueilD{
width:400px;
height:270px;
background: bottom url(images/fondaccueil.jpg) no-repeat;
}

#identification {
float:left;
margin-left: 48px;
padding-top: 26px;
width: 219px;
background: url(images/identification.jpg) no-repeat;
}

#identification input{
margin-left:28px;
border: 0px;
}

#identification .img{
float:right;
margin-top: -26px;
width:64px;
}
				/****Paroles****/
.paroles{
width:110px;
}

.paroles img{
margin:5px;
border:none;
width:100px;
height:100px;
}

.paroles2{
width:170px;
}

.chansons{
width:370px;
height:450px;
overflow: auto;
background: url(images/fonpied.jpg);
}

.chansons p{
text-align:center;
}
				/****BOUTIQUE****/
.boutique {
width:680px;
background: url(images/fonpied.jpg);
}

.boutiqueD {
width:680px;
height:265px;
margin-left: 10px;
background: url(images/fonpied.jpg);
}

.cellule{
float:left;
margin:10px 10px;
width:320px;
}
.cellule ul{
margin-left:100px;
}

				/****DISCOGRAPHIE****/
.disco {
border: none;
margin-top:-20px;
width:252px; 
}

.discoD{
margin-top:-20px;
background: url(images/fonddisco.jpg) no-repeat;
background-position: bottom;
}	

.extraits {
float:left;
margin-top:-100px;
margin-left:10px;
width:250px; 
height:200px;
}

.album {
margin-top:20px;
width:auto; 
height:200px;
}
.album img{
margin:0 20px;
}
				/****HISTORIQUE****/
.histo {
width:400px;
height:527px;
background: url(images/fondhistoire.jpg) no-repeat;
background-position: bottom;
}

.histoD{
margin:60px 0 20px 20px;
width:268px;
height:200px;
background: url(images/fonpied.jpg);
background-attachment: fixed;
overflow: auto;
}
				/****DATE****/
.dates {
width:450px;
height:570px;
overflow: auto;
background: url(images/fonpied.jpg);
}

.datesD{
margin-left:20px;
width:220px;
height:470px;
overflow: auto;
background: url(images/fonpied.jpg);
background-attachment: fixed;
}

.dates table, td {
border:black solid  1px;
}
				/****PRO****/
.pro {
width:92%;
padding:10px;
background: url(images/fonpied.jpg);
}

.pro label{
margin-left:20px;
margin-top:20px;
}

.pro .champs{
float:right;
margin-top:-15px;
margin-right:150px;
width:250px;
}

.pro .bt{
margin-top:20px;
margin-left:40%;
width:150px;
}
				/****BONUS****/
.diapo {
overflow: auto;
height:300px;
width:80px;
padding:5px;
}
				/****communaute****/
.sujet {
width:500px;
margin:20px 20px;
}

.inscription{
width:95%;
margin:5px;
padding:5px;
background: url(images/fonpied.jpg);
}

.livre {
width:380px;
height:370px;
overflow: auto;
background: url(images/fonpied.jpg);
background-attachment: fixed;
}

.livre ul{
margin:10px;
}
.livre li{
text-align: justify;
}

.livreD {
margin-left:15px;
width:300px;
background: url(images/fonpied.jpg);
}

#textarea {
margin:5px 2px;
color: #D39D00;
border: 1px dotted red;
background: url(images/fondhtml.jpg);
}

.emoicone{
margin:0 5px 0px 7px;
}
				/****LIENS****/
.liens{
width:680px;
height:250px;
overflow: auto;
text-align:center;
}

				/****PROFIL****/
.profilD{
margin-left:10px;
margin-top:20px;
width:300px;
height:368px;
background: url(images/fonpied.jpg);
}

.didg{
margin-left:15px;
width:680px;
background: bottom url(images/fonddigeridoo.jpg) no-repeat;
}

.fondecran {
margin:5px;
float:left;
width:230px;
height:200px;
}

.fondecran a{
font-size: 10px;
margin:5px;
}

.email{
margin:10px;
border: dashed 3px #000;
width:90%;
padding-bottom:10px;
background: url(images/fonpied.jpg);
}

.allopass{
float:left;
margin-left:10px;
margin-top:100px;
margin-bottom:20px;
width:300px;
}

.groupe{
float:left;
width:200px;
height:300px;
margin:15px;
padding:2px;
border:1px solid black;
}

.white{
color:white;
font-weight:normal;
}

#divmessage {
float:left;
position:absolute;
top:30%;
left:36%;
display:block;
width:306px;
height:315px;
color:black;
background-color:#D4A32D;
border:4px ridge black;
z-index: 2;
}

#photo_perso img{
float:left;
margin:5px;
}

#description{
margin:3px;
float:left;
height:175px;
width:428px;
background: url("images/members/fond.jpg") no-repeat;
}