@charset "UTF-8";
@import "workflow.css";
/*reset.css*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:inherit;font-weight:inherit;}
/*fonts.css*/
body {font:12px verdana, arial,helvetica,clean,sans-serif;}
table {font-size:inherit;}
a {color:#C50000}
a:hover {color:#9E0000}
.sep {clear:both; height:1px; line-height:1px; font-size:1px; }
.small {font-size:0.95em; font-weight:normal;}
img.left, .left img  {float:left; margin:0 10px 0 0;}
img.right, .right img  {float:right; margin:0 0 0 10px;}
img.middle { vertical-align:middle}
ul.list {padding-left:20px;}
ul.list li {list-style:disc;padding-bottom:0.5em;}

body {
background-color: #000000;
background-repeat: no-repeat;
}
#ac-doc {
width:780px;
margin:auto;
text-align:left;
}

div.memberBg {
	position:absolute;
	width:100%;
	height:542px;
	top:0;
	right:0;
	left:0;
	z-index:30000; 
	background:#000 url('../i/bg/body-bg-1680.jpg') repeat-x center top;
}
div.noscript { 
text-align:left;
background:#fff; 
padding:10px 30px 10px 20px; 
margin-top:80px; 
width:600px; 
border:4px solid #900
}
div.noscript h1 {
color:#8F0000;
font-family:"Century Gothic",Trebuchet,Arial,Helvetica,sans-serif;
font-size:24px;
font-weight:normal;
}
div.noscript p, div.noscript li {
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:1em;
}

/*
---------------------
BT
---------------------
*/
input.bt, input.bts, input.btLong, input.btsLong { 
cursor:pointer
}
a.bt, a.bts, a.btLong, a.btsLong, a.btsMed { 
display:block;
text-align:center;
text-decoration:none;
}
input.bts, a.bts, input.btsLong, a.btsLong, a.btsMed { width:128px; height:21px; background: url(../i/bt/bts.gif) no-repeat; border:0; color:#fff; font-size:12px; padding:0; font-weight:bold; line-height:19px; margin:0;}
input.bts:hover, a.bts:hover, input.btsLong:hover, a.btsLong:hover, a.btsMed:hover {background-position:0 -21px}
input.btsLong, a.btsLong { background-image:url(../i/bt/bts-l.gif); width:212px; }
a.btsMed { background-image:url(../i/bt/bts-m.gif); width:170px; }
input.bt, a.bt { width:128px; height:21px; background: url(../i/bt/btg.gif) no-repeat; border:none; color:#fff; font-size:12px; padding:0; font-weight:bold; line-height:19px; margin:0; }
input.bt:hover, a.bt:hover {background-position:0 -21px}
input.bt.long, a.bt.long { background-image:url(../i/bt/btg-l.gif); width:212px; }

a.bt-back {background:url(../i/main/fback.gif) no-repeat left center; display:block; padding:0 0 0 11px}
/*
---------------------
FORM
---------------------
*/

/* Commun */

input.invalid, select.invalid, 
table.form tr.input td input.invalid, 
table.form tr.input td select.invalid, 
table.form tr.input td textarea.invalid {
background:#FFD357;
}
#msg  {margin-bottom:1em}
#msg div.wrong { background:#E48C2B; padding:8px; border:1px solid #CF3817}
#msg div.ok { background:#7EBA3F; padding:8px; border:1px solid #468106}
#msg div.ok p {color:#fff;}
#msg div.ok p, #bloc #msg div.ok p, #msg div.wrong p, #bloc #msg div.wrong p {color:#fff;}

.msg  {margin-bottom:1em}
.msg div.wrong { background:#E48C2B; padding:8px; border:1px solid #CF3817}
.msg div.ok { background:#7EBA3F; padding:8px; border:1px solid #468106}
.msg div.ok p, #bloc .msg div.ok p, .msg div.wrong p, #bloc .msg div.wrong p {color:#fff;}
.msg div.wrong h3 { color:#5B3711; font-size:1.25em; padding-bottom:0.25em}
.msg div.wrong p a { color:#5B3711;}

form tr.input input {
margin: 0;
border: 1px solid #990000;
color: #990000;
background-color: #FFDE9B;
padding: 1px 3px 1px 3px;
width: 210px;
}
form tr.radio td {
padding-bottom:1px
}
form tr.input td {
padding-bottom:1px
}
#login_image {
padding: 0;
border: none;
width: 26px;
height: 20px;
cursor:pointer;
}
/* bloc */
#bloc {
position: absolute;
width: 606px; 
left:50%;
top:318px;
margin-top: -100px;
margin-left: -303px;
color: #ffffff;
text-align:left;
z-index:10;
}
#bloc #blocIn {padding :10px 31px 1px 22px; background: url(../i/register/bloc-bg-t.png) no-repeat top left;}
#bloc .blocBg {height:20px; background: url(../i/register/bloc-bg-b.png) no-repeat top left;}
#bloc a#blocClose {
position:absolute;
height:21px;
width:21px;
right:15px; top:6px;
background:url(../i/bt/close.gif) no-repeat;
z-index:20;
}
#register a#registerClose {
position:absolute;
height:21px;
width:21px;
right:15px; top:6px;
background:url(../i/bt/close.gif) no-repeat;
z-index:30;
}

#bloc h1 {
color:#614808;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
margin-bottom:0.25em;
}
#bloc h2 {
font-family: "Century Gothic", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 19px;
color: #9C7210;
font-weight:normal;
padding-bottom:0.5em;
padding-right: 120px;
line-height:1.25em;
}
#bloc p, #bloc li {
color:#614808;
padding:0.25em 0;
line-height:1.5em;
font-size:12px;
}
#bloc ul {
padding-left:20px;
}
#bloc li {
list-style:disc;
}
#bloc .advertise {
border:1px solid #614808;
background:#fff;
padding:8px; margin-bottom:10px;
}
#bloc .advertise p, #bloc .advertise li {color:#222;}
#bloc .advertise h2 {font-weight:bold; color:#8F0000; padding:0;}
/* Links */
#bloc .listLinks ul{
border:1px solid #d1d1d1;
background:#fff url(../i/main/bg-white.gif) repeat-x;
height:200px;
overflow:auto;

}
#bloc .listLinks ul{
padding:10px 20px;
}
#bloc .listLinks ul li{
padding:1px 0 15px;
margin:0;
list-style:none;
}
#bloc .listLinks ul h2 a {
color:#9C7210;
text-decoration:none;
}
#bloc .listLinks ul h2 {
margin:0;
padding:0;
}
#bloc .listLinks ul p {
margin:0;
padding:0;
}
/* Contact */
#bloc.contact #blocIn {
padding :2px 2px 1px 2px;
background-image: url(../i/register/bloc-bg-t-colr.png);
min-height:390px;
}
#bloc.contact .blocBg {
background-image: url(../i/register/bloc-bg-b-colr.png);
}
#bloc.contact h2 { padding-right:0}
#bloc.contact .splitA {
width:370px;
float:left;
padding:10px 0;
}/*
#register .splitA h1, #register .splitA p {
padding:0 10px;
}
*/
#bloc.contact .splitB {
background:#fff;
width:223px;
float:left;
padding:10px 0;
}
#bloc.contact  h1,
#bloc.contact  h2,
#bloc.contact  p,
#bloc.contact  .msg {
padding-left:10px; padding-right:5px
}

