@charset "utf-8";
/************* RESET *****************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 0 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; clear:both; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }

.fr { float:right;}
.fl { float:left;}
.clearer { clear:both;}

/********** GLOBAL ************/
body {background:#fff url("../images/bg.png") repeat-x; font-size:75%;}

a {color:#95ae41;}
a:hover {/*TOUS LES LIENTS AU PASSAGE DE LA SOURIS DESSUS*/}

#container { width:910px; margin:15px auto;}
#content { background:transparent url("../images/box-bg.png") repeat-y; padding:0 7px;}
#content-inner { padding:10px 30px;}
#footer {background:transparent url("../images/box-footer.png") no-repeat top; padding-top:22px; text-align:center; color:#CCCCCC; font-size:.8em; height:1%;}
.c { padding:10px 20px;}
p { margin-bottom:.6em;}

/********** TYPOS ************/
body,h1,h2,h3,h4,h5,h6,h7,p,ul,ol,dl,input,textarea { font-family:Arial, Helvetica, sans-serif; }
h1 {font-size:1.6em; border-bottom:6px solid #b8d543; padding:0 50px; margin:-1em 0 1em;}
h1 span { position:relative; top:1.2em; background-color:#fff; padding:2px 5px;}

h2 { font-size:1.2em; font-weight:bold; font-style:italic;}

h3 { font-size:1.5em; font-weight:bold; font-style:italic;  color:#95ae41; }
h3 a{ color:#95ae41; }
h4 { font-weight:bold; color:#95ae41;}

/********** CONTENT ************/

#logo { padding:0 7px;}
#label { margin-right:7px;}

#breadcrumb { font-size:.9em; padding:2px 10px; color:#999999;}
#breadcrumb a { color:#b8d543;}

#nav { background:url("../images/nav-bg.png") no-repeat; height:52px; line-height:52px; margin-top:10px; list-style:none; padding:0 7px;}
#nav li { float:left; padding-right:5px;}
#nav li.cur { background:url("../images/current.png") no-repeat center bottom; }
#nav li a { display:block; padding:15px; float:left; background:url(../images/sep_menu.jpg) no-repeat center right;}
#nav li.last a { background:none;}

#call2actions { margin-top:20px;}
.c2a { float:left; width:260px; height:170px; margin-left:14px; padding:0 0 20px 14px; background:url("../images/sep_v.jpg") no-repeat top left; position:relative;}
.c2a h2 { border-bottom:3px solid #b8d543; margin-bottom:1.2em; text-align:left;}
.c2a h2 img { position:relative; top:1em; background-color:#FFF; padding:2px 5px 2px 0;}
.c2a p { text-align:left;}
.c2a .idesc { margin:4px; float:right;}
.c2a .button { position:absolute; bottom:0; }
#produits { margin:0; padding-left:0; background:none;}

a.button{ background: url(../images/buttons.png) no-repeat top; display:block; height:24px;}
a.button span,#jcart-checkout span {text-indent:-8000px; display:block;}

#produits .button {width:185px; background-position:0 0;}
#produits .button:hover { background-position:0 -24px;}

#salons .button {width:122px; background-position:-186px 0;}
#salons .button:hover {background-position:-186px -24px;}

#tarifs .button {width:167px; background-position:-310px 0;}
#tarifs .button:hover {background-position:-310px -24px;}

/********** TARIFS ************/

#tarifs table{ border:1px solid #CCCCCC; margin:20px;}
#tarifs th, #tarifs td {border:1px solid #CCCCCC; padding:.5em;}
#tarifs th { width:40em;}
#tarifs td { background-color:#b8d543; color:#FFFFFF; font-size:1.5em; font-weight:bold; text-align:center; width:4em; border-bottom-color:#FFFFFF;}
#tarifs tr:last-child td{ border-color:#CCCCCC;} 

/********** STORE ************/

#store { }
#sidebar { width:205px; float:right;}

#sidebar .info { text-indent:10px; margin:inherit 5px;}

#content-main  { width:600px;padding-top:20px; overflow:auto; }

.jcart { margin:0 20px 20px 0; padding-top:20px; /*border:1px dotted #B8D543;*/ float:left; background:#fff; text-align:center; width:180px;}
.jcart ul { margin:0; list-style:none; padding:0 20px; text-align:left; }
.jcart fieldset { border:0; }
.jcart strong { color:#000066; }
.jcart .button { margin:20px; padding:5px; }

#bag {background:url(../images/bag-f.png) no-repeat bottom; padding-bottom:2px; margin-bottom:20px; }
#jcart { background:url(../images/bag-h.png) no-repeat top; padding:50px 5px 0;}

#jcart-checkout {width:185px; height:24px; background:transparent url(../images/buttons.png) no-repeat -1px -48px; border:none; margin-top:10px; cursor:pointer;}
#jcart-checkout:hover {background-position:-1px -72px;}

#jcart-update-cart {width:118px; height:24px; background:transparent url(../images/buttons.png) no-repeat -353px -48px; border:none; cursor:pointer;text-indent:-2000px;}
#jcart-update-cart:hover {background-position:-353px -72px;}

#jcart-empty {width:76px; height:24px; background:transparent url(../images/buttons.png) no-repeat -277px -48px; border:none; cursor:pointer;text-indent:-2000px;}
#jcart-empty:hover {background-position:-277px -72px;}


#produits .button {cursor:pointer; border:none;}
#produits .buyButton {width:91px; height:24px; background:transparent url(../images/buttons.png) no-repeat -186px -48px; text-indent:-2000px; display:block; margin:5px; }
#produits .buyButton:hover { background-position:-186px -72px; }

#jcart fieldset { border:0; }
#jcart table { width:100%; border:0;border-collapse:collapse; }
#jcart tr {  }
#jcart th, #jcart td { padding:5px; border:0; vertical-align:top; text-align:left; font-weight:normal; }
#jcart td.empty { text-align:center; }

#jcart p.jcart-error { text-align:center; padding:5px; }

#jcart strong#jcart-title { color:#ff3399; }

#jcart th { text-align:center;}
#jcart th#header {  }
$jcart th#footer {  }

#jcart td.jcart-item-qty { width:25%; }
.jcart-item-qty input { width:2em;}
#jcart td.jcart-item-name { width:50%; font-weight:bold; }
#jcart td.jcart-item-price { width:25%; font-weight:bold; text-align:right; }
#jcart td.jcart-item-price span { display:block; }
#jcart td {  border-bottom:1px dotted #CCCCCC;}

#jcart a.jcart-remove { font-size:11px; font-weight:normal; }

#jcart span#jcart-subtotal { display:block; text-align:left;}
#jcart span#jcart-subtotal strong { color:#ff3399; float:right;}

#jcart input.jcart-button { padding:2px; margin:2px;}


#jcart input#jcart-paypal-checkout { display:block; padding:10px; margin:20px auto; }

#jcart-tooltip { border:solid 1px #000; padding:3px 7px 3px 25px; background:url("/jcart/checkmark.png") 3px center no-repeat #f2fcee;  }

#checkout #jcart { background:none; padding:10px;}
#checkout #jcart td.jcart-item-qty { width:50px;}
#checkout #jcart td.jcart-item-name { width:auto;}
#checkout #jcart td.jcart-item-price { width:150px;}

#checkout #jcart-header, #checkout #jcart-footer { font-size:1.4em;}


/********** ORDER STEPS ************/
#steps {font-size:2em; margin:0; list-style:none; font-family:Georgia, "Times New Roman", Times, serif;}
#steps li { float:left; padding:.6em 2em;}
#steps li span{font-size:2em; color:#b8d543; font-weight:bold; float:left; line-height:.6em; padding-right:.5em}
#steps li.next,#steps li.next span { color:#ccc;}
#steps a {text-decoration:none;}

/*-----FORMS---------------*/
fieldset { margin-top:20px;}
fieldset.top { margin-top:0;}

fieldset ol {list-style:none;margin:0;padding:1em 1em 0;}
fieldset ol li {padding:0.5em 0; clear:left;}
legend { font-style:italic; font-size:0.9em; color:#999;}
label {	float:left;margin-right:1em;position:relative;text-align:left;width:12em;cursor:pointer;font-weight:bold;}
label strong {float:right;color:red !important;font-weight:bold;margin:0; font-size:1.2em;}
p.tip { float:left; color:#222;font-size:0.9em;font-family:arial,helvetica,sans-serif;background-color:#ffffcc; width:30em; padding:.4em;}
span.required {color:red;}

.field, input.field.text {border:1px solid #CCCCCC;font-size:1.2em; padding:5px 4px; color:#666666;-moz-border-radius:4px; float:left; margin-right:2em;}
form div.list{ float:left;}
form div.list input { float:none; margin-bottom:.5em;}
input.field:focus,textarea.field:focus { border:1px solid #ABABAB;}

input.large,select.large { width:26em;}
input.medium, select.medium { width:18em;}
input.small, select.small, input.field.small { width:6em; margin-right:12em;}
select.sep optgroup{border:1px dashed #CCCCCC; border-width:1px 0; margin:5px; padding:4px 0;}
select.sep optgroup option { padding-left:4px;}
textarea { width:50%; float:left; }

#produits input { float:none; margin:0;}
#produits label { float:none; margin:0; width:auto;}

li.error ul{color:#990000; font-weight:bold; clear:both; margin-left:14em;}
li.error input {border-color:#F77171;}
input.error {border-color:#F77171;}

div.submit {padding:1em 0 1em 14em;}

form li.inline { clear:none !important; padding-right:10px; float:left;}
form li.leftHalf, form li.rightHalf{width:44% !important;}
form li.leftHalf,fieldset.leftHalf{clear:left;float:left;}
form li.rightHalf,fieldset.rightHalf{clear:none !important;float:right;}

.errors {background:#FFF1F1; border-bottom:1px solid #FDDCDC; padding:10px; margin-bottom:10px; color:#990000;}

#cats { list-style-position:inside; padding-left:10px;}

#gmap { float:right; width:450px; height:500px;}
#cm_sidebarDIV a {color:#95AE41;font-size:1.5em;font-style:italic;font-weight:bold;}

#contentHeader { background:url("../images/nav-bg.png") no-repeat; height:42px; margin-top:10px; list-style:none; padding:10px 20px 0; position:relative;}
#contentHeader ul { list-style:none; float:left; padding:14px 50px 0 0;}
#contentHeader li{ display:inline; }
#contentHeader li a {padding:10px; border:1px solid #CCC;  -moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0; text-decoration:none; color:#333333; background-color:#E4E4E4;}
#contentHeader li.current a{ background-color:#FFFFFF;border-bottom-color:#fff;}

#logged { text-align:center;}
#logout { font-weight:bold; color:#000; text-decoration:none;}
#panel a { text-decoration:none; color:#669933;}
#panel a:hover { background-color:#FFFF99;}
form#search { float:right; padding-top:3px;}
form#search input{ margin:2px;}

#panel { padding:10px;}
table.grid {border:1px solid #CCC;}
table.grid th,table.grid td {border-bottom:1px solid #CCC; padding:4px;}

table.grid th { background-color:#CCCCCC; border-color:#999; color:#000000; font-weight:bold;}
table.grid td.number { text-align:right; padding-right:20px;}
table.grid .total { border:2px solid #000000;text-align:right; padding-right:20px;}

table.recap td {padding:0 20px;}

#status { float:right; padding:20px; border:2px solid #000000; margin:0 40px; width:160px; text-align:center; font-weight:bold; font-size:2em;}
.pending { background-color:#FFCC33; border-color:#CC6600; color:#CC6600;}
.processed { background-color:#669933; border-color:#006600; color:#006600;}
.cancelled { background-color:#FFCCCC; border-color:#CC0000; color:#CC0000;}
table.grid td.pending,table.grid td.processed,table.grid td.cancelled { text-align:center; font-weight:bold;}
table.grid td.action { text-align:right;}