body, h1, h2, h3, h4, ul {
margin:0;
padding:0;
}
body {
background:#883600 url(../images/jbl_bg_wood.jpg) repeat center top;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
color:#F5F5AB;
text-align:center;
}
#wrapper {
background:transparent url(../images/jbl_bg.jpg) no-repeat center top;
text-align:left;
position:relative;
margin:0 auto 50px auto;
/*height:620px;*/
width:900px;
padding:50px 0;
}
h1.header, h2.header {
position:relative;	
text-indent:-2000px;
}
h1.header {
height:80px;
}
h2.header {
margin:0 50px 7px 600px;
font-size:2px;
line-height:2px;
height:18px;
}
.header a {
display:block;
height:100%;
line-height:normal;
width:100%;
text-decoration:none;
}
a {
color:#D15F0B;
text-decoration:none;
font-size:1.3em;
letter-spacing:-1px;
}
.alternate {
display:none;
}
.spacer {
clear:both;
line-height:1px;
height:1px;
font-size:1px;
}
.soft {
	color:gray;
	display:block;
	float:left;
	font-size:0.5em;
	font-weight:normal;
	font-style:italic;	
	line-height:120%;
	margin-right:15px;
}
#print_button {
background:transparent url(../images/print_button.png) no-repeat left top;
display:block;
height:84px;
width:27px;
position:absolute;
left:841px;
top:255px;
text-indent:-50000px;
text-decoration:none;
}
.prix {
font:bold 1.5em georgia;
color:#d45500;
}
.ref {
font-weight:normal;
font-style:italic;
color:#ff7f2a;
}

/* form styles */
form, form p {
position:relative;
}
fieldset {
border:#883600 solid 1px;
background:#FFFED0;
margin-top:2em;
}
fieldset legend {
font-weight:bold;
font-size:1.1em;
letter-spacing:1px;
}
#content form ul, #content form li {
list-style:none;
}
textarea {
width:100%;
}
input, textarea {
border:#883600 solid 1px;
font:1.2em georgia, Verdana, Arial, Helvetica, sans-serif;
background-color:#f6f5ab;
}
input {
padding:1px;
margin:2px 0 5px 0;
width:160px;
}
html>body input {
right:0;
}
label {
display:block;
margin-bottom:3px;
padding-top:6px;
}
.radio input {
 width:auto;
 margin-bottom:-2px;
}
.radio label {
 display:inline;
 margin-left:0.5em;
}
#content form .radio li {
 margin-left:0;
}

.button {
position:relative;
background:transparent;
width:auto;
color:#F8F6AC;
background:#883600;
border-style:outset;
margin:1em 0 0 30px;
}
.button:hover {
border-style:inset;
cursor:pointer;
}
.formErrors {
border:#f00 solid 1px;
padding:5px;
margin:4px 50px;
}
.formlabelerror input, .formlabelerror textarea {
border:#f00 solid 1px;
background:#fbb;
}

/* content */
#content {
position:relative;
top:83px;
left:45px;
background:transparent url(../images/jbl_bg_content.png) no-repeat 0 100%;
color:#883600;
line-height:1.8em;
width:547px;
padding:0 50px 20px 220px;
text-align:left;
}
/*html>body #content {
top:185px;
}*/
#content p {
margin:0 0 14px 0;
}
#content img {
float:left;
margin:10px 30px 10px 0;
border:#883600 5px solid;
}
#content a img, #content a:hover img {
border-color:#D15F0B;
}
#content img.inline, #content a img.inline {
float:none;
margin:0;
border:0;
}
#content .left {
float:left;
margin-right:1em;
}
#content .right {
float:right;
margin-left:1em;
}
#content div.left, #content div.right {
	width:45%;
}
#content div.left {
 margin-right:5%;
}


#content h1 {
clear:both;
width:auto;
font:1.7em georgia;
padding:0 0 1em 30px;
background:transparent url(../images/h1.jpg) no-repeat 0 0.1em;
}
#content h2 {
clear:both;
border-bottom:#F7CA3E 1px solid;
font-size:150%;
font-weight:normal;
margin-bottom:0.3em;
padding:10px 0 3px 0;
text-align:left;
}
#content h3 {
font-size:1.1em;
padding:8px 0 4px 0;
color:#D15F0B;
}
#content u {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
letter-spacing:-1px;
}
#content li {
margin-left:18px;
list-style:square;
}

/* lang */
#languages {
position:absolute;
top:10px;
left:0;
color:#F5C388;
}
#languages a {
color:#F5F5AB;
text-decoration:none;
}

/* menu */
#menu {
position:absolute;
left:300px;
top:154px;
}
#menu h2 {
display:none;
}
#menu ul {
list-style:none;
}
#menu li {
margin-bottom:45px;
float:left;
}
#menu li a {
display:block;
height:23px;
width:120px;
padding-top:3px;
font-size:1.3em;
color:#F6F5AB;
text-decoration:none;
text-align:center;
}
#menu li.selected a, #menu li a:hover {
/*font-weight:bold; */
color:#F7CA3E;
text-decoration:none;
}




/* submenu 20081030 */
#submenu {
background:transparent url(../images/submenu-bg-2.png) no-repeat 0 0;
color:#883600;
float:left;
margin:55px 35px 10px 47px;
padding:40px 0 0 0;
position:absolute;
width:210px;
z-index:100;
}