#bloc.contact .contact-shop {
margin:0;
padding:0 0 1px 10px;
}
#bloc.contact .contact-address {
background:#360401;
color:#fff;
padding:2px 0;
margin:0 0 0 10px;
width:200px;
color:#fff;
font-size:0.95em;
text-align:center;
}

#bloc.contact .contact-map {
margin:0;
padding:1px 0 1px 10px;
}

#bloc.contact a.none {
text-decoration:none;
color:#614808;
}
#bd-content .ban-contact {
	overflow:hidden;
	width:194px;
	padding-top:4px;
}
#bd-content .ban-contact h3 {
color:#666;
font-family:"Century Gothic",Trebuchet,Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:normal;
line-height:1.25em;
padding:0 0 0.5em 10px;
}
#bd-content .ban-contact .contact-address
{
background:#360401;
color:#fff;
padding:2px 0;
color:#fff;
font-size:0.95em;
text-align:center;
}
#bd-content .ban-contact .contact-shop {
margin:0;
padding:0;
}
#bd-content .ban-contact .contact-map {
margin:0;
padding:1px 0 1px 0;
}
#bd-content .ban-contact p{
	padding:0 5px;
	margin:0;
	font-size:0.95em;
}
#bd-content .ban-contact  a.none {
text-decoration:none;
color:#222;
}

