body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image: url(pix/back.png);
	background-repeat: repeat-x;
	background-color: #ece5db;
	height:100%;
}

html {height:100%;}


#header {
  margin-left: auto;
  margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	display: block;
	position: relative;
	top : 0px;
	width: 900px;
	height: 140px;
	padding-top: 0px;
	background-image:url(pix/back-head.png);
	background-repeat: no-repeat;
	text-align: center;
}

#main {
	margin: 0 auto 0 auto;
	position: absolute;
	height: 100%;
	width: 900px;
	background-image:url(pix/back-main.png);
	text-align: center;
}

#contenu {
	margin: 0 auto 0 auto;
	padding-left: 20px;
	position: relative;
	width: 840px;
	top: -143px;
	text-align: center;
}

h2 {
	font-family: Times New Roman;
	font-weight: bold;
  font-size: 14px;
  color: #ffffff;
	margin-bottom: 30px;
	padding-left: 8px;
}

a.menu {
 font-family: Verdana;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
 color: #ffffff;
 margin-left: 14px;
}

#menu-top {
 display: block;
 width: 180px;
 height: 1px;
 background: url(./pix/magique.png) 0 -20px;
}

#menu {
 display: block;
 width: 180px;
 height: 20px;
 background: url(./pix/bouton.png) no-repeat 0 -20px;
 text-align: left;
 line-height: 20px;
 vertical-align: middle;
}

#menu :hover {
 display: block;
 width: 166px;
 height: 20px;
 margin-left: 0px;
 padding-left: 14px;
 background: url(./pix/bouton.png) no-repeat 0 -40px;
 text-align: left;
 line-height: 20px;
 vertical-align: middle;
}

#menu-selec {
 display: block;
 width: 180px;
 height: 20px;
 background: url(./pix/bouton.png) no-repeat 0 0;
 text-align: left;
 line-height: 20px;
 vertical-align: middle;
}

#top-nav {
 font-size: 9px;
 font-color: #666666;
 align: center;
 text-align:center;
 margin-top: 8px;
}

a.top-nav {
 font-family: Verdana;
 font-size: 9px;
 text-decoration: none;
 color: #666666;
}

h1.titre {
 font-family: Times New Roman;
 font-size: 30px;
 text-decoration: none;
 color: #ffffff;
 margin-left: 200px;
 margin-top: 30px;
}

h1.petit-titre {
 font-family: Times New Roman;
 font-size: 22px;
 text-decoration: none;
 color: #ffffff;
 margin-left: 200px;
 margin-top: 40px;
}

#panier {
 font-family: Verdana;
 font-size: 12px;
 width: 550px;
 text-decoration: none;
 text-align: left;
 color: #983200;
 font-weight: bold;
 margin: 10px 0 10px 85px;
}

h3.panier {
 font-family: Verdana;
 font-size: 14px;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 margin: 0 0 0 80px;
}

h2.selection {
 font-family: Verdana;
 font-size: 14px;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 margin: 0 0 0 80px;
}

h2.esoterisme {
 font-family: Verdana;
 font-size: 14px;
 text-decoration: none;
 color: #ffffff;
 font-weight: bold;
 margin: 0 0 0 80px;
}
#esoterisme {
 font-family: Verdana;
 font-size: 11px;
 text-decoration: none;
 color: #000000;
 margin: 10px 0 40px 40px;
 width:550px;
 text-align: left;
 align:left;
}

#achat a {
	float: left;
	display: block ;
	width: 125px ;
	color: #000 ;
	text-decoration: none ;
	background: url(pix/achat.png) no-repeat 0 -60px ;
}
#achat a:hover {background: url(pix/achat.png) no-repeat 0 -30px ;}
#achat a:active {background: url(pix/achat.png) no-repeat 0 0 ;}
#cmd-valider a {
	float: left;
	display: block ;
	width: 230px ;
	color: #000 ;
	text-decoration: none ;
	background: url(pix/valider.png) no-repeat 0 -60px ;
}
#cmd-valider a:hover {background: url(pix/valider.png) no-repeat 0 -30px ;}
#cmd-valider a:active {background: url(pix/valider.png) no-repeat 0 0 ;}
#cmd-continuer a {
	float: left;
	display: block ;
	width: 230px ;
	color: #000 ;
	text-decoration: none ;
	background: url(pix/acheter.png) no-repeat 0 -60px ;
}
#cmd-continuer a:hover {background: url(pix/acheter.png) no-repeat 0 -30px ;}
#cmd-continuer a:active {background: url(pix/acheter.png) no-repeat 0 0 ;}

.prod-titre {
 font-family: Verdana;
 font-size: 11px;
 text-decoration: none;
 color: #000000;
 font-weight: bold;
}
.prod-descr {
 font-family: Verdana;
 font-size: 9px;
 text-decoration: none;
 color: #000000;
}
.prod-prix {
 margin-top: 10px;
 margin-bottom: 10px;
 font-family: Verdana;
 font-size: 12px;
 text-decoration: none;
 color: #983200;
 font-weight: bold;
}
.prod-cat {
 font-family: Verdana;
 font-size: 10px;
 color: #666666;
 text-decoration: none;
}

div#eso-gauche {
  float: left;
	width: 210x;
	height: 210px;
	align: center;
	padding: 0px 10px 10px 10px;
}

div#eso-cont {
 width: 320px;
 text-align: left;
 font-size: 10px;
 padding-right: 20px;
}
#maincontent{
margin-top:0px;
top: 0px;
left: 0px;
position: absolute;
width:100%;
clear:both;
height: 80%;
}