#submenu h2 {
display:none;
}

/* first level */
#submenu ul {
background:transparent url(../images/submenu-pike.png) no-repeat 0 100%;
margin:0;
padding-bottom:30px;
}
#submenu ul li {
background:transparent url(../images/submenu-pike.png) no-repeat 0 0;
list-style:none;
padding:30px 20px 0 13px;
}
#submenu ul .selected {
background-image:url(../images/submenu-pike-orange.png);
}
#submenu a {
color:#883600;
font-family:georgia, serif;
font-size:160%;
font-weight:bold;
line-height:90%;
text-align:left;
text-decoration:none;
}
#submenu ul .selected a, #submenu ul a:hover {
color:#D15F0B;
}
#submenu ul .selected a {
font-size:170%;
}

/* second level */
#submenu ul ul {
	background:none;
	margin-top:7px;
	padding-bottom:0;
}
#submenu ul .selected ul li  {
background:none;
padding:0;
}

#submenu ul .selected ul a {
background:transparent url(../images/submenu-triangle.png) no-repeat 0 12px;
	color:#917c6f;
display:block;
font-family:verdana, sans-serif;
font-size:130%;
font-weight:normal;
letter-spacing:0;
line-height:120%;
padding:7px 0 5px 12px;
}
#submenu ul ul .selected a, #submenu ul ul a:hover {
background-image:url(../images/submenu-triangle-orange.png);
color:#D15F0B;
}


/* third level */

#submenu ul ul ul {
margin-top:0.1em;
}

#submenu ul .selected ul ul a {
background:transparent url(../images/submenu-bullet.png) no-repeat 0 11px;
color:#917c6f;
font-size:110%;
padding:4px 0 3px 30px;
}

#submenu ul ul ul .selected a, #submenu ul ul ul a:hover {
background-image:url(../images/submenu-bullet-orange.png);
color:#d15f0b;
}





















/* home */
.home #wrapper{
background-image:url(../images/jbl_bg_home.jpg);
height:560px;
}
.home #content {
/*top:195px;*/
width:326px;
background-image:url(../images/jbl_bg_content_home.png);
background-position:10px 100%;
left:35px;
top:70px;
padding-left:40px;
}
/*
html>body.home #content {
top:145px;
}*/
.home #print_button {
left:426px;
}
.home #content h1 {
padding-bottom:25px;
}
.home #menu {
position:absolute;
left:515px;
top:197px;
letter-spacing:1px;
}
.home #menu h2 {
display:none;
}
.home #menu ul {
list-style:none;
}
.home #menu li {
float:none;
margin-bottom:45px;
}
.home #menu li a {
display:block;
height:97px;
width:305px;
padding:13px 0 0 20px;
font-size:17px;
color:#883600;
text-decoration:none;
text-align:left;
}
.home #menu li.selected a {
/*font-weight:bold;*/
color:#D15F0B;
text-decoration:none;
}
.home #menu li a:hover {
color:#D15F0B;
}
/*
.home #menu li span {
display:block;
font-size:11px;
width:130px;
margin-top:15px;
cursor:pointer;
}
*/

/* images gallery */
.gallery img {
display:block;
margin:4px 50px;
}

/* contact */
/*input#pfo4 {
width:12px;
position:relative;
margin:0 4px -1px 0;
padding:0;
border:none;
background:none;
right:0;
}
*/
/* blog */
.blog #comments_list {
margin:20px 0;
background-color:#EDED9A;
border:#C9C95F 1px solid;
}
.blog #comments_list h1 {
background-image:none;
background-color:#E7E77B;
border-bottom:#C9C95F 1px solid;
padding-left:7px;
}
.blog #comments_list .post_content {
padding:8px 8px 4px 8px;
}

/* exposition */
.product form {
	clear:both;
	font-size:80%;
	font-style:italic;
}
.product form p {
	line-height:100%;
}
.product form .text input {
	border-left:0;
	border-right:0;
	border-top:0;	
	margin-left:10px;
	width:50%;
}
.order {
background:transparent url(../images/commander.png) no-repeat 0 0;
border:0;
clear:both;
cursor:pointer;
display:block;
height:27px;
margin-top:1em;
text-indent:-10000px;
width:106px;
color:#fff;
}
.exposition #submenu .spacer {
background:transparent url(/files/images/paypal.png) no-repeat 13px 100%;
height:30px;
}

#expositioncommande #content .inline {
 float:right;
 margin:0 0 0.5em 1.3em;
}
#expositioncommande #content .clear {
 clear:both;
}

/* footer */
#footer {
	border-top:1px solid #F7CA3E;
	font-size:80%;
	line-height:100%;
	margin-bottom:-0.8em;
	margin-top:1.5em;
	padding-top:0.8em;
}
#footer a {
	color:#883600;
	font-size:100%;
}

/* admin zone in the public site */
#admin {
	position:absolute;
	left:255px;
	top:218px;
}
#admin a {
	border:1px solid #F7CA3E;
	color:#F7CA3E;
	float:left;
	font-size:90%;
	font-weight:bold;
	margin:0 1em;
	padding:0 5px;
}
#admin a:hover {
border-color:#883600;
color:#883600;
}
#home #admin {
	left:70px;
	top:205px;
}