/* Register */
#register {
position: absolute;
width: 606px; 
height: 520px; 
left:50%;
top:50%;
margin-top: -255px;
margin-left: -303px;
background-image: url(../i/register/register-bg.png);
background-repeat: no-repeat;
background-position: top left;
color: #ffffff;
text-align:left;
z-index:25;
}
#register #registration {

}
#register .splitA {
width:198px;
float:left;
padding:10px 0;

}
#register .splitA h1, #register .splitA p {
padding:0 10px;
}
#register .splitB {
width:370px;
float:left;
padding:10px 0;
}
#register .splitB form {
display:block;
padding:0 0 0 20px;
}
#register .splitA p {
/*font-family:Georgia, "Times New Roman", Times, serif;*/
line-height : 1.375em;
}
#register .splitA h1 {
font-size: 125%;
font-weight: bold;
text-align: left;
padding-bottom:10px;
}
#register table {
position:relative;
}
#register td {
text-align: left;
position:relative;
}
#register .label td {
padding:4px 0 0;
}
#register .input td {
padding:0;
}
#register td.first {

}
#register td.status {
width: 20px;
text-align:center;
}

table.form td label {
color : #403D24;
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
cursor: pointer; 
}
table.form tr.label td {
padding:6px 0 0 0;
}

table.form tr.input td input{ 
margin: 0;
border: 1px solid #A89D60;
color: #71130B;
background-color: #ffc;  
padding: 1px 0 1px 0;
width: 344px;
font-weight:bold;
font-size:12px;
height:18px;
line-height:20px;
position:relative;
}
table.form tr.input td select{ 
margin: 0;
border: 1px solid #A89D60;
color: #222;
background-color: #ffc;  
width: 344px;
font-size:12px;
line-height:20px;
position:relative;
}

table.form tr.input td textarea { 
margin: 0;
border: 1px solid #A89D60;
color: #71130B;
background-color: #ffc;  
width: 344px;
font-weight:bold;
font-size:12px;
line-height:18px;
position:relative;
height:60px;
}
table.form tr.button td { 
padding:8px 0 0 0;

}
table.form #state {
margin-top:4px;
}


.smallform label {
color : #403D24;
font-size:1.2em;
font-family:Georgia, "Times New Roman", Times, serif;
cursor: pointer; 
padding:6px 0 0 0;
display:block;
}
.smallform .input {
padding:2px 0;
}
.smallform input.text{ 
margin: 0;
border: 1px solid #A89D60;
color: #71130B;
background-color: #ffc;  
padding: 1px 0 1px 0;
width: 100%;
font-size:12px;
height:18px;
line-height:20px;
position:relative;
}
.smallform select { 
margin: 0;
border: 1px solid #A89D60;
color: #222;
background-color: #ffc;  
width: 100%;
font-size:12px;
line-height:20px;
position:relative;
}

.smallform textarea { 
margin: 0;
border: 1px solid #A89D60;
color: #71130B;
background-color: #ffc;  
width: 100%;
font-size:12px;
line-height:18px;
position:relative;
height:60px;
}
/*
#register td p {
padding: 2px 0px 2px 0px;
background-color: #FFDE9B;
border: 1px solid #FFDE9B;
border-top: none;
width: 350px;
}
#register td p label.error {
font-size: 92%;
color: #990000;
padding-left: 5px;
}
*/

body#member {
background-image: url('../i/bg/body-bg-1680.jpg');
background-repeat:repeat-x;
background-position:center top;
}
#bd {
background-color: #fff;
background-image: url(../i/main/content-bg-color.jpg);
background-repeat: repeat-y;
background-position: left top;
border: 2px solid #990000;
border-top: none;
clear: both;
}

#bd-content {
text-align: left;
line-height : 1.5em;
color: #222222;
/*
background-image: url(../i/main/content-bg-image.jpg);
background-repeat: no-repeat;
background-position: top left;
*/
min-height:450px;
}
#bd-content h1 {
font-family: "Century Gothic", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #8F0000;
font-weight:normal;
padding-bottom:8px;
}
#bd-content h1 span {
display:block;
font-size:0.75em;
padding-bottom:5px;
}
#bd-content h2 {
font-family: "Century Gothic", Trebuchet, Arial, Helvetica, sans-serif;
font-size: 19px;
color: #999999;
font-weight:normal;
padding-bottom:0.5em;
padding-right: 120px;
line-height:1.25em;
}
#bd-content p.advertise {
margin:5px 0;
padding:8px;
color:#3f3f3f;
background:#f0f0f0;
font-size:0.85em;;
line-height:1.25em;
clear:both;
}

#bd-content table.num td {
padding:2px 10px 10px 2px;
vertical-align:top;
}

#bd-content table.num td em {
color:#8F0000;
font-style:normal;
}

#bd-content table.num td strong {
font-size:1.75em;
font-weight:normal;
color:#8F0000;
/*
display:block;
float:left;
*/
}
/*
#bd-content p.num span {
display:block;
float:left;
}
*/
#bd-content .colA {
width:194px;
float:left;
padding:0 0 10px 0;
}
#bd-content .colA h1 {
 padding-bottom:0.5em
}
#bd-content .colA p {
 padding-bottom:0.5em
}
#bd-content .colA .edito {
padding:10px 10px 0;
margin-bottom:5px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.125em;
text-align:justify;
}
#bd-content .colA .smenu {
border-top:1px solid #ccc;
margin-bottom:8px;
border-bottom:1px solid #ccc;
overflow:hidden;
}
#bd-content .colA .smenu li {
margin:0;
display:inline
}
#bd-content .colA .smenu li a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.125em;
text-decoration:none;
display:block;
padding:6px 22px 6px 8px;
color:#8F0000;
border-top:1px solid #ccc;
background:url(../i/menuv/fch.gif) no-repeat 172px 8px;
/*color:#3B3720;
background:#D3C773 url(../i/menuv/fch.gif) no-repeat 172px 8px;
border-top:1px solid #B3A861;
*/
}
#bd-content .colA .smenu li a span {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
white-space:nowrap;
line-height:normal;
color:#726A3F;
}
#bd-content .colA .smenu li.sel a span {
color:#999;
}
#bd-content .colA .smenu li.sel {

}
#bd-content .colA .smenu li.sel a, #bd-content .colA .smenu li.sel a:hover {
color:#8F0000;
background:#fff url(../i/menuv/fch-sel.gif) no-repeat 172px 8px;
margin-right:0;
border-top:1px solid #ccc;
text-decoration:none;
}

#bd-content .colA .smenu li a:hover {
background: url(../i/menuv/fch-sel.gif) no-repeat 172px 8px;
display:block;
text-decoration:underline;
}
#bd-content .colA .ban {
margin-bottom:8px;
}  
#bd-content .colB {
width:582px;
float:left;
padding:10px 0;
overflow:hidden;
}
#bd-content .part {
padding:16px 30px;
}
#bd-content .part p.presentation {
padding-bottom:8px;
border-bottom:1px dotted #e5e5e5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.125em;
}
#bd-content .part div.note {
padding:8px 0 0;
margin:12px 0 0;
border-top:1px dotted #e5e5e5;
font-size:0.75em;
}
.labelPresentation {
position:relative;
background:#fff;
}

.labelPresentation .logoLabel {
position:absolute;
background:none;
border:none;
top:-85px;
right:10px;
}
.labelPresentation div {
 border-top:1px solid #d1d1d1;
 background:url(../i/label/bg-over.gif) repeat-x;
}
.labelPresentation div.labelOff {
 border-top:1px solid #d1d1d1;
 background:url(../i/label/bg.gif) repeat-x;
}
.labelPresentation div.labelOff dl {
 height:60px;
 overflow:hidden;
}
.labelPresentation div.labelOff dl dd {
 display:none;
}
.labelPresentation div dl {
display:block;
background-repeat:no-repeat;
background-position:100% 50%;
text-align:justify;
height:auto;
overflow:auto;
}
.labelPresentation div#star1 dl {
background-image:url(../i/label/5pts-quality.jpg);
}
.labelPresentation div#star2 dl {
background-image:url(../i/label/5pts-dollard.jpg);
}
.labelPresentation div#star3 dl {
background-image:url(../i/label/5pts-delivery.jpg);
}
.labelPresentation div#star4 dl {
background-image:url(../i/label/5pts-preservation.jpg);
}
.labelPresentation div#star5 dl {
background-image:url(../i/label/5pts-authenticity.jpg);
}
.labelPresentation dl dt {
background-position: 10px 1px;
background-repeat:no-repeat;
line-height:2em;
font-size:2em;
color:#B58700;
font-family:Georgia, "Times New Roman", Times, serif;
padding-left:70px;
height:2em;
overflow:hidden;
}
.labelPresentation dl dd {
font-size:0.95em;
color:#3F3F3F;
width:260px;
padding:8px 12px;
}

.labelPresentation div#star1 dl dt {
background-image:url(../i/label/star-1.gif);
}
.labelPresentation div#star2 dl dt {
background-image:url(../i/label/star-2.gif);
}
.labelPresentation div#star3 dl dt {
background-image:url(../i/label/star-3.gif);
}
.labelPresentation div#star4 dl dt {
background-image:url(../i/label/star-4.gif);
}
.labelPresentation div#star5 dl dt {
background-image:url(../i/label/star-5.gif);
}
.labelPresentation dl dt a {
color:#B58700;
}

#logo {
float: left;
width: 220px;
text-align:left;
}
#logo img {padding-top:5px}
#xp-bar {
background-image: url(../i/main/xp-bar.gif);
background-position: center center;
background-repeat: no-repeat;
width: 340px;
height: 120px;
float: left;
display:none;
}

#cart {
background-image: url(../i/main/cart.gif);
background-position: right 20px;
background-repeat: no-repeat;
width: 220px;
height: 100px;
float: right;
}
#cart a {
display:block;
height:100px;
width:100px;
text-decoration:none;
float:right;
}
#cart-resume {
color:#3A4E32;
background:#fff;
padding:20px 10px 14px;
}

.buttons a {
	display:block; float:right; margin:10px 0 10px 10px;
}
#cart-resume p {
margin:0;
padding:0 0 2px 23px;
background:url(../i/shop/cart.gif) no-repeat 1px 1px;
}
#cart-no {
height:30px;
}
#nav {
clear: both;
margin: 0;
padding: 0;
height: 27px;
display: block;
overflow: hidden;
width: 780px;
background-image: url(../i/menuh/tabs-bg.png);
background-repeat: repeat-x;
background-position: bottom;
text-align:left;
}

#nav ul {
list-style: none;
margin-left:195px;
width: 595px;
height: 27px;
display:block;
}
#nav li {
margin: 0;
padding: 0;
display: block;
float:left;
list-style: none;
}

#nav a {
float: left;
text-decoration:none;
/*padding: 27px 0 0 0;*/
overflow: hidden;
display:block;
height:27px;
}
#nav a strong {
display:none
}

#nav a:hover {
background-position: 0 -27px;
}

#nav a:active, #nav a.sel, #nav a:hover.sel {
background-position: 0 -54px;
}

#tab-home a  {
width: 66px;
background: url(../i/menuh/tab-home.png) top left no-repeat;
}
#tab-campaign a  {
width: 99px;
background: url(../i/menuh/tab-campaign.png) top left no-repeat;
}
#tab-sponsoring a  {
width: 111px;
background: url(../i/menuh/tab-sponsoring.png) top left no-repeat;
}
#tab-account a  {
width: 124px;
background: url(../i/menuh/tab-account.png) top left no-repeat;
}

#nav #logout {
padding-right:20px;
height: 22px;
text-align: right;
vertical-align: bottom;
margin-top:5px;
float: right;
}
#nav #logout a {
padding: 0;
color: #C50000;
font-weight:normal;
height: 22px;
display:block;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
}
#nav #logout a:hover {
text-decoration:underline;
}
#hd { width:780px;}

#ft { color:#999; font-size:11px; padding-top:4px; padding-bottom:20px; position:relative; background:#000;}
#ft a {color:#fff; font-weight:normal}
#ft a:hover {color:#C50000;}
#ft .valid { position:absolute; top:4px; right:-5px;}